@charset "utf-8";
/* CSS Document */

*{
padding:0px;
margin:0px;
}


body{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#454441;
background-color:#025477;
}


#main{
height:auto;
margin-left:auto;
margin-right:auto;
margin-top:18px;
width:801px;
}

#btk{
background-color:#CCCCCC;
}

#header{
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	height: 94px;
	width: 803px;
}



#logo{
float:left;
height:66px;
margin-left:18px;
margin-top:20px;
width:334px;
}
#logo-link{
}

img{
border:none;
}



#phn{
float:right;
margin-right:30px;
margin-top:20px;
width:auto;
}

#phn h1{
font-family:Arial, Helvetica, sans-serif;
font-size:23px;
color:#016D9B;
letter-spacing:-0.5px;
}



#top-navi{
}

#top-navi ul{ 
float:right;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-right:34px;
margin-top:20px;
width:auto;
}

#top-navi li{
color:#404040;
float:left;
font-size:12px;
width:auto;
}


.topsec{
margin-left:14px;
}




#body-part{
	background-color: #FFFFFF;
	float: left;
	height: auto;
	width: 800px;
}

#left-navi{
background-image:url(../images/left-nav-back.jpg);
background-repeat:repeat-x;
float:left;
height:272px;
padding-top:3px;
width:232px
}


#left-navi ul{
list-style:none;
}

#left-navi li{
color:#FFFFFF;
font-size:12px;

}

.nav-line{
background-image:url(../images/nav-line.png);
background-repeat:no-repeat;
height:12px;
margin-top:2px;
width:234px;
}

.nav-text{
margin-bottom:2px;
margin-left:12px;
margin-top:2px;
text-transform:uppercase;
}



#body-img{
	float:right;
	height:275px;
	width:568px;
}


/*#text-part{
	background-image:url(../images/text-back.jpg);
	background-repeat:repeat-x;
	float:left;
	height:256px;
	width:800px;
	margin-top: 1px;
}
*/
#text-part {
background-color:#FFFFFF;
background-image:url(../images/text-back.jpg);
background-repeat:repeat-x;
float:left;
min-height:256px;
width:800px;
margin-top: 1px;
}


#text{ 
float:left;
}

#txt-home-full{
float:left;
margin-left:19px;
margin-right:25px;
margin-top:-5px;
}


#txt-home{
float:left;
margin-left:19px;
margin-top:15px;
width:530px;
}



#text-about{
float:left;
margin-left:19px;
margin-top:15px;
width:530px;
}

#text-about1{
float:left;
margin-left:19px;
margin-top:15px;
width:750px;
}


#text-about h1{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #016D9B;
	color:#016D9B;
}

#text-about1 h1{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #016D9B;
	font-size:20px;
	color:#016D9B;
}

#text-about1 h2{
font-size:16px;
margin-top:15px;
color:#aec9d4;

}


#text-about1 h3{
color:#0393d0;
}

#con{
}


#con p{
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
letter-spacing:0.3px;
margin-bottom:6px;
margin-top:9px !important;
}


#text-about li{
}


#roofing{
margin-bottom:15px;
margin-left:45px;
margin-top:15px;
list-style:none;
}

#roofing li{
margin-top:8px;
}




.light{
color:#016D9B;
}


#text-part p{
font-family:Arial,Helvetica,sans-serif;
letter-spacing:0.3px;
margin-bottom:6px;
margin-top:12px;
font-size:13px;
}



#text h1{
color:#016D9B;
font-family:Arial,Helvetica,sans-serif;
font-size:19px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-bottom:16px;
}



#text h2{
color:#aec9d4;
font-size:17px;
font-weight:bold;
}


#right-part-nav{
background-image:url(../images/right-navi.jpg);
background-repeat:repeat-x;
float:right;
height:265px;
padding-left:16px;
padding-top:16px;
width:218px;
}


#right-part-nav h1{
color:#FFFFFF;
font-size:16px;
}

#right-part-nav ul{
list-style-image:none;
list-style-position:outside;
list-style-type:square;
}


#right-part-nav li{
color:#FFFFFF;
font-size:12px;
margin-left:13px;
margin-top:5px;
}


#footer{
background-color:#D5D3D7;
float:left;
height:48px;

width:800px;
}

#SEO{
float:left;
text-align:center;
height:48px;

width:800px;
}




#space{
	height: 28px;
	width: 800px;
	float: left;
	background-color:#025477;
}


#sitemap{
}

#sitemap ul{
list-style:none;
margin-top:18px;
float:left;
width:auto;
}

#sitemap li{
float:left;
font-size:11px;
margin-left:16px;
margin-right:4px;
width:auto;
}



.sit-link{
color:#016d9b;
}



#metal-roofing-img {
background-image:url(../images/metalroofing.jpg);
background-repeat:no-repeat;
float:left;
height:200px;
margin-bottom:8px;
margin-right:15px;
margin-top:16px;
width:300px;
}


#metalreroofing-img {
background-image:url(../images/metalreroofing.jpg);
background-repeat:no-repeat;
float:left;
height:199px;
margin-bottom:8px;
margin-right:15px;
margin-top:16px;
width:300px;
}

#roofventilation{
	background-image:url(../images/roofventilation.jpg);
	background-repeat:no-repeat;
	float:left;
	height:199px;
	margin-bottom:8px;
	margin-right:15px;
	margin-top:16px;
	width:300px;
}




