/* <![ 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:#003366;
	font:12px/14px  Arial, Helvetica, sans-serif;
	text-align:left;
	behavior:url(/scripts/csshover.htc);}
	
* html ul li a {
   height:1em;
}
	
a {	
	color:#4861cb;
	text-decoration:underline}
p{
	margin:1em 0 1em 0;
}
	
input, select, textarea{	
}	
	
legend	{
	font:bold 11px  Arial, Helvetica, sans-serif; color:#000;}
	
hr{
	height:1px;
	color:#adab93;
	margin:5px 0px;
	padding:0px;}

h1{	
	font:bold 24px Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	margin:0px;
	color:#1b285f;
	padding-bottom:10px;
	border-bottom:1px dashed #1b285f;}
	
h2{	
	font:bold 18px Arial, Helvetica, sans-serif;
	}
	
h3{	
	font:normal 16px Arial, Helvetica, sans-serif;
	}
	
a:hover{	
	color:#000099;
	text-decoration:none;}	
	
/* -----------------------------Containers and alignment--------------------------*/		

#container {
	margin:25px auto 0 auto;
	text-align:left;
	width:980px;
}
#main{
	margin:0;
	width:980px;
	background:url(../images/bg_container-mid.gif) top left repeat-y;
}
#topbar{
	height:8px;
	background:url(../images/bg_container-top.gif) top left no-repeat;
}	
#top{
	width:960;
	margin:0 10px 0 10px;
	padding-bottom:3px;
	background:#000;
}
/*	<![ Navigation [ -----------------------------------------------------------*/

#mainnav{
	margin:0 0 0px 4px;
	padding:0;
	height:47px;
	overflow:hidden;
	color:#FFFFFF;
	position:relative;
}
#mainnav ul{
	margin:0;
	padding:0;
	display:inline;	
}
#mainnav ul li{
	display:inline;
	margin:0;
	padding:0;
}

#mainnav ul li a{
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	float:left;
	padding:16px 15px 16px 15px;
	display:block;
	background:url(../images/bg_nav.gif) top right no-repeat #1b285f;
}

#mainnav ul li a:hover{
 	color:#ffffff;
	background:url(../images/bg_nav-roll.gif) top left repeat-x #000;
}
#mainnav ul .first_child a {
	padding:16px 16px 16px 16px;
}	
#mainnav ul .last_child a {
	background:url(../images/bg_nav-right.gif) top left repeat-x #1b285f;
	padding:16px 16px 16px 16px;
}		

/*	<![ Layout [ -----------------------------------------------------------*/

#header{
	padding:10px;
	width:943px;
	height:142px;
	background:url(../images/banner-main.jpg) top right no-repeat;
}
#header h1{
	display:none;
	visibility:hidden;
}
#header h2{
	display:none;
	visibility:hidden;
}

#midwrapper {
	width:943px;
	background:#649eea;
	border:solid #000000;
	border-width:2px 0 0 0;
	padding:10px 10px 20px 10px;
}
#mid{
	width:962px;
	margin:0 9px 0 9px;
	border:solid #000;
	border-width:0 1px 1px 1px;
	background:url(../images/bg_mid.gif) top left repeat-y;
}
/* use mid sub ID to remove the right bar and widden the content area*/
#midsub{
	width:962px;
	margin:0 9px 0 9px;
	border:solid #000;
	border-width:0 1px 1px 1px;
	background:url(../images/bg_mid-sub.gif) top left repeat-y;
}
	
#content {
	font:12px Arial, Helvetica, sans-serif;
	float:left;
	margin:0;
	padding:20px;
	width:390px; /* 435 - padding40*/
}
#midsub #content {
	font:12px Arial, Helvetica, sans-serif;
	float:left;
	margin:0;
	padding:20px;
	width:660px; /* 435 - padding40*/
}
#rightbar{
	width:236px;
	padding:6px 8px 0 0;
	float:right;
}
#roundbottombox2{
}
#roundbottombox2 .top{
	width:237px;
	border:solid #000000;
	border-width:1px 1px 0 1px;
	background:#b4e269;
}
#roundbottombox2 .bottom{
	background:url(../images/bg_aops-bottom.jpg) top left no-repeat;
	width:239px;
	height:18px;
}
#radiation{
	border-bottom:1px solid #000;
	}
