@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0;}

body {
font-size: 62.5%;
text-align: center; /* center for ie */
margin: 0;
padding: 0;
/* background-color: #d1e8f4; */
background: #d1e8f4 url(null) fixed no-repeat;
}

P {
font-size: 1.2em;
}
h1 {
font-size: 2.8em;
}
h2 {
font-size: 2.2em;
}
.clear {
display: block;
height:1px;
clear:both;
margin: 0;
} 
/* Page Structures -------------------------------------*/
/* Page Header -----------------------------------------*/
#headercontainer {
background-color: #fff;
width: 900px;
margin-top: 0;
padding-top: 0;
margin-right: auto;
margin-left: auto;
margin-bottom: -5px;
clear: both;
}

#header {
width: 900px;
position: relative;
margin-top: 0;
margin-bottom: 0;
padding: 0;
border: 0;
min-height: 145px;
text-align: left;
}

* html #header{height: 129px;}
#header h1 {position: absolute; left: 15px; top: 15px;}

#logocontainer {
float: left;
width: 245px;
height: 155px;
border-right: dashed 1px #44c5b6;
margin-top: -10px;
margin-left: -10px; 
}

#navcontainer {
float: left;
width: 655px;
height: 145px;
background-image: url(images/header_bg.jpg);
background-position: top left;
background-repeat: repeat-x;
margin-top: 4px;
margin-left: 5px;
}
/* Page Body ---------------------------------------------------*/

#pagebody {
background-color: #fff;
width: 900px;
margin-top: 0;
border-top: 1px;
margin-right: auto;
margin-left: auto;
clear: both;
}

#leftcol {
float: left;
width: 235px;
/*border-right: dashed 1px #44c5b6;*/
margin: 0;
padding: 0;
}
#serviceman {
background-image: url(images/installer.jpg);
background-position: center;
background-repeat: no-repeat;
height: 325px;
margin: 0;
}
#rightcol {
background-image: url(images/homeimage.jpg);
background-position: top center;
background-repeat: no-repeat;
width: 658px;
float: left;
margin: 0;
padding: 0;
text-align: left;
border-left: dashed 1px #44c5b6;
}
#rightcontent {
background-image: url(images/thermo.jpg);
background-position:  500px 50px;
background-repeat: no-repeat;
width: 658px;
float: left;
margin: 0;
padding: 0;
text-align: left;
border-left: dashed 1px #44c5b6;
}
.rightspace {
height: 285px;
}
/* ----Footer -------------------------------------------------*/
#footercontainer {
width: 900px;
border-top: 1px;
margin: 0;
padding: 0 0 12px 0;
margin-right: auto;
margin-left: auto;
background-color: #fff;
clear: both;
}
#footer {
width: 900px;
background: #333366 url(images/footer_bg.jpg);
background-position: top center;
background-repeat: repeat-y;
height: 25px;
}
/* Logo -----------------------*/
#header #logo { 
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
width: 224px; 
height: 129px;
}
#header #logo span {
display: block;
position:absolute;
left: 0;
top: 0;
z-index: 1;
width: 224px;
height: 129px;
margin: 0;
padding: 0;
background: url("images/logo.jpg") top left no-repeat;
cursor: pointer;
}
#header #logo a {
position: static;
display: block;
height: 129px;
white-space: normal;
color: #0000ff;
}

/* --- Global Navigation --------------------------------------------------*/
#nav {
background: #333366 url(images/nav_bg.jpg);
background-position: top left;
background-repeat: repeat-y;
font-size: 90%;
margin: 100px 0 0 0;
line-height: 1.3em;
height: 29px;
}
#nav ul {
margin: 0;
padding: 0;
text-align: left;
padding: 8px 0 9px 0;
list-style: none;
}

#nav li {
display: inline;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.6em;
margin-right: 0;
}

#nav li a:link, #nav li a:visited {
color: #fff;
text-decoration: none;
padding: 6px 7px 7px 5px;
} 

#nav li a:hover {
background-color: #00898f;
}
#navcontainer #nav .navcurrent {
text-decoration: underline;
}

/* --- Content / Text ----------------------------------------------*/

.services {
width: 205px;
margin-right: auto;
margin-left: auto;
text-align: center;
}

.services h2 {
width: 205px;
font-family: Arial, Helvetica, sans-serif;
font-size: 2.0em;
font-weight: bold;
color: #3b427a;
text-align: center;
margin-top: 15px;
margin-right: auto;
margin-left: auto;
}

