.body{ 
    margin-top: 0;
    margin-left: 0;
    width:100%;
    overflow: scroll;
    background-color:rgba(0, 0, 0, 0);
    }

.wrap{width: 900px;
    margin: 0 auto;
}

#copyright{font-family: 'futura-pt';
text-align: center;}

.header{display: block;
    float:left;
    width: 900px;
    margin: 0 auto;
    margin-top: 0px;
    height:50px;
    background-color:rgba(0, 0, 0, 0);}


.futura{font-family:"futura-pt";
color: white;}

#Navarro{font-weight: 100;
    font-size: 31px;
    margin-top: 0px;
    margin-left: 2px;
float: left}

#number{font-weight: 100;
    font-size: 31px;
    margin-top: 0px;
    margin-left: 20px;
float: left}




#ike{font-weight: 1700;
    font-size: 32px;
    margin-top: 0px;
    float: left;
    margin-left:10px}

#porch{font-weight: 1700;
    font-size:100px;
    display: block;
    width: 330px;
    float: left;
    margin-top: 5px;
    margin-left: 200px;
}

#line{font-weight: 100;
    font-size:100px;
    margin-top: 5px;
    margin-left: 2px;
float: left}

#slogan{font-weight: 100;
    font-size:22px;
    margin-top: 60px;
    margin-left: -300px;
    float: left}


#banner_mask{ background-image:url(img/banner.png);
margin-top: 0px;
float:left;
width: 900px;
height: 170px}

#logo_large{height: 170px;
    width: 900px;
    margin: 0 auto;
    margin-top: 0px;
float:left;
    border-bottom-style: solid;
    border-color: white;
    border-width: 5px;
 background: red; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left,  rgba(250, 150, 0, .4) , rgba(0, 0, 0, 1)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(left,  rgba(250, 150, 0, .4) , rgba(0, 0, 0, 1)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(left,  rgba(250, 150, 0, .4) , rgba(0, 0, 0, 1)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to top,  rgba(250, 150, 0, .4) , rgba(250, 250, 250, .2)); /* Standard syntax */}


#abouttext{font-family: "futura-pt",sans-serif;
    font-style: normal;
    font-weight: 100;
    color: white;
    font-size:22px;
    margin-top: 50px;
    margin-left: 0px;
    float: left}

#contact_text{color: white;
    padding-top: 0px;
    margin-right: 0px; 
    font-size: 25px;
font-family: "futura-pt",sans-serif;
    font-style: normal;
    text-align: center}

.antispam { display:none;}    

.content{width:100%;
    display: inline-block;
    background-color:rgba(0, 0, 0, 1);
    margin-top:0px}


.header_list li{height:20px;
    list-style: none;
    margin-right:25px;
    margin-top:-5px;
    padding-right:20px;
    float:right;
    font-family: "futura-pt",sans-serif;
    font-style: normal;
    font-weight: 100;
    color:white}

#centercontent{
    margin:0 auto;
    width:900px;
    margin-top:0px}

/* unvisited link */
a:link {
    color: white;
    text-decoration: none;
}

/* visited link */
a:visited {
    color: white;
    text-decoration: none;
}

/* mouse over link */
a:hover {
    color: hotpink;
    text-decoration: none;
}

/* selected link */
a:active {
    color: hotpink;
    text-decoration: none;
}



#contact-area {margin: 0 auto;
    margin-left: -20px;
    float:left;
width: 540px;
	margin-top: 25px;
}



#headers{color: white;
    margin-top: 15px;
    margin-left: 55px;
    text-align: left;
    font-size: 34px;
    font-family: "futura-pt",sans-serif;
    font-style: normal;
    font-weight:;
}

#inquire_text{color: white;
    display: block;
    margin-top: -0px;
    margin-left: -140px;
    text-align: center;
    font-size: 40px;
    font-family: "futura-pt",sans-serif;
    font-style: italic;
    font-weight:;
    color:white}



#checkmark{display: inlinew-block;
    float: left;
    position: absolute;
    margin-left: 15px;
    margin-top: 10px;
    height: 30px;
    width: 30px}


#bbb{display: inline-block;
    float: left;
    position: absolute;
    margin-left: -15px;
    margin-top: 0px;
    height: 80px;
    width: 200px}

