/* MAVERICK PETROLEUM, INC. | PINT */

/* BASIC ELEMENTS
------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption { margin:0; padding:0; }

table, th, td { margin:0; }

html { min-height:100%; padding-bottom:1px; }

body { color:#7b7777; font-size:12px; line-height:15px; font-family:arial,sans-serif; text-align:center; background:#e6e3dc; }
table, th, td { color:#7b7777; font-size:11px; line-height:15px; font-family:arial,sans-serif; }
input, td input, select, td select, textarea, td textarea { color:#c8c7c7; font-size:11px; line-height:15px; font-family:arial,sans-serif; }

a img, :link img, :visited img { border:none; }

a:link { color:#178afe; text-decoration:none; }
a:visited { color:#0477c3; text-decoration:none; }
a:hover, a:active { color:#178afe; text-decoration:underline; }

abbr { border-bottom:1px dotted #ccc; cursor:help; }

ul { margin:0 0 12px 15px; }
ol { margin:0 0 12px 18px; }

p { margin:0 0 12px; }

hr {border:none; border-top:1px solid #fff; height:0; margin:15px 0; }

/* Headlines */
h1, .h1 { margin:0 0 15px; color:#231c1c; font:bold 14px/18px 'Copperplate Gothic',arial,sans-serif; }
h2, .h2 { margin:0 0 5px; font:bold 14px/18px arial,sans-serif; }
h3, .h3 { margin:0 0 5px; font-size:13px; line-height:15px; }
h4, .h4 { margin:0 0 5px; font-size:12px; line-height:14px; }
h5, .h5 { margin:0 0 5px; font-size:11px; line-height:13px; }
h6, .h6 { margin:0 0 5px; font-size:10px; line-height:12px; }

#layout-2col #col1 h3, #layout-2col #col1 .h3 {margin-top:25px;}

/* SHARED
------------------------------------------------------------------------------------- */
#container { position:relative; margin:0 auto; padding:84px 0 0; width:990px; text-align:left; }

#header { position:absolute; top:0; left:0; width:100%; height:84px; z-index:50; }

#logo { position:absolute; top:20px; left:0; margin:0; z-index:60;}
#logo span { width:254px; height:48px; overflow:hidden; }

/* NAVIGATION
------------------------------------------------------------------------------------- */
/* Generic Nav Styles */
.nav { position:absolute; margin:0; }
.nav li { float:left; position:relative; list-style:none; }
.nav a { cursor:pointer; }
.nav a:hover { text-decoration:none; }
.nav a, .nav div { position:relative; display:block; text-decoration:none; color:#0477c3; font-size:14px; }
.nav span { position:absolute; top:0; left:0; display:block; }

.nav table { margin:0 -1px -1px; border-collapse:collapse; }
.nav td { font-size:11px; }
.nav li:hover, * html .nav a:hover { position:relative; }
.nav li li a { font-size:12px; text-align:left; }

/* Main Nav - Specific (Must also have .nav on element) */
#nav { top:20px; left:289px; width:458px; height:48px; }
#nav li { height:48px; }
#nav a, #nav div { height:48px; }
#nav span { height:48px; }
#nav li, #nav a, #nav span, #nav div { background-image:url(../images/bg-nav.png); }

/* NORMAL STATE (NAV ITEM W/ DROPDOWN, NAV ITEM W/O DROPDOWN */
#nav .nav-services, #nav .nav-services a, #nav .nav-services a span, #nav .nav-services-nodrop, #nav .nav-services-nodrop a, #nav .nav-services-nodrop a span { background-position:0 0; width:79px; }
#nav .nav-locations, #nav .nav-locations a, #nav .nav-locations a span, #nav .nav-locations-nodrop, #nav .nav-locations-nodrop a, #nav .nav-locations-nodrop a span { background-position:-79px 0; width:108px; }
#nav .nav-clients, #nav .nav-clients a, #nav .nav-clients a span, #nav .nav-clients-nodrop, #nav .nav-clients-nodrop a, #nav .nav-clients-nodrop a span { background-position:-187px 0; width:91px; }
#nav .nav-about, #nav .nav-about a, #nav .nav-about a span, #nav .nav-about-nodrop, #nav .nav-about-nodrop a, #nav .nav-about-nodrop a span { background-position:-278px 0; width:82px; }
#nav .nav-contact, #nav .nav-contact a, #nav .nav-contact a span, #nav .nav-contact-nodrop, #nav .nav-contact-nodrop a, #nav .nav-contact-nodrop a span { background-position:-360px 0; width:98px; }

/* HOVER STATE - W/ DROP */
#nav .nav-services:hover a, #nav .nav-services:hover a span, #nav .nav-services a:hover, #nav .nav-services a:hover span, #nav .nav-serviceson:hover a, #nav .nav-serviceson:hover a span, #nav .nav-serviceson a:hover, #nav .nav-serviceson a:hover span { background-position:0 -48px; width:79px; }
#nav .nav-locations:hover a, #nav .nav-locations:hover a span, #nav .nav-locations a:hover, #nav .nav-locations a:hover span, #nav .nav-locationson:hover a, #nav .nav-locationson:hover a span, #nav .nav-locationson a:hover, #nav .nav-locationson a:hover span { background-position:-79px -48px; width:108px; }
#nav .nav-clients:hover a, #nav .nav-clients:hover a span, #nav .nav-clients a:hover, #nav .nav-clients a:hover span, #nav .nav-clientson:hover a, #nav .nav-clientson:hover a span, #nav .nav-clientson a:hover, #nav .nav-clientson a:hover span { background-position:-187px -48px; width:91px; }
#nav .nav-about:hover a, #nav .nav-about:hover a span, #nav .nav-about a:hover, #nav .nav-about a:hover span, #nav .nav-abouton:hover a, #nav .nav-abouton:hover a span, #nav .nav-abouton a:hover, #nav .nav-abouton a:hover span { background-position:-278px -48px; width:82px; }
#nav .nav-contact:hover a, #nav .nav-contact:hover a span, #nav .nav-contact a:hover, #nav .nav-contact a:hover span, #nav .nav-contacton:hover a, #nav .nav-contacton:hover a span, #nav .nav-contacton a:hover, #nav .nav-contacton a:hover span { background-position:-360px -48px; width:98px; }

/* HOVER STATE - W/O DROP */
#nav .nav-services-nodrop:hover a, #nav .nav-services-nodrop:hover a span, #nav .nav-services-nodrop a:hover, #nav .nav-services-nodrop a:hover span { background-position:0 -48px; width:79px; }
#nav .nav-locations-nodrop:hover a, #nav .nav-locations-nodrop:hover a span, #nav .nav-locations-nodrop a:hover, #nav .nav-locations-nodrop a:hover span { background-position:-79px -48px; width:108px; }
#nav .nav-clients-nodrop:hover a, #nav .nav-clients-nodrop:hover a span, #nav .nav-clients-nodrop a:hover, #nav .nav-clients-nodrop a:hover span { background-position:-187px -48px; width:91px; }
#nav .nav-about-nodrop:hover a, #nav .nav-about-nodrop:hover a span, #nav .nav-about-nodrop a:hover, #nav .nav-about-nodrop a:hover span { background-position:-278px -48px; width:82px; }
#nav .nav-contact-nodrop:hover a, #nav .nav-contact-nodrop:hover a span, #nav .nav-contact-nodrop a:hover, #nav .nav-contact-nodrop a:hover span { background-position:-360px -48px; width:98px; }

/* ON STATE */
#nav .nav-serviceson, #nav .nav-serviceson span, #nav .nav-serviceson div, #nav .nav-serviceson-nodrop, #nav .nav-serviceson-nodrop span, #nav .nav-serviceson-nodrop div { background-position:0 -48px; width:79px; }
#nav .nav-locationson, #nav .nav-locationson span, #nav .nav-locationson div, #nav .nav-locationson-nodrop, #nav .nav-locationson-nodrop span, #nav .nav-locationson-nodrop div { background-position:-79px -48px; width:108px; }
#nav .nav-clientson, #nav .nav-clientson span, #nav .nav-clientson div, #nav .nav-clientson-nodrop, #nav .nav-clientson-nodrop span, #nav .nav-clientson-nodrop div { background-position:-187px -48px; width:91px; }
#nav .nav-abouton, #nav .nav-abouton span, #nav .nav-abouton div, #nav .nav-abouton-nodrop, #nav .nav-abouton-nodrop span, #nav .nav-abouton-nodrop div { background-position:-278px -48px; width:82px; }
#nav .nav-contacton, #nav .nav-contacton span, #nav .nav-contacton div, #nav .nav-contacton-nodrop, #nav .nav-contacton-nodrop span, #nav .nav-contacton-nodrop div { background-position:-360px -48px; width:98px; }
/**************************************************************************************************************/

/* Header Search */
#header-search { position:absolute; top:34px; left:766px; width:125px; height:20px; overflow:hidden; background:url(../images/bg-sprite-x.png) no-repeat 0 0; }
#header-search input { margin:2px 0 0 2px; padding:0 0 0 3px; width:101px; height:18px; float:left; display:inline; font-size:11px; overflow:hidden; border:none; }
#header-search .btn { margin:1px 0 0; padding:0; width:18px; height:18px; cursor:pointer; opacity:0; }

/* Tertnav */
#tertnav { position:absolute; top:20px; left:911px; margin:0; padding:9px 0 9px 15px; border-left:1px solid #fff; }
#tertnav li { padding:0 0 0 5px; width:58px; font-size:10px; list-style:none; background:url(../images/bg-sprite-y.png) no-repeat 0 7px; }
#tertnav a { color:#0477c3; }

/* Subhead */
#subhead { padding:0 0 3px; background:url(../images/bg-dots-x.png) repeat-x 0 100%; }
#subhead .frame { padding:0 0 14px; width:990px; background:url(../images/bg-frame.png) no-repeat 0 100%; }
#subhead .frame .frame { padding:14px 14px 0; width:962px; background:url(../images/bg-frame.png) no-repeat 0 0; }

/* HOME PAGE
------------------------------------------------------------------------------------- */
#h-tools { position:relative; width:445px; height:120px; background:url(../images/bg-h-events.png) no-repeat 0 100%; }
#h-tools ul { margin:0; padding:38px 0 0 10px; width:175px; }
#h-tools li { margin:0 0 14px; color:#231c1c; line-height:13px; list-style:none; }
#h-tools .last { margin:0; }
#h-tools p { position:absolute; top:18px; left:340px; font-size:18px; line-height:22px; }

/* Home-page Layout Specifics */
#layout-homepage #subhead { margin-bottom:19px; background:none; }
#layout-homepage h2 { margin:0 0 6px; }
#layout-homepage #col2 ul { margin:0 10px 0 0; width:239px; float:left; display:inline; }
#layout-homepage #col2 li { margin:0 0 8px; padding:0 0 0 8px; width:231px; font-size:12px; list-style:none; background:url(../images/bg-sprite-y.png) no-repeat 0 6px; }
#layout-homepage #col2 li a { color:#0477c3; }
#layout-homepage #col2 .btn-contact { float:left; display:inline; }


/* SUBPAGE
------------------------------------------------------------------------------------- */
.content {}

#breadcrumb { margin:0 0 0 10px; }
#breadcrumb li { margin:0 6px 0 0; list-style:none; display:inline; color:#333; font-size:11px; }
#breadcrumb a { padding:0 12px 0 0; background:url(../images/bg-sprite-y.png) no-repeat 100% -95px; }

#subnav { margin:0; width:190px; border-bottom:1px solid #d4d1cb; }
#subnav ul { margin:4px 0 7px 10px; border:0; }
#subnav li { padding:3px 0 3px 11px; list-style:none; border:1px solid #d4d1cb; border-width:1px 0 0; }
#subnav li li { padding-left:5px; border-width:0 0 1px; font-size:11px; }

/* SUB-PAGE LAYOUTS */

/* Homepage */
#layout-homepage { margin:0 0 20px; font-size:11px; line-height:15px; }
#layout-homepage .row { width:100%; background:url(../images/bg-dots-y.png) repeat-y 496px 0; }
#layout-homepage #col1 { margin:0 75px 0 4px; padding:0; width:446px; float:left; display:inline; }
#layout-homepage #col2 { padding:0; width:455px; float:left; display:inline; }

/* Full-Width */
#layout-full { margin:0 0 20px; }
#layout-full #col1 { padding:18px 0 0 11px; width:979px; }

/* 2 Column (Subnav) */
#layout-2col { margin:0 0 60px; }
#layout-2col #col1 { padding:48px 0 0 20px; width:770px; min-height:170px; float:right; display:inline; background:url(../images/bg-dots-y.png) repeat-y 0 0; }
#layout-2col #col2 { padding:32px 0 0; width:200px; float:left; display:inline; }

/* 2 Column (Flexible Content) */
#layout-2col #col1-flex { padding:48px 0 0 20px; width:770px; min-height:170px; float:right; display:inline; background:url(../images/bg-dots-y.png) repeat-y 0 0; }
#layout-2col #col2-flex { padding:32px 0 0; width:200px; float:left; display:inline; }

/* Sub-page Layout Specifics */
#layout-full .component-boxes { margin-left:-11px; width:990px; }
#layout-full .box { width:270px; }

#layout-2col h1 { margin:0 0 30px; }

.login, .retrieve-password {float:left;}
.login {width:375px;}
.retrieve-password {background:url(../images/bg-dots-y.png) repeat-y scroll 0 0 transparent; width:325px; padding:0 0 0 25px;}

.center-content {width:525px; margin:0 auto;}

/* Sitemap */
#sitemap { margin:15px 0 0; border-collapse:collapse; }
#sitemap td { padding-right:40px;}
#sitemap ul { margin:0 0 20px 13px; }
#sitemap ul ul { margin:5px 0 5px 20px; }
#sitemap li, #sitemap a { font-weight:normal !important; }
#sitemap h3 { margin:0 0 5px; padding:0 0 4px; /* border-bottom:1px solid #f6f6f6; */ }
#sitemap h3 a { font-weight:bold !important; }

/* FOOTER
------------------------------------------------------------------------------------- */
#footer { position:relative; padding:12px 0 25px; font-size:11px; background:url(../images/bg-dots-x.png) repeat-x 0 0; }
#footer a { color:#0477c3; }
#footer p { padding:0 0 0 10px; width:240px; }
#footer ul { position:absolute; top:12px; left:250px; }
#footer li { padding:0 12px 0 0; list-style:none; display:inline; }


/* COMPONENTS (WIDGETS) - [ .component- ] 
------------------------------------------------------------------------------------- */
.component-boxes { margin:17px 0 0; width:100%; font-size:11px; line-height:15px; }
.component-boxes .box { margin:0 30px 30px 0; padding:20px; min-height:360px; float:left; display:inline; background:#f4f3f1; border-bottom:1px solid #d4d1cb; }
.component-boxes .last { margin-right:0; border-bottom:1px solid #d4d1cb !important; }
.component-boxes ul { margin:0 0 12px; }
.component-boxes li { margin:0 0 6px; }

.component-locations { background:url(../images/locations-map_lg.png) 0 0 no-repeat; position:relative; min-height:800px; }
.component-locations .text { position:relative; padding:0 0 0 336px; width:590px; min-height:350px; float:left; font-size:14px; }
.component-locations table { margin:20px auto; }
.component-locations td { font-size:14px; }
.component-locations .btn-contact { position:absolute; right:195px; }
.component-locations .map { position:absolute; top:0; left:0; }

#google-map {width:100%;}
#google-map iframe {border:1px solid #D8D8D8; display:block; width:525px; height:350px; margin:0 0 10px 0;}

.note { background-color:#F4F3F1; border-bottom:1px solid #D4D1CB; margin:15px 0; padding:15px;}

/* BUTTON STYLES - [ .btn- ] 
------------------------------------------------------------------------------------- */
.btn-contact { text-align:right; }
.btn-submit {background-color:#0476C2; border:1px solid #FFF; color:#FFF; cursor:pointer; padding:3px;}
.btn-login {background:url(../images/btn-login.gif) 0 0 no-repeat; display:block; width:76px; height:36px;}
	.btn-login span {display:none;}
.btn-retrieve {background:url(../images/btn-retrieve.gif) 0 0 no-repeat; display:block; width:208px; height:36px; margin:0 0 25px 0;}
	.btn-retrieve span {display:none;}

/* FORMS - [ .form- ] 
------------------------------------------------------------------------------------- */
.input { border:1px solid #C7C6C2; color:#7B7777; font-size:15px; width:170px; margin:0 0 5px 0; padding:6px;}


/* LIST STYLES - [ .list- ] 
------------------------------------------------------------------------------------- */
.list-nobull li { list-style:none; }

.list-bio { margin:0; list-style:none; }
.list-bio li { margin:0 0 20px; padding:0 0 20px; list-style:none; font-size:11px; line-height:16px; border-bottom:1px solid #d4d1cb; }
.list-bio .frame { margin:2px 10px 0 0; padding:0 0 4px; width:103px; float:left; display:inline; background:url(../images/bg-frame.png) no-repeat -990px 100%; }
.list-bio .frame .frame { margin:0; padding:4px 4px 0; width:95px; background:url(../images/bg-frame.png) no-repeat -990px 0; }
.list-bio .inner { width:650px; float:left; display:inline; }
.list-bio h2 { margin:0; }

/* TABLE STYLES - [ .tbl- ] 
------------------------------------------------------------------------------------- */
.tbl-locations { margin:20px 0 0; border-collapse:collapse; }
.tbl-locations td { padding:0 20px 0 0; vertical-align:top; }
.tbl-locations li { list-style:none; }

#tbl-content {width:100%;}
#tbl-content td { vertical-align:top; font-size:14px; padding:0 0 0 15px;}
#tbl-content td.column-one {border-right:1px solid #fff; padding:0 15px 0 0;}
#tbl-content td td {padding:0;}

/* LINK IMAGES
------------------------------------------------------------------------------------- */
.link { padding:19px 0 13px; background:url(../images/bg-sprite-y.png) no-repeat 0 0; }
.link-briefcase { padding-left:52px; background-position:0 -201px; }
.link-3d { padding-left:48px; background-position:0 -292px; }
.link-info-card { padding-left:52px; background-position:0 -452px; }
.link-people { padding-left:56px; background-position:0 -371px; }
.link-check { padding-left:47px; background-position:0 -521px; }


/* MISC. CLASSES & IDS
------------------------------------------------------------------------------------- */
#skip { display:none; }
.show { display:block; }
.hide { display:none; }
.clear { clear:both; }
br.clear { line-height:0; height:0; }
.last { border:0 !important; }
.col { float:left; display:inline; }
.pint { display:none !important; }
.right { text-align:right; }
.center { text-align:center; }

.clearfix:after, .content:after, #layout-homepage .row:after, .list-bio li:after, .component-boxes:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
/* PLEASE LEAVE BOTH THESE LINES, FIX FOR IE7 */
.clearfix, .content, #layout-homepage .row, .list-bio li, .component-boxes { display:inline-block; }
.clearfix, .content, #layout-homepage .row, .list-bio li, .component-boxes { /*\*/display:block;/**/ }

/* FIX FOR PWP RETYPE PASSWORD STYLING  */
.PWPRetypePromptText { display:block; }

.floatleft { float:left; }
.floatright { float:right; }

img.floatleft { margin:0 10px 5px 0; }
img.floatright { margin:0 0 5px 10px; }

/* SPAN STYLES MAINLY ADDED FOR IE PNGFIX SUPPORT. PNGFIX REPLACES THE <IMG> WITH <SPAN> */
span.floatleft { margin:0 10px 5px 0; }
span.floatright { margin:0 0 5px 10px; }