body {margin:0; padding:0; font-family:Arial,Helmet,Freesans,sans-serif; font-size:62.5%;}
a{color:#1c62c1; text-decoration:none;}
a:hover{color:#eee; text-decoration:none;}
a img {border:none;}
.clearboth{clear:both;}
.floatleft{float:left; padding:6px 10px 22px 0;}
.floatright {float:right; padding:6px 0 22px 25px;}

/*Framing the website*/
div#mainwrapper{width:1019px; margin:0 auto; height:100%;}

/*Header*/
div#header{width:936px; height:211px; float:left; clear:both;}

div#logo {width:350px; height:166px; float:left; margin:0 20px 0 14px;}
div#logo a span {display:block; font-size:4em; margin-top:30px; color:#000}
div#logo a {display:block; width:350px; height:166px;}

div#header h1 {float:left; display:block; margin-top:64px; line-height:1; padding:0; font-size:3em;}
div#header h1 em {font-style:normal; }

div#headernumber {float:right; color:#f8f8f8; padding:0 20px 0 0; font-size:2em;}

div#nav{float:right; margin-top:26px; width:528px;}
div#nav ul {list-style:none;margin:0;padding:0; font-size:2.3em; color:#fff; }
div#nav ul li {display:block;float:left;margin:0 7px 0 0;padding:0; border:1px solid #2d2d2e; border-bottom:none;}
div#nav ul li a {display:block; padding:10px 20px; color:#000}
div#nav ul li a:hover {color:#6eaee8;}
.active {color:#1c62c1 !important;}

.content{width:935px; padding:10px 0; clear:both;}
.content p{font-size:1.5em;line-height:1.6; margin:10px 0 25px 0;}
.content ul {font-size:1.4em; margin:0 0 0 15px; padding:0; list-style-type:square}
.content h3 {font-size:2em; margin:0 0 10px 0}
.continue {margin:0 !important;} /*use this to reduce the lower margin on a paragraph*/

#interior {color:#000; padding:20px; width:895px;}
.sectiontitle {font-size:3em; margin:0 0 10px 0}

/*quote marks around a div and span*/
.quote {font-size:1.2em; padding:12px 16px 15px 15px; text-indent:20px;}
.quote span {display:block; no-repeat bottom right; padding:0 0 15px 0; line-height:1.4;}

/*Home Page*/
div#hometop {width: 936px; height:253px; background:url(images/redroof.jpg); color:#fff;}
div#callout {width:936px; height:130px;}
div#hometop h3 {padding:25px 50px 0 0; margin:0; width:500px; float:right; font-size:2.4em; font-weight:normal; line-height:1.4;}
div#hometop h3 em {font-style:normal; font-weight:bold;}
div#numberbutton {float:right; width:550px;}
div#hometop h2#homenumber {float:left; width:280px; font-size:3.8em; margin:29px 0 0; padding:0; font-weight:normal;}
div#hometop h2#button a {display:block; width:227px; height:68px; text-decoration:none; color:#fff}
div#hometop h2#button {width:227px; height:68px; padding:7px 0; margin:30px 20px 0; float:right; text-align:center; background:url(images/quotebutton.jpg) 0px -83px; font-size:3.3em; font-weight:normal;}
div#hometop h2#button:hover {background:url(images/quotebutton.jpg);}
div#hometop h2#button:hover a {color:#eee}

div#hometop h2#button span {display:block; font-size:.6em}

.homethumb {float:left; width:268px; height:235px; padding:0 5px 10px 10px; margin:20px 14px 0; color:#fff}
.homethumb span {margin:195px 0 0; display:block; font-size:1.2em;}

div#t1 {background:url(images/thumb1.jpg) no-repeat #000;}
div#t2 {background:url(images/thumb2.jpg) no-repeat #000;}
div#t3 {background:url(images/thumb3.jpg) no-repeat #000;}

/*About Us*/
.aboutinfo{margin:20px 40px 0 0; height:140px; width:45%; float:left;}
.aboutinfo h3, .aboutinfo p {margin-left:13px;}

/*Services*/
ul#serviceslist {margin:10px 0 30px 40px; float:left;}
ul#serviceslist li {font-size:1.2em; margin: 0 0 15px 0;}
div#serviceleft {clear:left; float:left; width:200px; height:1200px;}
div#serviceright {width:610px; float:left;}
div#serviceleft .quote {margin:10px 0 110px 0;}

/*Gallery*/
div#gallery img {margin:20px;}

/*Contact*/
.phpform {font-size:1.4em;}
.phpform label {display:block; padding:8px 0 4px 0;}
input#name,input#email,input#address,input#phone, .phpform textarea {background:#f2f2f7; border:2px solid #8b8b8e; border-right:1px solid #575759; border-bottom:1px solid #575759;}
.phpform fieldset {width:440px; float:left; border:none;}
input#name,input#email,input#address,input#phone {width:180px; height:1.4em; padding:3px}
.phpformerror {color:#f22;}
.phpform textarea {width:440px; height:70px; padding:4px 3px;}
fieldset#submit {border:none;}
div#spamcheck {margin:-2.5em 0 0 -2000px;}
h2#success {background:#289b1c; display:block; padding:5px; text-align:center;}

div#contactright {padding:60px 0 0 50px;}
div#contactright h3 {line-height:1.3; font-size:2.5em; color:#f0f0f0; font-weight:normal !important;}
#contactstatic {max-width:820px;}
#contactstatic .sectiontitle {margin-bottom:12px;}
.contactlead {max-width:760px;}
.contactgrid {display:flex; gap:30px; align-items:stretch; margin:25px 0;}
.contactdetails,.quotenote {border:1px solid #777; padding:22px 24px; width:50%; box-sizing:border-box;}
#contactstatic h2 {font-size:2em; margin:0 0 14px;}
.contactaddress {margin:8px 0 22px;}
.contactaction {margin:12px 0;}
.contactaction a {display:block; color:#000; text-decoration:none; padding:12px 15px; font-size:1.2em; font-weight:bold; text-align:center; border:1px solid #777;}
.quotenote ul {font-size:1.4em; line-height:1.6; margin:0; padding-left:18px;}
#contactmap {margin-top:22px;}
#contactmap iframe {display:block; max-width:100%; border:1px solid #777;}


/*Footer*/
div#footer {text-align:center; color:#000; font-size:1.2em; clear:both;}
div#footer ul {list-style:none;margin:0;padding:0}