@charset "UTF-8";
/********* 	Stoltzfus Builders ~ Copyright 2010 ************/

/********** gloabl *************/

body {margin:0; padding:0; background:url(../images/body_bg.jpg) bottom repeat-x #274634;}

#bg {background:url(../images/bg2.jpg) repeat-x;}

.clear {clear:both;}

#container {background:url(../images/container_bg.jpg) center repeat-y; width:862px; margin:0 auto;}

#top {background:url(../images/top_bg.jpg) center no-repeat; height:63px; text-indent:-9999px;}

div, img, h1 {behavior: url(http://server.webtek.cc/~stoltz/css/iepngfix.htc);}

/********** nav *************/

ul#nav {margin:0 auto; padding:0; list-style-type:none; width:790px;}
ul#nav li {float:left; display:block; padding:0; margin:0;}
ul#nav a {display:block; text-decoration:none; font-family:Arial Narrow, Hevletica, sans-serif; font-size:18px; color:#fff8f0; padding:18px 25px;}
ul#nav li:hover, ul#nav li.active {background:url(../images/btn_left.jpg) no-repeat left #ffeedd;}
ul#nav a:hover, ul#nav a.active {color:#1b3a28; background:url(../images/btn_right.jpg) right no-repeat;}

/********** content *************/

#content {background:url(../images/content_top_bg.jpg) no-repeat #ffeedd; width:806px; margin:0 0 0 23px; padding:6px; font-family:Georgia, Times New Roman, serif; font-size:12px; color:#333; line-height:18px;}

#masthead {width:803px; height:249px; margin:0 auto 10px auto;}

h1 {margin:0; text-indent:-9999px; background:url(../images/h1_bg.png) no-repeat; width:265px; height:228px; position:absolute; margin:19px 0 0 20px;}

.left {background:url(../images/left_bg.jpg); width:290px; margin:0 5px 0 0; float:left;}
.left img {padding-left:12px;}
.left h2 {color:#345c45;}
.left a {color:#004264;}
.left ul {list-style-type:none; margin:0; padding:0 15px 20px 15px;}

#left-bottom {background:url(../images/left_bottom.jpg) no-repeat; height:16px;}

h2 {font-size:30px; font-family:Arial Narrow, Helvetica, sans-serif; padding:20px 20px 0 20px; margin:0;}

ul.hammer li {padding:4px 25px; background:url(../images/hammer_li.gif) no-repeat left; font-size:13px; font-weight:bold; color:#004264;}

p.address {padding:0 20px; margin:0;}

li.phone, li.fax, li.email {padding:4px 25px;}
li.phone {background:url(../images/phone_icon.gif) no-repeat 5px 5px;}
li.fax {background:url(../images/fax_icon.gif) no-repeat 5px 5px;}
li.email {background:url(../images/email_icon.gif) no-repeat 5px 8px;}

.right {float:right; width:502px; background:url(../images/right_bg.jpg) no-repeat #fff8f0;}
.right h2 {color:#004264;}
.right p {padding:0 20px;}
.right a {color:#006ba6;}
.right img {padding:0 0 0 15px;}

#right-bottom {background:url(../images/right_bottom.jpg) no-repeat; height:30px;}

.photos {padding:2px;}
.photos img{border:#660000 1px solid; padding:0;}

/********** quote form *************/

form#quote {padding:0 20px;}
form#quote p {margin:0; padding:3px 5px;}
form#quote span {font-style:italic; font-size:10px; color:#807060; font-family:Arial, sans-serif;}
form#quote span.req {color:red; font-style:none; font-size:12px;}
form#quote input {margin:2px 0 0 0; padding:5px; background:url(../images/input_bg.jpg) repeat-x #FFF; border:1px solid #cab9a9;}
form#quote select {margin:2px 0 0 0;padding:5px; background:url(../images/input_bg.jpg) repeat-x #F5F0EF; border:1px solid #cab9a9;}
form#quote textarea {margin:2px 0 0 0; padding:5px; background:url(../images/input_bg.jpg) repeat-x #FFF; border:1px solid #cab9a9; width:330px; height:70px;}
form#quote input.window {margin:0 30px 15px 0;}
form#quote input.submit {background:url(../images/submit_btn.gif) no-repeat; width:75px; height:30px; display:block; border:none; cursor:pointer;}

.form-float {float:left;}
.form-left {float:left; width:190px;}

#roofingtype {height:15px;}

/********** footer *************/

#bottom {background:url(../images/container_bottom.jpg) -3px 0 no-repeat; height:40px;}

#footer {width:806px; margin:0 auto; font-family:Georgia, Times New Roman, sans-serif; color:#427758; font-size:11px; padding:5px 0; text-align:center;}
#footer a {text-decoration:none; color:#427758;}
#footer a:hover {text-decoration:underline;}
