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

*{
	margin:0px;
	padding:0px;
}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	background:#775a48 url(images/body-bg.jpg) repeat-x;
}

.clear{
	clear:both;
}

a{
	outline:none;
}

h1 span, h2 span{
	display:none;
}

a:link, a:visited{
	color:#00657a;
	text-decoration:underline;
}

a:active, a:hover{
	color:#00657a;
	text-decoration:none;
}

p{
	margin:0px 20px 20px 20px;
	line-height:20px;
}

ul, ol{
	margin:0px 20px 20px 40px;
	line-height:20px;
}

h2{
	color:#00657a;
	font-size:16px;
	margin:0px 20px 20px 20px;
	line-height:20px;
}

#spam{
	display:none;
}

#container{
	background:url(images/contain-bg.png) repeat-y;
	width:1025px;
	margin:0px auto;
}

#content{
	background:url(images/content-bg.png) no-repeat;
}

#header{
	height:130px;
	margin-bottom:14px;
}

	#logolink{
		display:block;
		margin-left:27px;
		width:217px;
		height:103px;
		float:left;
	}
	
	#nav{
		float:left;
		margin:57px 0px 0px 206px;
	}
	
		#nav li{
			float:left;
			list-style-type:none;
			margin-left:20px;
		}
		
		#nav a:link, #nav a:visited{
			font-size:14px;
			color:#fff;
			text-decoration:none;
		}

		#nav a:active, #nav a:hover{
			font-size:14px;
			color:#fff;
			text-decoration:underline;
		}

#index-banner{
	background:url(images/index-banner.png) no-repeat;
	margin-left:26px;
	padding:0px 0px 59px 0px;
}

	#index-banner p#banner-first{
		margin-top:85px;
	}

	#index-banner p{
		margin:0px 0px 20px 20px;
	}
	
	#index-banner h2{
		margin:0px 0px 20px 20px;
	}
	
	#banner-content{
		width:642px;
		float:left;
	}
	
	#swf-header{
		width:290px;
		float:left;
		margin:15px 0px 0px 21px;
	}
	
#index-nav { 
	background:#eae1d2 url("images/index-nav.png") no-repeat; 
	height:100px; 
	margin:0px 26px 0px 26px;
	padding:0px !important;
	}

a span { display: none; }

#index-nav li, #index-nav a { height:100px; display:block;} /* change height here also */

#index-nav li {
	float:left;
	list-style:none;
	_display:inline;
	position:relative;
	margin:0px 0px 20px 0px !important;
	}

#index-nav-01 { width: 197px;}
#index-nav-02 { width: 193px;}
#index-nav-03 { width: 193px;}
#index-nav-04 { width: 193px;}
#index-nav-05 { width: 193px;}

/*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */

#index-nav-01 a:hover { background: url("images/index-nav.png")  -0px -100px no-repeat; }
#index-nav-02 a:hover { background: url("images/index-nav.png")  -197px -100px no-repeat; }
#index-nav-03 a:hover { background: url("images/index-nav.png")  -390px -100px no-repeat; }
#index-nav-04 a:hover { background: url("images/index-nav.png")  -583px -100px no-repeat; }
#index-nav-05 a:hover { background: url("images/index-nav.png")  -776px -100px no-repeat; }

#bottom-content{
	padding-bottom:20px;
}

#bottom-content p{
	margin:0px 20px 20px 43px;
	line-height:20px;
}

#bottom-content ul, #bottom-content ol{
	margin:0px 20px 20px 56px;
	line-height:20px;
}

#bottom-content h2{
	color:#00657a;
	font-size:16px;
	margin:0px 20px 20px 43px;
	line-height:20px;
}

/***** inside page styles  *********/

#leftcol{
	width:309px;
	margin-bottom:20px;
	float:left;
}

/* Vertical Sprite Nav

 * ------------------------------------------------------------------------- */

#inside-nav {
	background:url("images/inside-nav.png") top left no-repeat;					
	width:309px;		/* Width of buttons, not entite image (or half of entire image) */
	height:353px;		/* Height of entire image */
	margin:1px 0px 40px 26px;
	padding:0;
	}

#inside-nav li span { display: none; }

#inside-nav li {
	position:relative;
	float:left;
	list-style:none;
	}

