/* CSS Document */

* { margin: 0; padding: 0; }

html { height: 100%; }

body {
height: 100%;
background-color: #2d465f;
background-image: none;
background-repeat: no-repeat;
background-attachment:fixed;
text-align: center;
font: 12px Verdana, Arial, Helvetica, sans-serif;
}

a:link, a:visited {
color: #3161b2;
text-decoration: underline;
font-weight: bolder;
}

a:hover {
text-decoration: none;
}

div.address {
background-color:transparent;
border: 1px solid #999;
margin: 20px 10px 25px 17px;
text-align:left;
padding-left:5px;
}

div.address h2 {
padding-left:2px;
font-size:14px;
}

div.appointment {
background-color:#fff;
border:1px solid #999;
margin:20px 10px 20px 17px;
padding:6px 87px 0 5px;
color:#000;
background-image: url(images/appointment.jpg);
background-repeat:no-repeat;
background-position:bottom right;
height:232px;
text-align:left;
}

div.appointment h2 {
padding-left:2px;
font-size:14px;
}

div.amana {
background-color:transparent;
border: 1px solid #999;
margin: 20px 10px 25px 17px;
}

div.warranties {
background-color:#fff;
border:1px solid #999;
margin:20px 10px 20px 17px;
padding-top:10px;
padding-bottom:10px;
height: auto;
text-align: center;
}
/* Cleaner */

.cleaner {
clear: both;
height: 0;
font-size: 0;
visibility: hidden;
}


/* Images */
.img_left{
float:left;
margin-right:10px;
margin-bottom:2px;
border:1px solid #ccc;
padding:3px;
}

.img_left_bordernone{
float:left;
margin-right:2px;
margin-bottom:2px;
border:0px solid #ccc;
}
.img_right{
float:right;
margin-left:16px;
margin-bottom:2px;
border:1px solid #ccc;
padding:3px;
}

img {
border:none;
}

/* Wrapper */

#wrapper {
width: 900px;
margin: 0px auto 0 auto;
padding-bottom: 20px;
}

h1 {
font:20px Georgia, "Times New Roman", Times, serif;
font-weight:bold;
color: #3161b2;
letter-spacing: 1px;
margin-bottom: 15px;
border-bottom: 1px dotted #3161b2;
padding-bottom: 3px;
padding-left:2px;
margin-left:20px;
margin-right:20px;
padding-top:20px;
}

h2 {
font: 16px Georgia, "Times New Roman", Times, serif;
color: #CC0000;
font-weight:bold;
margin-bottom: 5px;
padding-bottom: 3px;
padding-left:23px;
padding-top:11px;
}

h3 {
font: 14px Georgia, "Times New Roman", Times, serif;
color: #000;
font-weight:bold;
margin-bottom: 5px;
padding-left:4px;
padding-right:10px;
padding-top:9px;
}

/* Header */

#header {
position: fixed;
width: 898px; 
height: 282px;
margin: 0 auto;
position: relative;
text-align: left;
background-image: url(images/banner.gif);
background-repeat:no-repeat;
border-right:1px solid #999;
border-left:1px solid #999;
}

#header p {
	font: 26px  "Times New Roman", Times, serif;
	font-weight:bold;
	color: #000;
	font-style: italic;
	position: absolute;
	left: 92px;
	top: 168px;
	width: 174px;
	letter-spacing:1;
	border-top:2px solid #0066FF;
	padding-top:8px;
	padding-left:4px;
	padding-right:0px;
}

.bar {
width: 899px;
height: 30px;
background-color:#000;
border-top:1px solid #999;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
}

#top {
height:35px;
background-color:#333;
background-image:url(images/footer-bg.gif);
background-repeat:repeat-x;
color:#fff;
padding-top:5px;
font-style:italic;
border-bottom:1px solid #999;
}

.top-leaves {
	position:absolute;
	left: -213px;
	top: -1px;
}

.top {
width:900px;
margin: 8px auto;
height: auto;
text-align:left;
}

.air {
text-align:left;
float:left;
font-size:15px;
padding-left:25px;
}

.phone {
text-align:right;
color:#FF0000;
font-size:18px;
float:right;
padding-right:20px;
}

.logo {
	position:absolute;
	left: 75px;
	top: 38px;
}

/* Content and columns */

.content {
width: 898px;
background-color: #fff;
background-image: url(images/corner-leaf.png);
background-repeat:no-repeat;
background-position:bottom right;
border:1px solid #999;
text-align:left;
padding-bottom:40px;
}

.column-left {
float: left;
width: 635px;
text-align: left;
}

.column-left p{
padding:0 20px 10px 20px;
}

.column-left ul li{
line-height:100%;
margin-left:45px;
margin-bottom:15px;
}

.column-right {
float: right;
width:245px;
text-align: center;
padding-bottom:20px;
margin-right:10px;
margin-top:30px;
}

ol li {
line-height:120%;
margin-left:45px;
margin-right:25px;
margin-bottom:15px;
}
.back-top {
width:630px;
text-align:right;
padding-bottom:20px;
}

.back-top a {

color: #009900;
padding-right:10px;
}

/* Column left two boxes */

.box1 {
float: left;
background-image: url(images/allergies.jpg);
background-position:right;
background-repeat:no-repeat;
background-color: #fff;
border: 1px solid #999;
width: 290px;
height:235px;
margin: 20px 13px 0 15px;
}


.box2 {
float: left;
background-image: url(images/frost.jpg);
background-repeat:no-repeat;
background-color: #e4f0f7;
border: 1px solid #888;
width: 290px;
height:235px;
margin: 20px 0 0 0;
}

.box1 p  {
width:60%;
padding-left:7px;
}

.box2 p {
width:60%;
padding-left:7px;
}

.box3 p {
width:50%;
padding-left:7px;
}

.box4 p {
width:70%;
padding-left:7px;
}

.box3 {
float:left;
border: 1px solid #888;
width: 290px;
height:150px;
margin: 10px 13px 0 15px;
background-image: url(images/box3-bg.jpg);
background-repeat:no-repeat;
background-position:right;
}

.box4 {
float:left;
border: 1px solid #888;
width: 290px;
height:150px;
margin: 10px 0 0 0;
background-image: url(images/box4-bg.jpg);
background-repeat:no-repeat;
background-position:right;
}

/* Footer */

#footer {
width: 900px;
height: 72px;
background: #2B2B2B url(images/footer-bg.gif) no-repeat 0 0;
border-bottom: 3px solid #101010;
}

#footer a:link, #footer a:visited {
color: #FFFFFF;
font-weight: normal;
}

#footer ul {
list-style-type: none;
color: #FFFFFF;
padding: 13px 0 0 10px;
text-align: left;
font-size: 10px;
float: left;
width: 450px;
}

#footer ul li {
float: left;
display: inline;
white-space: nowrap;
}

#footer ul li a, #footer ul li a:visited {
margin: 0 6px;
}

#footer p.cop {
font-size: 0.9em;
color: #fff;
float: right;
padding: 12px 16px 0 0;
margin: 0;
line-height: 1.6;
}

p.designer {
color: #fff;
font-size: 0.9em;
margin: 7px 8px 10px 0;
line-height: 1;
text-align: center;
}

p.designer a, p.designer-a a:visited {
color: #fff;
font-weight: normal;
}

p.designer a:hover {
color: #fff;
}
