body{
background-image:url(/images/asphaltbg3.jpg);
background-repeat:repeat;
background-attachment:fixed;
margin:0;
font-family: 'Open Sans', sans-serif;
font-size:16px;
}
#full_menu{

}
#resp_menu{
display:none;
}
#header{
max-height:180px;
max-width:100%;
overflow:hidden;
background-image:url(/images/asphaltbg4.png);
margin:0;
padding:0;
margin-top:5px;
}
#header_container{
margin: 0 auto;
max-width:1020px;
text-align:center;
}
#logo_box{
width:140px; 
border: 1px solid #e1b629; 
}
.banner_title{
color:#e1b629;
font-size:20px;
padding: 15px 15px;
line-height:40px;
white-space:nowrap;
}
.phone{
color:#efefef;
text-align:center;
font-size:23px;
text-shadow: 0px 1px 0px silver;
letter-spacing:0.08em;
white-space:nowrap;
}
.states{
color:#e1b629;
text-align:center;
font-size:20px;
letter-spacing:0.08em;
line-height:40px;
white-space:nowrap;
}
.since{
color:#efefef;
text-align:center;
font-size:13px;
letter-spacing:0.08em;
font-weight:bold;
font-style:italic;
white-space:nowrap;
}
#header_logo_box{
width:20%; 
display:inline-block; 
margin-top:10px; 
text-align:left;
}
#header_titles{
width:50%; 
display:inline-block; 
vertical-align:top; 
padding:1%;
text-align:center;
}
#header_phone_box{
width:26%; 
display:inline-block; 
vertical-align:top; 
margin-top:3%;
}
.inline{
display:inline;
}
#phone_box{
width:265px;
}
.asphalt{
float:left;
margin-top:5px;
width:112px;
color:#deae21;
font-weight:bold;
padding-left:20px;
font-size:18px;
/*text-shadow: 1px 1px 0px #494949;*/
}
.concrete{
float:left;
margin-top:5px;
width:82px;
color:#deae21;
font-weight:bold;
padding-left:48px;
font-size:18px;
/*text-shadow: 1px 1px 0px #494949;*/
}
.phonexxx{
float:left;
width:100%;
color:#efefef;
font-weight:bold;
text-align:center;
font-size:23px;
padding-top:8px;
padding-left:10px;
padding-bottom:10px;
text-shadow: 0px 1px 0px silver;
letter-spacing:0.08em;
}
.commercial{
float:left;
width:112px;
color:#deae21;
font-weight:bold;
padding-left:20px;
font-size:18px;
text-shadow: 1px 1px 0px #494949;
}
.residential{
float:left;
width:82px;
color:#deae21;
font-weight:bold;
padding-left:28px;
font-size:18px;
text-shadow: 1px 1px 0px #494949;
}
.white_stripe{
width:131px; 
border-left:9px solid #efefef;
float:left;
}
.white_stripe2{
border-top:9px solid #efefef;
width:100%;
margin:0;
padding:0;
}
.white_stripe_resp_offset{
margin:0; 
padding:0; 
position:relative; 
top:-5px;
}
.white{
color:#efefef;
}
.menu_wrapper1{
text-align:center;
margin:0;
padding:0;
}
.menu_wrapper2{
display:inline-block;
margin:0;
padding:0;
}
.menu_gap{
margin-top:15px;
margin-bottom:15px;
margin-left:15px;
}
a.menu:active,a.menu:link,a.menu:visited,a.menu:hover{
color:#efefef;
letter-spacing:0.11em;
text-decoration:none;
font-size:17px;
/*text-shadow: 0px 1px 0px silver;*/
}
a.menu:hover{
position:relative;
top:1px;
left:1px;
color:#efc036;
/*text-shadow: 0px 0px 0px #434343;*/ 
}
.overflow{
overflow:hidden;
}
#container{
max-width:1020px;
margin-left:auto;
margin-right:auto;
background-image:url(/images/asphaltbg4.png);
background-repeat:repeat;
background-attachment:fixed;
}
#wrapper{
margin: 0 auto;
padding:0;
max-width:1020px;
text-align:center;
}