#mail{display: inline-block;
    float: left;
    position: absolute;
    margin-left: 320px;
    margin-top: -100px;
    height: 80px;
    width: 100px}

#inquire{display: inline-block;
    float: left;
    position: absolute;
    margin-left: 15px;
    margin-top: 10px;
    height: 50px;
    width: 420px;
 border-radius: 25px;
    
    padding: 20px;
background: red; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left,  rgba(250, 150, 0, .4) , rgba(0, 0, 0, 1)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(left,  rgba(250, 150, 0, .4) , rgba(0, 0, 0, 1)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(left,  rgba(250, 150, 0, .4) , rgba(0, 0, 0, 1)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom,  rgba(250, 150, 0, .4) , rgba(0, 0, 0, 1)); /* Standard syntax */}



#image_right{height: 402px;
     width: 300px;
    float: left;
    background-image: url(img/front_porch.jpg);
    background-repeat: no-repeat;
    background-size: cover}

#home_porch{height: 402px;
     width: 600px;
    float: left;
    background-image: url(img/fron_porch_two.jpg);
    background-repeat: no-repeat;
    background-size: cover}

#about_right{width: 345px;
    float: right;
    background-image: url(img/breaker_two.jpg);
    background-repeat: no-repeat;
    background-size: cover;
      border-left-style: solid;
    border-color: white;
    border-width: 5px;}


#about_right_two{width: 345px;
    display: inline-block;
    float: right;
    background-image: url(img/jack.jpg);
    background-repeat: no-repeat;
    background-size: cover;
   border-left-style: solid;
    border-color: white;
    border-width: 5px;}

#left_section{width: 900px;
    margin-left: 0px;
    background: red; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left,  rgba(250, 150, 0, .4) , rgba(0, 0, 0, 1)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(left,  rgba(250, 150, 0, .4) , rgba(0, 0, 0, 1)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(left,  rgba(250, 150, 0, .4) , rgba(0, 0, 0, 1)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right,  rgba(180, 90, 0, 1) , rgba(0, 0, 0, .2)); /* Standard syntax */
}

.section{display: block;
    float: left;
    margin-top: 0px;
    height:500px;
    width: 900px;
    border-bottom-style: solid;
    border-color: white;
    border-width: 5px;}

#about_section{width: 550px;
    margin-left: 0px;
    background: red; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left,  rgba(250, 150, 0, .4) , rgba(0, 0, 0, 1)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(left,  rgba(250, 150, 0, .4) , rgba(0, 0, 0, 1)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(left,  rgba(250, 150, 0, .4) , rgba(0, 0, 0, 1)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right,  rgba(180, 90, 0, 1) , rgba(0, 0, 0, .2)); /* Standard syntax */}

#home_breaker_section{margin-top: 0px;
    background-image: url(img/services.jpg);
    border-bottom-style: solid;
    border-color: white;
    border-width: 5px;
    height:400px}

#van_banner{height: 300px;
background-image: url(img/van_banner.jpg)}

#banner_image{width: 900px;
    background-image: url(img/porch_banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: 0px;
   
}

.big_copy{color: white;
    width: 450px;
    margin-top: 50px;
    margin-left: 20px;
    text-align: left;
    font-size: 70px;
    font-family: "futura-pt",sans-serif;
    font-style: normal;
    font-weight:;
    color:white}

#home_big{ float: left;
    display: inline-block;}

.graphics_box{width: 350px;
    height: 400px;
    background-color: rgba(0, 0, 0, .8);
    float: right;
    display: inline-block;
    }

#violations_graphic{width: 420px;
    height: 320px;
    margin-top: 40px;
    float: left;
    margin-left: -25px;
    display: inline-block;
    background-image: url(img/no_violations.png);
    background-size: cover;
}

#about_breaker_section{
    background-color: black;
    height:120px}

#service_breaker_section{margin-top:15px;
    background-image: url(img/breaker_image_two.jpg);
    border-bottom-style: solid;
    border-color: white;
    border-width: 5px;}

.services{display: inline-block;
    float: left;
    height:150px;
    margin-top:0px;
    width: 900px;
    border-bottom-style: solid;
    border-color: white;
    border-width: 5px;}

