body{background:url(../images/stripe5.png) center fixed;font-family:trebuchet MS,sans-serif,serif; cursor:default; margin:20px 0 20px 0; padding:0px}

* html .lefttext{float:left; width:310px; text-align:justify}
* html .righttext{float:right; width:310px; text-align:justify}

a{text-decoration:none}
a:hover{text-decoration:none}
.clear{position:relative; clear:both}

.fence-foot {position:relative;width:100%;background:url(../images/fence-pic3.png) repeat-x 0px 20px;height:260px;z-index:0;margin:20px 0 -20px 0}

#maincontainer{position:relative;margin:0px auto;width:850px;margin-bottom:-270px;z-index:5; padding:0px 20px;}
.header-left{position:relative; width:63%; float:left; font-family:"Century Gothic"; font-size:20px}
.header-right{position:relative; width:37%; float:left}

.estimateBox{position:absolute; top:-120px; left:33px; height:228px; width:335px; background:url(../images/button.png) no-repeat 10px 50px; text-align:center; z-index:1;}
.estimate{position:relative; top:110px; left:20px; font:28px "Century Gothic"; width:300px}
.estimate .estimate-sub {color:#fff;}
.estimate a, .estimate a:visited{ text-decoration:none; color: #FF9933; font-weight:bold}
.estimate a:hover{display:block; font-weight:bold; text-decoration:none; color:#17B394}

.logo{position:relative; float:left; width:100%; height:101px; background:url(../images/logo.png) no-repeat}
.logo h1 {display:none}
.logo h5 {display:none}

#content{position:relative; width:100%;clear:both}
#content em{font-weight:bold; font-size:16px; padding:2px 10px; color:#06a}
#content h1 {font-size:2.5em; padding:0 0 30px 10px; margin:0px; color:#000;font-style:normal}
#content h2 {font-size:1.5em; padding:0 0 0 20px; margin:0px; color:#06a;font-style:normal}
#content h3 {font-size:46px; padding:0px; margin:0px; color:#70603f;font-style:normal}
#content p{padding:0px 20px 10px 20px; font-size:16px}
#content strong {display:block;font-size:2.5em; padding:10px 0 20px 10px; margin:0px; color:#000;font-style:normal}
#content .section-header{font-weight:bold; font-size:16px; background-color:#EEE; padding:2px 10px; color:#06a}

h2.byline {font-size:20px;padding-left:20px}
h6.byline {font-size:20px;padding-left:20px}

#imgContain{position:relative; width:720px; top:50px; margin-right:30px}
 
.left{float:left; margin:10px; border:1px solid #000; width:160px; height:120px; opacity:.90; filter:alpha(opacity=90)}
.right{float:right; margin:10px; border:1px solid #000; width:160px; height:120px; opacity:.90; filter:alpha(opacity=90)}
.left:hover{filter:alpha(opacity=100); opacity:1}
.right:hover{filter:alpha(opacity=100); opacity:1}

.lefttext{float:left; width:400px; text-align:justify}
.righttext{float:right; width:200px; text-align:justify}

.list{position:relative; text-align:left; margin:0px 50px 20px 0px}
.list ul{padding:0; margin:0}
.list li{font-size:12px; list-style-image:url(../images/arrow-left.gif); list-style-position:inside; padding:0px; margin:0px}

.wordsleft{float:left; min-height:auto; width:150px; background:#efd; border:1px solid #000; margin:5px; padding:10px; font-size:12px; text-align:left}
.wordsright{float:right; height:auto; width:150px; background:#def; border:1px solid #000; margin:5px; padding:10px; font-size:12px; text-align:left}

.contact{float:right; height:200px; width:310px; background:#FFFFF8 url(../images/card.png) center no-repeat; border:1px solid #eee; margin:35px 10px 10px 10px; padding:10px;font-family:"Times New Roman"}
.contact a, .contact a:visited {text-decoration:none;color:#000;font-family:"Times New Roman"}
.contact a:hover {text-decoration:underline;background:none}
.contact-card{position:relative;width:280px;height:175px;margin-top:12px;margin-left:15px}
.contact-card-l{position:relative;float:left;width:35%;height:110px;margin-top:67px;background:url(../images/card-img.gif) no-repeat 40% 0%;}
.contact-card-r{position:relative;float:left;width:65%;padding-top:20px;}
.contact-card-r b {font:bold 24px "Times New Roman"}
.contact-card-r em{font:10px;padding-left:2px;background:none}
.contact-card-r-b {position:relative;margin-top:20px;font:10px;padding-left:2px}

/* rounded borders */
/* #xsnazzy h1, #xsnazzy h2, #xsnazzy p{margin:0 10px}
#xsnazzy h1{font-size:2.5em; color:#000}
#xsnazzy h2{font-size:1.2em; color:#06a; border:0}
#xsnazzy h3{font-size:1em; color:#fff; border:0} */
#xsnazzy{background:transparent}

.xtop, .xbottom{display:block; background:transparent; font-size:1px}
.xb1, .xb2, .xb3, .xb4{display:block; overflow:hidden}
.xb1, .xb2, .xb3{height:1px}
.xb2, .xb3, .xb4{background-color:#FFF; border-left:1px solid #0b0bae; border-right:1px solid #0b0bae}
.xb1{margin:0 5px; background:#0b0bae}
.xb2{margin:0 3px; border-width:0 2px}
.xb3{margin:0 2px}
.xb4{height:2px; margin:0 1px}

.xboxcontent{background-color:#FFF; display:block; border:0 solid #0b0bae; border-width:0 1px; min-height:1200px;z-index:5}

/* body menu */
#head{position:relative; float:left; clear:both; width:100%; margin:0px 0 15px 0px; padding-top:15px; background:url(../images/widget.png) repeat-x}

#head h2 {margin:0; padding:0; font-size:1em}

a.nav1{width:14.285%; height:153px; display:block; float:left; text-align:center; font-size:0.6em; font-weight:bold; color:#FFF; text-decoration:none; font-family:verdana,arial,sans-serif; line-height:25px; overflow:hidden}
a.nav1 .button{background:url(../images/menu-grad.png); color:#fff; cursor:pointer; display:block; width:100%; height:75px; cursor:pointer}

a.nav2{width:14.285%; height:153px; display:block; float:left; text-align:center; font-size:0.8em; font-weight:bold; color:#FFF; text-decoration:none; font-family:verdana,arial,sans-serif; line-height:25px; overflow:hidden}
a.nav2 .button{background:url(../images/menu-grad.png); color:#fff; cursor:pointer; display:block; width:100%; height:75px; cursor:pointer}

a.nav3{width:14.285%; height:153px; display:block; float:left; text-align:center; font-size:0.8em; font-weight:bold; color:#FFF; text-decoration:none; font-family:verdana,arial,sans-serif; line-height:25px; overflow:hidden}
a.nav3 .button{background:url(../images/menu-grad.png); color:#fff; cursor:pointer; display:block; width:100%; height:75px; cursor:pointer}

a.nav4{width:14.285%; height:153px; display:block; float:left; text-align:center; font-size:0.8em; font-weight:bold; color:#FFF; text-decoration:none; font-family:verdana,arial,sans-serif; line-height:25px; overflow:hidden}
a.nav4 .button{background:url(../images/menu-grad.png); color:#fff; cursor:pointer; display:block; width:100%; height:75px; cursor:pointer}

a.nav5{width:14.285%; height:153px; display:block; float:left; text-align:center; font-size:0.8em; font-weight:bold; color:#FFF; text-decoration:none; font-family:verdana,arial,sans-serif; line-height:25px; overflow:hidden}
a.nav5 .button{background:url(../images/menu-grad.png); color:#fff; cursor:pointer; display:block; width:100%; height:75px; cursor:pointer}

a.nav6{width:14.285%; height:153px; display:block; float:left; text-align:center; font-size:0.8em; font-weight:bold; color:#FFF; text-decoration:none; font-family:verdana,arial,sans-serif; line-height:25px; overflow:hidden}
a.nav6 .button{background:url(../images/menu-grad.png); color:#fff; cursor:pointer; display:block; width:100%; height:75px; cursor:pointer}

a.nav7{width:14.285%; height:153px; display:block; float:left; text-align:center; font-size:0.8em; font-weight:bold; color:#FFF; text-decoration:none; font-family:verdana,arial,sans-serif; line-height:25px; overflow:hidden}
a.nav7 .button{background:url(../images/menu-grad.png); color:#fff; cursor:pointer; display:block; width:100%; height:75px; cursor:pointer}

#head a .pad{display:block; width:14.285%; height:125px; background:transparent}

a.nav1{background:url(../images/home-RGB.jpg) -65px -50px}
a.nav2{background:url(../images/wood-RGB.jpg) no-repeat}
a.nav3{background:url(../images/alum-RGB.jpg) no-repeat 0px -50px}
a.nav4{background:url(../images/pvc-RGB.jpg) no-repeat 0px -30px}
a.nav5{background:url(../images/chain-RGB.jpg) no-repeat -85px -50px}
a.nav6{background:url(../images/iron-RGB.jpg) -20px -20px}
a.nav7{background:url(../images/up-RGB.png); background-position:-20px -10px}

a.nav1:hover{background:url(../images/home.jpg); background-position:-65px -50px}
a.nav1:hover .button{background:url(../images/menu-grad-hover.jpg); border-top:1px solid #000; color:#36393D; cursor:pointer; display:block; width:100%; height:35px; cursor:pointer}
a.nav2:hover{background:url(../images/wood.jpg) no-repeat}
a.nav2:hover .button{display:block; width:100%; height:35px; background:url(../images/menu-grad-hover.jpg); border-top:1px solid #000; color:#36393D; cursor:pointer; cursor:pointer}
a.nav3:hover{background:url(../images/alum.jpg) no-repeat 0px -50px}
a.nav3:hover .button{display:block; width:100%; height:35px; background:url(../images/menu-grad-hover.jpg); border-top:1px solid #000; color:#36393D; cursor:pointer; cursor:pointer}
a.nav4:hover{background:url(../images/pvc.jpg) no-repeat 0px -30px}
a.nav4:hover .button{display:block; width:100%; height:35px; background:url(../images/menu-grad-hover.jpg); border-top:1px solid #000; color:#36393D; cursor:pointer; cursor:pointer}
a.nav5:hover{background:url(../images/chain.jpg) no-repeat -85px -50px}
a.nav5:hover .button{display:block; width:100%; height:35px; background:url(../images/menu-grad-hover.jpg); border-top:1px solid #000; color:#36393D; cursor:pointer; cursor:pointer}

a.nav6:hover{background:url(../images/iron.jpg) -20px -20px repeat-x}

a.nav6:hover .button{display:block; width:100%; height:35px; background:url(../images/menu-grad-hover.jpg); border-top:1px solid #000; color:#36393D; cursor:pointer; cursor:pointer}

a.nav7:hover{background:url(../images/up.png) repeat-x; background-position:-20px -10px}
a.nav7:hover .button{display:block; width:100%; height:35px; background:url(../images/menu-grad-hover.jpg); border-top:1px solid #000; color:#36393D; cursor:pointer; cursor:pointer}

/* pop up */
a.tooltip{color:inherit; text-decoration:none; border-bottom:1px dotted #ddd; cursor:text}
a.tooltip b{display:none}
a.tooltip:hover{border:0; position:relative; z-index:500; text-decoration:none; cursor:text}
a.tooltip:hover b{display:block; position:absolute; top:20px; left:-25px; padding:5px 3px; font-weight:normal; font-size:12px; color:#000; border:1px solid #888; background:#ffc; width:360px}
a.tooltip:hover b em{position:absolute; left:20px; top:-6px; width:11px; height:6px; background:url(../images/tooltip.gif) 0 0 no-repeat; display:block; font-size:1px}
a.tooltip:hover b ul{list-style-image:url(../images/arrow-left.gif); font-size:10px; }
a.tooltip:hover b li{font-size:10px;}

.tooltip p{font-size:6px}
.tooltip-left{position:relative; float:left; width:180px}
.tooltip-right{position:relative; float:left; width:180px}

.service-area{position:relative; float:left; margin-left:33px; width:550px; margin-bottom:30px}
.service-area .tooltip-left{position:relative; float:left; width:220px}
.service-area .tooltip-right{position:relative; float:left; width:280px}
.service-area ul{list-style-image:url(../images/arrow-left.gif);list-style-position:inside;font-size:14px; margin:0px; padding:0px}


a.fences{color:inherit; text-decoration:none; cursor:text}
a.fences b{position:absolute;left:-30000px;display:none}
a.fences:hover{border:0; position:relative; text-decoration:none; cursor:text}
a.fences:hover b{display:block; position:absolute; top:-720px; left:-150px; padding:5px; text-align:left; font-weight:normal; font-size:12px; color:#000; border:1px solid #888; background:#ffc; width:600px; z-index:1}

.bonus-box{position:relative; width:100%; text-align:center; margin-top:30px;font-size:2.2em;background:#62A0C9;   color: #D3E4EF;font-weight: 600;padding: 20px 0;text-shadow: 2px 2px 5px #000000;}
 

/* Accordian */
.p7AB{background-color:#444;border-right:1px solid #333;border-left:1px solid #999;border-bottom:1px solid #333;font-family:Sans Serif, "Trebuchet MS";margin:20px 0;}
.p7ABtrig{background-color:#62A0C9;margin:0;padding:0;}
.p7ABtrig h3,.p7ABtrig h4{font-size:14px;margin:0;padding:0;}
#p7ABW1 .p7ABtrig a,#p7ABW2 .p7ABtrig a,#p7ABW3 .p7ABtrig a,#p7ABW4 .p7ABtrig a,#p7ABW5 .p7ABtrig a,#p7ABW6 .p7ABtrig a,#p7ABW7 .p7ABtrig a,#p7ABW8 .p7ABtrig a,#p7ABW9 .p7ABtrig a,#p7ABW10 .p7ABtrig a{display:block;text-decoration:none;color:#D3E4EF;font-weight:600;background-image:url(../p7ap/images/p7ap_east_light_gray.gif);background-repeat:no-repeat;background-position:left center;border-top:1px solid #BDD3F2;border-bottom:1px solid #286CD2;padding:4px 8px 4px 18px;text-shadow: 2px 2px 5px #000000}
#p7ABW1 .p7ABtrig a:hover,#p7ABW2 .p7ABtrig a:hover,#p7ABW3 .p7ABtrig a:hover,#p7ABW4 .p7ABtrig a:hover,#p7ABW5 .p7ABtrig a:hover,#p7ABW6 .p7ABtrig a:hover,#p7ABW7 .p7ABtrig a:hover,#p7ABW8 .p7ABtrig a:hover,#p7ABW9 .p7ABtrig a:hover,#p7ABW10 .p7ABtrig a:hover{color:#FFF;}
.p7ABtrig a:active,.p7ABtrig a:focus{outline:1px dotted #ccc;}
.p7ABcontent{background-color:#FFF;background-image:url(../p7ap/images/p7ap_light_gray_bevel.jpg);background-repeat:repeat-x;padding:20px;}
.p7ABcontent h2,.p7ABcontent h3,.p7ABcontent h4{font-size:14px;color:#333;line-height:normal;letter-spacing:.1em;margin:0;}
.p7ABcontent p{margin:6px 0 12px;}

/* ?????????????????? */

.shine{background:#222 0 to(#222), color-stop(0.5,#fff)) 0 0 no-repeat;-webkit-background-size:125px;color:rgba(255,255,255,0.1);-webkit-background-clip:text;-webkit-animation-name:shine;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite;}
100%{background:top right;}

.thankyou {-moz-box-shadow:0px 0px 10px 3px #000;padding:10px;text-align:center}