body {
background: #ddd url('http://belcoexteriors.com/images/site/bg.jpg') repeat ;
margin:0;
padding: 0;
color: #777 ;
font: normal 13px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif; /* normalize font size across browsers */
}


.top_border {width: 100%; height: 8px; background: #1b2026 url('http://belcoexteriors.com/images/site/top_border.png') repeat-x;}

.header {
width: 100%;
background: #1b2026 url('http://belcoexteriors.com/images/site/header_bg.jpg') no-repeat top center;
}

.header_wrap {
width: 900px;
margin: 0 auto;
padding-top: 25px;
}

.logo {width: 320px; height: 45px; float: left; margin-bottom: 20px;}

.nav {width: 560px; float: right; margin: 0px 0px 0px 0px;}

.nav ul li {float: left; margin: 0px 10px;}
.nav ul li a {text-decoration: none; color: #ddd; font-weight: bold; font-size: 14px; text-shadow: 0px 1px 1px #000;}
.nav ul li a:hover {color: #fff;}


.slider {
width: 860px; 
margin: 0 auto; 
padding: 10px; 
background: #fff;
border-top: 10px solid #526177;
border-left: 10px solid #526177;
border-right: 10px solid #526177;
z-index: 98;
}


ul#accordian_slider {
 margin: 0;
 padding: 0;
 list-style: none;
 position: relative;
}
ul#accordian_slider li {
 display: block;
 overflow: hidden;
 padding: 0;
 float: left;
 width: 285px;
 height: 400px;
}

.wrapper {
width: 860px;
margin: 0px auto;
background: #fff;
padding: 20px 10px 20px 10px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
clear: both;
}

.top_pic {width: 500px; border: 5px solid #ddd; margin: 0px 0px 15px 0px;}

.welcome {width: 490px; float: left; padding: 0px 0px 25px 10px;}

.welcome ul {padding: 0px 30px;}
.welcome li {list-style: circle; margin: 0px;}
.sidebar {width: 308px; float: right;}

.certificates ul li {float:left; height: 100px;}
li.bbb a {margin-right: 25px;}

.freequote_pic {margin: 20px 0px 0px 20px; width: 234px; height: 137px; border: 5px solid #ddd;}


.contact_info {font-size: 18px; color: #222; padding: 10px; width: 300px; margin: 10px 0px 10px 20px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; font-size: 15px;}
.contact_info li {margin: 0px 0px 10px 0px; width: 130px; float: left;}
.contact_info span {font-weight: bold; color:#1a3149; font-size: 16px;}




.text_label {width: 160px; float: left; font-size: 14px; color: #222; font-weight: bold; margin: 14px 0px; }


.text_input input {
width: 250px; 
height: 25px; 
font-size: 14px;
padding: 0px 5px;
float: left; 
border: 1px solid #ddd; 
margin: 7px 0px; 
box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));  
background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);  
}

input:hover, textarea:hover,  
input:focus, textarea:focus {  
-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;  
}  
 
input.radio {float: left;}
 
.select_label {width: 250px; float: left; font-size: 14px; color: #222; font-weight: bold; margin: 10px 0px;} 
.label /*No Float*/ {font-size: 14px; color: #222; font-weight: bold; margin: 10px 0px;}
.text_input select {width: 150px; float: left; padding: 5px 0px; margin: 7px 0px;}

.radio {float: left; margin: 5px 10px 5px 0px;}



textarea {
width: 250px; 
height: 150px; 
font-size: 14px;
padding: 5px 5px;
float: left; 
border: 1px solid #ddd; 
margin: 7px 0px; 
box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));  
background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);  
}




.footer {width: 100%; height: 90px;}

.footer_wrap {width: 880px; margin: 0px auto; }

.footer_left {
width:580px;
float: left;
padding-top: 10px;
font-size: 11px;
}

.footer_left ul li a {float: left; text-decoration: none; color: #999; text-transform: uppercase; margin: 0px 20px 0px 0px; font-size: 11px;}
.footer_left ul li a:hover {text-decoration: underline; color: #000;}


.footer_right {
width: 105px;
float: right;
padding: 0px 10px 0px 0px;
}

a.jbird_logo {
text-indent: -999em; 
float: left; 
background: url('http://belcoexteriors.com/images/site/jbird_logo.png') no-repeat; 
width: 106px; 
height: 45px;
margin: 10px 0px 0px 0px;
opacity: 0.6;
/* IE Opacity Hack */
-ms-filter:
/* IE 8 Hack */
"progid:DXImageTransform.Microspft.Alpha(Opacity=60)";
/* IE 5-7 Hack */
filter: alpha(opacity = 60);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3 ease-in-out;
}

a:hover.jbird_logo {
opacity: 1.0;
/* IE Opacity Hack */
-ms-filter:
/* IE 8 Hack */
"progid:DXImageTransform.Microspft.Alpha(Opacity=100)";
/* IE 5-7 Hack */
filter: alpha(opacity = 100);
}



h2 {color: #222; font-size: 24px; margin: 0px 0px 15px 0px; padding: 0px; line-height: 28px;}
h4 {color: #222; font-size: 18px; margin: 0px 0px 15px 0px; padding: 0px; line-height: 28px;}


p {margin: 3px 0px;}
ul {list-style: none; margin: 0; padding: 0;}
ul li {list-style: none; margin: 0; padding: 0;}
.clear {clear:both;}
abab7b