/* <![ Global [ -----------------------------------------------------------*/


/*NOTES:
Image pathing needs to be as follows.

url(/images/img.jpg);

This can be developed any way you wish, but must be changed before upload.

*/

/* ----------------- Globals ---------------------*/
html {
	height:100%}
	
.body{	
	margin:0; 
	padding:0; 
	background:url(../images/bg_body.gif) top left repeat-x #00233a;
	color:#000;
	font:12px Arial, Verdana, Helvetica, sans-serif;
	line-height:18px;
	text-align:left;
	behavior:url(/scripts/csshover.htc);}
	
a {	
	color:#183152;
	text-decoration:underline;}
a:hover {	
	color:#666666;
	text-decoration:none;}	
p{
	margin:1em 0 1em 0;
	padding-left: 15px;
}
	
input, select, textarea{	
	border:none;
	border-width:1px 1px 1px 1px;}	
	
legend	{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#000;}
	
hr{
	height:1px;
	color:#666666;
	margin:5px 0px;
	padding:0px;}

h1{	
	color:#183152;
	margin:0px 0 3px 0;
	font:bold 15px Arial, Helvetica, sans-serif;
	text-transform:none;}
	
h2{	
	color:#183152;
	margin:10px 0 3px 0;
	font:bold 13px Arial, Helvetica, sans-serif;}
	
h3{	
	color:#000;
	margin:10px 0 0px 0;
	font:bold 12px Arial, Helvetica, sans-serif;}
	
	
/* -----------------------------Containers and alignment--------------------------*/		

#container {
	margin:0px;
	padding: 0px;
	text-align:left;

}

#main{
	margin: 0 auto 0 auto;
	padding: 0px;
	text-align:left;
	width:885px;
	background:#ffffff;
}
/* ------------------------------Header--------------------------------------------*/

#header{
	background:url(../images/bg_header.gif) top left repeat-x;
	height:151px;
	}
/*	<![ Main Navigation [ -----------------------------------------------------------*/

#mainnav{
	margin:0;
	padding:0 0 0 0;
	color:#FFF;
	height:31px;
	background:url(../images/bg_mainnav.gif) top left repeat-x #033060;
	border-top:1px solid #dce7f4;
}
#mainnav ul{
	margin:0;
	padding:0;
	display:block;
	/*border:1px solid #ff00ff;*/
}
#mainnav ul li{
	display:inline;
	margin:0;
	padding:0;
}

#mainnav ul li a{
	color:#ffffff;
	font:16px Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
	float:left;
	padding:6px 11px 7px 11px;
	display:block;
	border-right:1px solid #033161;
}

#mainnav ul li a:hover{
	background:url(../images/bg_mainnav-roll.gif) top left repeat-x;
}
#mainnav ul .first_child a {
}
#mainnav ul .last_child a {
	border-right:none;
}		
/*-------------------------------PhotoBanner-----------------------------------------*/

#photobanner{
	margin:0;
	padding:0;
	width:885px;
	height:259px;
	border-bottom:1px solid #3f3a29;
	}
#photobanner .photo{
	}
#photobanner .photo_last{
	float:left;
	margin:0;
	border-right:none;
	}
/*----------------------------Middle-------------------------------------------------*/

#mid{
	margin:0;
	padding:0;
	width:885px;
	background:url(../images/bg_mid.gif) top left repeat-x;
	}
#leftbar{
	margin:0;
	padding:12px 0 20px 16px;
	float:left;
	width:214px;
	}
#rightbar{
	margin:0;
	padding:16px 16px 0 0;
	float:right;
	width:171px;
	}
#center{
	margin:0;
	padding:0;
	float:left;
	width:452px;
	}
#center #content{
	padding:20px;
	}
#content img{
	clear:both;
	}
.leftbox{
	padding:5px;
	border: solid #CCC;
	border-width: 0 1px 2px 0;
	background: #FFF;
	margin: 4px 0 0 0;
	}