.page_box_about{
float:left; 
margin-left:60px;
margin-right:60px;
margin-top:10px;
text-align:left;
color:#FFFFFF;
}
.page_box2{
float:left; 
margin-left:14px;
margin-right:6px;
margin-top:1px;
text-align:left;
color:#FFFFFF;
}
.page_box_services{
margin-left:60px;
margin-right:60px;
margin-top:10px;
color:#FFFFFF;
}
.page_title{
text-align:center;
font-size:24px;
font-weight:bold;
/*text-shadow: 0px 1px 0px silver;*/
font-style:italic;
padding-top:8px;
}
.border{
border: 2px solid #e1b629;
}
.floatl{
float:left;
}
.floatr{
float:right;
}
#flashbox{
padding-right:0px; 
padding-top:14px; 
float:right;
}
.black_hr{
background-image: url(/images/groove.png);
background-repeat: repeat-x;
line-height:5px;
width:95%;
margin:0 auto;
}
.white_hr{
background-color:#fefefe;
line-height:1px;
width:95%;
margin:0 auto;
}
.yellow_hr{
background-color:#e1b629;
line-height:1px;
width:95%;
margin:0 auto;
margin-top:20px;
}
.yellow{
color:#e1b629;
}
.leadin{
font-weight:bold;
color:#e1b629;
font-size:17px;
line-height:28px;
}
.leadin2{
font-weight:bold;
color:#e1b629;
font-size:18px;
}
.mt10{
margin-top:10px;
}
.mt60{
margin-top:60px;
}
.ml10{
margin-left:10px;
}
.services_image_container{
text-align:center;
margin-top:12px; 
margin-bottom:15px;
width:900px;
margin-left:30px;
}
.img5pxm{
margin:5px;	
}
.nowrap{
white-space:nowrap;
}

