body {
	width: 100%;
	font: 62.5% helvetica, arial, verdana, sans-serif;
	color: #333333;
	background: #ffffff url('../images/bg.jpg');
	background-repeat: repeat;
	padding:0px;
	margin:0px;
}



img{
border: 0px;
}
h1 {
	font-size: 140%;
	font-weight: bold;
	color: #036a18;
	margin: 10px 0 10px 3px;
}
h2 {
	font-size: 120%;
	font-weight: bold;
	color: #036a18;
	margin: 10px 0px 10px 3px;
}
h3 {
	font-size: 105%;
	font-weight: bold;
	color: #144499;
	margin: 5px 0px 5px 3px;
}
p {
    margin: 5px 0 0 3px;
}
a:link{
   text-decoration: none;
   color: #036a18;
}

a:hover{
   color: #144499;
   text-decoration: none;
}

a:visited{
   color: #036a18;
   text-decoration: none;
}

a:active{
   color: #144499;
   text-decoration: none;
}
/*place for the header1 image and logo*/
#header {
	width: 804px;
	height: 221px;
	margin: 0;
	padding: 0;
	border: none;
}
/*following section is for the image rollovers in the top menu bar on Earthsafe site*/
#topNav {
	width: 804px;
	position: relative;
	height: 45px;
}
#topNav ul {
	list-style-type:none;
	margin:0pt;
	padding:0pt;
}
#topNav ul li {
	float:left;
	height:45px;
	margin:0pt;
	padding:0pt;
}
#topNav li a {
	display:block;
	font-size:0.8em;
	height:100%;
	text-decoration:none;
	color:#225A13;
}

#topNav ul li ul {
	 position: absolute;
                display: block;
                visibility: hidden;	
                
	
}

#topNav ul li ul li {
	background-color:white;
                display: list-item;
                float: none;
                height:20px;
                width:150px;
                border-color:green;
                border-style:solid;
                border-width:1px;
                font-size:14px;
                padding-left:10px;
                padding:3px  5px 1px 15px;
}

#topNav ul li ul li:hover {
	background-color:#E4F3D5;
	;
}

#topNav ul li ul li a:hover {
    color:#339933;

}




/*defines the main menu accross the page*/
#topNav ul li a {
font-size:0px;
color:white;
}

#topNav ul li ul li a {
display:block;
font-size:0.8em;
height:100%;
text-decoration:none;
color:black;

}
#topNav li#aboutus {
background:transparent url(../images/topnav_aboutus.jpg) no-repeat scroll left top;
width:122px;
}

#topNav li#aboutushover {
background:transparent url(../images/topnav_aboutus_over.jpg) no-repeat scroll left top;
width:122px;
}
#topNav li#aboutush:hover, #topNav li#aboutus.sfhover {
background:transparent url(../images/topnav_aboutus_over.jpg) no-repeat scroll left top;
}

#topNav li#environmental {
background:transparent url(../images/topnav_environmental.jpg) no-repeat scroll left top;
width:113px;
}

#topNav li#environmentalhover {
background:transparent url(../images/topnav_environmental_over.jpg) no-repeat scroll left top;
width:113px;
}

#topNav li#environmental:hover, #topNav li#environmental.sfhover {
background:transparent url(../images/topnav_environmental_over.jpg) no-repeat scroll left top;
}
#topNav li#products {
background:transparent url(../images/topnav_products.jpg) no-repeat scroll left top;
width:83px;
}

#topNav li#productshover {
background:transparent url(../images/topnav_products_over.jpg) no-repeat scroll left top;
width:83px;
}

#topNav li#products:hover, #topNav li#products.sfhover {
background:transparent url(../images/topnav_products_over.jpg) no-repeat scroll left top;
}
#topNav li#technical {
background:transparent url(../images/topnav_technical.jpg) no-repeat scroll left top;
width:89px;
}

#topNav li#technicalhover {
background:transparent url(../images/topnav_technical_over.jpg) no-repeat scroll left top;
width:89px;
}

#topNav li#technical:hover, #topNav li#technical.sfhover {
background:transparent url(../images/topnav_technical_over.jpg) no-repeat scroll left top;
}
#topNav li#installation {
background:transparent url(../images/topnav_installation.jpg) no-repeat scroll left top;
width:94px;
}

#topNav li#installationhover {
background:transparent url(../images/topnav_installation_over.jpg) no-repeat scroll left top;
width:94px;
}

#topNav li#installation:hover, #topNav li#installation.sfhover {
background:transparent url(../images/topnav_installation_over.jpg) no-repeat scroll left top;
}
#topNav li#contactus {
background:transparent url(../images/topnav_contactus.jpg) no-repeat scroll left top;
width:90px;
}

#topNav li#contactushover {
background:transparent url(../images/topnav_contactus_over.jpg) no-repeat scroll left top;
width:90px;
}

