/* 	Begin clients vertical banner */
#clients {
background:#ffffff url(../img/sprite_h.png) 0px -600px repeat-x;
width:165px;
height:732px;
float:right;
position:relative;
margin-top:-512px;
}

	#clients h2 {
	font-size:13px;
	font-weight:bold;
	color:#4473b3;
	text-align:center;
	padding:20px 5px 10px 5px;
	}

	#clientlogos ul {
	width:165px;
	height:601px;
	list-style-type:none;
	}

	#clientlogos li {
	background-image:url(../img/sprite_l.png);
	background-repeat: no-repeat;
	margin-left:18px;
	margin-bottom:10px;
	width:127px;
	}
	
	#clientlogos li span {
	display: none;
	}

.logo-americanheart {height:71px; background-position: 0 0; } 
.logo-apache {height:68px; background-position: 0 -121px; } 
.logo-bankofamerica {height:52px; background-position: 0 -239px; } 
.logo-bankofoklahoma {height:41px; background-position: 0 -341px; } 
.logo-bnsf {height:50px; background-position: 0 -432px; } 
.logo-calpine {height:104px; background-position: 0 -532px; } 
.logo-chesapeake {height:88px; background-position: 0 -686px; } 
.logo-chevron {height:100px; background-position: 0 -824px; } 
.logo-cimarex {height:59px; background-position: 0 -974px; } 
.logo-citibank {height:48px; background-position: 0 -1083px; } 
.logo-devon {height:74px; background-position: 0 -1181px; } 
.logo-dominion {height:72px; background-position: 0 -1305px; } 
.logo-encana {height:68px; background-position: 0 -1427px; } 
.logo-exxonmobile {height:46px; background-position: 0 -1545px; } 
.logo-headington {height:47px; background-position: 0 -1641px; } 
.logo-hilcorp {height:88px; background-position: 0 -1738px; } 
.logo-ing {height:52px; background-position: 0 -1876px; } 
.logo-jpmorgan {height:43px; background-position: -177px 0; } 
.logo-kerrmcgee {height:91px; background-position: -177px -93px; } 
.logo-mb_exploration {height:63px; background-position: -177px -234px; } 
.logo-merit {height:88px; background-position: -177px -347px; } 
.logo-newfield {height:69px; background-position: -177px -485px; } 
.logo-questar {height:48px; background-position: -177px -604px; } 
.logo-shell {height:99px; background-position: -177px -702px; } 
.logo-stanford {height:57px; background-position: -177px -851px; } 
.logo-total {height:97px; background-position: -177px -958px; } 
.logo-ward {height:99px; background-position: -177px -1105px; } 
.logo-wellsfargo {height:101px; background-position: -177px -1254px; } 

/* 	End clients vertical banner	 */

#jserror {
background:#fff;
padding:1ex 1ex .5ex 1ex;
border-bottom: 1px solid gray;
}

#jserror li {
margin-left:2em;
font-size:.8em;
padding-bottom:1ex;
}

#gizmo {
position:relative;
float:left;
width:800px;
height:432px;
margin-top:0;
}

        #gizmo span {
        font-size:.8em;
        padding-left: 10px;
        }

                .gizmo_title {
                font-weight:bold;
                }

                .gizmo_subtitle {
				font-style:italic;
                }

        #gizmo_titles {
        position:relative;
        float:left;
        width:200px;
        height:432px;
        background:#f3f4f4 url(../img/sprite_g.png) 0px 0px repeat-y;
        }

                .gizmo_list {
                list-style-type:none;
                }

                .gizmo_list li{
                height:40px;
                margin-bottom:0px;
                border-bottom: 1px dotted #0a3a5b;
                color:#0a3a5b;
                background:#d6dee6 url(../img/sprite_g.png) -200px 0px repeat-y;
                }

		.gizmo_list a{
		/*padding-top:3px;*/
		line-height:1.1em;
                color:#0a3a5b;
		}

                li.gizmo_list_active {
                color:#fff;
                background:#0a3a5b url(../img/sprite_g.png) -400px 0px repeat-y;
                }

		a.gizmo_list_active {
                color:#fff;
                }

        #gizmo_content {
        position:relative;
        float:right;
        width:600px;
        height:432px;
        background:#F2F5F7;
	overflow:hidden;
        }

	#gizmo_content img {
	border: none;
	}

a.gizmo_item_link {
display:block;
text-decoration:none;
width:200px;
height:40px;
padding-top:5px;
}

p.gizmo {
padding:0;
margin:0;
}

.green {
background:#f00;
}

/* BEGIN styling for gizmo tiles */
#gizmo_content {
position:relative;
float:right;
width:600px;
height:432px;
background:#fff;
}

#gizmo_content div.bottom_text_overlay{
position:absolute;
bottom:0px;
font-size:.8em;
font-weight:normal;
color:#fddd95;
padding:10px;
line-height:normal;
text-align:justify;
}

