*/Design by Metamorphosis Design 
Released for free under a Creative Commons Attribution 2.5 License/*



*/<link a: href="http://.com/">*/


http://www.naturalheatworks.com/nextstyles3.css



#a

{

margin: 0px;

padding-left: 0px;

}

a:link 
{

color: #F5FFDC;

}


a:hover 
{
	
text-decoration: underline;
	
color: #556B2F;

}


a:visited 
{
	
color: #006400;

}



body 
{

margin: 0px;
width: 793px;
height: 1500px;	
			
background: #78952D url(images/table_back6.gif) repeat-x;
	
font: 0.875em Arial, Helvetica, sans-serif;
			
color: #5C722A;        
}




#content

/* this is the main area green background
 and saddlebrown text, 
it underlies all other stuff. */

{
	
padding-top: 00px;
    
padding-left: 0px;
	
margin: 0 auto;
	


background: #A9A9A9;
	
width: 793px;
        
height: 1500px;
	
text-align: left;
	
color: #2F4F4F;

}




#main

{

margin: 00px;
width: 793px;
height: 00px;

padding-top: 0px;

padding-left: 0px;

padding-bottom: 0px;

background: #A9A9A9;
}








/* this is the header area picture the height controls
  
how much of the picture is shown.*/





#header 
{

width: 793px;	
height: 320px;
margin-left: 200px;margin-top: 0px;	
text-align: left;
padding-left: 00px;

	
background:  #A9A9A9 url(images/header.jpg) no-repeat;		

}


#logo 
{


width: 400px;

height: 30px;

text-align: right;

margin: 0px;

padding-right: 60px;

padding-left: 360px;

padding-top: 180px;

padding-bottom: 50px;color: #FFFAFA;

font-style: italic;

font-weight: bold;

}



#logo a 
{
	
text-decoration: none;
	
text-transform: none;
	
font-style: italic;
font-weight: bold;
	
font-size: 1.75em;

padding-right: 0px;
	
color: #FFFAFA;
}

#logo h2 a

{

font-size: 1.125em;

color: #FFFAFA;

}






#menu

{

margin-left: 530px;

text-align: center;

font-size: 1.0em;

width: 250px;

height: 20px;

padding-top: 1px;
padding-right: 0px;

padding-left: 0px;

}




#menu ul 
{

	
list-style: none;
	

}

#menu li 
{
	
	
display: inline; 
	

}




#menu a 
{
	
float: 0;
margin:0px
	
width: 250px;
	
height: 18px;
        
display: block;
	
text-align: center;
	
text-decoration: none;
	
color: #2F4F4F;

background: #98B74C;
	
font-weight: bold;
	
padding-top: 1px;

padding-bottom: 1px;

padding-left: 0px;
	
font-size: 1em;
	
text-transform: uppercase;

}


#menu a:hover 
{
	
width:250px;
        
height: 18px;
	

color: #8B4513;

text-align: center;
	
text-decoration: none;
	
background: #C0C0C0;

}


#left

{

width: 793px;

height: 0px;

margin-left: 0px;

height: 0px;

font-size: 0.875em;


font-weight: normal;

padding-right: 540px;

padding-top: 15px;

text-transform: none;

color: #2F4F4F;

background: url(images/header.jpg) repeat-x


}





#left h3

{

width:175px;

font-size:0.625em;

font-weight: normal;

padding-left: 0px;

padding-top: 0px;

text-transform: none;

color: #2F4F4F;
background: url(images/header.jpg) repeat-x


}




#left ul 
{
	
list-style: none;

text-align: left;

font-size: 1.125em;
	
margin-bottom: 10px;
	
background: url(images/table_back6.gif) repeat-x top;

}




#left li ul {
	border: 0px;

text-align: left;
	
margin-left: 20px;
	
margin-bottom: 10px;
	
padding-top: 50px;
	
background: none;

}




#left li li 
{

	
padding: 0px;

}



#left a 
{
	
color: #8B4513;
	
text-decoration: none;

}




#left a:hover 
{
	
color: #006400;
	
text-decoration: underline;

}


#left a:visited 
{
	
color: #F5FFDC;

}


#left p
{
padding: 5px;

}




#right h4
/* SAYS HEATING OR aRCHTCTURE AND should have A LINK*/

{
	
margin: 0;
	
padding-top: 5px;

padding-left: 60px;
padding-right: 40px;

	
font-size: 1.125em;
        
font-weight: bold;
	
color: #FFFAFA;
        
text-align: left;
        
text-decoration: none;
        
text-transform: none;

}



#right h2 
{

	
margin:0;

font-size: 1em;
	
padding: 0px;
	
padding-top: 5px;

padding-left: 60px;
padding-right: 40px;

text-align: left;
	
color: #2F4F4F;
}







#right h5

/* SAYS dISCOVER*/

{
	margin: 0;

	padding-top: 5px;

padding-left: 60px;
	
font-size: 1em;
        
font-weight: bold;
	
color: #FFFAFA;
       
text-align: left;
        
text-decoration: none;
        
text-transform: none;

border-top: 4px solid #918E48;

/*border-bottom: 4px solid #918E48;*/


}






#footer 
{
	
height: 40px;
	
width: 793px;margin: 0;
	
clear: both;
	
padding-top: 4px;
        
padding-left:-120px;
	
background: url(images/footer.gif) repeat-x bottom;
	
border-bottom: 4px solid #918E48;
        
text-align: center;
        
text-transform: none;

}


#footer p 
{
	
margin: 0;
	
font-size: 0.5em;padding-left: -120px;

	
	
color: #ffffff;
}


#footer a 
{
        
margin: 0;
	
font-size: 0.5em;


padding-left: -120px;	
text-align: center;
	
color: #ffffff;

}