/* ========================================
BASE (reset all basic html tags)
========================================== */

div, h1, h2, h3, h4, h5, h6,  blockquote, fieldset, ledgend, form, label, ul, li, ol, dl, dd, dt, address { /* stripper */
	margin: 0;
	padding: 0;
	font: normal Verdana, "Trebuchet MS", Arial, Helvetica;
	color: #333;
	text-decoration: none;
	border: none;
	line-height: 1.2em;
	}
img { border: none; }

/* ========================================
STRUCTURE (position, width, height, margin, padding, etc.)
========================================== */

/* basics
------------------------------------ */
	
html {
	margin: 0;
	padding: 0;
	height: 100%;
	min-height: 100%;
	}
body {
	text-align: center;
	margin: 10px, 0;
	padding: 0;
	background: #d3d6db;
	}
blockquote{
	margin: 15px;
	}	

	
/* div construction 
------------------------------------ */
	
#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 776px;
	background: #ffffff;
	text-align: left;
	}
	
/* header 
------------------------------------ */

#header {
	height: 205px;
	background: url(images/background_top.gif) no-repeat;
	}
	
#logo {
	float: left;
	padding: 25px 0 0 27px;
	}
	
#banner_image {
	float: right;
	padding: 14px 14px 0 0;
	}

	
/* navigation 
------------------------------------ */

#mainnav {
	width: 756px;
	padding: 38px 0 0 0;
	font: 11px Verdana, "Trebuchet MS", Arial, Helvetica; 
	clear: both;
	}
	
#mainnav ul {
	margin: 0;
	list-style: none;
	}
#mainnav li {
	margin: 0;
	padding: 0;
	display: inline;
	position: relative;
	color: #ffffff;
	padding: 0px 5px 6px 20px;
	}
#mainnav li a, #mainnav li a:visited {
	color: #003136;
	text-decoration: none;
	font-weight: bold;
	}
#mainnav li a:hover {
	color: #E13818;
	text-decoration: underline;
	}
	
#mainnav li ul {
	margin: 0;
	padding-bottom: 8px;
	position: absolute;
	top: 18px;
	left: 8px;
	display: none;
	background-color:#003136;
}

#mainnav li ul.kick-left {
	left: -26px;
}

#mainnav li ul li {
	text-align: left;
	display: block;
	height: auto;
	width: auto;
	margin: 0;
	padding: 4px 5px 2px 10px;
	border: 1px solid #003136; /* this is kinda hack Jber */
	}

#mainnav li ul li a, #mainnav li ul li a:visited {
	display: block;
	color: #ffffff;
	text-decoration: none;
	padding: 0 0 3px 0;
	font-weight: normal;
}

#mainnav li ul li a:hover { 
	display: block;
	color: #E13818;
	text-decoration: underline;
}

/*firefox hack*/
#mainnav>li ul{
	top: 18px;
}
/* ie-7 hack */
#mainnav>li ul {
	%top: 18px;
}
/* Holly Hack. IE Requirement \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

/* The magic */
#mainnav li:hover ul, #mainnav li.over ul { display: block;} 

/*specify widths for drop downs*/
#mainnav-aboutus {
	width: 140px;
	}
#mainnav-services {
	width: 200px;
	}
#mainnav-bullpen {
	width: 140px;
	}
	
/* Navigation Current page - ++++++++++++ */
#home
	span.home,
#contact
	span.contact,
#aboutus
	span.aboutus,
#services
	span.services,
#clients
	span.clients,
#training
	span.training,
#safety
	span.safety,
#contact
	span.contact,
#bullpen
	span.bullpen,
	
/* Services Side Navigation */
#project_management
	span.project_management,
#drilling
	span.drilling,
#project_management
	span.project_management,
#completion
	span.completion,
#intervention
	span.intervention,
#abandonment
	span.abandonment,
#regulatory
	span.regulatory,
#production_management
	span.production_management,
#supervision
	span.supervision,
	
/* Bullpen Side Navigation */
#bullpen_home
	span.bullpen_home,
#bullpen_links
	span.bullpen_links,
	
/* About Us Side Navigation */
#aboutus_home
	span.aboutus_home,
#aboutus_home
	span.aboutus,
#management
	span.management

{
	color: #E13818;
	text-decoration: underline;
	}
	
/*END  Navigation Current page - ++++++++++++ */
	
