/* <![ 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 #FFF;
	color:#021b30;
	font:12px Arial, Verdana, Helvetica, sans-serif;
	line-height:18px;
	text-align:left;
	behavior:url(/scripts/csshover.htc);}
	
a {	
	color:#579ac7;
	text-decoration:underline;}
a:hover {	
	color:#2d4961;
	text-decoration:none;}	
p{
	margin:1em 0 1em 0;
}
	
input, select, textarea{	
	border:solid #000;
	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:#2d4961;
	margin:0px 0 3px 0;
	font:normal 18px Arial, Helvetica, sans-serif;
	text-transform:none;}
	
h2{	
	color:#2d4961;
	margin:10px 0 1px 0;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-transform:uppercase;}
	
h3{	
	color:#021b30;
	margin:10px 0 1px 0;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-transform:uppercase;}

	
	
/* -----------------------------Containers and alignment--------------------------*/		

#container {
	margin:0px;
	padding: 0px;
	text-align:left;
}

#main{
	margin: 0 auto 0 auto;
	padding: 0px;
	text-align:left;
	width:936px;
}
/* ------------------------------Header--------------------------------------------*/

#header{
	background:url(../images/bg_header.gif) top left repeat-x;
	height:137px;
	position:relative;
	}
#header .logo{
	float:left;
	}
#info{
	margin:0;
	padding:0;
	position:absolute;
	right:147px;
	text-align:right;
	bottom: 0px;
	}
/*	<![ Top Nav [ -----------------------------------------------------------*/

#topnav{
	margin:0;
	padding:0 0 0 0;
	color:#FFF;
	position:absolute;
	bottom:0px;
	right:42px;
	width: 95px;
	height: 37px;
	background:url(../images/bg_topnav-shadow.jpg) bottom left no-repeat;
}
#topnav ul{
	margin:0;
	padding:0;
	display:block;
	list-style: none;
	/*border:1px solid #ff00ff;*/
}
#topnav ul li{
	margin:0;
	padding:0;
}

#topnav ul li a{
	color:#FFF;
	font:9px Arial, Helvetica, sans-serif;
	text-decoration:none;
	border-right:1px solid #d6ba65;
	padding:0px 5px 0px 5px;
	display:block;
	background:url(../images/bg_topnav.gif) top left no-repeat;
	height: 17px;
	margin: 2px 0 0 0;
	line-height: 17px;
}
#topnav ul li a.one{
	color:#ece921;
	}
#topnav ul li a.two{
	color:#79bbf3;
	}
#topnav ul li a.three{
	color:#FFF;
	}
#topnav ul li a:hover{
}
#topnav ul .first_child a {
}
#topnav ul .last_child a {
	border-right:none;
}		
/*----------------------------Middle-------------------------------------------------*/

#mid{
	margin:0;
	padding:0;
	width:936px;
	background:url(../images/bg_mid.gif) top left repeat-y;
	}
#leftbar{
	margin:0;
	padding:0 0 20px 0;
	float:left;
	width:237px;
	}
#rightbar{
	margin:0;
	padding:0 20px 0 0;
	float:right;
	width:169px;
	padding:0 20px 0 0;
	color: #3e729e;
	font: 11px Arial, Helvetica, sans-serif;
	}
#center{
	margin:0;
	padding:0 0 0 14px;
	float:left;
	width:685px;
	}
#center #content{
	padding:20px 20px 0 0;
	width: 470px;
	float:left;
	}
/*	<![ Main Navigation [ -----------------------------------------------------------*/

#mainnav{
	margin:0;
	padding:0 0 0 0;
	color:#FFF;
	height:280px;
	background:url(../images/bg_mainnav.jpg) top left no-repeat;
	width: 237px;
	overflow: hidden;
}
#mainnav ul{
	margin:0;
	padding:5px 0 0 27px;
	display:block;
	list-style: none;
	/*border:1px solid #ff00ff;*/
}
#mainnav ul li{
	margin:0;
	padding:0;
	display:inline;
}

#mainnav ul li a{
	color:#ffffff;
	font:bold 14px Arial, Helvetica, sans-serif;
	text-transform:none;
	text-decoration:none;
	padding:5px 10px 4px 10px;
	margin:5px 0;
	display:block;
}

#mainnav ul li a:hover{
	color:#64a3d9;
}
#mainnav ul li a.current_link{
	color:#64a3d9;
}
#mainnav ul .first_child a {
}
#mainnav ul .last_child a {
}		
/*---------------------------------AOP Nav ------------------------------------------*/
#aops{
	margin:0;
	padding:10px 0 0 0;
	color:#000;
	width: 237px;
	height: 197px;
	background:url(../images/bg_aops.jpg) top left no-repeat;
}
#aops h2{
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#FFF;
	padding: 0 0 0 20px;
	margin: 0;
	}
#aops ul{
	margin:0;
	padding:0;
	display:block;
	list-style:none;
}
#aops ul li{
	margin:0;
	padding:0;
	list-style:none;
}

