html, body {margin: 0px 0px 0px 0px; padding: 0px;}
body {text-align: left; background: #FFF url(../images/bg.png) repeat-x;}
body,td,th {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; line-height: 16px; color: #585858;}
#page {width: 950px; margin: 0px auto 0px auto; background: url(../images/main.gif) no-repeat top; padding: 58px 0 0 46px; min-height: 630px;}
#header {width: 904px; float: left; background: url(../images/header.gif) no-repeat; padding: 0; margin: 0;}
#logo {width: 318px; height: 62px; float: left; margin: 0;}
#linkbar {width: 904px; height: 40px; float: left; margin: 29px 0 0 0;}
#feature {width: 904px; float: left; margin: 0 0 23px 0;}
#featurealt {width: 904px; float: left; margin: 0 0 23px 0; border-bottom: 3px solid #32a6ad;}
#footer {width: 904px; height: 32px; float: left; margin: 20px 0 20px 0; background: url(../images/footer.gif) no-repeat; padding: 30px 0 0 0;}
#footer_left {width: 300px; float: left; display: inline; color: #939393;}
#footer_right {width: 445px; float: right; text-align: right; display: inline; margin: 0 10px 0 0; color: #606060;}
#contactbar {width: 455px; height: 28px; float: right; margin: 30px 11px 0 0; background: url(../images/contactbox.gif) no-repeat; padding: 8px 0 0 13px;}
#frontcontent {width: 904px; float: left; margin: 0; padding: 0 0 15px 0;}
#altcontent {width: 648px; float: left; margin: 0 15px 0 0;}
#altlinks {width: 233px; float: right;}
#gallwrapper {width: 648px; float: left; margin: 15px 0 0 0;}
#formwrap {width: 400px; float: left; margin: 3px 0 0 0;}
#contact_right {width: 225px; float: left; margin: 3px 0 0 10px;}
#sidecontact {width: 233px; float: left; margin: 10px 0 0 0;}



.featuresub {width: 292px; height: 141px; margin: 0 0 23px 0; float: right; border: 1px solid #655647; background-color: #d3c5b7;}



a:link, a:visited, a:active {text-decoration: none; color: #32a6ad;}
a:hover {text-decoration: none; color: #247c82;}
a.ul:link, a.ul:visited, a.ul:active {font-size: 12px; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; color: #1c4b93;}
a.ul:hover {font-size: 12px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; color: #245e8d;}
a.large:link, a.large:visited, a.large:active {font-size: 14px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; color: #32a6ad;}
a.large:hover {font-size: 14px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; color: #247c82;}
a.footlink:link, a.footlink:visited, a.footlink:active {text-decoration: none; font-family: Arial, Helvetica, sans-serif; color: #32a6ad; margin-left: 10px; padding-left: 10px; border-left: 1px solid #97e4e9;}
a.footlink:hover {text-decoration: none; font-family: Arial, Helvetica, sans-serif; color: #247c82; margin-left: 10px; padding-left: 10px; border-left: 1px solid #acc39b;}
a.sidelink:link, a.sidelink:visited, a.sidelink:active {color: #2d2d2d; font-size: 11px; font-weight: bold; background: url(../images/sidelink_off.gif) repeat-x; padding: 8px 0 0 8px; display: block; height: 26px; margin: 1px 0 1px 0; width: 225px; font-family: Arial, Helvetica, sans-serif;}
a.sidelink:hover {color: #FFFFFF; font-size: 11px; font-weight: bold; background: url(../images/sidelink_on.gif) repeat-x; padding: 8px 0 0 8px; display: block; height: 26px; margin: 1px 0 1px 0; width: 225px; font-family: Arial, Helvetica, sans-serif;}



p {margin: 12px 0 5px 0;}
h1 {color: #FFFFFF; font-size: 11px; background: url(../images/title.gif) no-repeat; height: 27px; margin: 0; padding: 9px 0 0 9px;}
h2 {color: #FFFFFF; font-size: 11px; background: url(../images/title_long.gif) repeat-x; height: 27px; margin: 0; padding: 9px 0 5px 9px;}
h3 {color: #FFFFFF; background: url(../images/title_links.gif) repeat-x; font-size: 11px; height: 27px; margin: 0; padding: 9px 0 0 9px;}
ul {list-style: none; margin-top: 18px;}
ul li {padding: 0 0 5px 15px; background: url(../images/li.gif) no-repeat 0 5px; margin-left: -30px; margin-top: 3px; font-size: 12px; font-weight: bold; border-bottom: 1px solid #d1e4b9;}
img {border:0;}



.contacthead {font-size: 11px;}
.contactdetails {margin-right: 25px; color: #999999; font-size: 11px;}
.frontbox {width: 291px; float: left; margin: 0 15px 0 0;}
.frontboxr {width: 291px; float: right; margin: 0;}
.frobntboximg {width: 291px; border-bottom: 3px solid #32a6ad; margin: 0 0 15px 0; padding: 0; display: block;}
.altboximg {width: 205px; border-bottom: 3px solid #32a6ad; margin: 20px 16px 0 0; padding: 0; float: left;}
.altboximgright {width: 205px; border-bottom: 3px solid #32a6ad; margin: 20px 0 0 0; padding: 0; float: right;}
.fbox_txt {width: 648px; float: right; margin: 15px 0 0 0;}
.fbox_txt2 {width: 648px; float: right; margin: 0 0 20px 0;}
.fbox_split {width: 215px; float: left;}
.big_highlight {font-size: 12px; color: #217277; font-weight: bold;}
.big {font-size: 14px;  margin-left: 10px;}



.formmessage {display: block; background: #FFFFFF url(../images/form_bg.gif) repeat-x; color: #585858; font-size: 11px; padding: 6px 6px 6px 6px; width: 360px; height: 280px; margin: 0px 0px 5px 0px; font-family: Arial, Helvetica, sans-serif; border: 1px solid #32a6ad;}
.formname {display: block; background: #FFFFFF url(../images/form_bg.gif) repeat-x; color: #585858; font-size: 11px; padding: 6px 6px 6px 6px; width: 360px; margin: 0px 0px 5px 0px; font-family: Arial, Helvetica, sans-serif; border: 1px solid #32a6ad;}
.input {display: block; background: #FFFFFF url(../images/form_bg.gif) repeat-x; color: #585858; font-size: 11px; padding: 6px 6px 6px 6px; width: 360px; margin: 15px 0px 5px 0px; font-family: Arial, Helvetica, sans-serif; border: 2px solid #32a6ad;}
.validateInvalid {display: block; background-color: #f9ecec; color: #576d7f; font-size: 11px; padding: 6px 6px 6px 6px; width: 360px; margin: 0px 0px 5px 0px; font-family: Arial, Helvetica, sans-serif; border: 1px solid #d53636;}
.validateValid {display: block; background: #FFFFFF url(../images/form_bg.gif) repeat-x; color: #585858; font-size: 11px; padding: 6px 6px 6px 6px; width: 360px; margin: 0px 0px 5px 0px; font-family: Arial, Helvetica, sans-serif; border: 1px solid #32a6ad;}
.titleform {font-size: 12px; font-weight: bold; color: #2d2d2d;}



.home {width: 93px; height: 40px; background: url(../images/rollovers/home.gif) no-repeat 0 0; cursor: pointer; float: left;}
.home:hover {width: 93px; height: 40px; background: url(../images/rollovers/home.gif) no-repeat 0 -40px; cursor: pointer; float: left;}
.about {width: 116px; height: 40px; background: url(../images/rollovers/aboutus.gif) no-repeat 0 0; cursor: pointer; float: left;}
.about:hover {width: 116px; height: 40px; background: url(../images/rollovers/aboutus.gif) no-repeat 0 -40px; cursor: pointer; float: left;}
.services {width: 119px; height: 40px; background: url(../images/rollovers/services.gif) no-repeat 0 0; cursor: pointer; float: left;}
.services:hover {width: 119px; height: 40px; background: url(../images/rollovers/services.gif) no-repeat 0 -40px; cursor: pointer; float: left;}
.gallery {width: 119px; height: 40px; background: url(../images/rollovers/gallery.gif) no-repeat 0 0; cursor: pointer; float: left;}
.gallery:hover {width: 119px; height: 40; background: url(../images/rollovers/gallery.gif) no-repeat 0 -40px; cursor: pointer; float: left;}
.ctact {width: 122px; height: 40px; background: url(../images/rollovers/contact.gif) no-repeat 0 0; cursor: pointer; float: left;}
.ctact:hover {width: 122px; height: 40px; background: url(../images/rollovers/contact.gif) no-repeat 0 -40px; cursor: pointer; float: left;}
.call {width: 454px; height: 40px; background: url(../images/rollovers/request_a_quote.gif) no-repeat 0 0; float: left;}
.call:hover {width: 454px; height: 40px; background: url(../images/rollovers/request_a_quote.gif) no-repeat 0 -40px; float: left; cursor: pointer;}
.estimate {width: 217px; height: 42px; background: url(../images/rollovers/free_estimate.gif) no-repeat 0 0; cursor: pointer; float: left; margin-top: 14px;}
.estimate:hover {width: 217px; height: 42px; background: url(../images/rollovers/free_estimate.gif) no-repeat 0 -42px; cursor: pointer; float: left; margin-top: 14px;}
.estimateside {width: 176px; height: 59px; background: url(../images/rollovers/request_an_estimate_left.gif) no-repeat 0 0px; cursor: pointer; float: left; margin: 14px 0 0 0;}
.estimateside:hover {width: 176px; height: 59px; background: url(../images/rollovers/request_an_estimate_left.gif) no-repeat 0 -59px; cursor: pointer; float: left; margin: 14px 0 0 0;}
.estimateleft {width: 176px; height: 58px; background: url(../images/rollovers/request_an_estimate_left.gif) no-repeat 0 0; cursor: pointer; float: left; margin: 0;}
.estimateleft:hover {width: 176px; height: 58px; background: url(../images/rollovers/request_an_estimate_left.gif) no-repeat 0 -58px; cursor: pointer; float: left; margin: 0;}