#subnav {
	width: 750px;
	height: 24px;
	padding: 0;
	}
#subnav ul {
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none;
	}
#subnav li {
	float: left;
	margin: 0;
	padding: 0;
	}
#subnav li a, #subnav li a:visited {
	float: left;
	margin: 0 1px 0 0;
	padding: 5px 9px 6px 9px;
	}
	
/* content 
------------------------------------ */

#content {
	width: 751px;
	background: #D3D6DB url(images/background_content.gif) repeat-y;
	padding-left: 25px;
	}
	
#content_home {
	width: 518px;
	background: #ffffff url(images/vertical_dots.gif) top right repeat-y;
	padding-right: 13px;
	border-bottom: 25px solid white;
	}
	
#content_left {
	float: left;
	width: 204px;
	/*background: #ffffff url(images/vertical_dots.gif) top right repeat-y;*/
	}
#content_left ul {
	margin: 0;
	padding: 0 0 20px 0;
	padding-left: 5px;
	list-style: none;	
	text-align: left;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	}
#content_left ul li{
	padding-left: 0px;
	padding-bottom: 5px;
	margin: 0;
	}
#content_left ul li a, #content_left-sub ul li a:visited {
	display: block;
	color: #024272;
	text-decoration: none;
	padding: 0 0 3px 0;
	}
#content_left ul li a:hover {
	color: #E33C12;
	text-decoration: underline;
	}
	
#content_main {
	width: 304px;
	/*background: #ffffff url(images/vertical_dots.gif) top right repeat-y;*/
	background: #ffffff url(images/vertical_dots_dbl.gif) top right repeat-y;
	padding-right: 13px;
	padding-left: 10px;
	border-bottom: 25px solid white;
	float: left;
	}
#content_main a, #content_left-sub a:visited {
	color: #024272;
	text-decoration: none;
	}
#content_main a:hover {
	color: #E33C12;
	text-decoration: underline;
	}
	
#content_main ul {
	margin: 0;
	padding: 0 0 20px 0;
	padding-left: 25px;
	list-style: none;	
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	}
#content_main ul li{
	padding-left: 0px;
	padding-bottom: 5px;
	margin: 0;
	}
#content_main ul li a, #content_left-sub ul li a:visited {
	display: block;
	color: #024272;
	text-decoration: none;
	padding: 0 0 3px 0;
	}
#content_main ul li a:hover {
	color: #E33C12;
	text-decoration: underline;
	}

#content_main ol {
	margin: 0;
	padding: 0 0 20px 0;
	padding-left: 25px;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	}
#content_main ol li{
	padding-left: 0px;
	padding-bottom: 5px;
	margin: 0;
	}
	
#content_main ul.clients {
	margin: 0;
	padding: 0 0 20px 0;
	padding-left: 0;
	list-style: none;	
	text-align: left;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	}
	
#content_main ul.clients li {
	display: block;
	float: none;
	}
	
#content_main ul.dotted {
	margin: 0;
	padding: 0 0 20px 0;
	padding-left: 25px;
	list-style: disc;	
	text-align: left;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	}
	
#content_main ul.clients li {
	display: block;
	float: none;
	}
	
/*Sitemap portion*/

#sitemap1 ul {
	margin: 10px;
	padding: 0px;
	list-style: none;
	}
#sitemap1 li {
	margin: 0;
	padding: 0;
	color: #ffffff;
	padding: 0px 5px 8px 15px;
	width: 300px;
	}
#sitemap1 a {
	font: 12px, Verdana, "Trebuchet MS", Arial, Helvetica;
}

	
/* footer 
------------------------------------ */

#footer {
	margin: 0;
	width: 776px;
	background: #D3D6DB url(images/background_footer.gif) no-repeat bottom left;
	clear: both;
	min-height: 80px;
	text-align: center;
	}
	
	
#footer ul {
	float: left;
	margin: 0;
	padding: 10px 0 0 0;
	list-style: none;
	}
#footer li {
	display: inline;
	margin: 0;
	padding: 0px 0px 0 24px;
	}
address a, address a:visited {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #E33C12;
	text-decoration: none;
	}
address a:hover {
	color: #323833;
	text-decoration: underline;
	}

address {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	padding-top: 11px;
	padding-bottom: 10px;
}


