/* CSS Document */

body {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	min-width: 800px;
	background: #4B5A7C;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #5A5B56;
	}
	
a:link, a:visited {color: #8CB18C;}
a:hover, a:active {color: #b6d4e7;}

p {
	padding-left: 10px;
	padding-right: 10px;
	}
	
h1 {font-family: "Times New Roman", Times, serif;
	font-size: 28px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	color: #83001B;
	margin: 4px auto;
	font-style: italic;}

h2 {font-size: 24px;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	padding-left: 10px;
	padding-right: 10px;
	color: #5A5B56;}
h3 {font-size: 18px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	color: #5A5B56;}
	
table.contact p{margin: 0px; padding: 0px;}
	
#header {width: 781px;
	margin: 0px auto;}
#header-content {float: right;
	background: url('images/heating-air-conditioner-service2.jpg') top left no-repeat #2A2747;
	width: 378px;
	height: 280px;
	color: #ffffff;
	text-align: left;
	}
#header-content h1{color: #6DD1D1;
	font-style: italic;
	font-size: 28px;
	margin: 3px auto;
	}
#header-content p{
	font-style: italic;
	font-size: 14px;
	font-weight: bold;
	margin: 3px auto;
	line-height: 18px;}
	
#wrapper {
	width: 781px;
	margin: 0 auto;
	text-align: left;
	background: url('images/wrapper-bg.jpg') top left repeat-y #ffffff;
	}	
	
#content {
	width: 591px;
	float:right;
	}
#content p{text-align: justify;}

#mainnav {width: 186px;
	float: left;
	padding: 0px;
	margin-left: 4px;
	}
#mainnav ul{list-style-type:none;
	margin:0px 0px 10px 0px;
	padding: 0px;}
#mainnav li{padding: 0px 0px 0px 3px;}
#mainnav a{text-decoration: none;
	padding: 5px 5px 0px 5px;}
#mainnav a:link, #mainnav a:visited{color: #4A4A50;}
#mainnav a:hover, #mainnav a:active{color: #8F0A25;
	font-weight: bold;}	
#mainnav h2 {background: #AAA8AB;
	color: #ffffff;
	font-family: times;
	font-size: 18px;
	font-weight: normal;
	padding: 3px 0px 3px 10px;
	margin: 4px auto;}


#footer {
	width: 781px;
	clear: both;
	margin: 0px auto;
	}
#footer p{text-align: center;
	font-size: 11px; color: #ffffff;}
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} /* End hide from IE-mac */