#gizmo_content div.style1_textual_gizmo{
position:absolute;
top:0px;
left:0px;
height:432px;
width:600px;
background-repeat:no-repeat;
}

	h1.style1_headline{
	position:absolute;
	top:5px;
	left:10px;
	font-family:times new roman, times, serif;
	font-size:55px;
	font-variant:small-caps;
	font-weight:normal;
	color:#ccc;
	}
	
	div.style1_textual_gizmo h2{
	font-weight:bold;
	font-size:1.5em;
	font-variant:small-caps;
	}

	div.style1_body{
	position:absolute;
	top:110px;
	left:30px;
	font-weight:normal;
	font-size:1em;
	padding-right:30px;
	}
	
		div.style1_split_body_left{
		position:relative;
		width:200px;
		float:left;
		margin-left:-20px;
		font-weight:normal;
		font-size:.8em;
		}
		
		div.style1_split_body_right{
		position:relative;
		width:360px;
		float:right;
		right:-20px;
		top:-20px;
		font-weight:normal;
		font-size:1em;
		text-align:center;
		}
		
		div.style1_textual_gizmo p.uppercase{
		font-weight:bold;
		text-transform:uppercase;
		padding-left:0 !important;
		}
	
		div.unsolicited_b1{
		height:40px;
		background:url(/img/wiki/41610d488807ad65c9daadb311b9ed69e12444baaf9cbc9b8eed18a6f04c2621.png) no-repeat;
		padding-left:60px;
		padding-bottom:20px;
		margin-top:30px;
		}
		
		div.unsolicited_b2{
		height:40px;
		background:url(/img/wiki/41610d488807ad65c9daadb311b9ed69e12444baaf9cbc9b8eed18a6f04c2621.png) 0 -90px no-repeat;
		padding-left:60px;
		padding-bottom:30px;
		}
		
		div.unsolicited_b3{
		height:40px;
		background:url(/img/wiki/41610d488807ad65c9daadb311b9ed69e12444baaf9cbc9b8eed18a6f04c2621.png) 0 -180px no-repeat;
		padding-left:60px;
		}

#gizmo_content div.style2_textual_gizmo{
position:absolute;
top:0px;
left:0px;
height:432px;
width:600px;
background-repeat:no-repeat;
background-color:#d3dbda;
}

	div.style2_textual_gizmo h1{
	font-weight:bold;
	font-size:1.1em;
	}

	div.style2_top_text_block{
	position:absolute;
	top:10px;
	left:10px;
	font-weight:normal;
	font-size:14px;
	padding-right:10px;
	}

	ul.style2_ul{
	position:absolute;
	top:140px;
	left:280px;
	font-size:60%;
	line-height:40px;
	font-weight:bold;
	list-style-type:square;
	list-style-position:inside;
	}
	
	a.gizmo_tile_link {
	display:block;
	text-decoration:none;
	width:600px;
	height:432px;
	background-color:#373539;
	background-repeat: no-repeat;
	}

	h1.bottom_text_headline{
	color:#fff;
	margin-bottom:1ex;
	}
		
	#gizmo_content img.gizmo_tile_image_right{
	position:relative;
	float:right;
	padding-left:10px;
	}
	
	#gizmo_content p.tiny{
	font-size:.7em;
	}

/* END styling for gizmo tiles */
	
/* Begin properties horizontal banner */
#properties {
width:800px;
height:220px;
background:#f7f7ef url(../img/sprite_h.png) 0px 0px repeat-x;
position:relative;
float:left;
overflow:hidden;
}

	a.properties_banner {
	font-size:32px;
	}

	p.properties_banner {
	font-weight:700;
	color:#cb1b05;
	margin-left:-480px;
	padding: 45px 0 0 60px;
	line-height:1em;
	text-align:center;
	font-size:32px;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	}
	
	h3.properties_banner {
	font-weight:450;
	font-style:italic;
	color:#cb1b05;
	margin-left:-480px;
	padding:5px 0 0 60px;
	line-height:1em;
	text-align:center;
	font-size:20px;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	}	
	
	img.properties_banner {
	display:inline;
	margin-left:400px;
	margin-top:-150px;
	padding:0px;
	line-height:1em;
	}
/* 	End properties horizontal banner */

/* Begin big button panel */
#big_button_panel {
width:800px;
height:80px;
float:left;
}

	ul.big_buttons {
	list-style-type:none;
	position:relative;
	float:left;
	text-align:left;
	width:800px;
	height:80px;
	background:#282220 url(../img/sprite_h.png) 0px -300px repeat-x;
	overflow:hidden;
	margin:0;
	padding:0;
	}

	ul.big_buttons a {
	display:block;
	top:0;
	left:0;
	height:80px;
	text-decoration:none;
	font-weight:bold;
	color:#fffcdf;
	padding:10px 0 0 20px;
	overflow:hidden;
	outline:none;
	}

	/*ul.big_buttons p {*/
	span.big_button_slider_copy {
	font-style:normal;
	font-weight:normal;
	text-align:left;
	line-height:1.5em;
	color:#fddd95;
	font-size:12px;
	padding:0 0 0 1px;
	}
	
	/* up state */
	li.big_button_1 {
	position:absolute;
	top:0;
	left:0;
	width:265px;
	height:80px;
	background:#282220 url(../img/sprite_h.png) 0px -300px repeat-x;
	font-size:1.3em;
	}

	li.big_button_2 {
	position:absolute;
	top:0;
	left:266px;
	width:265px;
	height:80px;
	font-size:1.3em;
	border-right-style:dashed;
	border-left-style:dashed;
	border-color:#fffcdf;
	background:#282220 url(../img/sprite_h.png) 0px -300px repeat-x;
	}

	li.big_button_3 {
	position:absolute;
	top:0;
	left:537px;
	width:265px;
	height:80px;
	font-size:1.3em;
	background:#282220 url(../img/sprite_h.png) 0px -300px repeat-x;
	}

	/* hover state */
	li.big_button_1 a:hover {
	background:#a94c00 url(../img/sprite_h.png) 0px -400px repeat-x;
	}

	li.big_button_2 a:hover {
	background:#a94c00 url(../img/sprite_h.png) 0px -400px repeat-x;
	}

	li.big_button_3 a:hover {
	background:#a94c00 url(../img/sprite_h.png) 0px -400px repeat-x;
	}
	
/* End big button panel */
/* End main elements */