#footer{
width:100%;
color:#e1b629;
position:relative;
float:left;
overflow:hidden;
font-size:12px;
text-align:center;
}
#footer .transparency{
opacity:0.11;
filter:alpha(opacity=11);
-moz-opacity:0.11;
background-color:#9e9e9e;
width:100%;
height:120px;
position:absolute;
top:0px;
left:0px;
z-index:-1;
}
a.menu_footer:active,a.menu_footer:link,a.menu_footer:visited,a.menu_footer:hover{
color:#e1b629;
font-weight:bold;
text-decoration:none;
font-size:14px;
white-space: nowrap;
/*text-shadow: 0px 1px 0px #434343; */
}
a.menu_footer:hover{
position:relative;
top:1px;
left:1px;
color:#efefef;
}
.menu_footer_selected{
color:#efefef;
/*text-shadow: 0px 1px 0px #434343;*/
font-weight:bold;
font-size:14px;
white-space: nowrap;
}
.footer_content{
position:relative;
}
.footer_info{
font-size:13px;
/*text-shadow: 0px 1px 0px #434343;*/
}
.footer_menu_box{
margin:0.5%;
}
.pipe{
color:#efefef;
padding-left:10px;
padding-right:10px;
}
.dot{
color:#efefef;
padding-left:10px;
padding-right:10px;
}
.selected{
font-size:18px;
color:#efc036;
}
a.menu_footer_email:active,a.menu_footer_email:link,a.menu_footer_email:visited,a.menu_footer_email:hover{
color:#e1b629;
text-decoration:none;
font-size:14px;
/*text-shadow: 0px 1px 0px #434343; */
}
a.menu_footer_email:hover{
position:relative;
top:1px;
left:1px;
color:#efefef;
}
a.menu_contact_email:active,a.menu_contact_email:link,a.menu_contact_email:visited,a.menu_contact_email:hover{
color:#e1b629;
text-decoration:none;
}
a.menu_contact_email:hover{
text-decoration:underline;
}
h4{
margin-top:9px;
margin-bottom:3px;
}
.leadin2{
font-weight:bold;
color:#e1b629;
font-size:14px;
}
.page_box_references{
float:left; 
text-align:left;
overflow:auto;
margin-left:60px;
margin-right:60px;
margin-top:10px;
text-align:left;
color:#FFFFFF;
}
.page_box_contact{
float:left; 
overflow:auto;
margin-left:40px;
margin-right:40px;
margin-top:10px;
color:#FFFFFF;
}
#col1{
padding-left:0px;
width:250px;
float:left;
}
#col2{
margin-left:35px;
width:250px;
float:left;
}
#ref_pic{
width:300px;
float:left;
margin-left:20px;
margin-right:7px;
}
.ref_list{
margin:0;
padding-left:10px;
font-size:15px;
color:#fefefe;
text-align:left;
}
.picture_container{
height:340px; 
float:left; 
overflow:hidden; 
padding:5px;
}
.picture_box{
float:left;
width:380px;
margin:20px;
text-align:center;
}
.picture_caption{
margin-bottom:20px;
color:#fefefe;
}
.address_block1{
margin-left:0px;
float:left;
width:380px;
margin-left:68px;
}
.address_block2{
padding-left:26px;
float:left;
border-left:2px solid #e1b629; 
}
.contact_title{
width:99%;
text-align:center;
font-weight:bold;
color:#e1b629;
font-size:17px;
}
.u{
text-decoration:underline;
}
.form_box_bg{
background-color:#f8e9bf;
}
.radio{
margin-bottom:10px;
margin-top:15px; 
}
.submit{
margin-top:12px;
}
.pt11{
padding-top:11px;
}
.logo_asphalt{
text-align:center;
line-height:28px;
padding-top:0px;
font-size:28px;
color:#FFF;
font-weight:bold;
margin:0;
text-shadow: 1px 0px 0px silver;
}
.logo_maintenance{
text-align:center;
line-height:15px;
font-size:16px;
color:#FFF;
font-weight:bold;
margin:0;
padding-bottom:4px;
}
.clear{
clear:both;
}
.green{
color: #390;
}
.red{
color: #FF0000;
}
.mr125{
margin-right:125px;
}
.menu2-vertstripe{
margin:0;
float:left;
}
.menu2-gap{
width:115px;
float:left;
}
.menu3-gap{
width:96px;
float:left;
}
.menu2-posit{
text-align:center;
padding-top:35px;
margin:0;
}
.menu2-posit_top{
text-align:center;
padding-top:15px;
margin:0;
}
#bri{
 position:absolute; 
 top:152px; 
 left:0; 
 max-width:100%; 
 max-height:100%; 
 z-index:-999;
 overflow:hidden;
 }
 .white_border{

border:1px solid #fff;
 }
.section h3, .section h2{
text-align:left;
padding-left:5%;
color:#0155a5;
}
.section{
width:45%;
display: table-cell;
margin:20px;
border: 1px solid #e1b629;
padding: 5px;
height:100%;
text-align: left;
vertical-align:top;
}
.index_section_thumb{
margin:5px 5px 10px 10px; 
padding:0;
border: 1px solid #ccc;
float:right;
max-width:100%;
}
.section_text{
color:#fff;
font-size:15px;
line-height:22px;
}
.section_row{
display: inline-table; 
border-collapse: separate;
border-spacing: 20px 10px;
}




.section_box{
width:450px; 
height:160px; 
margin:1% .5% 1% .5%;
display:inline-table;
text-align: justify;
border:1px solid #e1b629;  
    -moz-border-radius:10px 10px 0 0 ;
    -webkit-border-radius:10px 10px 0 0 ;
    border-radius:10px 10px 0 0 ; -khtml-opacity:.50; 
padding:1%;
vertical-align:top;
}