.contact {
width: 205px;
margin-right: auto;
margin-left: auto;
text-align: center;
}
.contact p {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.6em;
font-weight: bold;
color: #009999;
text-align: center;
}

.callus p {
font-family: Arial, Helvetica, sans-serif;
font-size: 2.2em;
font-weight: bold;
color: #009999;
text-align: center;
margin-right: auto;
margin-left: auto;
} 
.tag p {
font-family: Arial, Helvetica, sans-serif;
color: #3b427a;
font-weight: bold;
font-size: 1.4em;
text-align: center;
margin-top: 25px;
}
/*
#images {
float: left;
width: 370px;
margin: 15px 0 15px 0;
text-align: center;
}
#images img {
margin: 5px 0 0 0;
} */
#text {
width: 450px;
text-align: left;
margin: 0 0 55px 10px;
letter-spacing: normal;
}
#text h3 {
color: #009999;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 4.2em;
margin: 15px 0 25px 0;
line-height: 1.0em;
}
#text h4 {
color: #009999;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 2.6em;
margin: 0;
line-height: 1.0em;
}
#text h5 {
color: #009999;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 2.6em;
margin: 0;
line-height: 1.0em;
}
#text p {
font-family: Arial, Helvetica, sans-serif;
color: #333366;
font-size: 1.2em;
margin: 15px 0 20px 0;
word-spacing: 0.1em;
line-height: 1.3em;
}
#text span {
font-weight: bold;
}
#text img {
margin-right: 15px;
margin-left: 15px;
}
#text a:link, #text a:visited {
font-weight: bold;
text-decoration: none;
color: #333366;
}
#text a:hover, #text a:active {
text-decoration: underline;
}
/* #text .servicelist {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.2em;
color: #000;
font-weight: normal;
margin: 0 0 25px 25px;
} */
#text ul {
list-style: disc;
}
#text li {
font-family: Arial, Helvetica, sans-serif;
color: #333366;
font-size: 1.2em;
word-spacing: 0.1em;
line-height: 1.3em;
margin: 0 0 0 35px;
padding: 0;
}    

/* ---------------- Contact Form ------------------------*/
#form {
width: 450px;
text-align: left;
margin: 0 0 25px 10px;
}
#form h4 {
color: #00b09c;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 2.2em;
margin: 15px 0 25px 0;
line-height: 1.0em;
letter-spacing: normal;
}
#form p {
font-family: Arial, Helvetica, sans-serif;
color: #333366;
font-size: 1.2em;
margin: 15px 0 5px 0;
word-spacing: 0.1em;
line-height: 1.3em;
}
#form .contactform fieldset {
border: none;
}
#form .contactform legend {
display: none;
}
.contactform .fixedwidth {
display: block;
width: 155px;
float: left;
}
.contactform #name {
width: 205px;
}
.contactform #email {
width: 205px;
}
.contactform #tel {
width: 205px;
}
.contactform #subject {
width: 205px;
}
.contactform .btn {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
width: 75px;
margin-right: 75px;
}/* -------- Footer Formatting ---------------------------*/

#copy {
float: left;
width: 235px;
}
#copy p {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 1.0em;
color: #fff;
text-align: center;
margin: 5px 0 0 0;
}
#designby {
width: auto;
clear: both;
text-align: left;
padding: 5px 0 0 25px;
}
#designby p {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
color: #333;
padding: 0;
margin: 0;
}
#designby a {
text-decoration: underline;
}
#designby a:link {
text-decoration: none;
color: #333;
}
#designby a:visited {
text-decoration: none;
color: #333;
}
#designby a:hover, #designby li a:active {
text-decoration: underline;
}
/* ----- Footer Nav style / format ----------*/
#footernav {
float: left;
margin: 0.5em 0 0 1.5em;
padding: 0;
}
#footernav ul {
margin: 0 0 1.0em 0;
padding: 0;
}
#footernav li {
list-style: none;
display: inline;
font: bold 1.0em Arial, Helvetica, sans-serif;
color: #fff;
border-right: solid 1px #fff;
margin: 0 1.5em 0 0;
padding: 0 1.5em 0 0;
}
#footernav li a:link {
text-decoration: none;
color: #fff;
}
#footernav li a:visited {
text-decoration: none;
color: #fff;
}
#footernav li a:hover, #footernav li a:active {
text-decoration: underline;
}