@charset "utf-8";
/* CSS Document */

/* ------ Document Configuration ------ */

body, p, span, div {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:900;
	}
	
#sideBar a, #sideBar a:visited, p a, p a:visited,
span a, span a:visited, small a {
	text-decoration:none;
	color:#2aa1ba;
	}

#sideBar a:hover, p a:hover, span a:hover, small a:hover {
	text-decoration:underline;
	}

img, table {
	border:none;
	}
	
.clear {
	clear:both;
	visibility:hidden;
	}

h1 { font-family: helvnew, Helvetica, Arial, sans-serif; font-weight:normal; }  
h2 { font-family: helvnew, Helvetica, Arial, sans-serif; font-weight:normal; }  
h3 { font-family: helvnew, Helvetica, Arial, sans-serif; font-weight:normal; } 
.title {font-family: /*baskerville,*/ serif; color:#2aa1ba; font-size:16px;}

a, #Acc1 {
	outline:none;
	}

/* ------ Body IDs ------ */

#wrapper {
	width:1000px;
	margin:0 auto;
	}
	
#content {
	width:900px;
	margin:0 auto;
	position:relative;
	}
	.home_bg {
		background-image:url(../images/home_bg.jpg);
		background-repeat:no-repeat;
		}
		
/* ------ HEADER ------ */

#header {
	width:900px;
	margin:0 auto;
	}
	
	#topline {
		width:900px;
		height:15px;
		padding-bottom:4px;
		margin-top:20px;
		border-bottom:solid 1px #bfbfbf;
		}		
		#topline img {
			float:right;
			}
				
	#nav {
		float:right;
		width:500px;
		height:25px;
		margin-top:10px;
		}
		
	#logo {
		float:left;
		width:310px;
		height:40px;
		padding-top:1px;
		}
		
/* ------ MAIN CONTENT ------ */

#main {
	width:900px;;
	margin:0 auto;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
/* ------ FOOTER ----- */

#footer {
	width:880px;
	margin:0 auto;
	margin-top:20px;
	padding:0px 10px;
	padding-top:5px;
	font-size:10px;
	color:#9b9b9b;
	border-top:solid 1px #d2cec9;
	}
	#copyright {
		float:left;
		}
		#copyright a {
			color:#9b9b9b;
		}
		#copyright a:hover {
			color:#2aa1ba;
			text-decoration:none;
		}
	#credit {
		float:right;
		}	
		#credit a {
			height:10px;
			width:10px;
			display:block;
			background-image: url(../images/octane.png);
			background-repeat:no-repeat;
			background-position:0px;
			}
		#credit a:hover {
			background-position:-10px;
			}
			
/* ------ HOME ------ */

#spotWRM, #spotIMS, #spotGRW {
	position:absolute;
	top:420px;
	width:272px;
	height:143px;
	}
	#spotWRM a, #spotIMS a, #spotGRW a {
		display:block;
		width:272px;
		height:143px;
		background-position:0px 0px;
		background-repeat:no-repeat;
		}
	#spotWRM a:hover, #spotIMS a:hover, #spotGRW a:hover {
		background-position:0px -143px;
		}	
		
#spotWRM {
	left:20px;
	}
	#spotWRM a {
		background-image:url(../images/spot_wrm_rollover.png);
		}

#spotIMS {
	left:317px;
	}
	#spotIMS a {
		background-image:url(../images/spot_ims_rollover.png);
		}
		
#spotGRW {
	left:614px;
	}
	#spotGRW a {
		background-image:url(../images/spot_grw_rollover.png);
		}
		
/* ------ SECONDARY PAGE CONSTANTS ------*/

#banner {
	width:900px;
	height:189px;
	margin-top:15px;
	}
	#bannerImg {
		width:900px;
		height:189px;
		position:relative;
		z-index:1;
		}
	#bannerClr {
		width:900px;
		height:40px;
		background-image:url(../images/header_stripe.png);
		position:absolute;
		z-index:2;
		top:225px;
		left:0px;
		}
		#bannerClr h1 {
			color:#FFF;
			text-transform:uppercase;
			margin-left:15px;
			font-size:30px;
			position:relative;
			top:-5px;
			}
			