.section_box2{
width:450px;
height:440px; 
margin:1% .5% 1% .5%;
display:inline-table;
text-align: justify;
border:1px solid #e1b629;  
    -moz-border-radius:10px 10px 0 0 ;
    -webkit-border-radius:10px 10px 0 0 ;
    border-radius:10px 10px 0 0 ; -khtml-opacity:.50; 
padding:1%;
vertical-align:top;
}
.section_box3{
max-width:450px;
height:240px; 
margin:1% .5% 1% .5%;
display:inline-table;
text-align: justify;
border:1px solid #e1b629;  
    -moz-border-radius:10px 10px 0 0 ;
    -webkit-border-radius:10px 10px 0 0 ;
    border-radius:10px 10px 0 0 ; -khtml-opacity:.50; 
padding:1%;
vertical-align:top;
}
.section_box4{
max-width:450px;
height:300px; 
margin:1% .5% 1% .5%;
display:inline-table;
text-align: justify;
border:1px solid #e1b629;  
    -moz-border-radius:10px 10px 0 0 ;
    -webkit-border-radius:10px 10px 0 0 ;
    border-radius:10px 10px 0 0 ; -khtml-opacity:.50; 
padding:1%;
vertical-align:top;
}
.section_box5{
max-width:450px;

margin:1% .5% 1% .5%;
display: table-cell;
text-align: justify;
border:1px solid #e1b629;  
    -moz-border-radius:10px 10px 0 0 ;
    -webkit-border-radius:10px 10px 0 0 ;
    border-radius:10px 10px 0 0 ; -khtml-opacity:.50; 
padding:1%;
vertical-align:top;
}

.icon{
margin:11px 0 0 5px;
float:right;
}
.info_box{
height:165px; 
border:2px solid #e1b629; 
}
.info_box_inner{
color:#fff;
padding:10px 10px 0 10px;

}
.info_box_text{
font-size:14px; 
width:70%; 
float:left;
text-align:left;
line-height:20px;
}
.info_box_pic{
width:25%; 
float:right;
padding: 10px;
}
.read_more{
}
a.read_more:active,a.read_more:link,a.read_more:visited,a.read_more:hover{
color:#e1b629;
text-decoration:none;
font-size:13px;
}
a.read_more:hover{
color:#666;
}
.nobroder{
border:none;
}
.bplh{
padding-top:15px;
}
#index_bottom_box{
margin:30px; 
background-color:#FF6699; 
width:920px; 
margin:auto;
}
.index_bottom_pic{
margin-top:10px;
text-align:center;
}
.index_bottom_pic img{
width:100%;
max-width:350px;
}
.about_bottom_pic{
margin-top:10px;
text-align:center;
}
.about_bottom_pic img{
width:100%;
max-width:450px;
}

.references_bottom_pic{
margin-top:20px;
text-align:center;
}
.references_bottom_pic img{
width:100%;
max-width:450px;
}
.about_bottom_pic ref_list{
width:100%;
max-width:450px;
}
.index_bottom_bullets{
color:#fff;  
}
h2.titlename{
font-size:22px; 
font-weight:bold; 
text-align:center; 
color:#e1b629;
margin:0;
padding:0;
text-decoration:underline;
}
ul.dash {
    list-style:none;
    margin-left:0;
    padding-left:1em;
}
ul.dash li:before {
    display:inline-block;
    content:"-";
    width:1em;
    margin-left:-1em;
}
li.dashl{
font-size:17px;
line-height:34px;
}
.about{
margin-bottom:35px;
}
.noborder{
border:none;
}
.about_logo{
width:120px;
text-align:center;
margin:auto;
margin-bottom:38px;
}
.center{
text-align:center;
}
.left{
text-align: left;
}
.references_left_col{
float:left; 
min-width:320px; 
vertical-align:top; 
margin-left:5%;
}
.references_right_col{
float:left; 
vertical-align:top; 
min-width:320px; 
text-align:center; 
margin:1% 5% 5% 5%;
}
.ref_img_div{
text-align:center;
}
.ref_img_div img{
max-width:99%;
}
.white_underline{
border-bottom:1px solid #fefefe;
}
.width_100{
width:100%;
}
.italic{
font-style:italic;
}
.bold{
font-weight:bold;
}
.click_note{
text-align:center;
color:#fefefe;
font-style:italic;
font-size:13px;
}
.click_note_yellow{
text-align:center;
color:#e1b629;
font-style:italic;
font-size:13px;
}
.project_gallery_outer{
text-align:center;
margin:0 auto;
}
.project_gallery_inner{

margin:0 auto;
text-align:center;
}
.project_blivet{
margin:0.5%; 
display:inline-block;
}
.project_blivet img{
display:inline
}
/*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
@media only screen and (max-width : 1020px) {

}

    /* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
.section_box{
width:340px; 
height:200px;  
}
.banner_title{
color:#e1b629;
font-size:19px;
padding: 13px 13px;
line-height:34px;
white-space:nowrap;
}

}

    /* Menu Switch */