#topNav li#contactus:hover, #topNav li#contactus.sfhover {
background:transparent url(../images/topnav_contactus_over.jpg) no-repeat scroll left top;
}

#topNav li#faqs {
background:transparent url(../images/topnav_faqs.jpg) no-repeat scroll left top;
width:65px;
}

#topNav li#faqshover {
background:transparent url(../images/topnav_faqs_over.jpg) no-repeat scroll left top;
width:65px;
}

#topNav li#faqs:hover, #topNav li#faqs.sfhover {
background:transparent url(../images/topnav_faqs_over.jpg) no-repeat scroll left top;
}



#topNav li#resources {
background:transparent url(../images/topnav_resources.jpg) no-repeat scroll left top;
width:148px;
}

#topNav li#resourceshover {
background:transparent url(../images/topnav_resources_over.jpg) no-repeat scroll left top;
width:148px;
}

#topNav li#resources:hover, #topNav li#resources.sfhover {
background:transparent url(../images/topnav_resources_over.jpg) no-repeat scroll left top;
}  
#container {
	width: 804px;
	height: 100%;
	position: relative;
	/*background-image: url('../images/pgrepeat.jpg');*/
	background-repeat: repeat;
	margin: auto;
	display:block;
}
#content {
	/*background-image: url('../images/indexpage_bgrd.jpg');*/
	background-image: url('../images/pgrepeat.jpg');
	background-repeat: repeat;
	padding-left:40px;
	margin: 0px 0 0 0;
}

#contentindex {
	background-image: url('../images/indexpage_bgrd.jpg');
	width: 100%;
	margin: 10px 0 0 0;
	height: 515px;
}

#containerindex {
	width: 804px;
	height: 100%;
	position: relative;
	background-image: url('../images/pgrepeat.jpg');
	background-repeat: no-repeat;
	margin: auto;
	display:block;
}


#blueheader
{
    height:25px;
    background-color:#E5F0E8;
    width:530px;
    font-size: 140%;
    font-weight: bold;
    color: #036a18;
    padding-left:10px;
    padding-top:5px;
    margin-left:-5px;
    margin-top:-4px;
    
}

td.sideleft ul
{
    border-bottom:solid;
    border-color:#D2BEA3;
    list-style-type:none;
    margin:0px;
    padding:0;
    
    list-style-image: url('../images/dot.gif');
    
    list-style-position:inside;
}

td.sideleft ul#selected
{
    background-color:#E1CDB2;
}


td.sideleft ul li
{
    padding-top:5px;
    padding-left:10px;
    height:20px;
    color:#335824;
}

td.sideleft ul li a
{
    color:#335824;
}

td.sideleft ul li a:hover
{
    color:#CB9400;
}



/*main text on homepage goes inside this one */
td.index_left {
	background: transparent;
	padding: 0 0 5px 37px;
	height: 404px;
	width: 460px;
	font-size: 1em;
}
/*this is the torn edges box on Earthsafe homepage*/
td.index_right {
	background-image: url('../images/box.jpg');
	background-repeat: no-repeat;
	padding: 0;
	height: 424px;
	width: 230px;	
}
table.box {
	border: none;
	margin: 0 0 150px 15px;
	font-size: 0.9em;
}
table.specifications {
	width: 100%;
	margin: 0 5px;
}

td.sideleft {
    background-image: url('../images/left_menu_bg.gif');
    background-repeat:repeat-x;
    width:170px;
    height:400px;
  
    display:block;
}


#leftsidetitle {
    height:30px;
    padding:7px 0px 0px 20px;
    color:white;
    font-weight:bold;
    font-size:13px;

}

td.text {
	background: transparent;
	padding:5px;
	width: 530px;
	font-size: 1em;
}
#foot {
	background: url('../images/footer.jpg');
	background-repeat: no-repeat;
	display: inline;
}
ul.navigation {
}
.navigation li {
	float: left;
	list-style: none;
}
.navigation li a   {
	padding: .375em 1.5em .375em 0;
	float: left;
}				
#foot a:link	{
		color: #101910;
	}
	#foot a:visited	{
		color: #101910;
	}
	#foot a:active	{
		color: #036a18;
	}
	#foot a:hover	{
		color: #036a18;
	}
#foot a, #accessibility_options a:hover{
		text-decoration: none;
	}
	#accessibility_options a   {
		text-transform: none;
	}
	#accessibility_options a:link	{
		color: #101910;
		text-decoration: underline;
	}
	#accessibility_options a:visited	{
		color: #101910;
		text-decoration: underline;
	}
	#accessibility_options a:active	{
		color: #036a18;
		text-decoration: underline;
	}
	#accessibility_options a:hover	{
		color: #036a18;
	}

#footbaseindexh 
{
height:95px;
    
}


#footbase 
{
background: url('../images/footer.gif');
height:95px;
    
}