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

*	 		{ padding:0; margin:0; }

body 		{ font-size:62.5%; font-family: "Trebuchet MS", Tahoma, Arial; color:#333; text-align:center; 
			  margin: 0 0 30px 0; background:#CBD8D2 url(../images/site_specific/page_bg.jpg) repeat-x;}
			  
.orange 	{ color:#f90; font-weight:bold; font-size:1em; }
.date 		{ font-style:italic; color:#666; }

/* Rules to force containers to expand with content */
.clear_right { clear:right; }
.clear 		 { clear:both; }
.clear_left  { clear:left; }
.center { margin: auto!important; text-align:center!important;}

#innerframe { width: 978px; margin: 0px auto; background:#FFF; padding: 0; border: none;}
#outerframe { width: 980px; margin: 0px auto; background:#fff; padding: 0; }

/* Header */
#header 	{  height:125px; width:1002px; margin:0 auto; }
			  
#logo_placement { background-image: url(../images/site_specific/slogan.jpg) no-repeat;
				  height:125px; width:286px; margin: 0 auto; float: left;}

/* Header */
#chromebar { background-image:url(../images/site_specific/grad_bar.png) no-repeat; display:block;
			 height:4px; width:1002px; margin:0 auto; clear:both;}

#primary_nav { float:right; background:url(../images/site_specific/petropipe_logo.jpg) no-repeat right; margin: 2px 50px 0 0;
			   width: 470px; height: 125px; text-align:right;
}
#primary_nav, 
#primary_nav a 	{ font-size:1.1em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff; }

/* Main navigation */
#menu  			{ width:auto; position:relative; padding: 10px 5px 20px; }
#menu ul 		{ list-style:none;}
#menu ul li 	{ float:left; position:relative; margin: 0 5px 0 0; line-height:25px; white-space:nowrap; }
#menu ul li a:after {content: " | "; }
#menu ul li:last-child a:after {content: ""; }
#menu ul li ul 			{ display:none; position:absolute; left:0; line-height: 25px; font-size:1.0em; width:67em;
				  -moz-border-radius: 5px;
				  -webkit-border-radius: 5px;
			  	  -webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; 
				  -moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; /* FF 3.5+ */	}
				  
#menu ul li:last-child ul 			{ display:none; position:absolute; left:0; line-height: 25px; font-size:1.0em; width:20em;
				  -moz-border-radius: 5px;
				  -webkit-border-radius: 5px;
			  	  -webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; 
				  -moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; /* FF 3.5+ */	}
				  
#menu ul li > ul 		{ top:auto; left:auto; }
#menu ul li:hover ul, 
#menu ul li.over ul 		{ margin: 0px 0 0 0px; display:block; background:#D8E2E2; padding:0; z-index:200; }

* html #menu  li:hover ul, 
* html #menu  li.over ul 	{ margin:0 2px 0 2px; background:none; }

#menu a 		{ text-decoration:none; text-align:left; display:block; 
				  font-family: "Times New Roman", Times, serif; font-weight:normal; font-size:1.5em;
				  font-style:italic; }
					
#menu a:link 	{ color:#352B00; }
#menu a:visited { color: #333;}
#menu a:hover   { color: #3A7474; }
#menu a:active  { color:#000; }

#menu ul li ul li a 	{ display: block; white-space:nowrap;
						  padding:0 5px 0 15px; width:13em; position:relative; top:0px; z-index:101; }

#menu ul li ul li a:hover 	{ color: #3A7474;}
#menu ul li ul li 			{ float:left; }
#menu ul li ul li a:before		{ content: ""; }
#menu ul li ul li a:after		{ content: ""; }
#menu ul li.menuitem 		{ display:block; padding:0px;  }

/* Breadcrumbs */
#breadcrumbs 				{ width:auto; padding:4px 0 4px 22px; background: #993366; margin:0 0 10px 0;
							  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; }
#breadcrumbs, 
#breadcrumbs a 				{ color:#fff; }

#flash 						{ float:none; margin:0 auto; width:100%; background-color: #fff; text-align:center; }

#container 					{ width:100%; margin:0 auto; text-align:left; }
#content 					{ width:auto; padding:0px 5px 5px 5px; }
/* For <IE7 */
* html #content 			{ width:auto; }
#content h2, #content h3 	{ font-family: Arial, Helvetica, sans-serif; color:#333; margin-bottom:7px; }
#content h4 				{ font-family:Arial, Helvetica, sans-serif; color:#CC6; font-size:1.4em; padding:4px 0 0 0; }
#content h2 				{ font-size:1.3em; }
#content h3 				{ font-size:1.1em; }
#content img 				{ border:solid 1px #666; margin:10px 0 0 0; }
.link 						{ float:right; padding:4px 0; }
#box01 .link, 
#box02 .link, 
#box03 .link, 
#box06 .link 				{ width:240px; border-bottom:dashed #ccc 1px; padding:10px 0; text-align:right; }
#box06 .link 				{ padding:4px 0; }
.link a 					{ color:#000; }
#subscribe 					{ margin:30px 0 0 0; min-height:79px; height:auto !important; height:109px; width:100%; 
							  padding:0 0 2px 0; }
#subscribe h5 				{ margin:0 0 0 37px; padding:9px 0 0 0; font-size:1.2em; }
#subscribe p 				{ width:230px; padding:10px 10px 7px 10px; 
							  font-family:Arial, Helvetica, sans-serif; font-size:1.3em; }
#subscribe a 				{ color:#000; }
#request_newsletter 		{ margin:10px 0 0 10px; }

#request_newsletter p 		{ padding:2px; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; }

.textbox 					{ width:160px; float:left; margin:0 0 5px 0; }
.button 					{ float:left; margin:0 0 0 5px; }
/* Footer */
#footer 	 { margin:0 auto; width:100%; text-align:center; }
#footer p 	 { font-size:1.1em; padding:12px 0 0 0; margin:-2px 0 0 0; color:#333; }
#footer a 	 { color:#000; }

#base 		 { height:68px; margin:10px auto ; padding: 7px 0 0 0; 
			   width:100%; text-align:center; background-color:#90ADAE; }

h6 			 { width: auto;  margin:8px 0 5px 0px; background-color: #CCCC66; padding:3px; font-size: 1.0em; color: #333;}

.statusright { float: right;}

.infoblock 	 { background-image:url(../images/content/list_image/list-border.gif); background-repeat:no-repeat; 
			   background-position:bottom; padding: 5px 0 8px 0;}

.infoblockheader { width: auto; background-color:#CDDAD4; padding: 0px 2px 1px 30px; margin: 5px 0 0 0;
				   font-size: 1.8em; color:#FFF; font-weight:bold; font-style:italic;}

.infoblockimage  		{ float: left; margin: 0 10px 0 0;}
.infoblocktext p 		{ padding-right: 40px; float: left;}
.infoblocktext A  		{ float: right; color: #333; margin-top: -16px;}
.infoblocktext A:hover	{ float: right; color: #000;}

#left_column p.emphasis		{ color: #005046; font-style:italic; font-size: 1.8em;}
#right_column p.emphasis		{ color: #005046; font-style:italic; font-size: 1.8em;}

#calltoaction { background:#eee; line-height:1.8em; font-size:1.1em; width: 980px; margin: 0px auto; font-weight:bold;}