#aops{
	margin:0;
	padding:0;
	width:239px;
}
#aops ul{
	margin:0;
	padding:0;
	list-style:none;
}
#aops ul li{
	margin:0;
	padding:0;
	list-style:none;
}
#aops ul li a{
	display:block;
	border-bottom:1px solid #000;
	text-decoration:none;
	padding:2px 2px 2px 11px;
	}
#aops ul li a:hover{
	color:#1b285f;
	background:url(../images/bullet_aops.gif) 0px 4px no-repeat;
	}
	
#pipeyard{
	text-transform:uppercase;
	font:13px Arial, Helvetica, sans-serif;
	line-height:17px;
	color:#1b285f;
	font-weight:bold;
	padding:9px 0 0 11px;
	}
#pipeyard .button{
	background:#1b285f;
	color:#FFFFFF;
	text-transform:capitalize;
	padding:2px;
	text-decoration:none;
	}	
#callnow{
	width:236px;
	height:59px;
	margin:15px 0 0 0;
	background:url(../images/btn_giveusacall.jpg) top right no-repeat;
	}
#callnow p{
	display:none;
	visibility:hidden;
	}
#leftbar{
	width:239px;
	padding:6px 0 0 6px;
	float:left;
}
#locationimg{
	border-bottom:1px solid #000;
	}
#roundbottombox{
	padding-top:15px;
	}
#roundbottombox .top{
	width:237px;
	border:solid #000000;
	border-width:1px 1px 0 1px;
	background:#6e86ef;
}
#roundbottombox .bottom{
	background:url(../images/bg_contact-bottom.jpg) top left no-repeat;
	width:239px;
	height:17px;
	line-height:0;
	font-size:1px;
}
#contactinfo{
	padding:15px;
	}
#clearbar{
	clear:both;
	line-height:0;
	font-size:1px;
	width:962px;
	height:38px;
	background:url(../images/bg_mid-bottom.gif) top left no-repeat;
}
#clearbarsub{
	clear:both;
	line-height:0;
	font-size:1px;
	width:962px;
	height:38px;
	background:url(../images/bg_mid-bottom2.gif) top left no-repeat;
}
/*----------------------------------------Footer and bottom decorations------------------------*/
#bottom{
	background:url(../images/bg_container-bot.gif) bottom left no-repeat;
	}

#bottomlinks{
	margin:0;
	padding:0;
	font-size:10px;
	height:25px;
	color:#FFFFFF;
	position:relative;
}
#bottomlinks ul{
	margin:0;
	padding:0;
	position:absolute;
	display:inline;
	width: 691px;
	left: 132px;
	top: 4px;
}
#bottomlinks ul li{
	display:inline;
}

#bottomlinks ul li a{
	color:#94e680;
	text-decoration:none;
	float:left;
	padding:0px 7px 0px 7px;
	display:block;
	border-right:1px solid #94e680;
}
#bottomlinks ul .last_child a{
	border-right:none;
	}
#bottomlinks ul li a:hover{
	color:#FFFFFF;
}
#disclaimer{
	text-align:left;
	height:60px;
	color:#FFFFFF;
	padding:10px;
}
#disclaimer img{
	border:1px solid #8797ea;
	float:left;
	margin:10px;
}#disclaimer p{
	margin:0;
	padding:15px 10px 0 0;
}
#disclaimer a{
	color:#8797ea;
}
	
	
/*-----------------------------Extra Classes---------------------------------------*/	
.right {
	background:url(../images/right-bg.jpg) repeat-y}