/* h1 - titles
------------------------------------ */
/*SAMPLE http://moronicbajebus.com/wordpress/wp-content/cssplay/image-replacement/ */
#ex1{ /*Size of the image*/ padding-top: 133px; width: 243px; /*The image*/ background-image: url(ex1.gif); background-repeat: no-repeat; /*Hide the text*/ overflow: hidden; /* WIN IE5 hack */ height: 133px; voice-family: "\"}\""; voice-family:inherit; height: 0; }

#lgo{ 
/*Size of the image*/ padding-top: 99px; width: 214px;
/* WIN IE5 hack */  height: 0; 
background-image: url(/images/cdp_logo.gif); background-repeat: no-repeat;
overflow: hidden; 
}

#ttl{ 
/*Size of the image*/ padding-top: 45px; width: 700px; margin-bottom: 10px;
/* WIN IE5 hack */  height: 0; 
overflow: hidden; 
}

.tl_home {
	background: url(/images/title_home.gif) no-repeat; 
	}
.tl_aboutus {
	background: url(/images/title_aboutus.gif) no-repeat; 
	}
.tl_services {
	background: url(/images/title_services.gif) no-repeat; 
	}
.tl_clients {
	background: url(/images/title_clients.gif) no-repeat; 
	}
.tl_training {
	background: url(/images/title_training.gif) no-repeat; 
	}
.tl_safety {
	background: url(/images/title_safety.gif) no-repeat; 
	}
.tl_bullpen {
	background: url(/images/title_bullpen.gif) no-repeat; 
	}
.tl_contact {
	background: url(/images/title_contact.gif) no-repeat; 
	}

h1 {font: 10px Helvetica, Arial, Verdana,sans-serif;
	}


h2 {
	font: 20px Helvetica, Arial, Verdana,sans-serif;
	color: #323833;
	padding-top: 0px;	
	}

h3 {
	font: bold 16px Helvetica, Arial, Verdana,sans-serif;
	color: #323833;
	margin-top: 0px;	
	}
h4 {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin-top: 15px;	
	padding-bottom: 0;
	margin-bottom: 0;
	width: 300px;
	border-bottom: 1px solid #003136;
	}
h4.rate {
	width: 370px;
	}
h5 {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #323833;
	width: 370px;
	border-bottom: 2px solid white;
	margin-top: 32px;	
	padding-bottom: 5px;
	}
h6 {
	font: bold .75em Verdana, Arial, Helvetica, sans-serif;
	color: #323833;
	margin-top: 5px;	
	padding-bottom: 1px;
	}

/* LETS WORK on the Side Buckets and their lists
---------------------------------------------------------------------------------*/
	
#buckets {
	margin: 0;
	padding: 0px 23px 20px 0;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	width: 181px;
	float: right;	
	}
	
.bucket-content {
	background: #ffffff url(/images/bucket-fade.jpg) repeat-x;
	color: #274967;
	height: 119px;
	padding: 10px;
	}

	
#buckets ul {
	margin: 0;
	padding: 10px 0 20px 0;
	padding-left: 0px;
	list-style: none;	
	text-align: left;
	}
#buckets ul li{
	padding-left: 20px;
	padding-bottom: 5px;
	margin: 0;
	}
#buckets ul li a, #buckets ul li a:visited {
	display: block;
	color: #274967;
	text-decoration: none;
	padding: 0;
	font-weight: bold;
	}
#buckets ul li a:hover {
	color: #E13818;
	text-decoration: underline;
	}
	
/* p and lower classes
---------------------------------------------------------------------------------*/
	
p {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #323833;
	}

#cdpe_home {
	background: #ffffff url(images/logosm_cdpe.gif) no-repeat top left; 
	padding-left: 115px;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #323833;
	}
	
#foreman_home {
	background: #ffffff url(images/logosm_foreman.gif) no-repeat top left; 
	padding-left: 115px;
	}


/* FORMS 
----------------------------------- */
	
form {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	}
label {
	margin: 8px 0 5px 0;
	display: block;
	color: #000000;
	}
fieldset {
	border: 1px solid #313c4b;
	margin: 10px 0 10px 0;
	}
form div.sample {
	margin: 5px 0 5px 0;
	color: #d5deeb;
	font-size: .8em;
	width: 300px;
	}
input, textarea{
	width: 280px;
	}
.form_submit {
	width: 100px;
	margin-top:10px;
}
.req {font-weight: bold;
	}