/* ---------------------------------------------------------------------------- Copyright CMTM, Inc 2008. Used with Permission. May not be duplicated or reproduced. Please check for cross-browser compatibility prior to making changes MINIMUM BROWSER CHECK :: IE5.x/IE6/Firefox/Safari CSS Document - styles.css ---------------------------------------------------------------------------- */ /* undo some default styling of common (X)HTML browsers * ------------------------------------------------------------------------- */ /* No list-markers by default - must redefine bullets w/ bg graphics */ ul,ol { list-style:none;} /* Avoid browser default inconsistent heading font-sizes and pre/code */ h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; } /* Remove inconsistent (among browsers) default padding or margin */ ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl { margin:0; padding:0; } /* prevent blue linked image borders */ a img,:link img,:visited img,fieldset { border:none; } /* global elements * ------------------------------------------------------------------------- */ body {padding:0px;font-family: Arial, Helvetica, sans-serif;font-size:12px;color:#fff;background:#330706 url(../images/bg.jpg) repeat-x left top; } a {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #3D8ACE;text-decoration: underline; outline:none;} a:hover{ text-decoration: underline; color: #900; } a:active{outline:none;} p { font-family: Arial, sans-serif; font-size: 16px; color: #444;} h1,h2,h3,h4,h5,h6 { color: #404040; font-weight: bold; font-family: "Trebuchet MS", Arial, sans-serif;} textarea, input, table { font-family: Arial, Helvetica, sans-serif; font-size: 12px;color:#000;} .nowrap { white-space:nowrap; } /* framework * ------------------------------------------------------------------------- */ /* index page */ #container { margin: 0px; padding: 0px; width: 100%; text-align: center; } #container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #bg_a {padding:0px;margin:0px;background: url(../images/bg_a.jpg) no-repeat top center;} #bg_b {background: transparent url(../images/bg_b.jpg) top center repeat-y; } #bg_c {padding:0px;margin:0px;background: transparent url(../images/bg_c.jpg) top center no-repeat; } #header_section{margin:0px auto;width:1000px;height:85px;background: url(../images/header.jpg) no-repeat top left; } /* flash /*----------------------------- */ #flash {width:684px; height:306px; float:left;} #flash span { display:none; } #banner_section { margin: 0px auto; width: 1000px; padding:0px; } #banner_section:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #banner { width: 684px; height: 306px;float: left; background:#600 url(../images/banner.jpg) left top no-repeat;} /*update for indranch */ /* body#resources #banner { background: url(../images/sub/image1.jpg) left top no-repeat;} body#industry-topics #banner { background: url(../images/sub/image2.jpg) left top no-repeat;} body#corporate #banner { background: url(../images/sub/image3.jpg) left top no-repeat;} body#technology #banner { background: url(../images/sub/image4.jpg) left top no-repeat;} body#investors #banner { background: url(../images/sub/image5.jpg) left top no-repeat;} body#news #banner { background: url(../images/sub/image5.jpg) left top no-repeat;} */ #quick_contact_area {width:316px;height:306px;float:left;text-align:left;background-color:#180c0a; background-image:url(../images/contact_bg.jpg);background-repeat:no-repeat;background-position:left top;} #quick_contact_area_contact {width:316px;height:306px;float:left;text-align:left;background-color:#404040;background-image:url(../images/contact_bg_contact.jpg);background-repeat:no-repeat;background-position:left top;} #quick_contact_area_contact p{ color:#fff; font-size:16px; padding:50px 20px 0 50px;} #quick_contact { margin: 107px 0px 0px 87px; } #quick_contact label { display: none; line-height: 0px; } .quick_contact_input { width: 191px; height: 17px; background: #ffffff; border: solid 1px #a0a0ac; padding: 2px 0px 0px 2px; margin: 0px 0px 3px 0px; } #quick_contact textarea { width: 191px; height: 72px; background: #ffffff; border: solid 1px #a0a0ac; padding: 2px 0px 0px 2px; margin: 0px 0px 0px 0px; } #quick_submit_button { width: 115px; height: 20px; background: url(../images/btn_contact_us.jpg) no-repeat top left; border: none; padding: 0px; margin: 5px 0px 0px 80px; } #quick_submit_button:hover{ background-position: 0 -20px;} #quick_submit_button span{display: none;} /* TICKER */ #ticker{ margin:0 auto; padding:0; width:1000px; height:47px; background:#600 url(../images/ticker.jpg) left top repeat-x;} #content_section { margin: 0px auto 0px auto; width: 1000px; padding: 0px 0px 0px; /*47px*/text-align: left; color:#444;} #content_section:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #content_section ul { margin-bottom: 20px; } #content_section li { display: block; background: url(../images/home/list_arrow.gif) no-repeat; background-position: 0px 10px; padding-left: 10px; line-height: 25px; } #content_section_hr{ width: 1000px; height: 6px; background: url(../images/home/main_section_top.gif) no-repeat top left; float: left; } #content_area { width: 684px; float: left; background:transparent; } h1#body_content_title{margin:20px 0 0 0; font-family: "Times New Roman", Times, serif; font-size: 26px; line-height:29px; color:#900; font-weight:normal; font-variant:small-caps;} #content { margin: 0px 0px 0px 35px; width: 609px; } #content p { margin-bottom: 20px; line-height: 25px; } /*#content h2 { font-family: "Times New Roman", Times, serif; font-size: 22px; line-height:22px; color:#900; font-weight:normal; text-transform:uppercase;} */ #content h2 { font-family: "Times New Roman", Times, serif; font-size: 26px; line-height:26px; color:#900; font-weight:normal; margin-bottom: 0; font-variant:small-caps;} #content #body_content_body h2 { font-family: "Times New Roman", Times, serif; font-size: 22px; line-height:22px; color:#900; font-weight:normal; margin-bottom: 0; font-variant:small-caps; font-style:italic;} #content h3 { font-family: "Times New Roman", Times, serif; font-size: 18px; line-height:22px; color:#900; font-weight:normal; margin-bottom: 11px;} #content_photo { width: 187px; height: 126px; background: url(../images/home/content_photo.jpg) no-repeat top left; float: right; margin: 0px 0px 0px 10px; } #content_article_1 { width: 280px; float: left; } .read_more_link { display: block; width: 90px; height: 12px; background: url(../images/home/readmore.gif) no-repeat top left; } .read_more_link span { display: none; margin: 0px; padding: 0px; } #content_article_2 { width: 280px; float: right; margin-right:0px; } #content_article_2 #blurb_2_body ul li{ font-family: "Trebuchet MS", Arial, sans-serif; font-size: 14px; color: #444;} #content #body_content_body a:link, #content #body_content_body a:visited{color:#533033; text-decoration:underline; font-weight:bold;} #content #body_content_body a:hover, #content #body_content_body a:active{color:#900; text-decoration:underline; font-weight:bold;} #blurb_area { width: 315px; float: left; background:#fff; overflow:hidden;} #blurb_area p {color:#444;} #blurb_area h2 span{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; color:#404040; margin: 0px 17px 15px 0px; } #blurb_area h3{ font-family: "Trebuchet MS", Arial, sans-serif; font-weight:bold; font-size:14px; color:#533033; margin: 0px 18px 0px 22px;} h2#blurb_3_title { clear:both; width: 302px; height: 70px; background: url(../images/sidebar_recent_news.jpg) left top no-repeat; text-indent:-5000px;} #recent_news{width: 302px; background: url(../images/sidebar_bottom.jpg) left bottom no-repeat; margin:20px 0 0 0; padding:0 0 55px 0; } #blurb_3_title span { display: none; } #blurb_3_body {width:302px; background: url(../images/sidebar_bg.jpg) left top repeat-y; margin:0 0 0 0;} #blurb_3_body p { line-height: 20px; margin: 0px 18px 20px 22px; } #blurb_3_body .datefield { font-family: "Trebuchet MS", Arial, sans-serif; color:#444; font-size:12px; text-decoration:none; font-weight:bold;} #blurb_area #rss a:link, #blurb_area #rss a:visited{ font-family: "Trebuchet MS", Arial, sans-serif; color:#533033; font-size:14px; text-decoration:none; font-weight:bold;} #blurb_area #rss a:hover, #blurb_area #rss a:active{ font-family: "Trebuchet MS", Arial, sans-serif; color:#900; font-size: 14px; text-decoration:underline; font-weight:bold;} /* Button RSS */ .btn_rss{ float:left; display: block; width: 144px; height: 25px; background: url(../images/btn_rss.jpg) no-repeat 0 0; margin:0 0 20px 0;} .btn_rss:hover{ background-position: 0 -25px;} .btn_rss span{display: none;} /* Button Bookmark */ .btn_bookmark{ float:right; display: block; width: 144px; height: 25px; background: url(../images/btn_bookmark.jpg) no-repeat 0 0; margin:0;} .btn_bookmark:hover{ background-position: 0 -25px;} .btn_bookmark span{display: none;} /* Investor Newsletter */ h2#blurb_4_title {text-indent:-5000px;} #investor_newsletter{width:260px; height:240px; background: url(../images/investor_newletter.gif) left top no-repeat; margin:10px 0 20px 25px; padding:0; } /* Investor Newsletter */ #email_sub { margin: 27px 0px 0px 35px; } #email_sub label{ display: none; line-height: 0px; } .email_sub_input { width: 170px; height: 15px; background: #F0F0F2; border: solid 1px #a0a0ac; color:#600; padding: 2px 0px 0px 2px; margin: 0px 0px 3px 0px; } #email_sub textarea { width: 191px; height: 72px; background: #F0F0F2; border: solid 1px #a0a0ac; padding: 2px 0px 0px 2px; margin: 0px 0px 0px 0px; } #email_sub_select { width: 174px; height: 22px; background: #F0F0F2; border: solid 1px #a0a0ac; color:#600; padding: 2px 0px 0px 0px; margin: 0px 0px 3px 0px; } /* Button Bookmark */ #email_sub_button{display: block; width: 144px; height: 25px; background: url(../images/btn_subscribe.jpg) left top no-repeat; border: none; margin:5px 50px 0 0 ;} #email_sub_button:hover{ background-position: 0 -25px;} #email_sub_button span{display: none;} .blurb_readmore_link { display: block; width: 90px; height: 10px; background: url(../images/home/blurb_readmore.gif) no-repeat top left; } .blurb_readmore_link span { display: none; } #blurb4 { width: 316px; background-color:#fff; } #blurb4 p { line-height: 18px; margin: 0px 0px 20px 20px; } #blurb4 p span { font-weight: bold; } #blurb_4_title { font-size: 20px;font-weight:bold;color:#3779b3;padding-top: 27px; margin:0 0 15px 16px; font-family:Arial, Helvetica, sans-serif;} /* #rss_feed{width:260px;height:40px;background:url(../images/home/am-oil_btn_rss_feed.gif) no-repeat;margin:10px 0 10px 20px;} #rss_feed a{display:block;} #rss_feed a span{display:none;} #rss_feed a:hover{background-color:transparent;} */ #footer_section { margin: 0px auto 0px auto; width: 1000px; height: 167px; padding: 0px; text-align: left;} #footer_section:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #footer_nav{float:right; margin: 45px 20px 0 0; text-align:right;} #footer_nav ul li{display:inline; font-size:12px; line-height:18px;} #footer_nav li {border-right: 1px solid #999; padding: 0 7px;} #footer_nav li.last {border: none; padding:0 0 0 7px;} #footer_nav ul li a:link, #footer_nav ul li a:visited, #footer_nav p a:link, #footer_nav p a:visited{text-decoration:none; color:#fff;} #footer_nav ul li a:hover, #footer_nav ul li a:active, #footer_nav p a:hover, #footer_nav p a:active{text-decoration:underline; color:#a0a0ac;} #copyright { clear:right;float: right; color: #f7f7f7; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: right; margin: 10px 20px 0 0; line-height: 20px; } #copyright a { color: #f7f7f7; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 12px; text-decoration: none; } /* page titles */ #contactus_title { width: 464px; height: 53px; background: url(../images/sub/contactus_title.gif) no-repeat top left; margin-bottom: 17px; } #contactus_title span { display: none; } #sitemap_title { width: 464px; height: 53px; background: url(../images/sub/sitemap_title.gif) no-repeat top left; margin-bottom: 17px; } #sitemap_title span { display: none;} /* contact form */ #contactus_form { width: 430px; } .contactus_item { display: block; width: 430px; } #contactus_form label { width: 150px; display: block; float: left; text-align: right; margin: 2px 10px 10px 0px; clear: left; vertical-align: top; color:#600; font-weight:bold; font-size:14px;} .contactus_input { width: 250px; float: left; margin: 0px 0px 10px 0px; display: block; } .contactus_textarea { float: left; width: 250px; height: 100px; } .contactus_submit { float: left; clear: left; width: 62px; height: 18px; background: url(../images/home/submit_contact_btn.gif) no-repeat top left; border: none; margin-left: 353px; margin-top:10px;} .contactus_submit { width: 115px; height: 20px; background: url(../images/btn_contact.jpg) no-repeat top left; border: none; padding: 0px; margin: 15px 0px 0px 300px; } .contactus_submit:hover{ background-position: 0 -20px;} .contactus_submit span{display: none;} ul#sitemap_list{margin:0 0 0 50px;} #sitemap_list ul {margin:0;} #sitemap_list a {text-decoration:none; font-size:16px; font-weight:normal; color:#444;} #sitemap_list a:hover {text-decoration:underline; color:#900;} #sitemap_list li {display:block;background:url(../images/home/list_arrow.gif) no-repeat;background-position:0px 10px;padding-left:10px;line-height:25px;font-weight:bold; font-size:16px;} #sitemap_list li li {font-weight:normal;border:none;} /* Navbar */ #nav_section { margin: 0px auto; width: 1000px; padding:0px;} #navbar { width: 1000px; height:33px; background: url(../images/navbar.jpg) no-repeat top left; } #navbar li {position:relative;float:left;list-style:none; display:block;}/*remove display block and add to navbar li, navbar a????*/ /* #navbar li { display:block;height:33px;float:left; position:relative; } */ #navbar li, #navbar a {height:33px; display:block; background:transparent;}/* Each button must have the same height, define it here */ /* #navbar a { display: block; height: 33px; } */ #navbar span { display:none;} /* #navbar a span { display: none; } */ #navbar1 { width: 111px; } #navbar2 { width: 109px; } #navbar3 { width: 106px; } #navbar4 { width: 82px; } #navbar5 { width: 99px; } #navbar6 { width: 116px; } #navbar7 { width: 103px; } #navbar8 { width: 125px; } #navbar9 { width: 149px; } #navbar1:hover { background: url(../images/navbar.jpg) 0px 33px; } #navbar2:hover { background: url(../images/navbar.jpg) -111px 33px; } #navbar3:hover { background: url(../images/navbar.jpg) -220px 33px; } #navbar4:hover { background: url(../images/navbar.jpg) -326px 33px; } #navbar5:hover { background: url(../images/navbar.jpg) -408px 33px; } #navbar6:hover { background: url(../images/navbar.jpg) -507px 33px; } #navbar7:hover { background: url(../images/navbar.jpg) -623px 33px; } #navbar8:hover { background: url(../images/navbar.jpg) -726px 33px; } #navbar9:hover { background: url(../images/navbar.jpg) -851px 33px; } /* SON OF SUCKERFISH */ #navbar li ul { position:absolute; width:225px; left: -9999px; z-index: 99; background-color:#a52020; /* Background color of drop down menu - add more styles (i.e. background image) if you want */ } #navbar li ul li { height:22px; width:225px; white-space:nowrap; /* Height of each drop down menu item */ border-width:1px; border-style:solid; border-color:#222; border-top:none; } #navbar li ul li a { width: 100%; height: 22px; /* Height of each drop down menu item, should match above */ line-height:22px; /* Height of each drop down menu item again, should match above */ text-align:left; text-indent: 5px; padding:0;} #navbar li ul li a span { display: block; padding-left: 10px; } /* Drop down link styles */ #navbar a:link, #navbar a:visited, #navbar a:hover, #navbar a:active { font-size: 12px; color: #fff; text-decoration: none; } #navbar ul li ul li a:hover, #navbar ul li ul li a:active { font-size: 12px; color: #fff; background-color:#600; width:225px; } #navbar li:hover ul, #navbar li.sfhover ul { left: 1px; display: block; /*Required to make dropdown menus disappear on mouseout in IE6 IE7 */ } /* Hover styles for drop down items */ #navbar3 ul a:hover, #navbar-04 ul a:hover, #navbar-05 ul a:hover #navbar8 ul a:hover { background-image: none; background-color: #600; /* font-weight:bold; */ } /* width of drop down menu - choose width that allows items to display on one line */ #navbar2 ul, #navbar2 li { width: 332px; } #navbar8 ul, #navbar8 ul li { width:100px;background-color:#a52020;}