#inside-nav li, #inside-nav a { 
	height:55px;			/* Each button must have the same height, define it here */
	display:block;
	}

#inside-nav-01 {width:309px;}
#inside-nav-02 { margin-top:16px; width:309px; }
#inside-nav-03 { margin-top:15px; width:309px; }
#inside-nav-04 { margin-top:16px; width:309px; }
#inside-nav-05 { margin-top:16px; width:309px; }

#inside-nav-01 a:hover { background:url("images/inside-nav.png") -309px  -0px no-repeat;  }
#inside-nav-02 a:hover { background:url("images/inside-nav.png") -309px  -71px no-repeat; }
#inside-nav-03 a:hover { background:url("images/inside-nav.png") -309px  -141px no-repeat; }
#inside-nav-04 a:hover { background:url("images/inside-nav.png") -309px  -212px no-repeat;}
#inside-nav-05 a:hover { background:url("images/inside-nav.png") -309px -283px no-repeat; }

/*-------------- OPTIONAL - Keeps the hover state on each page based on body #id ------------- */

body#facility-survey
 #inside-nav-01 { background:url("images/inside-nav.png") -309px  -0px no-repeat; }
body#plan-check-services #inside-nav-02 { background:url("images/inside-nav.png") -309px  -71px no-repeat; }
body#access-training #inside-nav-03 { background:url("images/inside-nav.png") -309px  -141px no-repeat; }
body#expert-witness-services #inside-nav-04 { background:url("images/inside-nav.png") -309px  -212px no-repeat; }
body#construction-management #inside-nav-05 { background:url("images/inside-nav.png") -309px  -283px no-repeat; }

#leftcol p{
	margin:0px 0px 20px 47px;
	line-height:20px;
}

#leftcol h1{
	color:#00657a;
	font-size:20px;
	margin:0px 30px 20px 47px;
	line-height:20px;
}

#leftcol h2{
	color:#00657a;
	font-size:20px;
	margin:0px 30px 20px 47px;
	line-height:20px;
}

#leftcol h3{
	color:#00657a;
	font-size:14px;
	margin:0px 30px 20px 47px;
	line-height:20px;
}

#services-pic{
	background:url(images/services-sidebar.png) no-repeat;
	width:285px;
	height:285px;
	margin-left:43px;
}

#clientlist-pic{
	background:url(images/clientlist-sidebar.png) no-repeat;
	width:285px;
	height:285px;
	margin-left:43px;
}

#faq-pic{
	background:url(images/faq-sidebar.png) no-repeat;
	width:285px;
	height:285px;
	margin-left:43px;
}

#rightcol{
	width:656px;
	float:left;
	background:url(images/rightcol-bg.png) no-repeat;
	margin:0px 0px 0px 26px;
	padding-top:20px;
}

#rightcol p{
	margin:0px 30px 20px 30px;
	line-height:20px;
}

#rightcol ul, #rightcol ol{
	margin:0px 30px 20px 56px;
	line-height:20px;
}

#rightcol ol{
	margin-left:60px !important;
}

#rightcol ul ul{
	margin:3px 30px 20px 15px;
}

#rightcol h1{
	color:#00657a;
	font-size:20px;
	margin:0px 30px 20px 30px;
	line-height:24px;
}

#rightcol h2{
	color:#00657a;
	font-size:16px;
	margin:0px 30px 20px 30px;
	line-height:20px;
}

#rightcol h3{
	color:#00657a;
	font-size:14px;
	margin:0px 30px 20px 30px;
	line-height:20px;
}

form{
	width:300px;
	margin:0px 0px 20px 30px;
}

	form input{
		width:300px;
		padding:5px;
		border:0px;
		margin-bottom:5px;
	}
	
	form textarea{
		width:300px;
		padding:5px;
		border:0px;
		margin-bottom:5px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
	}
	
	form input#Submit{
		width:60px;
		background:#fff;
	}

#footer{
	background:url(images/footer.png) no-repeat;
	height:54px;
	width:1025px;
	margin:0px auto 0px auto;
}

	#footer p{
		margin:0px;
		padding:17px 0px 0px 43px; 
		color:#fff;
	}
	
	#footer a:link, #footer a:visited{
		color:#fff;
		text-decoration:underline;
	}
	
	#footer a:active, #footer a:hover{
		color:#fff;
		text-decoration:none;
	}