/* CSS Document */


body{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(../images/background.jpg)
	
 }

table { z-index: 1}

A:link {text-decoration: none; color: #FFFFFF}
A:visited {text-decoration: none; color: #FFFFFF}
A:active {text-decoration: none; color: #FFFFFF}
A:hover  {text-decoration: none; color: #FA8013}

.frame #blue_anchor a:link {
text-decoration:none;
color:0066CC;
}
.frame #blue_anchor a:visited {
text-decoration:none;
color:0066CC;
}
.frame #blue_anchor a:hover {
text-decoration:none;
color:FA8013;
}
.frame #blue_anchor a:active {
text-decoration:none;
color:0066CC;
}



#set_of_links {
	position:relative;
	padding:9px;
	border:0px dotted #FFF;
	background-color:#0066CC;
	margin-bottom:20px;
	width: 200px;
}
#set_of_links a {
	display:inline;
	padding:2px 9px 2px 9px;
	text-decoration:none;
	color: #FFFFFF;
	background:#0066CC
}
#set_of_links a:hover {
	background:#0066CC;
	text-decoration:none
}
#set_of_links a span {
	display:none
}
#set_of_links a:hover span {
	z-index:5;
	display:inline;
	position:absolute;
	top:0;
	left:180px;
	padding:5px 15px 5px 0
}
.frame #container {
	position : relative;
	width: 810px;
	height: 540px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #6E8599;
	border: 1px solid #000000;
	z-index:1;
} 
.frame #logo { 	
	position:absolute;
	float:left;
	width: 200px;
	height:200px;
	top: 5px;
	left: 5px;
	background-color:#FFFFFF;
	z-index:10;
}
.frame #footer { 	
	position:absolute;
	float:left;
	width: 300px;
	height:23;
	top: 505px;
	left:0px;
	background-color:#6E8599;
	z-index:10;
	margin-top:10px;
	text-align:left;
}
.frame #top400 { 
	position:absolute;	
	float:left;
	width: 400px;
	height:200px;
	top:5px;
	left: 205px;
	background-color:#CCC;
	z-index:10;
}
.frame #top600 { 
	position:absolute;	
	float:left;
	width: 600px;
	height:200px;
	top:5px;
	left: 205px;
	background-color:#CCC;
	z-index:10;
}
.frame #right {
	position:absolute;
	width: 200px;
	height:500px;
	top:5px;
	left: 605px;
	background-color:#FFFFFF;
	z-index:10;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	color: #0066CC;
	text-decoration: none;
	margin: auto;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;

	
}
.frame #rightInstall {
	position:absolute;
	width: 200px;
	height:500px;
	top:5px;
	left: 605px;
	background-color:#FFFFFF;
	background-image:url(../images/install.jpg); 
	
	}
.frame #rightGeo {
	position:absolute;
	width: 200px;
	height:500px;
	top:5px;
	left: 605px;
	background-color:#FFFFFF;
	background-image:url(../images/geo-thermal.jpg); 
	
}
.frame #rightQA {
	position:absolute;
	width: 200px;
	height:500px;
	top:5px;
	left: 605px;
	background-color:#FFFFFF;
	background-image:url(../images/question.jpg); 
	
}
.frame #rightpartners {
	position:absolute;
	width: 200px;
	height:500px;
	top:5px;
	left: 605px;
	background-color:#FFF;
	 
	
}
.frame #rightcomfort {
	position:absolute;
	width: 200px;
	height:500px;
	top:5px;
	left: 605px;
	background-color:#FFFFFF;
	background-image:url(../images/Blower_Door.jpg); 
	
}
.frame #rightsales {
	position:absolute;
	width: 200px;
	height:500px;
	top:5px;
	left: 605px;
	background-color:#FFFFFF;
	background-image:url(../images/sales-and-service.jpg); 
	
}
.frame #rightindoor{
	position:absolute;
	width: 200px;
	height:500px;
	top:5px;
	left: 605px;
	background-color:#FFFFFF;
	background-image:url(../images/door.jpg); 
	
}

