/* THEME NAME: Bioteq Water Treatment THEME URI: http://www.bioteq.com DESCRIPTION: This is the website for Bioteq. VERSION: 1.0 AUTHOR: Ballistic Arts Media Studios Inc. AUTHOR URI: http://www.ballisticarts.com */ /* Global Styles ===================================================================================================================*/ body {font-family:Arial, Helvetica, sans-serif; font:Arial, Helvetica, sans-serif;} body#bioteq {background:url(img/main/main_bg.jpg) 0 0 repeat-x; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #313131; line-height:1.5em; } a, a:active, a:visited {color:#1f79a4; text-decoration:none;} a:hover {color:#2a85af;} h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;} h1 {color: #1f79a4; font-size: 18px;} h2 {color: #1f79a4; font-size: 15px; line-height:22px; margin: 10px 0 ;} h3 {color: #6ea85d; font-size: 14px; line-height:22px; margin: 15px 0 0;} h4 {color: #2a85af; font-size: 16px; line-height:22px;} p {font-size:12px; margin:0 0 15px; padding:0; line-height:1.5em;} img, a {border:0;} .clear {clear:both; _height:0; _padding:0; _margin:0;} img.alignleft {margin:0; padding: 0 20px 20px 0;display: inline;} img.alignright {margin:0; padding: 0 0 20px 20px;display: inline;} .alignleft {float: left;} .alignright {float: right;} sub { position: relative; bottom: -0.1em; font-size: 0.8em; margin:0; padding:0; display:inline; line-height:0.5em;} sup { position: relative; top: 0.1em; font-size: 0.8em; margin:0; padding:0; display:inline;line-height:0.5em; } div.sociable {width:100% !important; display:block !important; clear:both !important;} #wrapper {width: 100%; background:url(img/main/top_main_bg.jpg) top center no-repeat; float: left; height: auto; padding: 0; margin: 0;} #container { width: 980px; margin: 0 auto; padding: 0; } #contentarea {width: 980px; margin: 0; padding: 0; float:left; overflow:hidden;} table td {padding: 3px 7px; vertical-align:top; font-size: 12px;} table td img {margin: 5px 0 0;} table#directors td {padding : 10px 7px; } table#directors td hr {border-bottom: 1px #999 dotted;} table th {padding: 3px 8px;text-align: left; font-size: 11px; border-bottom: 1px #999 dotted;} /* HEADER ===================================================================================================================*/ .header_blogcontent{ display:none } #header { width: 980px; margin: 0; padding: 0; float:left; overflow:hidden; } #quick_nav {float: right; width: 525px; margin: 0; color: #fff; font-size: 12px; height: 30px; margin: 0; padding: 6px 0 0; overflow:hidden;} #quick_nav ul a{color: #fff; } #quick_nav ul a:hover{color: #6ea85d;} #quick_nav ul {float: left; list-style: none; margin: 0; padding: 0; width: 300px; height: 36px; color: #fff;} #quick_nav ul li {float: left; list-style:none; margin: 0; padding: 0 10px; border-right: 1px #fff solid;} #quick_nav li.none_border {border: none;} #head_search {float: left; width: 220px; margin: 0; padding: 0;} #head_banner {width: 980px; height: 115px; float: left; margin: 0; padding: 0; overflow:hidden;} #head_banner h1 {margin: 0; padding: 0; width: 290px; height: 115px; text-indent: -99999px; font-size: 0;} #head_banner h1 a {margin: 0; padding: 0; width: 290px; height: 115px; display: block;} /* NAV ===================================================================================================================*/ #nav ul {margin:0; padding:0; z-index: 3;} ul#menu-primary {width: 980px; float: left; margin: 0; padding:0; height: 50px; list-style: none; } ul#menu-primary li {float: left; padding: 5px 0 0 0; margin: 0 10px; list-style:none; height: 45px; _margin:0 5px; _padding:0; *position:relative; *z-index:99; } ul#menu-primary li a {display: block; float: left; margin: 0; padding: 10px; color: #64a251; text-transform:uppercase; font-size: 13px; font-weight: bold; height: 34px; margin:0 1px;} ul#menu-primary li a:hover, ul#menu-primary li a.current, ul#menu-primary li.current_page_parent a, ul#menu-primary li.current_page_item a { color: #fff; background: url(img/nav/main_nav_bg.gif) repeat-x; border-right: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #fff; margin:0;} #nav #menu-primary li ul { position: absolute; top: 195px; width:230px; height: auto; padding: 0px; list-style: none; margin: -5px 0 0; text-align: left; display: none; text-indent:0px; background:#488636; border:1px #FFF solid; z-index:5; *left: 0; *top: 50px; _top: 45px; } #nav #menu-primary li ul li {width:230px; height:30px; margin: 0; padding:0; float: none; color: #000; } #nav #menu-primary li ul li a {width:210px; height:20px; font-size:13px; float: none; padding:5px 10px; color: #FFF !important; background:#488636; border-bottom: 1px solid #FFF; _height: 20px; _line-height: 15px;text-indent : 0; font-weight: normal; text-transform: none; } #nav #menu-primary li ul li a:hover { color: #fff; background: #2a5d1b; text-decoration:none; _height: 20px; _line-height: 15px; border-right:none; border-left:none; border-bottom:none; margin:0 1px;} #nav #menu-primary li:hover ul { display: block; } #nav #menu-primary li.iehover ul { display: block; z-index:99;} #nav li ul li ul {display:none;} /* CONTANIERS ===================================================================================================================*/ #contents {width: 710px; float: left; margin: 20px 0; padding: 0 30px 20px 10px; border-right: 1px #999 solid; overflow:hidden; _padding:0;} #contents ul {margin: 0 0 10px;} ul#home_service_thumbs { width: 100%; margin: 0 0 25px; padding: 0; float: left; list-style: none;} ul#home_service_thumbs li { float: left; margin: 0; padding: 0 4px 0 0; width: 230px; height: 154px; list-style: none; text-indent: -99999px;} ul#home_service_thumbs li a {display: block; font-size: 0; width: 230px; height: 154px; float: left;} ul#home_service_thumbs li.mining {background:url(img/homepage/mining_thumb.jpg) 0 0 no-repeat;} ul#home_service_thumbs li.power_generation {background:url(img/homepage/power_generation_thumb.jpg) 0 0 no-repeat;} ul#home_service_thumbs li.sagd_oil_sand {background:url(img/homepage/sagd_oil_sand_thumb.jpg) 0 0 no-repeat;} #contents_sub p {margin:0 0 15px;} #contents_sub {width: 690px; float: left; margin: 20px 0; padding: 0 5px 20px 25px; border-left: 1px #999 solid; overflow:hidden; _padding:0 0 20px 10px;} #contents_sub img{ margin-right: 10px; float: left;} #contents_sub h1.page_title {font-size: 21px; float: left; padding: 15px 0 25px; margin: 0; } #contents_sub h2{ color: #1f79a4; font-size: 15px; font-weight: normal; width: 100%; clear:both; margin: 0px 0 10px; _padding:0;} #contents_sub h4 {margin:0 0 15px;} #contents h3 a, #contents_sub h3, #contents_sub h3 a {color: #6ea85d; font-size: 15px; margin: 15px 0;} #contents h3 a:hover, #contents_sub h3 a:hover {color: #2a85af;} .page_title_image {float: left;} #contents_sub ul {margin-top:0; margin-top:-10px;} #contents_sub ul li ul {margin-top:5px;} #contents_sub td ul {margin-top:0;} ul.metal {width: 100%; float: left; margin: 5px 0 15px; padding: 0 0 0 20px; list-style: none;} ul.metal li { width: 120px; float: left; margin: 0; padding: 0 10px 0;} ul.infotable {width: 665px; float: left; margin: 5px 0 15px 30px; padding: 0;} ul.infotable li { width: 300px; float: left; margin: 0; padding: 0 5px 0;} #contents_sub ul li a{ color:#2a85af ;} #contents_sub ul li a:hover {color: #6ea85d;} .profiles {width:700px; float:left; padding:0; margin:0 0 8px;} .profiles h2 {color: #1f79a4; font-size: 14px; line-height:18px; margin:0 0 5px; padding:0;} .profiles p, .pro-description p {margin:0 0 15px; padding:0;} .pro-portrait {width:150px; float:left;} .pro-portrait img{margin: 7px 0 0; _margin: 0;} .pro-description {width:520px; float:right;} .profilesdiv {width:700px; height:5px; float:left; padding:0; margin:8px 0; border-bottom:1px #CCC solid;} .media_date {float: left; width: 100%; text-align:left; font-weight: bold; padding: 0 0 7px 2px; color: #666; } .media_title {float: left; font-weight: bold; font-size: 14px; padding: 0 0 0 10px;} .media_title p { font-weight: normal; font-size: 12px; padding: 0 0 0 2px;} .media-item, .events-item{padding:5px 0 10px 10px; margin:15px 0 0px; float:left; display:inline-block; border-bottom : 1px #CCC solid; width: 100%;} .media_thumb {float:left; width:98px; display:block;} .events_cell_date {float: left; width: 100%; text-align:left; font-weight: bold; padding: 3px 0 0; color: #666; font-size: 13px;} .events_cell_title {float: left; font-weight: bold; font-size: 14px; padding: 0; color: #2a85af;} .events_cell_description {width: 100%; float: left; padding: 0; margin: 0; } /* Operation World Map Overview Styles */ #operation_overview {width: 670px; height: 536px; background: url(img/main/operation_map.jpg) 0 0 no-repeat; position:relative; font-size: 14px; font-weight: bold; font-family:Arial, Helvetica, sans-serif;} #operation_overview a {color: #000; text-indent: -9999px; display: block; font-size: 0; width: 10px; height: 13px; } #operation_overview .operation_map1 {position: absolute; left: 138px; top: 88px; } /* Caribout */ #operation_overview .operation_map2 {position: absolute; left: 157px; top: 86px;} /* Caribou Tailings */ #operation_overview .operation_map3 {position: absolute; left: 146px; top: 62px;} /* Raglan */ #operation_overview .operation_map4 {position: absolute; left: 160px; top: 500px;} /*BioSulphide*/ #operation_overview .operation_map5 {position: absolute; right: 173px; top: 207px;} /* Mt. Gordon */ #operation_overview .operation_map6 {position: absolute; right: 225px; top: 117px;} /* Dexing */ #operation_overview .operation_map7 {position: absolute; left: 97px; top: 117px;} /* Lluvia */ #operation_overview .operation_map8 {position: absolute; left: 97px; top: 103px;} #operation_overview .operation_map9 {position: absolute; left: 124px; top: 103px;} #operation_overview .operation_map10 {position: absolute; left: 120px; top: 114px;} #operation_overview .operation_map11 {position: absolute; left: 57px; top: 59px;} #operation_overview .operation_map12 {position: absolute; left: 286px; top: 101px;} #operation_overview .operation_map1 em, #operation_overview .operation_map2 em, #operation_overview .operation_map3 em, #operation_overview .operation_map4 em, #operation_overview .operation_map5 em, #operation_overview .operation_map6 em, #operation_overview .operation_map7 em, #operation_overview .operation_map8 em, #operation_overview .operation_map9 em, #operation_overview .operation_map10 em, #operation_overview .operation_map11 em, #operation_overview .operation_map12 em{ width: 90px; height: 48px; position: absolute; top: -80px; left: -45px; text-align: center; z-index: 2; display: none; background:url(img/main/bubble_pop.gif) 0 0 no-repeat; padding: 5px 5px 0; font-size: 12px;} /* Operation World Map Counter Input Style */ #operation_overview input {border: 1px solid #fff; width: 110px; float: left; } #operation_overview #counter, #operation_overview #counter2, #operation_overview #counter3, #operation_overview #counter4, #operation_overview #counter5 {float: left; width: 95px; color: #000; font-size: 12px; padding: 6px 0 0 15px; } /* Operation World Map Counter Location Style */ #operation_overview ul#counters_table {margin: 0 0 0 20px; padding: 0; float: left; list-style: none; } #operation_overview ul#counters_table li {background: url(img/main/counter_bg.jpg) 2px 0 no-repeat; width: 130px; height: 66px; float: left; list-style: none; text-align: center; font-size: 13px; color: #fff; padding: 3px 0 0;} #operation_overview ul#counters_table li .parameter{float: right; width: 3px; color: #000; padding: 6px 12px 0 0; font-weight: normal;} /* FEATURE BOX ========================================================= */ #featured-section {width:715px; height:156px; overflow:hidden; text-align:left; position:relative;} .featured {width:230px; height:150px; float:left; margin: 0 5px 0 0; padding:0; overflow:hidden;} #mining, #power, #oilsands {width:230px; height:150px; position:relative;} #mining .ui-tabs-panel { width:230px; height:150px; position:relative; top:0; left:0;} #power .ui-tabs-panel { width:230px; height:150px; position:relative; top:0; left:0;} #oilsands .ui-tabs-panel { width:230px; height:150px; position:relative; top:0; left:0;} #mining .ui-tabs-hide { display:none; } #power .ui-tabs-hide { display:none; } #oilsands .ui-tabs-hide { display:none; } #mining .info, #power .info, #oilsands .info{ position:absolute; z-index:1; top:100px; left:0; height:45px; width:210px; padding:5px 10px; background: url(img/featurebox/transparentblue-bg.png); color:#FFF; } /* #featured .ui-tabs-panel .info{ position:absolute; top:190px; left:0; height:60px; background: url('../images/featurebox/transparent-bg.png'); } */ #featured .info h2{ font-size:18px; font-family:Arial, sans-serif; color:#fff; padding:5px; margin:0; overflow:hidden; } #mining .info p, #power .info p, #oilsands .info p { margin:5px 5px 0; font-family:Arial; font-size:15px; line-height:16px; color:#FFF; } #mining .info a, #power .info a, #oilsands .info a { text-decoration:none; color:#fff; display:block; } #mining .info a:hover, #power .info a:hover, #oilsands .info a:hover { text-decoration:underline; } #mining ul.ui-tabs-nav, #power ul.ui-tabs-nav, #oilsands ul.ui-tabs-nav { position:absolute; top:180px; left:900px; list-style:none; padding:5px 0; margin:0; width:280px;} #mining ul.ui-tabs-nav li, #power ul.ui-tabs-nav li, #oilsands ul.ui-tabs-nav li { padding:0; margin:10px 0; font-size:12px; color:#FFF; } #mining li.ui-tabs-nav-item a, #power li.ui-tabs-nav-item a, #power li.ui-tabs-nav-item a { width:210px; height:42px; display:block; color:#FFF; line-height:14px; padding:8px 10px 0 30px; text-decoration:none; background:url(img/feature-box/bg-buttons.png) 0 0 no-repeat; } #mining li.ui-tabs-nav-item a:hover, #power li.ui-tabs-nav-item a:hover, #oilsands li.ui-tabs-nav-item a:hover{ background-position:-250px 0; } #mining li.ui-tabs-selected, #power li.ui-tabs-selected, #oilsands li.ui-tabs-selected{} #mining ul.ui-tabs-nav li.ui-tabs-selected a, #power ul.ui-tabs-nav li.ui-tabs-selected a, #oilsands ul.ui-tabs-nav li.ui-tabs-selected a { background-position:-250px 0;} /* SIDEBAR ===================================================================================================================*/ #sidebar {width: 200px; float: left; margin: 20px 0; padding: 25px 0 0 20px; overflow:hidden;} #sidebar #sidebar_contact, #sidebar #sidebar_latest, #sidebar #sidebar_casestudies, #sidebar #sidebar_investor_relation { float: left; border-bottom: 1px dashed #cfcfcf; margin: 0 0 20px; padding: 0 0 20px; } #sidebar #sidebar_contact p {font-size: 15px;line-height: 1.5em; margin: 0; padding: 0 0 0 4px;} #sidebar #sidebar_contact span.contact_title{ width: 200px; font-size: 18px; color: #6ea85d; margin: 0 0 5px; padding: 0; float: left; } span.sidebar_title{ width: 195px; float: left; font-size: 21px; color: #457d8e; margin: 0 0 5px; padding: 0 0 0 5px;} #sidebar #sidebar_latest a {background: url(img/sidebar/latest_articles.jpg) 0 0 no-repeat; text-indent: -9999px; font-size: 0; display:block; width: 180px; height: 31px; margin: 25px 0 0; _margin: 5px 0 0; } #sidebar #sidebar_latest a:hover {background-position: -178px 0 ;} #sidebar #sidebar_casestudies a { background: url(img/sidebar/our_projects.jpg) 0 0 no-repeat; text-indent: -9999px; font-size: 0; display:block; width: 180px; height: 31px; margin: 25px 0 0; _margin: 5px 0 0; } #sidebar #sidebar_casestudies a:hover {background-position: -178px 0 ;} #sidebar #sidebar_investor_relation a {background: url(img/sidebar/investor_relations.jpg) 0 0 no-repeat; text-indent: -9999px; font-size: 0; display:block; width: 180px; height: 31px; margin: 25px 0 0; _margin: 5px 0 0; } #sidebar #sidebar_investor_relation a:hover {background-position: -178px 0 ;} #sidebar_sub {width: 220px; float: left; margin: 15px 0 0; padding: 15px 20px 0 0; } #sidebar_sub #sidebar_contact {width: 180px; padding: 0 0 20px;} #sidebar_sub #sidebar_contact span.contact_title{ width: 220px; font-size: 18px; color: #6ea85d; margin: 0 0 5px 30px; padding: 0; float: left; } #sidebar_sub #sidebar_contact p {font-size: 15px;line-height: 1.5em; margin: 0; padding: 0 0 0 30px;} #sidebar_sub ul#sub_nav a {color: #79ae68;} #sidebar_sub ul#sub_nav a:hover {color: #1f79a4;} #sidebar_sub ul#sub_nav {width: 220px; float: left; list-style: none; padding: 0; margin: 0 0 30px; font-weight: bold; font-size: 15px;} #sidebar_sub ul#sub_nav li {position: relative; /*--Declare X and Y axis base for sub navigation--*/list-style: none; padding: 0; margin: 0; float: left; width: 200px; text-indent: 20px; background: url(img/sidebar/nav_arrow.gif) 0 9px no-repeat; border-bottom: 1px #999 solid;} #sidebar_sub ul#sub_nav li a{padding: 10px 5px;display: block;text-decoration: none;float: left;} ul#sub_nav li span { /*--Drop down trigger styles--*/width: 17px;height: 35px;float: left;background: url(subnav_btn.gif) no-repeat center top;} ul#sub_nav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/ ul#sub_nav li ul {list-style: none;position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/left: 220px; top: 0;background: #fff;margin: 0; padding: 0;display: none;float: left;width: 170px;border: 1px solid #111;} ul#sub_nav li ul li{margin: 0; padding: 0;border-top: 1px solid #252525; /*--Create bevel effect--*/border-bottom: 1px solid #444; /*--Create bevel effect--*/clear: both;width: 200px;} html ul#sub_nav li ul li a {float: left;width: 200px;background: url(dropdown_linkbg.gif) no-repeat 10px center;padding-left: 20px; color:#1f79a4; } html ul#sub_nav li ul li a:hover { /*--Hover effect for subnav links--*/background:url(dropdown_linkbg.gif) no-repeat 10px center;color:#79ae68;} #sidebar_sub ul#sub_nav li ul { width: 215px; margin: 10px 0 0; padding: 0px 0 0 10px; border-top: 1px solid #999;} #sidebar_sub ul#sub_nav li ul li {width: 200px; padding: 5px 0 5px 0; float: left; border: none; background: none; font-size: 12px; font-weight: normal; text-indent: 0; border-bottom: 1px #999 dotted;} #sidebar_sub ul#sub_nav li ul li:last-child { border-bottom: none; } #sidebar_sub table#specific_contact {width: 220px; margin: 0 0 15px; padding: 0;} #sidebar_sub table#specific_contact th{ padding: 5px 0 5px; background: url(img/sidebar/nav_arrow.gif) 0 7px no-repeat; font-size: 15px; color: #79ae68; text-indent: 20px; border-bottom: 1px #999 solid;} #sidebar_sub table#specific_contact td {padding: 10px 0 10px 21px;} /* SIDEBAR Rotating Awards */ #sidebar-awards {margin: 0; padding: 0; float: left; text-align:center; } #sidebar-awards #slider, #banner #slider ul { width: 200px; /* important to be same as image width */ height: 230px; /* important to be same as image height */ position: relative; /* important */ overflow: hidden; /* important */ padding: 0px; margin: 0px; } #sidebar-awards #slider li {padding:0; margin:0;} #slider .slide { float: left; position: relative; display: none; text-align:center;} /* SITEMAP Columns */ #sitemapcontainer {width:710px; padding:0; margin:0; float:left;} .sitemapcolumn {width:210px; padding:0 15px 0 0; margin:0; float:left;} #sitemapcontainer .sitemapcolumn ul {margin:0 0 5px; padding:0; list-style:none;} #sitemapcontainer .sitemapcolumn li {margin: 3px 0 0; padding:0 0 3px; list-style:none; border-bottom:1px #CCC solid;} #sitemapcontainer .sitemapcolumn li li {margin: 3px 0 0; padding:0 5px 3px; list-style:none; border-bottom:none;} /* SEARCH ========================================================= */ .search-terms {margin:0 3px; padding:0 3px; background:#F9ED33; display:inline-block;} .search-excerpt {margin:0 3px; padding:0 3px; background:#F9ED33; display:inline-block;} /* FOOTER ===================================================================================================================*/ #footer {width: 100%; float: left; background: #42494c; margin: 0; padding: 0;} #footer a{color: #fff; } #footer a:hover{color: #77c217;} #footer li.none_border {border: none;} #footer_nav { width: 980px; background: #1d78a3; border-left: 1px #fff solid; border-right: 1px #fff solid; border-bottom: 1px #fff solid; margin: 0 auto; padding: 0; color: #fff; height: 42px; font-size: 11px; text-transform: uppercase;} ul#menu-endpage { width: 540px; list-style: none; float: left; margin: 10px 0 0; padding: 0 0 0 10px;} ul#menu-endpage li, ul#footer_quick_contact li {list-style: none; float: left; margin: 0; padding: 0 5px; border-right: 1px #fff solid; } ul#footer_quick_contact {width: 310px; float: right; margin: 10px 0 0; padding: 0; list-style: none; } #credit {width: 970px; margin: 0 auto; padding: 12px 10px 30px 0; text-align: right; color: #fff; font-size: 11px;} ul#copyright {list-style: none; float: left; margin: 0; padding: 0; width: 690px;} ul#copyright li {list-style: none; float: left; margin: 0; padding: 0 10px; border-right: 1px #fff solid;}