#subNav, #mainContent, #sideBar, #subNavContact, #sideBarProjects, #mainContentProjects, 
	#subNavServices {
		margin-top:20px;
		float:left;
		height:350px;
		overflow:hidden;
		}
	#mainContentArchive {
		margin-top:20px;
		float:right;
		min-height:350px;
		border-top:solid 1px #d2cec9;
		}
	
	#subNav, #subNavServices {
		width:208px;
		}
	#subNavContact {
		width:207px;
		border-right:solid 1px #d2cec9;
		min-height:370px;
		}
		#subNav ul, #subNavServices ul {
			list-style:none;
			list-style-type:none;
			margin:0;
			padding:0;
			}
			#subNav ul li {
				width:208px;
				height:21px;
				border-bottom:solid 1px #d2cec9;
				padding:0;
				padding-top:7px;
				}
				#subNav ul li a {
					display:block;
					width:183px;
					height:12px;
					color:#9b9b9b;
					background-image:url(../images/subnav.gif);
					background-repeat:no-repeat;
					background-position:189px 0px;
					font-size:12px;
					padding:0px 9px 0px 8px;
					text-decoration:none;
					}
					#subNav ul li a:hover, #subNav ul li a.active {
						background-position:189px -15px;
						color:#2aa1ba;
						cursor:pointer;
						text-decoration:none;
						}
	#mainContent {
		width:480px;
		margin-left:20px;
		border-right:solid 1px #d2cec9;
		min-height:370px;
		}
	#mainContentProjects {
		min-height:480px;
		width:461px;
		margin-left:20px;
		border-right:solid 1px #d2cec9;
		}
		
	#sideBar {
		width:172px;
		/*margin-left:20px;*/
		border-right:solid 1px #d2cec9;
		min-height:370px;
		float:right;
		}
		
	#sideBarProjects {
		width:190px;
		min-height:480px;
		margin-left:0px;
		border:none;
		float:right;
		}
		
		.textarea {
			padding:10px 20px 0px 0px;
			text-align:justify;
			overflow:auto;
			width:460px;
			height:360px;
			}
		.protextarea {
			padding:10px 20px 0px 0px;
			text-align:justify;
			overflow:auto;
			width:440px;
			height:360px;
			}		

/* --------------- CLASS STYLES --------------- */

.career {
	border-bottom:solid 1px #dfddd9;
	width:460px;
	padding:10px 0px 10px 0px;
	text-align:justify;
	}
	.career .title {
		float:left;
		}
	.career .description {
		size:10px;
		color:#9b9b9b;
		padding-left:5px;
		padding-top:5px;
		float:left;
		}
	.career .pdf {
		float:right;
		height:17px;
		width:18px;
		border:none;
		}	


#staff {
	overflow:auto;
	height:350px;
	margin-top:10px;
	}
.staffThumb {
	border:solid 2px #dfddd9;
	margin-bottom:6px;
	width:149px;
	overflow:hidden;
	position:relative; 
	}		
	.staffThumb:hover {
		border-color:#91b5bc; 
		}
		.staffThumb:focus {
		border-color:#91b5bc; 
		}
	.staffThumb .overlay {
		background:url(../images/header_stripe.png);
		position:absolute;
		left:0px;
		top:50px;
		height:12px;
		width:147px;
		padding:4px;
		color:#FFF;
		}
		.sTitle {
			font-size:9px;
			}
 .description {
		size:10px;
		color:#9b9b9b;
		padding-left:5px;
		}			
.position {
	size:10px;
	color:#2aa1ba;
	}

/* --------- FORM --------- */

#formLeft {
	width:208px;
	float:left;
	}
	
#formRight {
	width:208px;
	float:left;
	margin-left:30px;
	}
	
input, textarea {
	width:206px;
	border:solid 1px #9b9b9b;
	color:#9b9b9b;
	margin-bottom:8px;
	}
	
textarea {
	height:143px;
	}
	
select {
	border:solid 1px #9b9b9b;
	color:#9b9b9b;
	margin-bottom:8px;
	width:50px;
	}
	
input:focus, input:hover, select:focus, select:hover, textarea:focus, textarea:hover {
	border-color:#2aa1ba;
	color:#000;
	}

input#zip {
	width:130px;
	}

input#submit, input#reset, input#search, input#login {
	color:#000;
	size:11px;
	width:50px;
	height:20px;
	border:solid 1px #2aa1ba;
	float:right;
	margin-left:10px;
	margin-top:10px;
	}
	
	input#submit:hover, input#reset:hover, input#search:hover, input#login:hover {
		cursor:pointer;
		background-color:#2aa1ba;
		color:#FFF;
		}
		
		input#login {
			float:left !important; 
			margin-left:0px !important; 
			}

#archiveForm {
	height:20px;
	width:100%;
	margin-bottom:8px;
	padding-top:5px;
	}
		
#archive input {
	float:right;
	}
	input#search {
		margin-top:0px;
		}
			
/* ------ LINKS ------ */

.links {
	padding:8px 0px;
	height:47px;
	border-bottom:solid 1px #d2cec9;
	font-size:12px;
	}
	.links .name {
		color:#2aa1ba;
		font-size:12px;
		}
		
	.links .desc {
		color:#474644;
		font-size:12px;
		}
		
	.links a {
		text-decoration:none;
		color:#9b9b9b;
		}
		.links a:hover {
			color:#2aa1ba;
			}
			