#service_background{height: 600px;
    display: inline-block;
    float: left;
    width: 900px; 
    margin-top:0px;
    background-image: url(img/wet_deck.jpg);}

#service_opacity{height: 600px;
    margin-top:-0px;
    width: 900px; 
     background: red; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left,  rgba(0, 0, 0, .5) , rgba(0, 0, 0, .5)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(left,  rgba(0, 0, 0, .5) , rgba(0, 0, 0, .5)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(left,  rgba(0, 0, 0, .5) , rgba(0, 0, 0, .5)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right,  rgba(0, 0, 0, .1) , rgba(0, 0, 0, 1)); /* Standard syntax */}

#services_copy{font-family: "futura-pt",sans-serif;
    color:white;
    font-size:22px;
    width: 400px;
    height: 40px;
    font-style: italic;
    font-weight: 100;
    float:right;
    margin-top:-130px}

#service_four{height:145px }

#s4{}

#s5{}

/* contact css starts here */

#number_two{font-weight:;
    font-family:"futura-pt";
    font-weight: 200;
    text-align: center;
    color: white;
    font-size: 31px;
    margin-top:80px;
    margin: 0 auto;}

#contact{font-weight: 1700;
    color: black;
    font-size: 32px;
    margin-top: 0px;
    float: left;
    margin-left:350px}

#contact_font_two{font-weight: 100;
     color: black;
    font-size: 31px;
    margin-top: 0px;
    margin-left: 2px;
float: left}



#contact_image{background-image: url(img/services.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-block;
    float: left;
    height: 620px;}

#contact_wrap {display: inline-block;
	width: 900px;
	background: rgba(0, 0, 0, .5);
	margin: 20px auto;
	height: 620px;
    margin-top:0px;
}

#contact-area {margin-left: 100px;
	width: 600px;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
     background-color:rgba(250, 150, 0, .4);
    color: black;
	padding: 5px;
	width: 471px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {font-family:"futura-pt";
    font-weight: 200;
    color: white;
	width: 100px;
	float: right;
}

label {
		float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 16px;
    color:white;
    font-family:"futura-pt";
}


#jssor_1{position: relative; 
    margin: 0 auto; 
    margin-top: -39px;
    top: 0px; 
    left: 0px; 
    width: 100%; 
    height: 567px; 
    overflow: hidden; 
    visibility: hidden;}

[data-u="slides"]{cursor: default; 
    position: relative; 
    top: 0px; left: 0px; 
    width: 100%; 
    height: 567px; 
    overflow: hidden;}

.slideshows{
    margin:  0 auto;
    top:0px;
    width: 100%;
    height: 550px;
 border-bottom-style: solid;
    border-color: white;
    border-width: 5px;}

.jssorb05 {position: absolute;
    bottom:1px;
    right:16px;" data-autocenter="1"
        }

.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
    margin-top:600px;
    position: absolute;
            /* size of bullet elment */
    width: 16px;
    height: 16px;
    background: url('img/b05.png') no-repeat;
    overflow: hidden;
    cursor: pointer;}

.jssorb05 div { background-position: -7px -7px; }
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
.jssorb05 .av { background-position: -67px -7px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }


.jssora12l, .jssora12r {
            margin-top: 275px;
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 30px;
            height: 46px;
            cursor: pointer;
            background: url('img/a12.png') no-repeat;
            overflow: hidden;
        }
.jssora12l { background-position: -16px -37px; }
.jssora12r { background-position: -75px -37px; }
.jssora12l:hover { background-position: -136px -37px; }
.jssora12r:hover { background-position: -195px -37px; }
.jssora12l.jssora12ldn { background-position: -256px -37px; }
.jssora12r.jssora12rdn { background-position: -315px -37px; }
.jssora12l.jssora12lds { background-position: -16px -37px; opacity: .3; pointer-events: none; }
.jssora12r.jssora12rds { background-position: -75px -37px;
opacity: .3; pointer-events: none; }



[data-u="arrowleft"]{top:0px;left:0px;width:30px;height:46px;" data-autocenter="2"
}

[data-u="arrowright"]{top:0px;right:0px;width:30px;height:46px;" data-autocenter="2"
}