/*
Theme Name: EnviChem Technologies
Description: EnviChem Technologies
Version: 1.0
Author: Daryll Chu
Author URI: http://www.web-kaki.com
EnviChem Technologies v1.0
*/
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html {/*color:#000;background-color:#fff;*/}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset, img {border:0;}
address, caption, cite, code, dfn, em, strong, th, var, optgroup {font-style:inherit;font-weight:inherit;}
del, ins {text-decoration:none;}
li {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
q:before, q:after {content:'';}
abbr, acronym {border:0;font-variant:normal;}
sup {vertical-align:baseline;}
sub {vertical-align:baseline;}
legend {color:#000001;}
input, button, textarea, select, optgroup, option {font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input, button, textarea, select {font-size:100%;overflow:hidden;}
input[type="text"] {height:16px;}
strong {font-weight:bold;}
em {font-style:italic;}
/* CSS reset ends here*/

/*Clearfix*/
.clearfix:after {content: ".";clear: both;height: 0;visibility: hidden;display: block;}
.clearfix {display: inline-block; /* Fixes IE/Mac */}
/* Hides from IE-mac \*/* html .clearfix {height: 1%;}
.clearfix {display: block;} /* End hide from IE-mac */

@font-face {
    font-family: 'justusbold';
    src: url('fonts/justus-bold.eot');
    src: url('fonts/justus-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/justus-bold.woff') format('woff'),
         url('fonts/justus-bold.ttf') format('truetype'),
         url('fonts/justus-bold.svg#justusbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'justusitalic';
    src: url('fonts/justus-italic.eot');
    src: url('fonts/justus-italic.eot?#iefix') format('embedded-opentype'),
         url('fonts/justus-italic.woff') format('woff'),
         url('fonts/justus-italic.ttf') format('truetype'),
         url('fonts/justus-italic.svg#justusitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'justusitalicoldstyle';
    src: url('fonts/justus-italicoldstyle.eot');
    src: url('fonts/justus-italicoldstyle.eot?#iefix') format('embedded-opentype'),
         url('fonts/justus-italicoldstyle.woff') format('woff'),
         url('fonts/justus-italicoldstyle.ttf') format('truetype'),
         url('fonts/justus-italicoldstyle.svg#justusitalicoldstyle') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'justusoldstyle';
    src: url('fonts/justus-oldstyle.eot');
    src: url('fonts/justus-oldstyle.eot?#iefix') format('embedded-opentype'),
         url('fonts/justus-oldstyle.woff') format('woff'),
         url('fonts/justus-oldstyle.ttf') format('truetype'),
         url('fonts/justus-oldstyle.svg#justusoldstyle') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*General*/
h2 {font-family:"justusbold"; font-size:15px; color:#429538; margin: 10px 0px;}
h3 {font-family:"justusitalicoldstyle"; font-size:15px;color:#429538; margin-bottom:10px;}
p {margin-bottom:20px;}
.left {float:left;}
.right {float:right;}
.green {color:#429538;}
iframe {border:none;overflow: hidden;}
.page-content ul {margin-bottom:20px;}
.page-content ul li {list-style:disc; margin-left:20px; margin-bottom:5px;}

/*Container*/
html {background:url(images/hidden_1px.jpg) repeat-x;}
.wrap {border-bottom:5px solid #8bc43e;background:url(images/menu_bg.png) right no-repeat #429538;height:157px;}
.container {width:920px; margin: 0 auto; background:url(images/menu_line.png) left no-repeat;}

/*Header*/
.header  {background:url(images/menu_line.png) right no-repeat;}
.logo { padding: 45px 30px 30px 45px;background:url(images/menu_line.png) right no-repeat; width:175px; }
.menu ul li {display:inline-block; float:left; height:153px;background:url(images/menu_line.png) right no-repeat; }
.menu ul li a {display:inline-block;font-family:Helvetica, sans-serif, "Myriad Pro"; font-size:11px; font-weight:bold; color:#fff; text-transform:uppercase; text-decoration:none; letter-spacing:0.1px; padding:5px 20px 20px; width:75px; height:33px; white-space:normal; margin-top:99px;}
.menu ul li a:hover {background:url(images/menu_hover.png) no-repeat;}
.menu ul li.selected_menu a {background:url(images/menu_hover.png) no-repeat!important;}
.menu ul li.selected_menu a:hover, .menu ul li.selected_menu a, .menu ul li a:hover  {color:#fff6c6!important;}

/*Content*/
.main-content {background:url(images/bg.png) center top no-repeat; min-height:400px;}
.content {width:920px;margin: 0 auto; border-bottom:5px solid #8bc43e;}
.home-banner {width:698px;height: 359px;}
.home-sidebar-wrap .date {display:inline-block;width:190px;font-family:Helvetica, sans-serif, "Myriad Pro";font-style:italic;color:#484640; font-size:12px;}
.home-sidebar-title {padding:5px 20px 6px 20px; font-family:"justusitalicoldstyle";color:#484640; background:#fff;}
.home-sidebar-wrap {font-family:Helvetica, sans-serif, "Myriad Pro"; font-size:13px; color:#605d56;padding: 10px 10px 5px 20px;width: 192px; height:67px;}
.home-sidebar-1 {background:url(images/home_sidebar.jpg) no-repeat 0px 0px;}
.home-sidebar-2 {background:url(images/home_sidebar.jpg) no-repeat 0px -84px;}
.home-sidebar-3 {background:url(images/home_sidebar.jpg) no-repeat 0px -164px;}
.home-sidebar-4 {background:url(images/home_sidebar.jpg) no-repeat 0px -246px;}
.home-sidebar-news a {color:#636363; text-decoration:none;}
.home-sidebar-news a:hover {text-decoration:underline;}

.bottom {width:920px; margin:0 auto; background:url(images/bottom_bg.png) no-repeat #fff;}
.page-banner {height:250px;}
.page-banner img {height:250px;}
.sub-banner {width:460px; height:210px;}
.sub-banner-title {background:url(images/side_banner_bg.png) left no-repeat; padding:10px 40px 10px 20px; font-family:"justusbold"; color:#fff; font-size:14px;}
.sub-banner-content {padding:20px; width:240px; font-family:Helvetica, sans-serif, "Myriad Pro"; font-size:12px; color:#636363;text-align: justify;}
.sub-banner-metal {background:url(images/sub_banner_metal_bg.jpg) no-repeat #eeeeee left;}
.sub-banner-wastewater {background:url(images/sub_banner_wastewater_bg.jpg) no-repeat right #eeeeee;} 
.sub-banner-content-divider {background:url(images/sub_banner_divider.jpg) left no-repeat;}

.page-bottom {width:930px; margin:0 auto;background:url(images/content_bg.png) no-repeat right top;}
.page-bottom-inner {background:url(images/sidebar_bg.png) 4px center repeat-y;}
.page-content {width:608px; padding:20px 30px; font-family:Helvetica, sans-serif, "Myriad Pro"; font-size:13px; color:#636363;text-align: justify; min-height:360px; background:#fafafa;}
.page-content a {color:#636363; text-decoration:none;}
.page-content a:hover {text-decoration:underline;}
.page-sidebar {margin-top:20px;}
.page-sidebar-title { background:#88c23e;border-bottom:1px solid #77b64d;width:250px;margin-left:4px;}
.page-sidebar-title a {display:inline-block;font-family:Helvetica, sans-serif, "Myriad Pro";font-size:11px; padding: 10px 45px 10px 20px; color:#fff; text-transform:uppercase; text-decoration:none;width:145px; font-weight:bold;}
.page-sidebar-title a:hover, .selected-sidebar{background:url(images/sidebar_arrow.png) no-repeat right center!important; }
.page-single {background:none;}

.example-popup-wrap {display:none;top:50%; left:50%;width: 650px; font-family:Helvetica, sans-serif, "Myriad Pro";font-size:12px; }
.example:hover {cursor:pointer;}
.example-title {background:url(images/example_title_1px.jpg) repeat-y;color:#fff; text-transform:uppercase; padding:10px 20px 10px 30px; font-weight:bold;}
.example-content {padding:20px; background:#fff;}
.example-pagination {text-align:right; background:#ebebeb; padding:10px 20px; color:#429538;}
.example-next {position:absolute; right:-60px; margin-top:-230px;}
.example-prev {position:absolute; left:-60px; margin-top:-230px;}
.example-next:hover, .example-prev:hover {cursor:pointer;}

.footer {width:920px; margin:0 auto;}
.footer-inner {background:#429538; color:#fff; padding:10px 20px; font-family:Helvetica, sans-serif, "Myriad Pro"; font-size:11px;}