/* LAYOUT CSS
Date: May 29, 2009
Last Modified: May 29, 2009
-------------------------------------------------------------------------*/

body {
	background:					#FFF;
	font: 						normal 12px/140% Arial, "Lucida Grande", Helvetica, Geneva, sans-serif;
	color: 						#333;
	text-align:					center; /* center content */
	margin:						0;
}

div#pageWrap {
	width:						900px;
	height:						100%;
	margin:						0 auto;
	padding:					0;
	position:					relative;
	text-align:					left;
}

div#menu {
	position:					relative;
	display:					block;
	width:						900px;
	height:						40px;
	clear:						both;
}

#header {
	width:						100%;
	height:						100px;
}

#header h1 a {
	display:					block;
	width:						154px;
	height:						68px;
	overflow:					hidden;
	/*text-indent:				-999em;
	background:					#FFF url(../images/pioneer-drilling.png) top left no-repeat;*/
	margin-left:				30px;
	margin-top:					15px;
}

div#contentWrap {
	width:						100%;
	margin-top:					10px;
}


div#content {
	width:						665px;
	float:						right;
}

div#main {
	
}

div#main h3 {
	margin: 0;
}

.intros {
	margin-top:					15px;
	display:					block; 
	width: 						225px; 
	height: 					auto; 
	float: 						left; 
	color:						#FFF;
}

.intros .inside {
	padding: 					15px; 
	padding-top:				0px;
	margin-top:					0;
	border-right: 				1px solid #3a4f71;
}

.intros span a{
	float:						right;
	
}

div#leftColumn {
	width:						215px;
	float:						left;
}

div#footer {
	display:					block;
	width:						100%;
	height:						40px;
	background:					#163257;
	margin-top:					25px;
	margin-bottom:				25px;
}



div#footer #credits{
	font-size:					11px;
	color:						#919294;
	margin:						10px 0 0 10px;
	float:						left;
}

#bottomLinks {
	float:						right;
	margin:						10px 0 0 0;
}

#bottomLinks ul li {
	display: 					inline;
	list-style-type: 			none;
	padding-right: 				5px;
}

#bottomLinks ul li a {
	font-size:					11px;
	color:						#919294;
}




/* LEFT COLUMN MENU 
-----------------------------------------------------------------------------*/

div#leftColumn h3,
div#leftColumn ul,
div#leftColumn ol{
	margin:						0;
	padding:					0;
}

div#quickLinks {
	width:						230px;
	height:						30px;
	background:					url(../images/sideMenu_blueBckgnd.png) 0px 0px no-repeat;
}

div#quickLinks h3 {
	line-height:				25px;
	height:						33px;
	padding-left:				10px;
	
}

div#drillMenu {
	width:						230px;
	background:					url(../images/sideMenu_blueBckgnd.png) 0px 0px repeat-y;
	margin-top: -20px;
}



div#drillMenu h3.current {
	background:					url(../images/sideMenu_h3_BlueArrow.png) no-repeat;
}

div#SrvcsMenu,
div#SrvcsMenu2 {
	background:					url(../images/sideMenu_h3_Orange.png) 0px 0px repeat-y;
}



div#SrvcsMenu h3 {
	line-height:				25px;
	height:						33px;
	padding-left:				10px;
	background:					url(../images/sideMenu_h3_Orange.png) no-repeat;
}

div#SrvcsMenu h3.current {
	background:					url(../images/sideMenu_h3_OrangeArrow.png) no-repeat;
}



div#SrvcsMenu2 h3 {
	line-height:				25px;
	height:						33px;
	padding-left:				10px;
	background:					url(../images/sideMenu_h3_Orange2.png) no-repeat;
}

div#SrvcsMenu2 h3.current {
	background:					url(../images/sideMenu_h3_OrangeArrow2.png) no-repeat;
}

div#SrvcsMenu .element {
	background:					url(../images/sideMenuElementGradient.png) no-repeat;
}

span.readOn {
	text-align:					right;
	margin-left:				10px;
}

span.readOn a {
	color: #FFF;
}






/* TOP MAIN MENU 
-----------------------------------------------------------------------------*/
#nav, #nav ul {
	padding: 					0;
	margin: 					0;
	list-style: 				none;
	display:					block;
	width:						884;
	height:						40px;
	background:					#163257;
}

#nav a {
	display: 					block;
	color:						#FFF;
	font-weight:				bold;
	text-decoration:			none;
}

#nav li {
	float: 						left;
	width: 						auto;
	line-height:				40px;
	height:						auto;
	background:					#163257 url(../images/menuVerticalLine.png) 100% 10px no-repeat;
	text-align:					center;
	padding:					0 31px;
	margin:						0;
}

#nav li ul {
	position: 					absolute;
	width: 						15.1em;
	left: 						-999em;
	margin:						0 0 0 -31px;
	background:					none;
	
}

#nav li ul li {
	text-align:					left;
	padding:					0;
	margin:						0;
	width:						15em;
	line-height:				1.2em;
	background-image:			none;
	background:					#CCC;
	border-bottom:				1px solid #909bab;
	border-left:				1px solid #909bab;
	border-right:				1px solid #909bab;
}

/* LAST ITEM OF THE LIST
--------------------------------------------*/
#nav li ul li a {
	color:						#163257;
	padding:					0.5em 1em;
	font-weight:				normal;
}

