/* CSS Document */

*{margin:0; padding;0;}

body { 
  background-image:url(../images/background.gif);
  background-repeat:repeat; }
  
.commsys {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:.75em;

}  
  
#main_wrapper {
width:1062px;
margin-left:auto;
margin-right:auto;
text-align:left;
}

 
#header_wrapper {
  width:100%
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  }

#headerLeft {
  float:left;
  background-image:url(../layout_images/top_left_commsys_logo.png);
  width:661px;
  height:97px; }
  
#headerRight {
   float:left;
   width:401px;
   height:97px;
   text-align:right;}




#main_body_wrapper {
  width:100%;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  background-image:url(../layout_images/mid_backing.png);
  background-repeat:repeat-y ;

  }

   
 
#nav {
  float:left;
  width:198px;
   }

.links { 
height:32px;
width:178px;
padding: 0px 0 0 20px;
line-height:32px;
background-image:url(../layout_images/link_off.png);
background-repeat:repeat-y;
font-size:.85em;
 }

.links a {
 font-size:1.25em;
 font-weight:bold;
 text-decoration:none;
}

a:hover {text-decoration:underline;}

#quote {
 padding-top:10px;
 padding-left:8px;
 font-size:1.5em;
 font-weight:bold;
 
 
}

#KeithName {
position:relative;
width:120px;
left:290px;
top: -15px;

}


#banner {
   float:left;
   width:848px;
   height:246px;
   margin-left:10px;
   background-image:url(../layout_images/top_main_banner.jpg);
   background-repeat:no-repeat;

}

#page_content {
float:left;
width:848px;
height:246px;
margin-left:10px;

}





#feature_wrapper {
width:1062px;
margin-left:auto;
margin-right:auto;
text-align:left;
background-image:url(../layout_images/feature_backdrop.png);
background-repeat:repeat-y; 
 }
  
  
#feature_content_top {
width:1062px;
}  


.featureA { float:left;
margin-left:42px;
width:300px;
padding-left:8px;
padding-right:8px;
}
.featureB { float:left;
margin-left:10px;
width:550px;
padding-left:25px;
padding-right:20px;
}
.featureC { float:left;
margin-left:42px;
margin-top:1.5em;
width:430px;
padding-left:10px;
padding-right:10px;
}
.featureC img {float:left; padding-right:8px;}
.featureD img {float:left; padding-right:8px;}
.horizontalRule {margin-left:auto; margin-right:auto;width:80%;}
.featureD { float:left;
margin-top:1.5em;
margin-left:10px;
width:410px;
padding-left:10px;
padding-right:10px;
}
.featureZ { float:left;
margin-left:42px;
padding-right:25px;
width:980px

}
  
#feature_content_bottom {
background-image:url(../layout_images/feature_bottom.png);
background-repeat:no-repeat;
height:31px;
width:1062px;
}

#cabling_photos{
width:95%;
margin-left:42px;
text-align:left;


}

.productMan {
text-align:left;
width:40%;
float:left;
margin-left:42px;

} 

.carriers{
margin-left:42px;
width:90%;
clear:both;
}

#service_links_top {
text-align:right;
float:left;
margin-left:320px;

}

#service_links {
margin-left:42px;
}

#feature_content_bottom2 {
background-image:url(../layout_images/feature_bottom.png);
background-repeat:no-repeat;
height:31px;
width:1062px;
margin-left:auto;
margin-right:auto;
text-align:left;

}

#productWrapper {
margin-left:42px;
width:100%;


}


.productMan {
float:left;
text-align:left;
width:45%;


} 
.productManDetail {
float:left;
padding:12px;
width:40%;
}

.productManDetail img {
float:left;
padding:0 8px .5em 0px;
margin-bottom:8px;}





#footer {
width:100%;
margin-left:auto;
margin-right:auto;
text-align:center;
font-size:.95em;
margin-bottom:1em;

}

.clearFloatswithSpace {clear:both; height:2em;}

.logos{ padding-top:20px;
float:left;}

.contact { float:left;
padding-right:1em;}
   
.phone {
padding-top:20px;
font-weight:bold;
font-size:1.5em;

} 
   
.float {float:left;
padding:5px 5px 5px 5px;
clear:both;}

.floatRight {float:Right;
padding-left:10px;
clear:both;}

.clearFloats {clear:both;}

h1,h2,h3,h4,h5,h6 {
line-height:2em;
}

.map {margin-left:48px;}


p {padding-top:5px;
   padding-bottom:5px;}
   
.emp { font-style:oblique;
font-size: 1.5em; }
