@charset "utf-8";
/* CSS Document */
* {margin: 0; padding: 0;}
body {background: url(../images/splash_bg.jpg) repeat-x top #98051e; font-size: 1em; font-family: Arial, Helvetica, sans-serif;}
h1 {font-size: 1.3em; color: #333333; font-weight: normal;}
h2 {font-size: 1em; color: #333333; font-weight: bold;}
h3 {font-size: 0.9em; color: #ff0000; font-weight: bold;}
p { font-size: 0.9em; line-height: 1.4em;}


#wrapper {width: 975px; margin: 0 auto;}

.logo {width: auto; display: inline; float: left;}
.newsletter {width: auto; display: inline; float: left; margin: 15px 0 0 140px;}
.phone {width: auto; display: inline; float: right; margin: 20px 10px 0 0;}

#content {width: 935px; float: left; display: inline; margin: 0 10px; background: #fff; padding: 10px;}
#content ul {margin: 5px 0;}
#content li {margin: 5px 0 5px 30px; font-size: 0.9em;}
.content_l, .content_r {width: 340px; display: inline; margin: 10px 0 0 0;}
.content_l {float: left;}
.content_r {float: right;}

#nav {width: 920px; float: left; display: inline; background: #ffff03; margin: 0 0 10px 0; padding: 0 0 0 15px;}
#nav ul {margin: 0; padding: 0;}
#nav li {list-style-type: none; float: left; margin: 0;}
.navlink {float: left; padding: 10px;  font-size: 0.75em; display: block;}
.navlink:hover {background: #fe0000;}
#nav li a:link, #nav li a:visited, #nav li a:active {color: #333333; text-decoration: none;}
#nav li a:hover{color: #fff; text-decoration: none;}


.pics, #left_column, .text_area {width: 700px; float: left; display: inline; }
.pics {height: 302px;}
.text_area {padding: 10px 0;}
.right {float: right; display: inline; width: auto; margin: 0 0 0 10px;}
.left {float: left; display: inline; width: auto; margin: 0 10px 0 0;}

#right_column {width: 225px; float: right; display: inline;}

#feature_area {width: 205px; padding: 10px; float: left; display: inline; background: #ffff03; margin: 10px 0 0 0;}
#feature_area h2 { color: #fe0000; font-size: 0.9em; font-weight: normal; line-height: 1.4em;}
#feature_area p {font-size: 0.8em; line-height: 1.4em;}
#feature_area a:link, #feature_area a:visited, #feature_area a:link, #feature_area a:visited {color: #fe0000;}
.feature_divider {width: 100%; border-bottom: 1px solid #fe0000; height: 10px; margin: 0 0 10px 0;}

#footer {width: 100%; clear: both; padding: 10px 0; text-align: center;}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {color: #fff; margin: 0 10px; font-size: 0.7em; text-decoration: none;}
#footer a:link, #footer a:visited, #footer a:active {text-decoration: none;}
#footer a:hover {text-decoration: underline;}

#quote_form {width: 225px; float: left; display: inline; background: #fe0000;}
.quote_field {width: 205px; margin: 5px 10px; float: left; display: inline;}
.quote_text_field {width: 198px; display: inline; padding: 3px; border: 1px inset #fe0000;}
.quote_choice_field {width: 205px; display: inline; padding: 3px; border: 1px inset #fe0000;}
.button {background: url(../images/quote_button.jpg) no-repeat; width: 102px; height: 41px; float: right; border: none; cursor:pointer;}

#contact_form {
	width: 340px;
	float: left;
	display: inline;
}
.contact_field {width: 330px; margin: 5px 10px; float: left; display: inline;}
.contact_text {width: 200px; display: inline; padding: 3px; border: 1px inset #cccccc;}
.contact_button {float: right; margin: 0 10px 0 0;}
label {width: 120px; float: left;}
.map {width: 670px; float: left; margin: 10px 0 0 10px; display: inline;}
.map a:link, .map a:visited, .map a:hover, .map a:active {font-size: 0.9em;}

.right {width: auto; float: right; display: inline; margin: 0 5px 0 0;}

/* top nav */

#topnav {width: auto; float: right; margin: 0 70px 0 0; display: inline;}
#topnav ul {margin: 0; padding: 0;}
#topnav li {list-style-type: none; float: left; margin: 0; }
.topnavlink {float: left; padding: 10px;  font-size: 0.75em; display: block; margin: 10px 10px 0 0;}
.topnavlink:hover {background: #fe0000;}
#topnav li a:link, #topnav li a:visited, #topnav li a:active {color: #fff; text-decoration: none;}
#topnav li a:hover{color: #fff; text-decoration: underline;}

/* new pages */

.roofline_box {width: 680px; float: left; padding: 5px; border: 1px solid #333333; margin: 0 0 20px 0;}
.roofline_box_nobd {width: 680px; float: left; padding: 5px; margin: 0 0 20px 0;}
.roofline_text {width: 370px; float: right; display: inline;}
.roofline_text ul  {margin: 5px 0;}
.roofline_text li  {margin: 5px 0 5px 30px; font-size: 0.9em;}
.more {width: 690px; float: left; text-align: center; margin: 0 0 10px 0;}
.more a:link, .more a:visited, .more a:hover, .more a:active {color: #333333; text-decoration: underline;}
.red {color: #FF0000;}