#aops ul li a{
	color:#64a3d9;
	font:bold 11px Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:2px 0 3px 30px;
	display:block;
	text-align:left;
	background:url(../images/bul_aops.gif) 20px 9px no-repeat;
               _display:inline-block;
               _width:200px; /*fixes IE6 whitespace bug*/
}

#aops ul li a:hover{
	color:#5b7587;
}
#aops ul li a.current_link{
	color:#5b7587;
}
#aops ul .first_child a {
}
#aops ul .last_child a {
}		
/*----------------------------Quick Contact------------------------------*/
#quickcontact{
	width:237px;
	height:150px;
	background:url(../images/bg_contact.jpg) top left no-repeat;
	padding: 10px 0 0 0;
	}
#quickcontact h2{
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#FFF;
	padding: 0;
	margin: 0;
	text-transform: none;
	}
.pad_frm_itm2 {
	padding:1px 0px;
	margin:0px;}

.form-label2 {
	width:58px;
	padding:0px 2px 0px 0px;
	display:inline-block;
	vertical-align:top;
	text-align:right;}
  
.form-pct2 {
	width:189px;
	font:11px Arial, Helvetica, sans-serif;
	color:#0f2436;
	height: 16px;
	border: 1px solid #0f2436;
	padding:2px 3px;
}
	
.msg-pct2 {
	width:189px;
	height:43px;
	overflow:auto;
	font:11px Arial, Helvetica, sans-serif;
	color:#0f2436;
	border: 1px solid #0f2436;
	padding:2px 3px;
}

.custom-form2 {
	font:bold 11px Arial, Helvetica, sans-serif;
	width: 195px;
	padding: 0 0 0 20px;
	margin: 0;
	color: #FFF;
}

	.custom-form2 fieldset {
		margin:0px 0px 10px 0px;
		padding:0px;
		width:195px;
		border:none;}
		  
	.custom-form2 legend {
	padding:0px 2px 5px 23px;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
	display: none;
}
		  
	.custom-form2 ol {
		margin:0px;
		padding:0px;
		list-style:none;}

.submit-align2 {
	text-align:right;
	width: 195px;
	padding:5px 0 0 0;
}
.submit-align2 .submit{
	background:url(../images/bg_submit.gif) top left no-repeat;
	width:70px;
	height:23px;
	border: none;
	}
.submit-align2 .submit:hover{
	}
#rightbar h2{
	color:#579ac7;
	border-bottom: 1px dashed #a2c34e;
	font: bold 13px Arial, Helvetica, sans-serif;
	text-transform: none;
	}	
#rightbar p{
	margin-top:2px;
	padding-top:0;
	}
.video{
	padding:7px 0 5px 0;
	}
/*-------------------------------Footer-----------------------------------------*/

#footer{
	background:url(../images/bg_footer.jpg) top left no-repeat;
	width:936px;
	height:74px;
	position:relative;
	}
	
#footer a.go_lawyers {
	position:absolute;
	display:block;
	width:130px;
	height:40px;
	top:30px;
	left:11px;
	z-index:101;
}

/*-------------------------------bottom nav -----------------------------------------*/

#bottomnav{
	margin:0 auto 0 auto;
	padding:0;
	font-size:11px;
	height:30px;
	position:relative;
	}
#bottomnav ul{
	margin:0;
	padding:0;
	display:inline;
	width: 820px;
	position:absolute;
	left:139px;
	top: 9px;
	height: 13px;
	}
#bottomnav ul li{
	display:inline;
	}

#bottomnav ul li a{
	color:#255279;
	text-decoration:none;
	float:left;
	padding:0px 8px 0px 8px;
	display:block;
	border-right:#0f2436 1px solid;
	line-height: 11px;
	}
#bottomnav ul li a:hover{
	color:#FFFFFF;
	text-decoration: underline;
	}
#bottomnav ul .first_child a{}
#bottomnav ul .last_child a{
	border-right:none;
	}
/*--------------------------Disclaimer--------------------------*/

#disclaimer{
	margin:0 auto 0 auto;
	text-align:left;
	color:#255279;
	padding:5px 50px 0 170px;
	font:10px Arial, Helvetica, sans-serif;
	}
#disclaimer img{
	float:left;
	margin:0px 10px 10px 0;
	border:none;
	}
#disclaimer p{
	margin:0;
	padding:0;
	}
#disclaimer a{
	color:#255279;
	text-decoration:underline;
	}
#disclaimer a:hover{
	color:#000000;
	text-decoration:none;
	}
#footershadow{
	display:block;
	}
/*	<![ 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:300px;
      font:12px Verdana, Arial, Helvetica, sans-serif;
	}
.msg-pct {
      width:445px; /*  .form-label + .form-pct + horizontal padding on .form-label   */
      height:70px;
      overflow:auto;
      font:12px Verdana, Arial, Helvetica, sans-serif;
	}

.custom-form {}

.custom-form fieldset {
	margin:0px 0px 10px 0px;
	padding:0px;
	width:470px; /*  .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;
	}