.leftbox h2{
	color:#c4d7ed;
	background:#00233a;
	font:bold 16px Georgia, "Times New Roman", Times, serif;
	display:block;
	line-height:38px;
	height:38px;
	display:block;
	padding:0 0 0 20px;
	margin: 0;
	}
.rightbox{
	padding:5px;
	border: solid #CCC;
	border-width: 0 1px 2px 0;
	background: #FFF;
	margin: 4px 0 0 0;
	width: 170px;
	}
.rightbox h2{
	color:#adab98;
	background:#605e49;
	font:bold 16px Georgia, "Times New Roman", Times, serif;
	display:block;
	line-height:38px;
	height:38px;
	display:block;
	padding:0 0 0 20px;
	margin: 0;
	border-bottom: 2px solid #FFF;
	}
/*---------------------------------AOP Nav ------------------------------------------*/

#aops{
	color:#000;
	margin:0;
	padding:0 0 10px 0;
	display:block;
	list-style:none;
	border-top: 3px solid #FFF;
	background: #abc8e2;
}
#aops li{
	margin:0;
	padding:0;
	list-style:none;
}

#aops li a{
	color:#183152;
	font:bold 12px Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
	padding:8px 0px 8px 23px;
	display:block;
	text-align:left;
               _display:inline-block;
               _width:169px; /*fixes IE6 whitespace bug*/
}

#aops li a:hover{
	text-decoration:underline;
	background:url(../images/bul_aops.gif) 8px 12px no-repeat;
}
#aops .first_child a {
}
#aops .last_child a {
}		
#offices{
	padding:8px 0 18px 8px;
	background:#abc8e2;
	color:#183152;
	}
#quickcontact{
	width:170px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #605e49;
	padding: 5px;
	background: #FFF;
	margin: 16px 0 0 0;
	border: solid #CCC;
	border-width: 0 1px 2px 0;
	}
.pad_frm_itm2 {
	padding:3px 0px;
	margin:0px;}

.form-label2 {
	width:58px;
	padding:0px 2px 0px 0px;
	display:inline-block;
	vertical-align:top;
	text-align:right;}
  
.form-pct2 {
	width:138px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#adab98;
	height: 18px;
	border: 1px solid #605e49;
}
	
.msg-pct2 {
	width:138px;
	height:97px;
	overflow:auto;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#adab98;
	border: 1px solid #605e49;
}

.custom-form2 {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	background: #adab98;
	padding: 0;
	margin: 0;
}

	.custom-form2 fieldset {
		margin:0px 0px 0 0px;
		padding:0px;
		width:170px;
		border:none;}
		  
	.custom-form2 legend {
	display:none;
	visibility:hidden;
		}
		.custom-form2 h2 {
	color:#adab98;
	background:#3f3a29;
	font:bold 16px Georgia, "Times New Roman", Times, serif;
	display:block;
	line-height:38px;
	height:38px;
	display:block;
	padding:0 0 0 20px;
	width: 150px;
	border-bottom: 2px solid #FFF;
	margin: 0;
		}	  
	.custom-form2 ol {
		margin:0px;
		padding:0px 0 0 15px;
		list-style:none;}

.submit-align2 {
	text-align:right;
	width: 138px;
	padding: 10px 0 10px 15px;
}
.submit-align2  .submit{
	background:url(../images/bg_submit.gif) top left no-repeat;
	width: 70px;
	height:22px;
	}
	.submit-align2  .submit:hover{
	background:url(../images/bg_submit-roll.gif) top left no-repeat;
	}
#testimonials{
	padding:5px;
	color: #3f3a29;
	font: bold 11px Arial, Helvetica, sans-serif;
	background:url(../images/bg_qoute.gif) top left no-repeat #adab98;
	height:155px;
}
#scrollTextContainer{
	position: relative;
	width: 150px; 
	height: 145px;
	overflow: hidden;
	margin: 4px;
}
#scrollTextContainer ul{
	margin:0;
	padding:0;
}
#scrollTextContainer ul li{
	margin:10px 0 0 0;
	padding:0;
}
#scrollTextContainer ul li a{
	font:normal 11px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#testimonials h2{
	color:#c4d7ed;
	background:#00233a;
	font:bold 16px Georgia, "Times New Roman", Times, serif;
	display:block;
	line-height:38px;
	height:38px;
	display:block;
	padding:0 0 0 20px;
	margin: 0;
	}
