@charset "UTF-8";

/***** CSS Reset *****/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:18px;}
table {border-collapse:collapse;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: top; }

/***** Font-Face Fonts *****/
@font-face {
    font-family: 'PTSansRegular';
    src: url('../webfonts/PTS55F-webfont.eot');
    src: url('../webfonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/PTS55F-webfont.woff') format('woff'),
         url('../webfonts/PTS55F-webfont.ttf') format('truetype'),
         url('../webfonts/PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PTSansItalic';
    src: url('../webfonts/PTS56F-webfont.eot');
    src: url('../webfonts/PTS56F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/PTS56F-webfont.woff') format('woff'),
         url('../webfonts/PTS56F-webfont.ttf') format('truetype'),
         url('../webfonts/PTS56F-webfont.svg#PTSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PTSansBold';
    src: url('../webfonts/PTS75F-webfont.eot');
    src: url('../webfonts/PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/PTS75F-webfont.woff') format('woff'),
         url('../webfonts/PTS75F-webfont.ttf') format('truetype'),
         url('../webfonts/PTS75F-webfont.svg#PTSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PTSansNarrowRegular';
    src: url('../webfonts/PTN57F-webfont.eot');
    src: url('../webfonts/PTN57F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/PTN57F-webfont.woff') format('woff'),
         url('../webfonts/PTN57F-webfont.ttf') format('truetype'),
         url('../webfonts/PTN57F-webfont.svg#PTSansNarrowRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PTSansNarrowBold';
    src: url('../webfonts/PTN77F-webfont.eot');
    src: url('../webfonts/PTN77F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/PTN77F-webfont.woff') format('woff'),
         url('../webfonts/PTN77F-webfont.ttf') format('truetype'),
         url('../webfonts/PTN77F-webfont.svg#PTSansNarrowBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PTSansCaptionBold';
    src: url('../webfonts/PTC75F-webfont.eot');
    src: url('../webfonts/PTC75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/PTC75F-webfont.woff') format('woff'),
         url('../webfonts/PTC75F-webfont.ttf') format('truetype'),
         url('../webfonts/PTC75F-webfont.svg#PTSansCaptionBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/***** MAIN PAGE ELEMENTS *****/
body {background:url(../images/footer-bg.jpg) repeat;}
.wrapper {width:100%; background:url(../images/body-bg.jpg) repeat;}
.wrapper header {width:960px; height:135px; margin:0 auto; background:url(../images/header-divider.png) bottom center no-repeat transparent;}
.logo {float:left; width:400px; height:135px; padding:5px 0 0; background:url(../images/logo-glow.png) center -3px no-repeat transparent;}
.main {width:960px; margin:0 auto; padding:5px 0 10px; overflow:hidden;}
footer {height:200px; background:url(../images/footer-bg.jpg) repeat;}

.content-ul {list-style:none; margin-left:30px; }
.content-ul a {color:#68914e; text-decoration:none;}
.content-ul a:hover {color:#68914e; border-bottom: 1px dotted #68914e;}


/***** MAIN MENU *****/
.mainnav {float:right; display:inline-block; margin:0; padding:5px 0 0; list-style: none;}
.mainnav li {float:left; position:relative; height:30px; padding:0 0 5px 0; line-height:0;}

.mainnav li.indicator {background:url('../images/selected-arrow.png') no-repeat center bottom;}
.mainnav a {float:left; font: 16px/25px 'PTSansRegular'; height:5px; padding:8px 10px 0; color:#323232; text-decoration:none; text-shadow:1px 01px 0px #ffffff; filter:dropshadow(color=#ffffff, offx=1, offy=1);}
.mainnav a#last {padding:0;}
.mainnav li a.selected {font: 16px/25px 'PTSansBold';}
.mainnav li ul li a {text-shadow:none; filter:none;}
.mainnav li ul li a:hover {text-shadow:none; filter:none;}
.mainnav li a img {margin:11px 0 0 6px;}
.mainnav li ul li a img {margin:0 0 0 5px !important;}
.mainnav li:hover > a {color:#7eb754;}
*html .mainnav li a:hover {color:#7eb754;} /* IE6 */
.mainnav li:hover > ul {display:block;opacity: 1;}
.mainnav li:hover > ul li {	height:29px; overflow:visible; padding:0;}
.mainnav li a p {float:left;}
.mainnav a p:hover {border-bottom: 1px dotted #848484;}

/* MAIN MENU: Drop-downs */
.mainnav ul {list-style: none; margin:0; padding:0; position:absolute; top:5px; left:-1px; z-index:99999; background:url('../images/body-bg.jpg') repeat; opacity: 0; -webkit-transition:opacity .25s ease .1s; -moz-transition:opacity .25s ease .1s; -o-transition:opacity .25s ease .1s; -ms-transition:opacity .25s ease .1s; transition:opacity .25s ease .1s; -webkit-border-radius:0px 0px 5px 5px; border-radius:0px 0px 5px 5px; -webkit-box-shadow:0px 3px 2px 0px rgba(0, 0, 0, .5); box-shadow:0px 3px 2px 0px rgba(0, 0, 0, .5);}
.mainnav ul ul {display:none;top:0; left:154px; -webkit-border-radius:0px 5px 5px 0px; border-radius:0px 5px 5px 0px; z-index:100000; -webkit-box-shadow:1px 3px 2px 0px rgba(0, 0, 0, .5); box-shadow:1px 3px 2px 0px rgba(0, 0, 0, .5);}
.mainnav ul li {float:none; margin:0; padding:0; display:block; height:0; overflow:hidden; -webkit-transition:height .25s ease; -moz-transition:height .25s ease; -o-transition:height .25s ease; -ms-transition:height .25s ease; transition:height .25s ease;}
.mainnav ul li:last-child {-moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}
.mainnav ul a {font-size: 14px; padding:8px 20px; height:10px; min-width:130px; height:auto; line-height:1; display:block; white-space:nowrap; float:none; text-transform:none;}
*html .mainnav ul a {height:10px;} /* IE6 */
*:first-child+html .mainnav ul a {height:10px;} /* IE7 */
.mainnav ul a:hover {background:#7eb754; color:#ffffff;}
.mainnav ul li.divider {border-bottom: 1px solid #CCCCCC;}
.mainnav ul li.radiusfix a:hover {-webkit-border-radius:0px 0px 5px 5px; border-radius:0px 0px 5px 5px;}

/***** SIDEBAR MENU *****/
.main #sidenav {float:left; width:160px; position:fixed; list-style:none; margin:65px 0 0;}
#sidenav li { margin-bottom:5px;}
#sidenav a {font-family:'PTSansNarrowBold'; background:#658d4e; color:#fff; display:block; font-size:14px; padding:7px 10px; text-decoration:none; text-align:right; -webkit-border-radius:20px 0px 0px 20px; border-radius:20px 0px 0px 20px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
#sidenav a:hover, #sidenav .current a:hover, .external:hover {background:#98afd1 !important;}
#sidenav .current a {background:#7eb754; color:#ededed; text-shadow:0px -1px 0px #6E8160; filter:dropshadow(color=#6E8160, offx=0, offy=-1);}
.external {background:#bab9b8 !important;}

/***** ARTICLE   *****/
.main article {float:left; background:url(../images/main-bg.jpg) repeat; width:800px; margin:0 0 0 105px; overflow:hidden;}
.main article header {width:inherit; height:60px; background:url(../images/article-header-bg.jpg) repeat;}
.main article header h1 {float:left; font: 40px/60px 'PTSansBold'; color:#ffffff; margin:0 0 0 35px; text-shadow:-1px -1px 0px #929190; filter:dropshadow(color=#929190, offx=-1, offy=-1);}
.main article header aside {font: 14px/17px 'PTSansNarrowRegular'; float:right; height:40px; color:#f8f6f4; margin:13px 35px 7px; text-align:right;}
.main article header aside span {font-family:'PTSansNarrowBold'; display:block;}
.main article header aside a {font-family:'PTSansNarrowBold'; color:#d4e9fe; text-decoration:none;}
.main article header aside a:hover {text-decoration:underline;}

article section {border-bottom:6px dotted #aeadac; padding:40px 40px 50px;}
article section p:last-child {margin-bottom: 0;}
article section:last-child {border-bottom:none;}
article section p a {color:#68914e; text-decoration:none;}
article section p a:hover {border-bottom: 1px dashed #68914e;}

.main article h2 {font: 30px/36px 'PTSansBold'; color:#555555; text-shadow:1px 1px 0px #ffffff; filter:dropshadow(color=#ffffff, offx=1, offy=1);}
.main article b a {float:right; font-family:'PTSansCaptionBold'; font-weight:400; font-size:12px; color:#787777; background:url('../images/arrow-top.png') no-repeat right 8px; margin:14px 0 0; padding:0 16px 0 0; text-decoration:none;}
.main article b a:hover {border-bottom: 1px dotted #787777;}
.main article p {font: 16px/22px 'PTSansRegular'; color:#555555; margin:0 0 20px;}
.article-photo {position:relative; height:200px; margin:20px 0 25px;}
img.overlay-img{position:absolute; left:-13px; top:-12px; z-index:10;}
img.article-img{position:absolute; left:0px; top:0px; z-index:1; border:10px solid #ffffff;}

.advantages span {background:url('../images/advantages-span.png') no-repeat 0 2px; font:22px/30px 'PTSansBold'; color:#555555; padding:0 0 0 35px; text-shadow:1px 1px 0px #ffffff; filter:dropshadow(color=#ffffff, offx=1, offy=1);}
.advantages ul {font:14px/22px 'PTSansRegular'; list-style:inside url('../images/advantages-icon.png'); color:#555555; margin:0 0 0 6px;}
.advantages ul li {vertical-align:middle;}
.advantages li:last-child {margin:0 0 15px;}
.disadvantages span {background:url('../images/disadvantages-span.png') no-repeat 0 2px; font:22px/30px 'PTSansBold'; color:#555555; padding:0 0 0 35px; text-shadow:1px 1px 0px #ffffff; filter:dropshadow(color=#ffffff, offx=1, offy=1);}
.disadvantages ul {font:14px/22px 'PTSansRegular'; list-style:inside url('../images/disadvantages-icon.png'); color:#555555; margin:0 0 0 6px;}

/***** FOOTER  *****/
footer .container {width:960px; margin:0 auto; padding:25px 0; overflow:hidden;}
footer h3 {font: 26px/30px 'PTSansBold'; color:#ffffff; margin:0 0 10px; text-shadow:-1px -1px 0px #929190; filter:dropshadow(color=#929190, offx=-1, offy=-1);}
footer h3 a{font: 26px/30px 'PTSansBold'; color:#ffffff; margin:0 0 10px; text-decoration:none;}
footer ul {display:inline-block; vertical-align:top; font:15px/22px 'PTSansRegular'; color:#ffffff; list-style:inside; margin:0 25px 0 0;}
footer ul:last-child {margin:0;}
footer ul a {color:#ffffff; text-decoration:none; border-bottom: 1px dotted #c9d8e7; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
footer ul a:hover {border-bottom: 1px dotted #fff; padding-left:5px;}
#water-resources {width:100%; background:url('../images/resources-bg.jpg') repeat;}
#water-resources h3 {background:url('../images/water-resources-icon.png') no-repeat left top; padding:0 0 0 40px;}
#water-resources ul {width:100%;}
#water-resources ul li {display:inline-block; width:33%;}
.f-container {background:url('../images/footer-container-bg2.png') repeat-y; width:960px; margin:0 auto; padding:25px 0; overflow:hidden;}
#special-features {float:left; width:315px;}
#special-features h3 {background:url('../images/special-features-icon.png') no-repeat left top; padding:0 0 0 40px; text-shadow:-1px -1px 0px #222222; filter:dropshadow(color=#222222, offx=-1, offy=-1);}
#special-features ul a {color:#efefef; border-bottom: 1px dotted #686665;}
#special-features ul a:hover {color:#ffffff; border-bottom: 1px dotted #ffffff;}
#sitemap {float:left; width:645px; padding:0 0 0 50px;}
#sitemap h3 {background:url('../images/sitemap-icon.png') no-repeat left top; padding:0 0 0 45px; text-shadow:-1px -1px 0px #222222; filter:dropshadow(color=#222222, offx=-1, offy=-1);}
#sitemap ul {margin:0 40px 0 0;}
#sitemap ul a {color:#efefef; border-bottom: 1px dotted #777874;}
#sitemap ul a:hover {color:#ffffff; border-bottom: 1px dotted #ffffff;}
footer #dual-container {width:100%; background:url('../images/footer-container-bg.jpg') repeat center top;}
#copyright {background:url('../images/footer-divider.png') repeat-x center top; font:13px/16px 'PTSansNarrowRegular'; text-align:right; color:#ffffff;}
#copyright span {font-family:'PTSansNarrowBold';}