.inline li {
display:inline;
font-size:9px;
padding-right:8px;
}
.inline {
text-align:center;
}

.estimate a.estimateit {
position:absolute;
color:#FEF3D4;
text-decoration:none;
padding: 74px 10px 10px 35px;
text-align:center;
font-size:12pt;
font-weight:bold;
}

body {
	font-family: verdana, arial, tahoma, sans-serif;
	font-size: 8pt;
			background: #B6C1E0 url("/roofing/bg-repeat.gif") repeat-x 0px 0px;
			margin: 35px 0px 0px 0px;
		}

		
#header {
background: #FFFFFF url("/roofing/header.jpg") no-repeat 0px 0px;
height: 281px;
width:778px;
		}
#navigation h3 {		
background: url("/roofing/section.jpg") no-repeat 0px 0px;
width:235px;
height:18px;
color:#000000;
font-size:11pt;
line-height:13pt;
padding:3px 0px 0px 0px;
margin:0px;
text-align:center;
}
#navigation .estimate {
margin-top:200px;
}
#navigation {
background: url("/roofing/navrepeat.jpg") repeat-y 0px 0px;
width:235px;
height:375px;
float:left;
margin: -150px 0px 0px 8px;
}
#navigation ul li {
list-style:none;
margin:0px;
background: url("/roofing/button1.jpg") no-repeat 0px 0px;
width:235px;
height:24px;
padding:5px 0px 5px 0px;
}
#navigation ul {
margin:0px;
display:block;
}
#navigation ul li a {		
text-decoration:none;
padding: 0px 0px 0px 50px;
color:#FFFFFF;

}
#navigation ul li:hover {		
background: url("/roofing/button2.jpg") no-repeat 0px 0px;
}
#navigation ul li.active {		
background: url("/roofing/button2.jpg") no-repeat 0px 0px;
}

#content {
width:480px;
float:right;
padding: 25px 30px 25px 0px;
text-align:justify;
line-height: 14pt;
		}
		h1 {
	font:normal 15pt georgia, times;
	color: #036;
                   }
		h2 {
	font:normal 15pt georgia, times;
	color: #036;
		}
		
		h3 {
	font:normal 12pt georgia, times;
	color: #036;
		}
		
		#content img {

		}
		
#container {
background: url("/roofing/site-bg.gif") repeat-y 0px 0px;
margin:0px auto;
width:778px;
line-height: 14pt;
		}
.footer {
background: url("/roofing/footer.gif") no-repeat 0px 0px;
padding-top:25px;
height:50px;
width:778px;
clear:both;
float:none;

}