/*
-----------------------------------------------------
 Author      | Z Logic (info@zlogic.co.za)  
-----------------------------------------------------                                    
 Date        | 06-09-2006
-----------------------------------------------------                                        
 PHP         | 4   
-----------------------------------------------------                                              
 Update      | ..-..-.... 
-----------------------------------------------------                                      
 Description |    
-----------------------------------------------------                                         
*/


/*************************  BODY *************************/

html, body 
{
	margin: 0px;
	padding: 0px;
	text-align: center;
	height: 100%;
	font-family: 'Trebuchet MS', Arial, Verdana;
	font-size: 13px;
	color: #333333;		
	background: url(../../include/images/template/bg.jpg) repeat;
}

html>body #main 
{ /* for Mozilla */
	height: auto;
}

input, select
{
	background-color: #F7F7F7;
	border: #666666 1px solid;
	color: #333333;
	font-size: 10px
}

textarea
{
	background-color: #F7F7F7;
	border: #666666 1px solid;
	color: #333333;
	font-family:  verdana;
	font-size: 10px
}

a
{
	font-size: 13px; 
	font-family: Verdana, Arial;	
	color: #F68132; 
	text-decoration: underline;
	font-weight: bold;	

}

a.white
{
	font-size: 12px; 
	font-family: Verdana, Arial;		
	color: #FFFFFF; 
	text-decoration: NONE;
	font-weight: bold;	
}

a:hover.white
{
	color: #473F3C;
}

a.orange
{
	font-size: 12px; 
	font-family: Verdana, Arial;		
	color: #F68132; 
	text-decoration: NONE;
	font-weight: bold;	
}

a:hover.orange
{
	color: #473F3C;
}


a.menu
{
	font-size: 10px; 
	font-family: Verdana, Arial;		
	color: #FFFFFF; 
	text-decoration: NONE;
	font-weight: bold;	
}

a:hover.menu
{
	color: #F68132;
}

menu
{
	font-weight: bold;	
}

h1
{
	font-size: 22px;
}

.orange_big
{
	color: #F68132;
	font-size: 22px;
}

.orange_medium
{
	color: #F68132;
	font-size: 14px;
	font-weight: bold;	
}

.orange_small
{
	color: #F68132;
	font-size: 14px;
	font-weight: bold;		
}

.white_big
{
	color: #FFFFFF;
	font-size: 18px;
}

/************************* HEADER *************************/

#header
{
	position: relative;
	width: 775px;
	height: 150px;
	margin: 0 auto 0 auto;
	background: #231F20;
	border-top: 1px solid #F68132;
	border-bottom: 4px solid #F68132;
}

#header_logo
{
	background: url(../../include/images/template/heatworx_logo.jpg) no-repeat;
	width: 275px;
	height: 60px;
	position:absolute;
	left: 20px;
	top: 45px;	
}

#header_SABS
{
	background: url(../../include/images/template/SABS_2.jpg) no-repeat;
	width: 108px;
	height: 63px;
	position:absolute;
	right: 20px;
	top: 45px;	
}

#header_menu
{
	color: #F68132; 
	position:absolute;
	right: 10px;
	bottom: 3px;	
}

/************************* MAIN *************************/

#main 
{
	position: relative;
	width: 775px;
	margin: 0 auto 0 auto;
	background: #FFFFFF;
	border: 1px solid #E0E0E0;
	padding-top: 10px;
	padding-bottom: 10px;
}

/************************* LEFT BOX *************************/

#leftbox
{
	text-align: left;
	position: relative;
	top: 5px;
	left: -130px;
	width: 480px;
	height: auto;
	margin: 0 auto 15px auto;

}

/************************* RIGHTBOX *************************/

#rightbox
{
	text-align: left;
	position: absolute;
	top: 15px;
	left: 510px;
	width: 260px;
	height: 300px;
	margin: 0 auto 15px auto;

}

#heating_special
{
	background: url(../../include/images/home/floor_heating.jpg);
	border: 1px solid #473F3C;
	width: 248px;
	height: 242px;
	margin-bottom: 10px;
	text-align: center;	
	color: #473F3C;
	font-size: 12px;
	font-weight: bold;	
}

#why_heatworx
{
	background-color: #473F3C;
	border: 1px solid #F47F39;
	width: 248px;
	text-align: center;
	color: #FFFFFF;
	margin-bottom: 15px;
}

#heating_under
{
	background-color: #473F3C;
	border: 1px solid #F47F39;
	width: 228px;
	text-align: left;
	color: #FFFFFF;
	padding:10px;
}

#call_quote
{
	background-color: #F47F39;
	border: 1px solid #F47F39;
	width: 248px;
	text-align: center;	
	color: #FFFFFF;
	font-size: 12px;
	margin-bottom: 15px;
	padding-bottom: 5px;
}

#heating_element
{
	width: 248px;
	height: 570px;
	background: url(../../include/images/specials/heating_element.jpg) no-repeat;
	border: 1px solid #F47F39;
	margin-bottom: 15px;
}

/************************* HOME *************************/

#heating_1
{
	position: relative;
	float:left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	background: url(../../include/images/home/heating.jpg);
	border: 1px solid #473F3C;
	width: 200px;
	height: 180px;
	text-align: left;
	color: #FFFFFF;
	font-size: 12px;
}

/************************* ABOUT *************************/

#heating_2
{
	background: url(../../include/images/about/aboutImage.jpg);
	position: relative;
	float:left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	width: 291px;
	height: 225px;
	text-align: center;

	color: #FFFFFF;
	font-size: 12px;
}

#homemakerText
{
	position: relative;
	top:150px;
	width: 291px;
	text-align: center;
	font-weight:bold;
	color: #CD5520;
	
	
}

/************************* PRODUCTS *************************/

#product
{
	margin-bottom: 15px;
}

#product_image1
{
	position: relative;
	float:left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #473F3C;
	border: 1px solid #F68132;
	width: 170px;
	height: 182px;
}

#product_image2
{
	position: relative;
	float:left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #473F3C;
	border: 1px solid #F68132;
	width: 170px;
	height: 182px;
}

#product_image3
{
	position: relative;
	float:left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #473F3C;
	border: 1px solid #F68132;
	width: 170px;
	height: 182px;
}

#under_carpet
{
	position: relative;
	float:left;
	height: 170px;
	width: 160px;
	margin-top: 5px;
	margin-right: 5px;
	background: url(../../include/images/products/under_carpet2.jpg);
	border: 1px solid #473F3C;
}

#under_tile
{
	position: relative;
	float:right;
	height: 150px;
	width: 160px;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	background: url(../../include/images/products/under_tile2.jpg);
	border: 1px solid #473F3C;
}

#under_laminate
{
	position: relative;
	float:left;
	height: 150px;
	width: 160px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	background: url(../../include/images/products/under_laminate.jpg);
	border: 1px solid #473F3C;
}

#cut_in_system
{
	position: relative;
	height: 250px;
	width: 475px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	background: url(../../include/images/products/cut_in_system.jpg);
	border: 1px solid #473F3C;
}

/************************* FOOTER *************************/

#footer
{
	position: relative;
	width: 775px;
	height: 17px;
	margin: 0 auto 0 auto;
	background: #231F20;
	border-top: 2px solid #F68132;
	border-bottom: 2px solid #F68132;
	margin-bottom: 5px;
}

#footer_menu
{
	color: #F68132; 
	position:absolute;
	left: 10px;	
	bottom: 0px;
}