/* ------ PROJECTS ---- */

#files {
	width:400px;
	height:100px;
	}
	.underline {
		border-bottom:solid 1px #d2cec9;
		width:100%;
		padding-bottom:8px;
		margin-bottom:8px;
		}
		#files .prev a {
			height:64px;
			width:10px;
			background:url(../images/prev_left.gif) no-repeat;
			display:block;
			float:left;
			}
		#files .next a {
			height:64px;
			width:10px;
			background:url(../images/next_right.gif) no-repeat;
			display:block;
			float:right;
			}
.file, .file img {
	width:64px;
	height:64px;
	float:left;
	}
	.file {
		margin:0px 6px;
		}
	
.sideProj {
	margin-top:10px;
	height:78px;
	width:158px;
	overflow:hidden;
	border:solid 1px #979b9e;
	}
	.sideProj:hover {
		border-color:#2aa1ba;
		}
	.sideProj img {
		width:158px;
		height:110px;
		}
		
#proj_list {
	/*width:px;*/
	height:480px;
	}
	#proj_list_box {
		height:440px;
		}
	#proj_list .prev, #proj_list .next {
		width:190px;
		height:11px;
		}
	#proj_list .prev {
		background:url(../images/prev_up_inactive.gif) no-repeat;
		}
	#proj_list .prev a {
		width:190px;
		height:11px;
		display:block;
		background:url(../images/prev_up.gif) no-repeat;
		}
	#proj_list .next {
		background:url(../images/next_down_inactive.gif) no-repeat;
		margin-top:10px;
		}
	#proj_list .next a {
		width:190px;
		height:11px;
		display: block;
		background:url(../images/next_down.gif) no-repeat;
		}
		.proj {
			width:180px;
			height:130px;
			margin-top:10px;
			position:relative;
			border:solid 5px #E1E4E5;
			}
			.proj .overlay {
				background:url(../images/header_stripe.png);
				position:absolute;
				left:0px;
				top:95px;
				height:25px;
				width:170px;
				padding:5px;
				color:#FFF;
				}
		
		
		.proj img {
			width:180px;
			height:130px;
			
			}
			.proj:hover {
				border-color:#91b5bc;
				}

/* PROjECT ARCHiVE */

	#mainContentArchive {
		width:670px;
		margin-left:20px;
		border-right:solid 1px #d2cec9;
		}
		#archive {
			padding:10px 0px 0px 0px;
			text-align:justify;
			width:650px;
			height:360px;
			}
			#archiveListHolder {
				overflow:auto;
				height:290px;
				}
			#archiveListHolder .title {
				color:#474644;
				font-size:12px;
				}
			.archiveItem {
				padding:5px 0px 5px 5px;
				border-bottom:solid 1px #dfddd9;
				}
				.archiveItem:hover {
					border-color:#2aa1ba;
					background-color:#e5f3f6;
					}
				.archiveInfo {
					float:left;
					width:440px;
					}
				.archiveLinks {
					float:right;
					margin:7px 10px 0px 0px;
					}
					.archiveLinks span {
						margin-right:40px;
						}
			.desc {
				color:#aaa8a6;
				font-size:10px;
				}
			#archiveHeader {
				padding:10px 0px 5px 0px;
				border-bottom:solid 1px #dfddd9;
				height:20px;
				}
			.name {
				float:left;
				}
			.pdf {
				float:right;
				margin-right:140px;
				}	
	
/* ADMiN */

#adminArea {
	width:450px;
	}

#list {
	height:360px;
	width:155px;
	overflow:auto;
	margin-top:5px;
	padding-top:5px;
	border-top:solid 1px #dfddd9;
	}	
	
	#adminArea #xinha {
		width:450px;
		height:100px;
		}
		
	#adminArea input {
		width:450px;
		}
		
	#adminArea select {
		width:200px;
		}
		
	#adminArea input#save {
		color:#000;
		size:11px;
		width:50px;
		height:20px;
		border:solid 1px #2aa1ba;
		float:right;
		margin-left:10px;
		margin-top:10px;
		}
		
	#adminArea input#save:hover {
		cursor:pointer;
		background-color:#2aa1ba;
		color:#FFF;
		}
		
	.delete {
		height:15px;
		margin-bottom:3px;
		}
		a.del {
		float:right;
		background:url(../images/trash.jpg) no-repeat;
		display:block;
		height:15px;
		width:15px;
			}
	#adminArea hr {
		border:0;
		height:1px;
		color:#D2CEC9;
		background-color:#D2CEC9;
		}
		
		.adminComment {
			/*font-size:10px;*/
			color:#54A1BA;
			}