@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend{background: transparent; border:0; margin:0; padding: 0;}
ol, ul {list-style: none;}
blockquote {quotes: none;}
blockquote:before, blockquote:after {content: ''; content: none;}
h1, h2, h3, h4, h5, h6 {  font-weight:normal;}
table{border-collapse: collapse; border-spacing: 0;}
a img {border: none;}
body{ margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; background:url(../images/bg1.png) top left repeat-x #18408a;}
.fl{float:left;}
.fr{float:right;}
.cl{clear:both;}

.top_keys h1 {width:100%; margin:0px; padding:0px; font:11px/19px Arial, Helvetica, sans-serif; color:#ccc; text-align:center; height:9px; }
.wrapper{width:998px; margin:0px auto; padding:0px; background:url(../images/whitebg.png) top left repeat; border:solid 1px #a2a9bb; position:relative;}

.header{ width:986px; margin:6px 6px 0 6px; padding:5px 0 0px 0; background:url(../images/headbg.png) top left repeat-x #fff;;}
.logo{margin:0px; padding:15px 15px 15px 25px;}
.headright{ width:30%;}
.headtoplink{ color:#cfdae9; padding-top:3px;}
.text01{width:253px; font-family:Verdana, Geneva, sans-serif; font-size:16px; color:#114893; font-weight:bold; font-style:italic; text-align:center;}
.text02{width:253px; font-size:18px; color:#262626; font-weight:bold; text-align:center; font-family:Verdana, Geneva, sans-serif;}
 
.bannerpart{width:986px; background-color:#7ab145; padding:0px 6px 0px 6px;}
.bnleft{ width:709px;}
.apDiv1 {width:400px; height:70px; position:absolute; z-index:5; left: -16px; top: 370px; background:url(../images/bannertxthd.png) top left no-repeat; font:16px/23px Arial, Helvetica, sans-serif; color:#fff; padding:8px 15px 8px 35px;}

.apDiv2 {width:628px; height:30px; position:absolute; z-index:5; left:-16px; top: 280px; background:url(http://www.essentialflatroofing.com/images/bannertxthd02.png) top left no-repeat; font:14px/20px Arial, Helvetica, sans-serif; color:#fff; padding:8px 15px 18px 35px;}

.bnright{ width:269px;}
.box01{ width:269px; background:url(../images/box01bg.png) top left repeat-x #fbe0bc;}
.box01head{ width:249px;  font-size:16px; color:#fff; padding:5px 10px 7px 10px; }
.box01body{ width:245px; padding:5px 12px 10px 12px;}
.text03{ width:152px; font-size:13px; line-height:17px;}
.readmorebt a{display:block; width:72px; height:26px; background:url(../images/btreadmore.png) top left no-repeat;}
.readmorebt a:hover{background:url(../images/btreadmore.png) bottom left no-repeat;}
.box02{ width:269px; background:url(../images/box02bg.png) top left repeat-x #f6ffe2;}
.box02head{ width:249px;  font-size:16px; color:#fff; padding:5px 10px 7px 10px; }
.box02body{ width:245px; padding:5px 12px 7px 12px;}


.bodypart{width:974px; padding:0; background:#fff; margin:0px 6px 0px 6px; padding:0px 6px 0px 6px; }
.bodypart02{width:974px; padding:0; margin:0px 6px 0px 6px; padding:10px 6px 15px 6px; background:url(http://www.essentialflatroofing.com/images/texttopbg.png) top left repeat-x #fff; }
.bodyleft{ width:703px;}
.lfbox01{ width:701px; border:solid 1px #b5b5b5; background:url(../images/lfboxbg.png) top left repeat-x #fff;}
.textarea01{ width:679px; padding:0px 12px 0px 12px; font-family:Verdana, Geneva, sans-serif; font-size:12px; text-align:justify; color:#484848; line-height:21px;}
.textarea01 a{ text-decoration:underline; color:#37712b; font-weight:bold;}

.textarea02{ width:950px; padding:0px 12px 0px 12px; font-family:Verdana, Geneva, sans-serif; font-size:12px; text-align:justify; color:#484848; line-height:21px; }
.textarea02 a{ text-decoration:underline; color:#37712b; font-weight:bold;}
.textarea02 h3{ color:#37712B; font-size:15px; }
.textarea02 .texthd01 h2{font-size:20px; color:#37712b; font-family:Verdana, Geneva, sans-serif;}
.textarea02 ul{ padding-left:25px; list-style:square;}

.boxtab01{ width:271px; margin:20px 0 15px 0; padding:0px 35px 0px 35px; border-right:solid 1px #d5dea6;}
.boxtabtext{ width:277px; font-size:12px; color:#2f2f2f; text-align:justify; line-height:21px;}
.text04{ width:277px; color:#37712b; font-weight:bold; font-style:italic;}
.boxtab02{ width:271px; margin:20px 0 15px 0; padding:0px 35px 0px 35px; }
.bodyright{ width:263px;}

.evaluatebox{width:248px; height:188px; background:url(../images/boxbg01.jpg) top center no-repeat; font-size:11px; color:#535353; font-family:Verdana, Geneva, sans-serif; line-height:17px; padding:20px 0px 0px 15px;}
.evaluatebox span{ font-size:15px; font-family:Verdana, Geneva, sans-serif; color:#629118; font-weight:bold;}
.evaluatebox a{ font-size:11px; color:#176dc0; float:right;}


.testimonial{ width:263px;  }
.testimonialhead{ width:248px; background:url(../images/testimbg.png) top left no-repeat; height:85px; padding-top:8px; padding-left:15px; }
.testimonialbody{width:193px; background:#f4f4f4; font:12px/20px Arial, Helvetica, sans-serif; color:#525252; padding:0px 35px 3px 35px; text-align:justify;}
.testimonialbottom{ width:263px; background:url(../images/testimbgbottom.png) top left no-repeat; height:70px; }
.testimonialname{ padding-right:40px; font:12px Arial, Helvetica, sans-serif; color:#525252; font-style:italic;}
.leftpart{ width:649px; padding:0;}

.bottompart { width:100%; margin:0 auto; font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:20px; color:#fff; text-align:center; padding:15px 0px 25px 0px;}
.bottompart a{ padding:0px 5px 0px 5px; color:#fff; text-decoration:none; }
.bottompart a:hover{ text-decoration:underline;}
.bottompart span{ font-size:11px;}
.bottompart span a{ padding:0px; line-height:normal;}
.bottompartwp{ width:1000px; margin:0 auto;}

.bottompart h3{font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:20px; color:#fff; text-align:center; padding:0;}
.bottompartwp h3{ font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:20px; color:#fff; text-align:center; padding:0;}

/*----------------------------inner page-----------------------------*/
.link01 a{display:block; width:270px; height:77px; background:url(http://www.essentialflatroofing.com/images/estimatebn01.png) top left no-repeat;}
.link01 a:hover{background:url(http://www.essentialflatroofing.com/images/estimatebn01.png) bottom left no-repeat; }

.link02 a{display:block; width:270px; height:77px; background:url(http://www.essentialflatroofing.com/images/repairflat01.png) top left no-repeat;}
.link02 a:hover{background:url(http://www.essentialflatroofing.com/images/repairflat01.png) bottom left no-repeat; }

.imgsty{float:right; padding:3px; margin:6px 6px 6px 16px; background:#fff; border:solid 1px #ccc;}


#testimonial {
    background-image: url("../images/sce/testimonial-bg.jpg");
    float: right;
    font-size: 7pt;
    height: 117px;
    margin-bottom: 20px;
    margin-left: 20px;
    width: 408px;
	padding:2px 5px 5px 5px;
}
#testimonial p {
    font-size: 7pt;
    line-height: 125%;
    margin: 10px;
}

.tableimg img{ border:solid 1px #ccc; padding:5px; background:#fff;}

.bordered {
    border-color: #434D59;
    border-style: solid;
    border-width: 2px 1px;
    padding: 1px;
}
#projectgallery img {
    border-color: #ccc;
    border-style: solid;
    border-width: 2px 2px;
    padding: 3px;
	border-radius:3px;
}
.panel {
    background: none repeat scroll 0 0 transparent;
    display: block;
    float: left;
    margin: 2px 0;
    padding: 0;
    text-align: left;
    width: 45%;
}

#contentarea{
    color: #414141;
    font-family: verdana;
    font-size: 12px;
    line-height:24px;
    list-style-type: square;
    margin: 5px 30px 15px 0px;}
#contentarea li{}
#contentarea li a{font-weight:normal; text-decoration:none;}
#contentarea li a:hover{ text-decoration:underline; color:#414141;}

.textboxsty01{ border:solid 1px #ccc; height:22px; width:255px; background:url(http://www.essentialflatroofing.com/images/background-input.gif) 
-4px -15px no-repeat; }
.textboxsty02{ border:solid 1px #ccc; height:23px; width:257px; line-height:23px; background:url(http://www.essentialflatroofing.com/images/background-input.gif) 
-4px -15px no-repeat;}
.textboxsty03{ border:solid 1px #ccc; height:110px; width:254px; background:url(http://www.essentialflatroofing.com/images/background-input.gif) 
-4px -15px no-repeat;}

.substy{ width:80px; height:26px; cursor:pointer; background:url(../images/buttonback.png) left bottom no-repeat; border:solid 0px; border-radius:4px; color:#fff;}
.substy:hover{ background:#414141;}

.redmsg { font:12px/14px Arial, Helvetica, sans-serif; color:#F40000; background:#FFF7F7;	width:85%; border:1px solid #FFAFA9; padding:3px 7px;	margin:10px auto; }
.greenmsg { font:12px/14px Arial, Helvetica, sans-serif; color:#3E8629; background:#F2FFED; width:85%; border:1px solid #60BB46; padding:3px 7px;	margin:10px auto; }

.img-footer-container {
    background: none;
    border:none;
    display: inline-block;
    height: auto;
    max-height:100%;
    margin: 0px auto;
    max-width:100%;
    padding:0px;
    width: auto;
}

.img-footer-container img, .img-footer-container map {
    background: #fff;
    border: none;
    clear: none;
    float: left;
    margin-right:10px;
    
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}