html, body{ 
 margin:0; 
 padding:4px 0 0 0; 
 text-align:center; 
} 


.leftcontact {

 color:#cbdde9;
  color:#ffffff;

}

#leftref {
 float:left;
 background:#004A90;
 width: 340px;
 color:#FFFFFF;
 font-family: Arial, Helvetica, sans-serif;
text-align:left;
 }
  #leftref p {
 padding: 0 10px 10px 10px;
 	font-size: 12px;
 }
  #leftref h2 {
	font-size: 14px;
	 padding: 10px 10px 0 10px;
 }

 #leftroofing {
 float:left;
 background:#6a6b57;
 width: 340px;
 color:#FFFFFF;
 font-family: Arial, Helvetica, sans-serif;
 text-align:left;
 }
  #leftroofing p {
 padding: 0 10px 10px 10px;
 	font-size: 12px;
 }
  #leftroofing h2 {
	font-size: 14px;
	 padding: 10px 10px 0 10px;
 }
 
 
   #leftbuilding {
 float:left;
 background:#5e485d;
 width: 340px;
 color:#FFFFFF;
 font-family: Arial, Helvetica, sans-serif;
 text-align:left;
 }
  #leftbuilding p {
 padding: 0 10px 10px 10px;
 	font-size: 12px;
 }
  #leftbuilding h2 {
	font-size: 14px;
	 padding: 10px 10px 0 10px;
 }
 
 
   #leftflat {
 float:left;
 background:#346673;
 width: 340px;
 color:#FFFFFF;
 font-family: Arial, Helvetica, sans-serif;
 text-align:left;
 }
  #leftflat p {
 padding: 0 10px 10px 10px;
 	font-size: 12px;
 }
  #leftflat h2 {
	font-size: 14px;
	 padding: 10px 10px 0 10px;
 }
 
 
  #leftgutters {
 float:left;
 background:#0085a0;
 width: 340px;
 color:#FFFFFF;
 font-family: Arial, Helvetica, sans-serif;
 text-align:left;
 }
  #leftgutters p {
 padding: 0 10px 10px 10px;
 	font-size: 12px;
 }
  #leftgutters h2 {
	font-size: 14px;
	 padding: 10px 10px 0 10px;
 }
 
 
 #home {
  color:#ffffff;
  margin: 0px 10px 10px 10px;
   	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
 }
 
  #home h2 {
  color:#ffffff;
  margin: 6px 0px 0px 0px;
   	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
 }
   #home p {
  color:#ffffff;
  margin: 0px 0px 0px 0px;
   	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
 }
 
#home a,#home a:visited {
  color:#ffffff;
  margin: 0px 0px 0px 0px;
   	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration:none;
 }
 
 #home a:hover {
  color:#ffffff;
  margin: 0px 0px 0px 0px;
   	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
text-decoration:underline;
 }
 
  #home ul {
  color:#ffffff;
  margin: 0px 0px 0px 0px;
   	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
 }
 
 
 /* GRID */
.column { float: left; }
.grid2colb { width: 100%; }

.grid2colb .column.first { width: 49%; }
.grid2colb .column.last { width: 49%; }


.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }

p.last, ul.last, ol.last, li.last { _width: auto !important; _float: none !important; }

#container:after, #content:after, .grid2col:after, .grid2cola:after, .grid2colb:after, .grid2colc:after, .grid2cold:after, .grid2cole:after, .grid2colf:after, .grid3col:after, .grid3cola:after, .grid4col:after, .grid5col:after, .grid6col:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#container, #content, .grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { zoom: 1; }



  .style1 {
 color:#ffffff;
 margin: 10px;
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
 }
 
 .style1 a:link, .style1 a:hover, .style1 a:visited, .style1 a:active  {
	color: #ffffff;
}



 .style1 {
 color:#ffffff;
 margin: 10px;
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
 }
 
 .style1 a:link, .style1 a:hover, .style1 a:visited, .style1 a:active  {
	color: #ffffff;
}
 
 
 
  .style1 h1  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
 

 .notice{

 vertical-align: middle;
margin: 4px 10px 4px 10px;  
 clear:both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #a8adad;

 } 

 .footersmall{
 height:30px; 
 line-height:30px; 
 vertical-align: middle;
margin: 4px 0 0 10px;  
  background-color:#FFFFFF; 
 clear:both;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #a8adad;

 } 

.footersmall a:link,.footersmall a:hover,.footersmall a:visited,.footersmall a:active  {
	color: #a8adad;
}
 
.footer{
 height:30px; 
 line-height:30px; 
 vertical-align: middle;
margin: 4px 0 0 10px;  
  background-color:#FFFFFF; 
 clear:both;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #004A91;

 } 
 
.footer a:link,#footer a:hover,#footer a:visited,#footer a:active  {
	color: #004A91;
}
 
 
 .fronticonfr {
	text-align: center;
	margin-right: 0px;
	float: left;
	margin-bottom: 0px;
	width: 170px;
	display: block;
}

