@import url("reset.css");
	
body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #8cab30;
	text-align: center;	
}

h1 {
	margin-bottom:10px;
	font-size: 18px;
	font-weight: bold;
	color: #8cab30;
	}
	
h2 {
	text-align: left;
	font-size: 12px;
	color: #8cab30;
}

p {
line-height:15px;
	font-size: 12px;
	color: #666666;
	padding-bottom: 10px;
}

a {
color:#666666;
}

.bold {
font-weight: bold;
}

.hid {
visibility:hidden;
}

.flash {
float:right;
}

#wrapper {
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 920px;
	background-color: #FFF;
}

#branding {
height:181px;
}

#branding h1 a {
display: block;
width:333px;
height:90px;
background-image: url(graphics/logo.gif);
}

#branding img {
float:right;
}

#branding h2 a {
float:left;
display: block;
width:343px;
height:50px;
background-image: url(graphics/phone.gif);
}

#nav {
height:36px;
background: url(graphics/navigation.gif) center no-repeat;
}

#nav li {
display:inline;
line-height:36px;
}

#nav ul{
text-align:center;
}

#nav a{
padding: 0px 15px;
}

#side {
float:left;
}

.pitched a:link, .pitched a:visited, .pitched a:hover, .pitched a:active, .pitched a:focus  {
display: block;
width:307px;
height:55px;
background: url(graphics/pitched.gif) no-repeat;
}

.insulation a:link, .insulation a:visited, .insulation a:active, .insulation a:hover, .insulation a:focus  {
display: block;
width:307px;
height:46px;
background: url(graphics/insulation.gif) no-repeat;
}

.loft a:link, .loft a:visited, .loft a:hover, .loft a:active, .loft a:focus {
display: block;
width:307px;
height:47px;
background: url(graphics/loft.gif) no-repeat;
}

.trade a:link, .trade a:visited, .trade a:hover, .trade a:active, .trade a:focus {
display: block;
width:307px;
height:47px;
background: url(graphics/trade.gif) no-repeat;
}

.contact {
width:307px;
height:45px;
background: url(graphics/contactHead.gif) no-repeat;
}

#contact {
width:247px;
background: url(graphics/contactBody.gif) repeat-y;
padding: 0px 30px;
line-height:25px;
}

#house {
width: 90px;
}

.quote a:link, .quote a:visited, .quote a:hover, .quote a:active, .quote a:focus {
display: block;
width:307px;
height:72px;
background: url(graphics/quote.gif) no-repeat;
}

.foamseal a:link, .foamseal  a:visited, .foamseal  a:hover, .foamseal  a:active, .foamseal  a:focus {
display: block;
width:307px;
height:70px;
background: url(graphics/foamseal.gif) no-repeat;
}

.form {
font-size: 12px;
font-weight: bold;
color: #fff;
}


#main {
background-color: #FFF;
}

#main  h1{
padding-top:20px;
}

#main li {
font-size: 13px;
font-weight:bold;
color: #666;
padding: 6px 0px;
}

#main ul {
text-indent:40px;
padding-top: 5px;
padding-bottom:30px;
}

#main a:hover, a:active, a:focus{
color: #97B949;
}

#money {
background: url(graphics/house.jpg) bottom right no-repeat;
float:right;
width:230px;
height:425px;
}

#right {
float:right;
width:10px;
height:425px;
}

#footer {
float:right;
width:613px;
height:92px;
background-color: #8cab30;
} 


#copyright p{
display:block;
padding-top:10px;
padding-bottom:5px;
clear:both;
text-align:center;
color:#000;
background-color:#8cab30;
}

#form  {
color: #666;
float: left;
font-size:12px;
width:170px;
margin-right:20px;
}

#form input, textarea {
width:100%;
margin-bottom:8px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
}

#formright {
color: #666;
float:left;
font-size: 12px;
width:170px;
}

#formright input{
width:100%;
margin-bottom:8px;
}

#radio  {
float:left;
width:170px;
}

#offer  {
clear:both;
background-color: #8cab30;
background: url(graphics/offer.gif) no-repeat;
width: 920px;
height: 50px;
}

#offer p {
display: block;
height: 50px;
}

#seo {
text-indent:-9999px;
}