body {margin:0; padding:0; font-family:Arial,Helmet,Freesans,sans-serif; font-size:62.5%; background-color:#a72726;}
a{color:#6eaee8; text-decoration:none; outline:none;}
a:hover{color:#eee; text-decoration:underline;}
a img {border:none;}
.clearboth{clear:both;}
.floatleft{float:left; padding:6px 10px 22px 0;}
.floatright {float:right; padding:6px 0 22px 25px; width:45%;}
address {font-style:normal;}

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

div#topstuff {width:1019px; height:49px; clear:both; background:url(images/toppattern.jpg);}
div#topleft{float:left;width:80px;height:49px;background:url(images/topleft.jpg);}
div#top{float:left;width:851px; height:49px; background:url(images/top.jpg) top repeat-x;}
div#topright {float:left;width:88px; height:49px; background:url(images/topright.jpg)}

div#leftbg {background:url(images/left.jpg) repeat-y; padding-left:44px; width:975px; clear:both;}
div#rightbg {background:url(images/right.jpg) top right repeat-y; width:975px;}

div#lowleft{float:left;width:80px;height:65px;background:url(images/lowleft.jpg);}
div#low{float:left;width:851px;height:25px;background:url(images/low.jpg) repeat-x bottom #2d2d2e; padding-top:40px;}
div#lowright{float:left;width:88px;height:65px;background:url(images/lowright.jpg)}

/*Header*/
div#header{background:url(images/toppattern.jpg); width:936px; height:150px; float:left; clear:both;}

div#logo {width:263px; height:125px; float:left; margin:0 130px 0 14px;}
div#logo a span {display:block; margin-left:-9999px}
div#logo a {display:block; height:125px;}
div#logo a:hover {text-decoration:none;}
div#header div.social {
  float: right;
  height: 32px;
  margin-right: 15px;
  position: relative;
  top: -3px;
}

div#header h1 {float:left; display:block; margin-top:12px; line-height:1; padding:0; font-size:3em; color:#f8f8f8; min-width: 460px;}
div#header h1 em {font-style:normal; color:#f8f8f8;}

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

div#nav{float:right; margin-top:-12px; width:642px;}
div#nav ul {list-style:none;margin:0;padding:0; font-size:2.3em; color:#fff; }
div#nav ul li {display:block;margin:0 5px 0 0;padding:0; background:#2d2d2e; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;border-top: 1px solid white;}
div#nav ul li ul li {background:url(images/toppattern.jpg)}
div#nav ul li a {display:block; color:#fff}
div#nav ul li a:hover {color:#6eaee8;}
.active {color:#6eaee8 !important;}

/* @group core nav menu */

#nav ul li { float: left; display: block; background: none; position: relative; z-index: 999; margin: 0 1px; } 
#nav ul li a { line-height: 43px; text-decoration: none;  color: #818ba3; zoom: 1; border-left: 1px solid transparent; border-right: 1px solid transparent; padding: 0px 12px; }

/* @group subnav */
ul#subnav { position: absolute; left: 1px; display: none; margin: 0; padding: 0; list-style: none; }
ul#subnav li { width: 160px; float: left; border-top: 1px solid white; text-align: left; font-size: .5em; }
ul#subnav li:hover { border-left: 0px solid transparent; border-right: 0px solid transparent; }

ul#subnav li a { display: block; height: 20px; line-height: 20px; padding: 8px 5px; font-weight: normal; }
ul#subnav li a:hover { text-decoration: none; border-right-color: transparent; border-left-color: transparent; background: transparent; color: #4e4e4e; }

* html #subnav { margin: 0 0 0 -2px; }

.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:#fff; 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; background:url(images/leftquote.gif) no-repeat; padding:12px 16px 15px 15px; text-indent:20px;}
.quote span {display:block; background:url(images/rightquote.gif) 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:0px 20px; 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:275px; padding:0 5px 10px 5px; margin:20px 14px 0; color:#fff}
.homethumb p {margin-top:-3px; display:block; font-size:1.2em; line-height:1.2em; background-color:#000; width:278px; padding:10px 5px; min-height:45px; -moz-border-radius:0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px;}
.hreview { color:#fff; padding:0 20px; padding-top:20px; clear:both; } 
.hreview h4 { font-size:1.1em; margin:0; padding:0; }

/*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 {width:850px; margin:0 auto;}
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 {background:#363636; border:1px solid #505050; 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; background:#b32727; color:#fff; text-decoration:none; padding:12px 15px; font-size:1.2em; font-weight:bold; text-align:center;}
.contactaction.secondary a {background:#4d4d4d; color:#78bded;}
.contactaction a:hover {background:#8e1f1f;}
.contactaction.secondary a:hover {background:#5b5b5b;}
.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 #505050;}
@media screen and (max-width: 760px) {
	#interior {width:auto;}
	.contactgrid {display:block;}
	.contactdetails,.quotenote {width:100%; margin-bottom:18px;}
}

/*Edmonds Roofing*/
p.left-side {
	margin-right:49%;
}

/*Footer*/
div#footer {text-align:center; color:#f2f2f2; font-size:1.2em;}
div#footer ul {list-style:none;margin:0;padding:0}
div#footer a {color:White;}
div#footer a:visited {color:White;}
div#footer a:hover {text-decoration:underline;}
div#footer p {margin-top:0px; padding-top:0px;}