/*
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 */

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


body{ font-family: Georgia, "Times New Roman", Times, serif; color:#524F26; font-size:14px; line-height:24px; margin: 0; padding:0;min-width:1000px; font-weight:normal; 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:110px; background-color:#FFFFFF;z-index:1;}
#headerLogo{position:absolute; top:0px; left:0px; width:351px; height:99px;z-index:10;}

#headerNav{position:relative; top:65px; left:480px; width:500px; height:30px; background-color:#FFFFFF; padding-left:0px;} 
#headerNav p{margin:0px; padding:0px;float:left; }
#headerNav a:link, #headerNav a:visited{ float:left; display:block; padding:0px; text-decoration:none; color:#000048; font-size:10px; line-height:10px; text-transform:uppercase; font-style:normal;}
#headerNav a:hover, #headerNav a:active{ float:left; display:block; padding:0px; text-decoration:none; color:#808080; font-size:10px; line-height:10px; text-transform:uppercase; font-style:normal;}

#headerNav a.navOn:link, #headerNav a.navOn:visited{ float:left; display:block; padding:0px; text-decoration:none; color:#808080; font-size:10px; line-height:10px; text-transform:uppercase; font-style:normal;}
#headerNav a.navOn:hover, #headerNav a.navOn:active{ float:left; display:block; padding:0px; text-decoration:none; color:#808080; font-size:10px; line-height:10px; text-transform:uppercase; font-style:normal;}

#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; background-color:#FFFFFF; background-image:url(../../../images/bkg_page.gif); background-position:top; background-repeat:repeat-y; }
#contentHome{ position:relative;top:0px; left:0px; width:1000px; height:auto; background-color:#FFFFFF; }
#contentHomeFlash{position:relative;top:0px; left:0px; width:1000px; height:300px; margin-bottom:15px;}
#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;}


#contentHomeMiddle{margin:0px 319px 0px 352px;background-image:url(../../../images/vertical_divider.jpg); background-position:left; background-repeat:no-repeat; min-height:340px;}
#contentHomeMiddle img.prod{margin:15px 0px 0px 8px;}

#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{xmargin:0px; padding-left:30px; padding-right:10px; 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:1000px;height:100px; padding-top:20px; background-image:url(../../../images/footer_line.jpg); background-position:top; background-repeat:repeat-x; text-align:left; font-family:Arial, Helvetica, sans-serif;}
#footerNav{position:absolute;top:37px; font-size:9px; left:0px; width:580px;height:40px; line-height:14px; text-align:center;}

#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 {font-family:Arial, Helvetica, sans-serif; padding:0px 12px 0px 13px; font-size:9px; text-decoration:none; color:#524F26; text-transform:uppercase; font-style:normal; }
#footerNav a:hover, #footerNav a:active {font-family:Arial, Helvetica, sans-serif; padding:0px 12px 0px 13px; font-size:9px; text-decoration:none; color:#524F26; 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:#7DA559; padding-top:0px; margin-top:0px; font-size:16px;}
h3{ color:#7DA559; 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:#524F26; 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:#524F26; }
#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:#7DA559; 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:#7DA559; 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:#7DA559; display:block; width:375px; font-family:Arial, Helvetica, sans-serif;}
#contentProductLeft{margin:0px 930px 0px 0px; background-color:#524F26; width:70px; height:500px;}


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;}
#prodThumbWrapper{margin-top:10px;}
.prodLg{}


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

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

/* 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:#524F26; text-decoration:none; font-style:normal;}
a:hover, a:active{color:#524F26; text-decoration:none; font-style:normal;}