@charset "UTF-8";
/* CSS Document */

body {
margin: 0 auto;
padding: 0;
text-align: center;
background: url(images/homebg.jpg) top left repeat-x #3e497f;
}
body.interior {
margin: 0 auto;
padding: 0;
text-align: center;
background: url(images/interiorbg.jpg) top left repeat-x #3e497f;
}
#container {
margin: 0 auto;
width: 950px;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #ffffff;
}
#headerhome {
background: url(images/homehouse.jpg) center top no-repeat;
height: 448px;
}
#header {
background: url(images/interiorhouse.jpg) center top no-repeat;
height: 190px;
}
#headerhomelogo {
float: left;
margin: 0px 0px 0px 25px;
position: absolute;
}
#headerhomebutton
{
	float: left;
	margin: 80px 0px 0px -25px;
	position: absolute;
	z-index:1;
}
#headerhometopnav {
float: right;
text-align: right;
margin: 10px 0px 20px 0px;
color: #e89e86;
}
#headerhometopnav a {
color: #e89e86;
padding: 0px 7px 0px 7px;
text-decoration: none;
}
#headerhometopnav a:hover {
color: #e89e86;
text-decoration: underline;
}
#headerhomeinfo {
clear: right;
float: right;
text-align: right;
margin: 0px 0px 10px 0px;
line-height: 120%;
}
#headerhomeinfo h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
color: #ffffff;
margin: 10px 0px 15px 0px;
}
#headerhomeinfo img {
margin: 10px 0px 10px 0px;
}
#headerinteriorinfo {
clear: right;
float: right;
text-align: right;
margin: 0px;
line-height: 120%;
}
#headerinteriorinfo h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #ffffff;
margin: 0px 0px 6px 0px;
}
#headerinteriorinfo img {
margin: 6px 0px 6px 0px;
}
#navigation {
clear: both;
float: left;
margin: 0 auto;
width: 100%;
border-top: 1px solid #ffffff;
background: url(images/navbgfade.jpg) top left repeat-x;
}
input.search {
width: 140px;
height: 15px;
padding: 2px;
border: 1px solid #9da4bf;
background: #6c779e;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #ffffff;
}
input.go {
width: 68px;
height: 30px;
border: none;
background: url(images/navbuttongo.jpg) top left no-repeat;
}
#maintitle {
clear: both;
width: 900px;
margin: 0px 0px 30px 0px;
background: #4f5c8b;
padding: 0px 25px 7px 25px;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
color: #ffffff;
font-weight: bold;
}
#maincontent {
clear: both;
width: 950px;
margin: 0px 25px 30px 25px;
line-height: 150%;
}
#maincontent h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #ffffff;
font-weight: bold;
}
#maincontent li {
padding: 10px 0px 5px 10px;
}
#maincontent a {
text-decoration: underline;
color: #ffffff;
}
#maincontent a:hover {
text-decoration: none;
}
#maincontent img {
clear: left;
float: left;
margin: 0px 20px 20px 0px;
}
#maincontent img.right {
clear: right;
float: right;
margin: 0px 25px 20px 25px;
}
#maincontent img.continue {
float: right;
margin: 0px 25px 20px 20px;
}
#footerline {
clear: both;
width: 950px;
height: 1px;
background: #4f5c8b;
margin: 20px 0px 25px 0px;
}
#footer {
clear: both;
width: 950px;
margin: 0px 25px 10px 25px;
}
#footer #copyright {
clear: both;
padding: 10px 0px 10px 0px;
font-size: 10px;
color: #6c779e;
line-height: 120%;
}
#footer #copyright img.unisolar {
float: right;
padding: 10px 50px 10px 10px;
}
#footer a {
text-decoration: underline;
color: #ffffff;
}
#footer a:hover {
text-decoration: none;
}
#footer h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
color: #ffffff;
padding-top: 20px;
}
#footer #left {
float: left;
width: 295px;
height: 220px;
margin: 0px 15px 0px 0px;
background: url(images/footerfoot1.jpg) bottom left no-repeat #626d98;
}
#footer #left p {
margin: 15px 10px 24px 10px;
line-height: 15px;
}
#footer #center {
float: left;
width: 290px;
height: 220px;
margin: 0px 15px 0px 0px;
background: url(images/footerfoot.jpg) bottom left no-repeat #626d98;
}
#footer #center p {
margin: 15px 10px 24px 10px;
}
#footer #right {
float: left;
width: 290px;
height: 220px;
margin: 0px;
background: url(images/footerfoot.jpg) bottom left no-repeat #626d98;
}
#footer #right p {
margin: 15px 10px 24px 10px;
}
input.username {
width: 80px;
height: 15px;
padding: 2px;
margin-right: 5px;
border: 1px solid #9da4bf;
background: #6c779e;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #ffffff;
}
input.password {
width: 80px;
height: 15px;
padding: 2px;
margin-right: 5px;
border: 1px solid #9da4bf;
background: #6c779e;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #ffffff;
}
input.login {
width: 62px;
height: 24px;
border: none;
background: url(images/login.jpg) top left no-repeat;
}
input.contactform {
width: 220px;
color: #000000;
background: #FFFFFF;
border: 1px solid #4f5c8b;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 2px 3px 2px 3px;
}
.contactformbox {
width: 300px;
height: 100px;
color: #000000;
background: #FFFFFF;
border: 1px solid #4f5c8b;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 2px 3px 2px 3px;
}
.contactformdropdown {
width: 300px;
color: #000000;
background: #FFFFFF;
border: 1px solid #4f5c8b;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 0px 0px 0px 0px;
}

.contactformsubmit {
width: 300px;
height: 25px;
color: #FFFFFF;
background: #4f5c8b;
border: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-align: center;
}