#nav li.last {
	padding: 0;
	background: 				none;
}

#nav li.last a {
	padding: 0;
	background: 				none;
	padding:					0 25px;
}

#nav li.last ul {
	padding:					0 0 0 -25px;
}











/* MAIN MENU - HOVER STYLE
--------------------------------------------*/
div#nav li:hover, div#nav li.sfhover {
	position: 					static;
}

#nav li a:hover,
#nav li.sfhover a,
#nav li:hover a,
#nav li.sfhover {
	color:						#CCC;
}

#nav li.sfhover ul li a,
#nav li:hover ul li a{
	color:						#163257;
}


#nav li:hover ul {
	left: 						auto;
}

#nav li:hover ul, 
#nav li.sfhover ul {
	left: 						auto;
}

#nav li.current a:hover {
	color:						#163257;
}

#nav li ul li:hover,
#nav li ul li.sfhover,
#nav li.current ul li:hover,
#nav li.current ul li.sfhover,
#nav li.current ul li:hover a,
#nav li.current ul li a:hover,
#nav li.current ul li.sfhover a{
	background:					#163257;
	color:						#CCC;
}

#nav li ul li:hover a,
#nav li ul li.sfhover a{
	color:						#CCC;
}





/* CURRENT
--------------------------------------------*/
#nav li.current,
#nav li.current a {
	color:						#163257;
	background:					#CCC url(../images/currentRight.png) 100% 0px no-repeat;
}
#nav li.current a,
#nav li.current ul a {
	background-image:			none;
}





/* SUBMENU ON THE LEFT COLUMNS 
-----------------------------------------------------------------------------*/
#subMenu {
	/* padding-bottom:			20px; */
	width:						230px;
	background:					#FFF url(../images/quickLinksBack.jpg) 0px 0px repeat-y;
}

div#subMenu h3,
div#drillMenu h3{ 
	line-height:				30px;
	padding-left:				10px;
}

div#subMenu h3 {
	background:					url(../images/quickLinks.png) 0px 0px repeat-y;
}

#subMenu ul {
	padding: 					0;
	margin: 					0;
	list-style: 				none;
}

#subMenu li
{
	border-bottom: 				1px solid #90bade;
	margin:						0;
	width:						198px;
}

#subMenu li a
{
	font-size:					11px;
	display: 					block;
	padding: 					5px 5px 5px 0.5em;
	border-left: 				10px solid #1958b7;
	border-right: 				10px solid #508fc4;
	background-color: 			#2175bc;
	color: 						#fff;
	text-decoration: 			none;
}

/* html > body #subMenu li a { width: 168px; } */

#subMenu li.current a,
#subMenu li a:hover
{
	border-left: 				10px solid #333;
	border-right: 				10px solid #363636;
	background-color: 			#5A5A5A;
	color: 						#fff;
}

#subMenu li ul,
#subNav li ul {
	margin:						0;
	padding:					0;
	width:						100%;
}

#subMenu li ul li,
#subNav li ul li{
	border-bottom:				0;
}


#subMenu li ul li a{
	width:						158px;
	padding-left:				15px;
	border-left: 				10px solid #1958b7;
	border-right: 				10px solid #508fc4;
	border-bottom:				none;
	background:					#2175bc url(../images/squareArrow1.png) 0.4em 9px no-repeat;
}

html > body #subMenu li ul li a { /* width: 158px; */}

#subNav li ul li a:hover {
	background:					#153156 url(../images/squareArrow.png) 0.4em 9px no-repeat;
	border-left: 				10px solid #1958b7;
	border-right: 				10px solid #508fc4;
}


/* NEWS TICKER */
#tickerTitle {
	background: url(../images/tickerEnd.jpg) 100% 0 no-repeat;
	margin: 15px 0 10px 0;
	width: 100%;
}

#TICKER {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	line-height: 23px;
	height: 23px;
	padding-left: 100px;
	padding-right: 50px;
}

/* CLASS STYLES
-----------------------------------------------------------------------------*/

img {
	border:						0;
}

.element {
	padding:					5px 40px 0 10px;
}

.inside {
	margin-top:					15px;
	padding:					0 10px;
}

.clr {
	clear:						both;
	font-size: 0px;
	height: 0;
	line-height: 0;
}

/* HOME PAGE
-----------------------------------------------------------------------------*/

#sections, ul#sections{
	float: left;
	width: 100%;
	margin: 0;
	margin-top: -10px;
	padding: 0;
	background: none;
}

#sections li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	width: 224px;
	height: 135px;
	color: #FFF;
	font-size: 11px;
	border-right: 1px solid #7f8c9c;
}

#sections li span a {
	text-align: right;
	float: right;
	margin-top: 5px;
}

#sections li h3 {
	line-height: 2em;
}

#sections li a {
	text-decoration: none;
	color: #FFF;
}


#sections li {
	background: url(../images/home_middleBack.png) 0px 0px repeat-x;
}


#sections li.first {
	background: url(../images/home_leftBack.png) 0px 0px no-repeat;
}

#sections li.last {
	background: url(../images/home_rightBack.png) 0px 0px no-repeat;
	border-right: 0 none;
	width: 225px;
}

#sections li:hover,
#sections li.shover {
	background-position: 0px -135px;
}

#sections li:hover a.main,
#sections li.shover a.main,
#sections li a:hover {
	color: #163257;
}