.frame #savings{
	position:absolute;
	width: 200px;
	height:500px;
	top:5px;
	left: 605px;
	background-color:#FFFFFF;
	background-image:url(../images/savings.jpg); 
	
}
.frame #rightmember{
	position:absolute;
	width: 200px;
	height:500px;
	top:5px;
	left: 605px;
	background-color:#FFFFFF;
	background-image:url(../images/hand-shake.jpg); 
	
	
}
.frame #righprivacy{
	position:absolute;
	width: 200px;
	height:500px;
	top:5px;
	left: 605px;
	background-color:#FFFFFF;
	background-image:url(../images/privacy.jpg); 
	
	
}
.frame #rightoption01{
	position:absolute;
	width: 200px;
	height:500px;
	top:5px;
	left: 605px;
	background-color:#FFFFFF;
	background-image:url(../images/option01.jpg); 
	
}
.frame #rightoption02{
	position:absolute;
	width: 200px;
	height:500px;
	top:5px;
	left: 605px;
	background-color:#FFFFFF;
	background-image:url(../images/option02.jpg); 
	
}
.frame #rightoption02{
	position:absolute;
	width: 200px;
	height:500px;
	top:5px;
	left: 605px;
	background-color:#FFFFFF;
	background-image:url(../images/option02.jpg); 
	
}
.frame #right400 {
	position:absolute;
	float:left;
	width: 400px;
	height:500px;
	top:5px;
	left: 400px;
	background-color:#FFFFFF;
	z-index:10;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 13px;
	font-weight: normal;
	color: #0066CC;
	text-decoration: none;
}
.frame #btm400 {
	position:absolute;
	float:left;
	width: 400px;
	height:300px;
	top:205px;
	left: 205px;
	background-color:#0066CC;
	z-index:10;
	overflow: auto;
}
.frame #btm200 {
	position:absolute;
	float:left;
	width: 200px;
	height:300px;
	top:205px;
	left: 205px;
	background-color:#FFFFFF;
	z-index:10;
	overflow: auto;
}
.frame #video {
	position:absolute;
	float:left;
	width: 400px;
	height:300px;
	top:205px;
	left: 405px;
	background-color:#0066CC;
	z-index:10;
	overflow: auto;
}
.frame #container #btm400 h2 {
	font-size: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

.frame #middle400 {
	position:absolute;
	float:left;
	width: 400px;
	height:500px;
	top:5px;
	left: 207px;
	background-color:#0066CC;
	z-index:10;
	overflow: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	padding-right: 5px;
	margin: auto;
	
}
.frame #middle200 {
	position:absolute;
	float:left;
	width: 200px;
	height:500px;
	top:5px;
	left: 205px;
	background-color:#0066CC;
	z-index:10;
	overflow: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 18px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	
	
}
.frame #mdlwht400 {
	position:absolute;
	float:left;
	width: 400px;
	height:500px;
	top:5px;
	left: 205px;
	background-color:#0066CC;
	z-index:10;
	overflow: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 18px;
	color:#FFFFFF;
	text-decoration: none;
	font-weight: normal;
	padding-right: 5px;
	
	
	
}
.frame #mtitle {
	position:absolute;
	float:left;
	width: 375px;
	height:60px;
	background-color:#0066CC;
	z-index:20;
	overflow: auto;
	
}
.frame #middletext {
	position:absolute;
	float:left;
	width: 375px;
	height:440px;
	top:50px;
	background-color:#0066CC;
	color: #FFFFFF;
	z-index:10;
	overflow: auto;
	padding-left:5;
	padding-right:10;
	left:5px;
	
	}
.frame #middlebluetext {
	position:absolute;
	float:left;
	width: 375px;
	height:440px;
	top:50px;
	background-color:#FFFFFF;
	color: #0066CC;
	z-index:10;
	overflow: auto;
	padding-left:5;
	padding-right:10;
	left:5px;
	
	}
.frame #menu {
	position:absolute;
	float:left;
	width: 200px;
	height:300px;
	top:205px;
	left: 5px;
	background-color:#FA8013;
	z-index:20;
}
.frame #videobtn {
	position:absolute;
	float:left;
	width: 200px;
	height:40px;
	top:465px;
	left: 5px;
	background-color:#FA8013;
	z-index:25;
}
.Areas {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
.Areas a:link {
	color: #0066CC;
	text-decoration: underline;
}
.Areas a:visited {
	color: #0066CC;
	text-decoration: underline;
}
.Areas a:active {
	color: #0066CC;
	text-decoration: underline;
}
.Areas a:hover {
	color: #FA8013;
	text-decoration: underline;
}