.burgital{
	font-style:italic;
	font-size:14px;
	font-weight:bold;
	color:#561e32;
	}

/*	<![ Quick Contact [ -----------------------------------------------------------*/

.contactmini {
	font-weight:bold;
	text-align:left;
	margin:0 15px 0 15px;
	width:205px;
	padding:35px 0 0 0;
	color:#000000;
	background:url(../images/txt_freecase.gif) top left no-repeat;}
.contactmini-home {
	margin:0;
	width:220px;
	padding:334px 0 0 15px;
	background:url(../images/free-case-oil-spill.jpg) top center no-repeat;
	}
form {
padding:0;
margin:0;
}	
.contactmini .form-pct { 
	width:200px; 
	height:20px;
	font:12px Arial, Helvetica, sans-serif;
	margin-bottom:5px;
	background:#FFFFFF;
		border:1px solid #000;}

.contactmini .msg-pct { 
	width:200px; 
	height:53px;
	font:12px Arial, Helvetica, sans-serif;
	margin-bottom:5px;
	background:#FFFFFF;
	overflow:auto;
	border:1px solid #000;}

.contactmini .submitarea{
	width:200px;
	text-align:right;
	height:35px;
	padding:0;}

.contactmini .submitarea .submit {
	float:right;
	display:block;
	width:73px;
	margin:0;
	padding:2px 0 0 0;
	height:20px;
	text-align:center;
	background:#1b285f;
	color:#FFF;
	text-transform:uppercase;
	text-decoration:none;
	border:none;
}
	
.contactmini .submitarea .submit:hover {	
	background:#91b654;
	text-decoration:none;
	}
/* BP QC -----------------------------------------------*/


.bpoilspill {
	font-weight:bold;
	text-align:left;
	margin:0 15px 0 15px;
	width:205px;
	padding:35px 0 0 0;
	color:#000000;
	background:url(../images/txt_oil_spill.gif) top left no-repeat;}
form {
padding:0;
margin:0;
}	
.bpoilspill .form-pct { 
	width:200px; 
	height:20px;
	font:12px Arial, Helvetica, sans-serif;
	margin-bottom:5px;
	background:#FFFFFF;
		border:1px solid #000;}

.bpoilspill .msg-pct { 
	width:200px; 
	height:53px;
	font:12px Arial, Helvetica, sans-serif;
	margin-bottom:5px;
	background:#FFFFFF;
	overflow:auto;
	border:1px solid #000;}

.bpoilspill .submitarea{
	width:200px;
	text-align:right;
	height:35px;
	padding:0;}

.bpoilspill .submitarea .submit {
	float:right;
	display:block;
	width:73px;
	margin:0;
	padding:2px 0 0 0;
	height:20px;
	text-align:center;
	background:#1b285f;
	color:#FFF;
	text-transform:uppercase;
	text-decoration:none;
	border:none;
}
	
.bpoilspill .submitarea .submit:hover {	
	background:#91b654;
	text-decoration:none;
	}

.disclaimlink{
	float:left;
	color:#383833;
	}	
.disclaimlink:hover{
	color:#561e32;
	text-decoration:none;
	}	
/*	<![ Site 9 Styles [ --------------------------------------------------------*/
.qctable {
	}
	
.qchead {
	}	

.PAD_form_itm {
	padding:0px;
	font:bold;}
	
.form-pct { 
	width:200px; 
	height:15px;}

.msg-pct { 
	width:300px; 
	height:70px;
	overflow:auto;
	}

.submit {
	display:block;
	height:16px;
	width:52px;
	padding:2px 0px 0px 0px;
	background: #ccc;
	color:#000;
	text-decoration:none;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;}
	
.submit:hover {	
	background: #000;	
	text-decoration:none;
	color:#fff;}
	
.outlinebox{
	margin:15px;
	border:1px solid #1B285F;
	background:#ececec;
	padding:5px;
	width:300px;
	}

/* 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{
}
