html, body {margin: 0px 0px 0px 0px; padding: 0px;}
body {text-align: left; background: #FFF url(../images/fort-lauderdale-roofing-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/fort-lauderdale-roofing-main.jpg) no-repeat top; padding: 58px 0 0 46px; min-height: 630px;}
#header {width: 904px; float: left; background: url(../images/miami_pavers_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; border-bottom: 3px solid #e28900;}
#featurealt {width: 904px; float: left; margin: 0 0 23px 0; border-bottom: 3px solid #e28900;}
#footer {width: 904px; height: 32px; float: left; margin: 20px 0 20px 0; background: url(../images/fort-lauderdale-roofing-footer.jpg) 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/miami_landscaping_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: #f59400;}
a:hover {text-decoration: none; color: #feb74a;}
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: 12px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; color: #f59400;}
a.large:hover {font-size: 12px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; color: #feb74a;}
a.footlink:link, a.footlink:visited, a.footlink:active {text-decoration: none; font-family: Arial, Helvetica, sans-serif; color: #f59400; margin-left: 10px; padding-left: 10px; border-left: 1px solid #acc39b;}
a.footlink:hover {text-decoration: none; font-family: Arial, Helvetica, sans-serif; color: #feb74a; margin-left: 10px; padding-left: 10px; border-left: 1px solid #acc39b;}
a.sidelink:link, a.sidelink:visited, a.sidelink:active {color: #585858; font-size: 11px; font-weight: bold; background: url(../images/fort-lauderdale-roofing-sidelink-off.jpg) 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/fort-lauderdale-roofing-sidelink-on.jpg) 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/fort-lauderdale-roofing-title.jpg) no-repeat; height: 20px; margin: 0; padding: 5px 0 0 9px;}
h2 {color: #FFFFFF; font-size: 11px; background: url(../images/fort-lauderdale-roofing-title-long.jpg) repeat-x; height: 20px; margin: 0; padding: 5px 0 5px 9px;}
h3 {color: #FFFFFF; background: url(../images/fort-lauderdale-roofing-links.jpg) repeat-x; font-size: 11px; height: 20px; margin: 0; padding: 5px 0 0 9px;}
ul {list-style: none; margin-top: 18px;}
ul li {padding: 0 0 5px 15px; background: url(../images/fort-lauderdale-roofing-li.jpg) no-repeat left center; margin-left: -30px; margin-top: 3px; font-size: 12px; font-weight: bold; border-bottom: 1px solid #e9cc7f;}
img {border:0;}



.contacthead {font-size: 11px;}
.contactdetails {margin-right: 20px; 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 #e28900; margin: 0 0 15px 0; padding: 0; display: block;}
.altboximg {width: 205px; border-bottom: 3px solid #e28900; margin: 20px 16px 0 0; padding: 0; float: left;}
.altboximgright {width: 205px; border-bottom: 3px solid #e28900; 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: #c17500; font-weight: bold;}
.big {font-size: 14px;  margin-left: 10px;}



.formmessage {display: block; background: #FFFFFF url(../images/miami_pavers_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 #c17500;}
.formname {display: block; background: #FFFFFF url(../images/miami_pavers_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 #c17500;}
.input {display: block; background: #FFFFFF url(../images/miami_pavers_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 #c17500;}
.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 #ca0000;}
.validateValid {display: block; background: #FFFFFF url(../images/miami_pavers_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 #c17500;}
.titleform {font-size: 12px; font-weight: bold; color: #935800;}



.home {width: 93px; height: 40px; background: url(../images/rollovers/fort-lauderdale-roofing-home.jpg) no-repeat 0 0; cursor: pointer; float: left;}
.home:hover {width: 93px; height: 40px; background: url(../images/rollovers/fort-lauderdale-roofing-home.jpg) no-repeat 0 -40px; cursor: pointer; float: left;}
.about {width: 116px; height: 40px; background: url(../images/rollovers/fort-lauderdale-roofing-aboutus.jpg) no-repeat 0 0; cursor: pointer; float: left;}
.about:hover {width: 116px; height: 40px; background: url(../images/rollovers/fort-lauderdale-roofing-aboutus.jpg) no-repeat 0 -40px; cursor: pointer; float: left;}
.services {width: 119px; height: 40px; background: url(../images/rollovers/fort-lauderdale-roofing-services.jpg) no-repeat 0 0; cursor: pointer; float: left;}
.services:hover {width: 119px; height: 40px; background: url(../images/rollovers/fort-lauderdale-roofing-services.jpg) no-repeat 0 -40px; cursor: pointer; float: left;}
.gallery {width: 119px; height: 40px; background: url(../images/rollovers/fort-lauderdale-roofing-gallery.jpg) no-repeat 0 0; cursor: pointer; float: left;}
.gallery:hover {width: 119px; height: 40; background: url(../images/rollovers/fort-lauderdale-roofing-gallery.jpg) no-repeat 0 -40px; cursor: pointer; float: left;}
.ctact {width: 122px; height: 40px; background: url(../images/rollovers/fort-lauderdale-roofing-contact.jpg) no-repeat 0 0; cursor: pointer; float: left;}
.ctact:hover {width: 122px; height: 40px; background: url(../images/rollovers/fort-lauderdale-roofing-contact.jpg) no-repeat 0 -40px; cursor: pointer; float: left;}
.call {width: 454px; height: 40px; background: url(../images/rollovers/fort-lauderdale-roofing-request-a-quote.jpg) no-repeat 0 0; float: left;}
.call:hover {width: 454px; height: 40px; background: url(../images/rollovers/fort-lauderdale-roofing-request-a-quote.jpg) no-repeat 0 -40px; float: left; cursor: pointer;}
.estimate {width: 217px; height: 47px; background: url(../images/rollovers/fort-lauderdale-roofing-free-estimate.jpg) no-repeat 0 0; cursor: pointer; float: left; margin-top: 14px;}
.estimate:hover {width: 217px; height: 47px; background: url(../images/rollovers/fort-lauderdale-roofing-free-estimate.jpg) no-repeat 0 -47px; cursor: pointer; float: left; margin-top: 14px;}
.estimateside {width: 176px; height: 59px; background: url(../images/rollovers/miami_pavers_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/miami_pavers_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/miami_pavers_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/miami_pavers_request_an_estimate_left.gif) no-repeat 0 -58px; cursor: pointer; float: left; margin: 0;}