/*
Theme Name: Project Sustain
Theme URI: http://project-sustain.org/
Description: The default theme for Project Sustain.
Version: 1.0
Author: Kevin Johnston and Craig Snyder
Author URI: http://johnstonimaging.com/

*/


/* colors

green: 524F26 
other green 7DA559
*/

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


body{ font-family: Georgia, "Times New Roman", Times, serif; color:#000000; font-size:14px; line-height:24px; margin: 0; padding:0;min-width:1000px; font-weight:normal; background-color:#FFFFFF;}

#topBar{position:absolute; top:0px; left:0px; width:100%; height:150px;}
#gradBar{position:absolute; top:0px; left:0px; width:100%; height:60px; background-image:url(images/bkg_header.jpg); background-position:left; background-repeat:repeat-x;}
#whiteBar{position:absolute; top:60px; left:0px; width:100%; height:68px; background-color:#FFFFFF; border-bottom:22px solid #000000;}
#whiteBarProd{position:absolute; top:60px; left:0px; width:100%; height:68px; background-color:#FFFFFF; }
#pageWrapper{text-align:left; width: 1000px; margin-left: auto; margin-right: auto; background-color:#FFFFFF; margin-top:0px; z-index:1; position:relative;}
#header{position:relative;top:0px; left:0px; width:1000px; height:150px; background-color:#ffffff;z-index:1;background-image:url(images/bkg_header.jpg); background-position:top left; background-repeat:repeat-x;}
#headerProd{position:relative;top:0px; left:0px; width:1000px; height:116px; background-color:#ffffff;z-index:1;background-image:url(images/bkg_header.jpg); background-position:top left; background-repeat:repeat-x;}
#headerLogo{position:absolute; top:0px; left:340px; width:317px; height:64px;z-index:10;}

img{border:0px;}

#headerNav{position:absolute; top:60px; left:0px; width:810px; height:48px;padding:20px 0px 0px 190px; background-color:#FFFFFF;border-bottom:22px solid #000000;}
#headerNav p{margin:0px; padding:0px; }
#headerNavProd{position:absolute; top:60px; left:0px; width:810px; height:48px;padding:20px 0px 0px 190px; background-color:#FFFFFF;}
#headerNavProd p{margin:0px; padding:0px; }

#productNav{position:absolute; top:17px; left:1px; width:155px; padding-top:10px; display:none; visibility:hidden;}
#productNavBkg{position:absolute; top:0px; left:0px; width:155px; height:160px; padding-top:10px;background-color:#7DA559; background-image:url(../../../images/bkg_top_nav.png); background-position:top; background-repeat:repeat-y;filter:alpha(opacity=80);-moz-opacity:0.8;}
#productNavLinks{position:absolute; top:0px; left:0px; width:155px; height:160px; padding-top:10px;}
#productNavLinks a:link, #productNavLinks a:visited{ display:block; padding:0px; text-decoration:none; color:#524F26; font-size:14px; line-height:24px; padding-left:13px;font-family:Arial, Helvetica, sans-serif; text-transform:none;}
#productNavLinks a:hover, #productNavLinks a:active{ display:block; padding:0px; text-decoration:none; color:#FFFFFF; font-size:14px; line-height:24px; padding-left:13px;font-family:Arial, Helvetica, sans-serif;text-transform:none;}


#pageTop{position:relative; top:0px; left:0px;background-image:url(../../../images/page_top_divider.jpg); background-position:top; background-repeat:no-repeat; width:1000px; height:3px;}
#content{ position:relative;top:0px; left:0px; width:1000px; height:auto; margin:10px 0px 0px 0px; background-color:#FFFFFF; }
#contentHome{ position:relative;top:0px; left:0px; width:1000px; height:405px; background-color:#FFFFFF;z-index:90; }
#contentHomeSlides{position:relative;top:0px; left:0px; width:1000px; height:150px; margin-bottom:15px;z-index:91;}
#contentHomeSlides p{margin:0px; padding:0px;}
#contentHomeMain{float:left; width:347px;}
#contentHomeMain p{padding:10px 10px 10px 15px; margin:0px;}
#contentHomeRight{float:right; width:314px; background-image:url(../../../images/vertical_divider.jpg); background-position:left top; background-repeat:no-repeat; min-height:340px;}
#contentHomeRight p{padding:0px; margin:0px;}
#contentHomeRightText{padding:10px 0px 0px 20px;}
#contentHomeRightText h2{font-size:14px; font-weight:bold; padding:0px;margin:0px;}
#contentHomeRightText p{font-size:14px; line-height:20px; font-weight:normal; margin-top:0px;}
#contentHomeRightText li{ list-style:none; font-weight:normal; margin-bottom:10px;}


#slideNav{position:absolute; top:386px; left:480px; width:100px; height:20px; text-align:left;z-index:95; }

#slideNav a { background-image:url(images/slide_off.png); background-position:center; text-align:center; background-repeat:no-repeat; width:11px; height:11px; margin:0px 5px 0px 0px; padding:3px 0px 0px 0px;font-size:12px;  display:block; float:left; text-decoration:none; color:#FFFFFF; }
#slideNav a.activeSlide { background-image:url(images/slide_on.png); background-position:center; text-align:center; background-repeat:no-repeat; width:11px; height:11px; margin:0px 5px 0px 0px; padding:3px 0px 0px 0px;font-size:14px; display:block; float:left; text-decoration:none; color:#FFFFFF;}
#slideNav a:focus { background-image:url(images/slide_on.png); background-position:center; text-align:center; background-repeat:no-repeat;width:11px; height:11px; margin:0px 5px 0px 0px; padding:3px 0px 0px 0px;font-size:12px; display:block; float:left; text-decoration:none; color:#FFFFFF;}



#contentHomeMiddle{margin:0px 0px 0px 352px;background-image:url(../../../images/vertical_divider.jpg); background-position:left; background-repeat:no-repeat; min-height:340px; }
#featuredProd h1 {color:#524F26; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:14px; margin:20px 0px 5px 0px;} 
#featuredProd img{margin:15px 0px 0px 150px;}

#contentMain{float:right; width:670px;padding:10px 0px 0px 0px;}
#contentMain p{xmargin:0px; padding-left:13px;}
#contentMain h1{font-size:20px; color:#808080; font-weight:normal; }
#contentMain h2{font-size:14px; color:#FFFFFF; font-weight:bold; padding-left:15px;background-color:#7DA559; display:block; width:655px; font-family:Arial, Helvetica, sans-serif;}
#contentMain h2 span{font-size:10px; color:#FFFFFF; font-weight:normal; text-align:right; padding-left:100px;}
#contentMain h3{font-size:12px; color:#808080; font-weight:bold;}
#contentMain h4{font-size:14px; color:#808080; font-weight:bold;}



#contentLeft{margin:0px 675px 0px 0px; padding:10px 0px 20px 10px;; width:310px;}
#contentLeft ul {margin-left:20px; padding-left:0px; padding-bottom:10px;}
#contentLeft ul li{margin-left:0px; padding-left:0px; padding-bottom:10px;list-style:none;}
#contentLeft p{margin:0px; padding:0px 10px 0px 0px; font-size:12px; line-height:20px;}

#contentRight img{border: 0px solid #000000; display:block; margin-bottom:30px;}

#contentMainContact{ margin-top:30px; font-size:12px; line-height:20px;}

#contentMainContact h1{ color:#7DA559; padding-top:0px; margin-top:0px; padding-left:10px; font-size:16px; font-weight:bold;}
#clearOne{clear:both;}

#footer{ position:relative;top:0px; left:0px; width:100%; height:220px;margin:5px 0px 0px 0px; background-color:#000000;background-image:url(images/bkg_footer.jpg); background-position:top left; background-repeat:repeat-x;}
#footerLine{position:absolute; top:83px; left:0px; width:100%; height:1px; background-color:#FFFFFF;}
#footerWrapper{font-family:Arial, Helvetica, sans-serif;text-align:left; width: 1000px; margin-left: auto; margin-right: auto; margin-top:0px;  position:relative;}

#footerText{position:relative;top:0px; left:0px; width:780px; height:53px; color:#FFFFFF; font-size:11px; padding:10px 30px 20px 30px; margin:0px; }
#footerText p{margin:0px; padding:0px; font-size:11px;font-family:Arial, Helvetica, sans-serif;}
#footerBuy{position:absolute;top:0px; right:0px; width:150px; height:73px;padding:0px 0px 0px 0px; text-align:right;}
#footerBuy p{margin:0px; padding:0px;}
#footerNav{position:absolute;top:93px; font-size:10px; left:0px; width:780px;height:40px; padding:10px 0px 0px 30px; line-height:14px; color:#FFFFFF; }

#footerFacebook{position:absolute;top:20px;right:280px; width:80px;height:60px;}
#footerTwitter{position:absolute;top:18px;right:240px; width:40px;height:60px;}
#footer1Percent{position:absolute;top:10px;right:50px; width:120px;height:60px;}

#footerNav p{margin:0px; padding:0px; font-size:9px;font-family:Arial, Helvetica, sans-serif;}
#footerNav a:link, #footerNav a:visited {padding:0px 12px 0px 13px; font-size:9px; text-decoration:none; color:#FFFFFF; text-transform:uppercase; font-style:normal; }
#footerNav a:hover, #footerNav a:active {padding:0px 12px 0px 13px; font-size:9px; text-decoration:underline; color:#FFFFFF; text-transform:uppercase; font-style:normal; }







#footerContent{position:relative;top:0px; left:0px; text-align:center; font-size:8px; color:#000000; padding-top:30px;}

h1{ color:#000000; padding-top:0px; margin-top:0px; font-size:16px;}
h3{ color:#000000; padding-top:0px; margin-top:0px; font-size:14px;}
table.reachUsTable{ border-collapse:collapse;}
table.reachUsTable td.spacer{padding-top:40px;}
table.reachUsTable td.spacer2{padding:20px;}
table.reachUsTable td.image{padding:0px; border-left:1px solid #7DA559;}
table.reachUsTable td.text{padding:0px 0px; border-left:1px solid #524F26; width:190px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; line-height:18px;}
table.reachUsTable td.frm{padding:0px 10px 20px 10px; border-left:1px solid #524F26;}

.reachUsField{color:#FFFFFF; background-color:#524F26; border:1px solid #524F26; width:160px; height:18px; padding-left:10px; margin-bottom:5px;font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.reachUsField2{color:#FFFFFF; background-color:#524F26; border:1px solid #524F26; width:150px; height:90px; padding:10px; margin-bottom:10px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.header{font-size:16px; color:#4AAE18; font-weight:bold;}


/* product pages */
table.prodListTable{ border-collapse:collapse; width:100%;}
table.prodListTable td{font-size:14px; line-height:20px;}
table.prodListTable td p{font-size:14px; line-height:20px; padding-left:15px; margin-top:0px; padding-top:0px;}
.prodHeader{ color:#000000; padding-top:0px; display:block; margin-top:0px; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding-left:10px;}


#contentProduct{ position:relative;top:0px; left:0px; width:1000px; height:auto; background-color:#000000; }
#contentProductMain{margin-left:70px;padding-left:5px;width:925px; background-color:#FFFFFF;}
#contentProductMain h2{font-size:14px; color:#FFFFFF; font-weight:bold; padding-left:15px;background-color:#000000; display:block; width:905px; font-family:Arial, Helvetica, sans-serif;}
#contentProductMain h2.specs{font-size:14px; color:#FFFFFF; font-weight:bold; padding-left:15px;background-color:#000000; display:block; width:550px; font-family:Arial, Helvetica, sans-serif;}
#contentProductMain h2.downloads{font-size:14px; color:#FFFFFF; font-weight:bold; padding-left:15px;background-color:#000000; display:block; width:375px; font-family:Arial, Helvetica, sans-serif;}
#contentProductLeft{margin:0px 930px 0px 0px; background-color:#524F26; width:70px; height:500px;}

#contentProductMain h2 a:link, #contentProductMain h2 a:visited {text-decoration:underline; color:#FFFFFF;  }
#contentProductMain h2 a:hover, #contentProductMain h2 a:active {text-decoration:underline; color:#FFFFFF; }
table.prodTable{ border-collapse:collapse; width:945px;}
table.prodTable td{font-size:14px; line-height:20px;}
table.prodTable td.prodImg{width:565px; text-align:center;}

table.prodTable td p{font-size:14px; xmargin-top:0px;line-height:20px; padding-left:15px;}

table.prodSpecTable{ border-collapse:collapse; width:100%;}
table.prodSpecTable tr.altRow{ background-color:#ECF2E6}
table.prodSpecTable td{ font-family:Arial, Helvetica, sans-serif; font-weight:normal;font-size:12px;}
table.prodSpecTable td.header{ font-family:Arial, Helvetica, sans-serif;color:#524F26; font-weight:bold;font-size:12px; padding:2px 5px 2px 30px;}

#prodName{padding:10px 0px 10px 20px; font-weight:bold;}

.prodThumb{ margin-right:10px;}
.downloadThumb{ margin-right:10px;}
.productBtn{ margin-left:10px; border:0px solid #FFFFFF;}
#prodWrapper{position:relative; top:0px; left:0px; width:540px; height:460px;}
#prodWrapper div{display:none;}
#prodThumbWrapper{margin-top:10px;}
.prodLg{}

.prodThumb{float:left; margin:0px 5px 0px 0px;}


.show{display:block; visibility:visible;}
.hide{ display:none; visibility:hidden;}

.mainImg{float:left; padding-right:8px; padding-bottom:8px;}


/* contact form */
.cform ol{margin:0px 0px 0px 175px; padding:0px;}
.cform ol li{list-style:none;}
.cform label{display:none;}
.cf_hidden,.reqtxt,.emailreqtxt{display:none;}
.cform{margin:20px 0px 0px 0px;}
.cform input.single{color:#FFFFFF; background-color:#000000; border:1px solid #000000; width:490px; height:18px; padding-left:10px; margin-bottom:5px;font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.cform textarea{color:#FFFFFF; background-color:#000000; border:1px solid #000000; width:480px; height:130px; padding:10px; margin-bottom:10px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.sendbutton{color:#000000; padding:5px 10px; background-color:#F2F2F2; border:1px solid #888888;margin:0px 0px 0px 0px;}
p.cf-sb{margin:5px 0px;}
#contactMain{width:600px;margin:0px 0px 0px 200px;}
#contactMain p,#contactMain h1{margin:0px 0px 10px 0px;}
#contactMain ol.cf-ol{margin:0px; padding:0px;}
.linklove{display:none;}
.failure{color:#CC0000;}
/* for the editor to remove black backgrouns */
.mceContentBody{ background-color:#FFFFFF}
.mceContentBody p{ color:#000000}

a.postLink:link, a.postLink:visited{color:#FFFFFF; text-decoration:none; font-style:normal;}
a.postLink:hover, a.postLink:active{color:#FFFFFF; text-decoration:none; font-style:normal;}


a:link, a:visited{color:#000000; text-decoration:none; font-style:normal;}
a:hover, a:active{color:#000000; text-decoration:underline; font-style:normal;}