#testimonials p{
	}
#testimonials span{
	float:right;
	font-style: italic;
	}
/*-------------------------------bottom nav -----------------------------------------*/

#bottomnav{
	margin:0 auto 0 auto;
	padding:0;
	font-size:9px;
	height:28px;
	position:relative;
	width: 885px;
	background: #605e49;
	}
#bottomnav ul{
	margin:0;
	padding:0;
	display:inline;
	width: 664px;
	position:absolute;
	left:111px;
	top: 9px;
	height: 13px;
	}
#bottomnav ul li{
	display:inline;
	}

#bottomnav ul li a{
	color:#adab98;
	text-decoration:underline;
	float:left;
	padding:0px 8px 0px 8px;
	display:block;
	border-right:#adab98 1px solid;
	line-height: 10px;
	text-transform: uppercase;
	}
#bottomnav ul li a:hover{
	color:#FFFFFF;
	text-decoration: none;
	}
#bottomnav ul .first_child a{}
#bottomnav ul .last_child a{
	border-right:none;
	}
/*--------------------------Disclaimer--------------------------*/

#disclaimer{
	margin:0 auto 0 auto;
	text-align:left;
	color:#ffffff;
	padding:10px 5px 5px 5px;
	font:11px Arial, Helvetica, sans-serif;
	width:875px;
	}
#disclaimer img{
	float:left;
	margin:0px 10px 10px 0;
	border:none;
	}
#disclaimer p{
	margin:0;
	padding:0;
	}
#disclaimer a{
	color:#FFFFFF;
	text-decoration:underline;
	}
#disclaimer a:hover{
	color:#CCCCCC;
	text-decoration:none;
	}

/*	<![ Directions Page Styles (Google Maps Default) [ --------------------------------------------------------*/

/* [ Outer div ] --------- */
#directionsForm{}

/* div that wraps form */
#directionsInput {
	padding:0px 0px 15px 0px;
	}

#fromAddress{
	width:300px;
	border:1px solid #adab93;
	}

#directionsLocale{
	padding:0px 0px 15px 0px;
	}

#locale{
	width:300px;
	border:1px solid #adab93;
	}

#directionsSubmit{
	padding:0px 0px 25px 0px;
	}

#map{
	border:1px solid #adab93;
	}

#addressNotFound{}

#directions{}

/*	<![ Site 9 Form Styles [ --------------------------------------------------------*/
.pad_frm_itm {
      padding:3px 0px;
      margin:0px;
}

.form-label {
	width:140px; /* Width of labels */
	padding:0px 5px 0px 0px;
	display:inline-block;
	vertical-align:top;
	}

.form-pct {
      width:230px;
      font:12px Verdana, Arial, Helvetica, sans-serif;
	  border:1px solid #000;
	}
.msg-pct {
      width:380px; /*  .form-label + .form-pct + horizontal padding on .form-label   */
      height:70px;
      overflow:auto;
      font:12px Verdana, Arial, Helvetica, sans-serif;
	  border:1px solid #000;
	}

.custom-form {}

.custom-form fieldset {
	margin:0px 0px 10px 0px;
	padding:0px;
	width:400px; /*  .msg-pct width + 25   */
	border:none;
	}

.custom-form legend {
	padding:0px 2px;
	font-weight:bold;
	}

.custom-form fieldset ol {
	margin:0px;
	padding:0px;
	list-style:none;
	}
	
/* ------------------ Special Classes ------------------------*/	
.clearbar{
	clear:both;
	height:1px;
	line-height:1px;
	font-size:1px;
	padding:0;
	margin:0;
}
.autowidthwrap{
	width:100%;
	text-align:center;
	}