.fronticonfr img  { 
padding: 0px 0; 
margin: 0 auto; 
border: 0;
}


.fronticonfr span { 
display: block; 
text-align: center;
border-top:5px solid #346673; 
  line-height:45px; 
 vertical-align: middle;
  background-color:#346673; 

	font-family: "Myriad",Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:  bolder;
	color: #FFFFFF;
	text-decoration: none;
}



  .fronticonb {
	text-align: center;
	margin-right: 0px;
	float: left;
	margin-bottom: 0px;
	width: 170px;
	display: block;
}

.fronticonb img  { 
padding: 0px 0; 
margin: 0 auto; 
border: 0;

}


.fronticonb span { 
display: block; 
text-align: center;
border-top:5px solid #5e485d;
  line-height:45px; 
 vertical-align: middle;
  background-color:#5e485d; 
	text-decoration: none;
	font-family: "Myriad",Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:  bolder;
	color: #FFFFFF;
}
 
 
 
   .frontlogo {
	text-align: center;
	margin-right: 0px;
	float: left;
	margin-bottom: 0px;
	width: 340px;
	display: block;
}

.frontlogo img  { 
padding: 0px 0; 
margin: 0 auto; 
border: 0;
}

  .fronticonr {
	text-align: center;
	margin: 0px;
	float: left;
	padding: 0px;
	width: 170px;
	display: block;
}

.fronticonr img  { 
padding: 0px 0; 
margin: 0 auto; 
border: 0;
}
.iconoutterx {

float:left;
margin-left:4px;}


div.iconx {
	text-align: center;
	margin-right: 4px;
	float: left;
	margin-bottom: 5px;
}

div.iconx a {
text-decoration: none;
	font-family: "Myriad",Arial, Helvetica, sans-serif;
	font-size: 10px;
	display: block;
	float: left;
	border: 0;
	height: 134px;
	width: 100px;
	color: #666;
	vertical-align: middle;
	text-decoration: none;
}

div.iconx a:hover {
	color: #0B55C4;
}

div.iconx img  { padding: 0px 0; margin: 2px; border:0; }
div.iconx span { display: block; text-align: center; }



.iconoutter {
float:left;margin-left:4px;}


div.icon {
	text-align: center;
	margin-right: 4px;
	float: left;
	margin-bottom: 5px;
}

div.icon a {
text-decoration: none;
	font-family: "Myriad",Arial, Helvetica, sans-serif;
	font-size: 10px;
	display: block;
	float: left;
	border: 0;
	height: 97px;
	width: 104px;
	color: #666;
	vertical-align: middle;
	text-decoration: none;
}

div.icon a:hover {
	color: #0B55C4;
}

div.icon img  { padding: 0px 0; margin: 2px; border:0; }
div.icon span { display: block; text-align: center; }


.fronticonr span { 
border-top:5px solid #6a6b57; 
display: block; 
text-align: center;

  line-height:45px; 
 vertical-align: middle;
  background-color:#6a6b57; 
	text-decoration: none;
	font-family: "Myriad",Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:  bolder;
	color: #FFFFFF;
}

 .fronticong {
	text-align: center;
	margin-right: 0px;
	float: left;
	margin-bottom: 0px;
	width: 170px;
	display: block;

}

.fronticong img  { 
padding: 0; 
margin: 0 auto; 
border: 0;

}


.fronticong span { 
border-top:5px solid #0085a0; 
display: block; 
text-align: center;
  line-height:45px; 
 vertical-align: middle;
	font-family: "Myriad",Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:  bolder;
	color: #FFFFFF;	
	background-color:#0085a0; 
	text-decoration: none;
}
.fronticong a:link, .fronticonb a:link , .fronticonr a:link, .fronticonfr a:link
{
	text-decoration: none;
	}
	

.fh { 
margin: 0 4px 4px 0;
text-align: right;
 vertical-align: bottom;
	font-family: "Myriad",Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #004A91;
}

.fh span { 
font-weight:  bolder;
	font-size: 14px;
	color: #004A91;
}
.fh a:link,.fh a:active,.fh a:visited { 
	color: #030303;
	text-decoration: none;
}

.fh a:hover { 
	color: #030303;
	text-decoration: underline;
}




 .frontheader {
	text-align: center;
	margin-right: 0px;
	float: left;
	margin-bottom: 0px;
	width: 460px;
margin-left: 2px;
	display: block;
}


.frontheader { 
margin: 0 4px 4px 0;
text-align: right;
 vertical-align: bottom;
	font-family: "Myriad",Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #004A91;
}

.frontheader span { 
font-weight:  bolder;
	font-size: 14px;
	color: #004A91;
}
.frontheader a:link,.frontheader a:active,.frontheader a:visited { 
	color: #030303;
	text-decoration: none;
}

.frontheader a:hover { 
	color: #030303;
	text-decoration: underline;
}



 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}