@charset "UTF-8";

* {
	margin:0;
	padding:0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

a {
	color:#274b5e;
}

a.navlink {
	color: #FFF;
	text-decoration: none;
}

a.navlink:hover {
	text-decoration: underline;
}

.border {
	border: 1px solid #AFAFAF;
}

#container {
	font-size: 1.2em;
	color:#FFF;
}
#sidebar {
	background-image: url(sidebarBg.png);
	background-repeat: repeat-y;
	left: 0;
	height: 100%;
	width: 280px;
	position: fixed;
	z-index:100;
}

#content {
	float: left;
	left: 305px;
	width: auto;
	position:relative;
	top:107px;
}

h2 {
	font-size: 1.2em;
	color:#274b5e;
	font-weight:bold;
	padding-bottom: 6px;
}

p.desc-text {
	width:515px;
	color:#274b5e;
	line-height:1.5em;
}

p.desc-text2 {
	width:515px;
	color:#274b5e;
	line-height:1.5em;
	padding-top:5px;
}

p.role-text {
	width:515px;
	color:#274b5e;
	line-height:1.5em;
	margin-top:5px;
}

p.featured {
	font-weight:bold;
	color:#274b5e;
	line-height:1.5em;
	padding-top:20px;
}

form {
	font-weight:bold;
	color:#274b5e;
	line-height:1.5em;
}

form input.text {
	border:1px solid #274b5e;
	width:200px;
	height:22px;
	padding:0 0 0 4px;
	color:#274b5e;
	font-size:1em;
}

form input.button {
	margin:3px 4px 0 0;
	font-size:1em;
}

form textarea.text2 {
	border:1px solid #274b5e;
	width:300px;
	height:100px;
	padding:4px 0 0 4px;
	color:#274b5e;
	font-size:1em;
}

form label.topPadding {
	padding-top:6px;
	display:block;
}

#logo {
	margin-left: 34px;
	margin-top: 102px;
	position:relative;
}

#logo img {
	border:0;	
}

#navigation {
	margin: 22px 0 0 90px;
	position:relative;
}

#navigation .nav-space {
	padding-left:26px;
	position:relative;
}

#works-list {
	margin-top:35px;
	width:252px;
	text-align:right;
}

#works-list ul li {
	padding-bottom: 4px;
	list-style: none;
}

<!-----------JQUERY SLIDER CSS------------>
			a.boxes{ color:#C8DCE5;text-decoration:none; }
			a.boxes:link{ text-decoration:none; }
			a.boxes:visited{ text-decoration:none; }
			a.boxes:hover{ text-decoration:none; }
			a.boxes:active{ text-decoration:none; }
			h3{ margin: 7px 10px 0 10px; color:#FFF; font:10pt Arial, sans-serif; font-weight: bold;  }
			
			.boxgrid{ 
				width: 235px; 
				height: 100px; 
				margin:10px 25px 0 0; 
				float:left; 
				background:#161613; 
				border: solid 1px #224659; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold;
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 65px;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 77px;
 					left: 0;
 				}