#solutions{
background-image:url(../images/solutions.jpg);
	background-repeat:no-repeat;
	float:left;
	height:199px;
	margin-bottom:8px;
	margin-right:15px;
	margin-top:16px;
	width:300px;
}

#carports{
background-image:url(../images/carports_img.jpg);
	background-repeat:no-repeat;
	float:left;
	height:225px;
	margin-bottom:8px;
	margin-right:15px;
	margin-top:16px;
	width:300px;
}
#installation{
background-image:url(../images/installation.jpg);
	background-repeat:no-repeat;
	float:left;
	height:225px;
	margin-bottom:8px;
	margin-right:15px;
	margin-top:16px;
	width:300px;
}

#about{
background-image:url(../images/about_img.jpg);
	background-repeat:no-repeat;
	float:right;
	height:263px;
	margin-bottom:8px;
	margin-left:15px;
	margin-top:16px;
	width:350px;
}

#cladding{
background-image:url(../images/cladding_img.jpg);
	background-repeat:no-repeat;
	float:right;
	height:200px;
	margin-bottom:8px;
	margin-left:10px;
	margin-top:16px;
	width:300px;
}
#index{
background-image:url(../images/index_img.jpg);
	background-repeat:no-repeat;
	float:left;
	height:200px;
	margin-bottom:2px;
	margin-right:15px;
	margin-top:5px;
	width:300px;
}

#skylight{
background-image:url(../images/skylight_img.jpg);
	background-repeat:no-repeat;
	float:left;
	height:225px;
	margin-bottom:2px;
	margin-right:15px;
	margin-top:16px;
	width:300px;
}

#removal{
background-image:url(../images/removal.jpg);
background-repeat:no-repeat;
float:right;
height:199px;
margin-bottom:8px;
margin-left:15px;
margin-top:16px;
width:300px;
}




#gallery{
float:left;
margin-left:80px;
margin-top:30px;
}


#gallery ul{
list-style:none;
}

#gallery li{
float:left;
margin-bottom:35px;
}



.mtn{
color:#0092D0;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
}


.resi{
margin-bottom:10px;
}

.gtm{

}



#fft{
float:left;
width:520px;
margin-top:42px;

}


#txt-home h4{
color:#016D9B;
font-family:Arial,Helvetica,sans-serif;
font-size:15px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-bottom:16px;
margin-top:10px;
border-bottom:1px solid #016D9B;

}


#ssd{
float:left;
margin-bottom:40px;
margin-top:42px;
width:520px;
}



.mtn2{
color:#0092D0;
float:right;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
}





.gtl{color:#0092D0;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;

}



.gtt{
color:#0092D0;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
margin-left:180px;
}



#site-home{
}


#site-home ul{
list-style-type:square;
}

#site-home li{
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
margin-left:34px;
margin-top:11px;
color:#0393D0;
}

#site-home h3{
background-color:#b7ddf4;
color:#016D9B;
font-size:17px;
height:22px;
margin-top:20px;
padding-left:10px;
padding-top:3px;
width:731px;
}

#sevices h3{
background-color:#b7ddf4;
color:#016D9B;
font-size:17px;
height:22px;
margin-top:20px;
padding-left:10px;
padding-top:3px;
width:731px;
}


.abt {
list-style-position:inside;
list-style-type:square;
margin-bottom:15px;
margin-left:3px;
}


#sevices ul{
list-style-type:square;
}

#sevices li{
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
margin-left:34px;
margin-top:11px;
color:#0393D0;
text-transform:uppercase;
}




a.nav-top:link{ 
color:#454441;
text-decoration:none;
}

a.nav-top:visited {
color:#454441;
text-decoration:none;
 }
a.nav-top:hover { color: #0393d0;
text-decoration:underline;
}

a.nav-top:active { 
color:#454441;
text-decoration:none;
}








a.nav-left:link{ 
color:#FFFFFF;
text-decoration:none;
}

a.nav-left:visited {
color:#FFFFFF;
text-decoration:none;
 }
a.nav-left:hover { color: #084274;
text-decoration:none;
}

a.nav-left:active { 
color:#FFFFFF;
text-decoration:none;
}








a.footer:link{ 
color:#016d9b;
text-decoration:none;
}

a.footer:visited {
color:#016d9b;
text-decoration:none;
 }
a.footer:hover { color: #016d9b;
text-decoration:underline;
}

a.footer:active { 
color:#016d9b;
text-decoration:none;
}

a.seo:link{ 
color:#016d9b;
text-decoration:none;
font-size:9px;
color:#3CF;
}

a.seo:visited {
color:#016d9b;
text-decoration:none;
font-size:9px;
color:#3CF;
 }
a.seo:hover { color: #FFF;
text-decoration:underline;
font-size:9px;
color:#3CF;
}

a.seo:active { 
color:#016d9b;
text-decoration:none;font-size:9px;
color:#3CF;
}





a.more:link{ 
color:#629a30;
text-decoration:underline;
}

a.more:visited {
color:#629a30;
text-decoration:underline;
 }
a.more:hover { color: #629a30;
text-decoration:none;
}

a.more:active { 
color:#629a30;
text-decoration:underline;
}


a.hmm:link{ 
color:#0393d0;
text-decoration:none;
}

a.hmm:visited {
color:#0393d0;
text-decoration:none;
 }
a.hmm:hover { color: #0393d0;
text-decoration:underline;
}

a.hmm:active { 
color:#0393d0;
text-decoration:none;
}