@media only screen and (max-width : 799px) {
#header{
max-height:100%;
max-width:100%;
}
.section_box{
width:95%;
height:120px; 
}
#header_logo_box{
width:99%; 
margin-top:10px; 
text-align:center;
}
#header_titles{
width:99%; 
vertical-align:top; 
padding:1%;
text-align:center;
}
#header_phone_box{
width:99%;
vertical-align:top; 
margin-top:3%;
}
.banner_title{
font-size:16px;
line-height:34px;
}

#full_menu{
display:none;

}
#resp_menu{
display: inline;
}
.selected{
font-size:17px;
color:#efc036;
}
a.menu:active,a.menu:link,a.menu:visited,a.menu:hover{
color:#efefef;
letter-spacing:0.11em;
text-decoration:none;
font-size:17px;
/*text-shadow: 0px 1px 0px silver;*/
}
a.menu:hover{
position:relative;
top:1px;
left:1px;
color:#efc036;
/*text-shadow: 0px 0px 0px #434343;*/ 
}
.menu2-gap{
width:120px;
float:left;
}
.menu2-posit{
text-align:center;
padding-top:30px;
margin:0;
}
}

    /* Small Devices, Tablets */
    @media only screen and (max-width : 600px) {
#header{
max-height:100%;
max-width:100%;
}
.section_box{
width:95%;
height:120px; 
}
#header_logo_box{
width:99%; 
margin-top:10px; 
text-align:center;
}
#header_titles{
width:99%; 
vertical-align:top; 
padding:1%;
text-align:center;
}
#header_phone_box{
width:99%;
vertical-align:top; 
margin-top:3%;
}
.banner_title{
font-size:16px;
line-height:34px;
}
.section_box2{
width:95%; 
}
.selected{
font-size:15px;
color:#efc036;
}
a.menu:active,a.menu:link,a.menu:visited,a.menu:hover{
color:#efefef;
letter-spacing:0.11em;
text-decoration:none;
font-size:15px;
/*text-shadow: 0px 1px 0px silver;*/
}
a.menu:hover{
position:relative;
top:1px;
left:1px;
color:#efc036;
/*text-shadow: 0px 0px 0px #434343;*/ 
}
.menu2-gap{
width:98px;
float:left;
}
.menu2-posit{
text-align:center;
padding-top:25px;
margin:0;
}
}

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
.section_box{
width:95%; 
height:150px; 
}
.selected{
font-size:13px;
color:#efc036;
}
a.menu:active,a.menu:link,a.menu:visited,a.menu:hover{
color:#efefef;
letter-spacing:0.11em;
text-decoration:none;
font-size:13px;
/*text-shadow: 0px 1px 0px silver;*/
}
a.menu:hover{
position:relative;
top:1px;
left:1px;
color:#efc036;
/*text-shadow: 0px 0px 0px #434343;*/ 
}
.menu2-gap{
width:84px;
float:left;
}

}


    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
.section_box{
width:95%; 
height:180px; 
}
}