/**************** basic styles ****************/

body {
    margin: 0; 
    padding: 0;
    background: #BCBCC1 url(i/backgrounds/body-layoutpages.gif) 0 0 repeat-x;
    font-size: 76%;
    text-align: center;
    }

h1 {
        margin:0px 0px 15px 0px;
        padding:0px;
        font-size:28px;
        line-height:28px;
        font-weight:900;
        color:#6882AB;
        }
        
h2 {
        margin:14px 0px 8px 0px;
        padding:0px;
        font-size:14px;
        line-height:28px;
        font-weight:900;
        color:#6882AB;
        font-family:verdana, arial, helvetica, sans-serif;
        }
p {
        font:1em verdana, arial, helvetica, sans-serif;
        line-height: 1.5em;
        margin:0px 80px 26px 0px;
        padding:0px;
        }
#Content>p {margin:0px;}
#Content>p+p {text-indent:30px;}

a {
        color:#09c;
        font-size:11px;
        text-decoration:none;
        font-weight:600;
        font-family:verdana, arial, helvetica, sans-serif;
        }
a:link {color:#09c;}
a:visited {color:#07a;}
a:hover {background-color:#ccc;}

/**************** layout styles ****************/

#header {
        margin:0px 0px 0px 0px;
        padding:0px 0px 0px 0px;
        background-color:transparent;
     
}

#header h1 {
 background: url(i/backgrounds/logo.gif) 0 0 no-repeat;
 width: 430px;
 height: 97px;
 margin: 0px;
 padding: 0;
 }
#header h1 span {
 display: none;
 }
 
#container {
    width: 754px;
    margin: 0 auto;
    padding: 0;
    border: 0;
    background: transparent;
    text-align: left;
    position: relative;
    }
    
      
 /**************** content styles ****************/

#contentpages {
		position: absolute;
		top: 100px;
		left: 0px;
		height: 330px
		width: 704px;
        margin: 0;
        padding: 20px;
        background: #F5F5F6 url(i/backgrounds/contentpagesbg.gif) 0 0 repeat-x;
 voice-family: "\"}\"";
        voice-family:inherit;
        height:370px; /* the correct height */
        width: 754px;
        }
       
#contentpagescon {
		position: absolute;
		top: 100px;
		left: 0px;
		height: 380px
		width: 704px;
        margin: 0;
        padding: 20px;
        background: #F5F5F6 url(i/backgrounds/contentpagesbg.gif) 0 0 repeat-x;
 voice-family: "\"}\"";
        voice-family:inherit;
        height:420px; /* the correct height */
        width: 754px;
        }
h3.contact {
	width: 300px;
	height: 57px;
	background: transparent url(i/txtheads/contact.gif) top left no-repeat;
	margin: 0;}
h3.contact span {
 	display: none;
 	}
h3.certifications {
	width: 300px;
	height: 57px;
	background: transparent url(i/txtheads/certifications.gif) top left no-repeat;
	margin: 0;}
h3.certifications span {
 	display: none;
 	}
h3.credentials {
	width: 300px;
	height: 57px;
	background: transparent url(i/txtheads/credential.gif) top left no-repeat;
	margin: 0;}
h3.credentials span {
 	display: none;
 	}
#contentpages img {
	float: left;
	margin: 0 16px 20px 8px;
	padding: 0;
	border: 0;
	}

#contentpages img.logo {
	float: right;
	margin: 0 16px 20px 8px;
	padding: 0;
	border: 1px solid #000;;
	}
#contentpages ul {
	margin-left: 0px;
	padding: 0px;
	}
#contentpages li {
	font-family:verdana, arial, helvetica, sans-serif;
	line-height: 1.5em; 
	list-style-type: none;
	padding-left: 14px; 
	margin: 0;
	background: transparent url(i/icons/aroow.gif) 0 2px no-repeat;
	}

#contentpages table {
	float: left;
	font-family:verdana, arial, helvetica, sans-serif;
	background: #DFDFE0;
	border: 1px solid #C8C8C9;
	margin: 0px 20px 20px 0;
	}
#contentpages table td {
	background: #DFDFE0;
	border-bottom: 1px solid #C8C8C9;
	padding: 3px 5px;
	margin: 0;
	}
#contentpages table.serv {
	float: left;
	font-family:verdana, arial, helvetica, sans-serif;
	background: #FFF;
	border: 0;
	margin: 0px 20px 20px 0;
	}
#contentpages table.serv td {
	background: #F5F5F6;
	border-bottom: 0;
	padding: 3px 5px;
	margin: 0;
	}
#aboutbg {
	background: transparent url(i/photos/shakinghands.jpg) 400px 200px no-repeat;
	height: 245px;
	}
#productbg {
	background: transparent url(i/photos/cables.jpg) 180px 120px no-repeat;
	height: 400px;
	}
#servicesbg {
	position: absolute;
	top: 300px;
	left: 200px;
	z-index: 1000;
	background: transparent url(i/photos/van.jpg) 0 0 no-repeat;
	width: 500px;
	height: 99px;
	}

#frm {
 margin: 0 150px 0 100px;
 padding: 1em;
 border: 1px solid #C8C8C9;
 }
/**************** global nav styles ****************/
#globalnav {
	position: absolute;
	top: 66px;
	left: 0;
	}
#globalnav ul {
	border: 0;
	margin: 8px 0 0 10px;
	padding: 0;
	list-style-type: none;
	text-align: center;
	}
#globalnav ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	}
#globalnav ul li a {
	background: #6882AB;
	width: 100px;
	height: 16px;
	border-top: 0;
	border-left: 0;
	border-bottom: 0;
	border-right: none;
	padding: 4px 10px;
	margin: 0 10px 0 0;
	color: #FFF;
	text-decoration: none;
	display: block;
	text-align: center;
	font: normal 12px Verdana, arial, helvetica, sans-serif;
	}
#globalnav ul li a:hover {
	color: #FFF;
	background: #FF5800;
	}

    #home #nav-home a, #services #nav-services a,
    #products #nav-products a, #about #nav-about a,
    #contact #nav-contact a {
      background: #FF5800;
      color:#FFF;
      }
      
 /**************** user nav styles ****************/
#Menu {
        position:absolute;
        top:3px;
        right:10px;
        width:80px;
        padding:10px;
        background-color:#2E3D81;
        font:1em verdana, arial, helvetica, sans-serif;
        line-height:17px;
/* Again, the ugly brilliant hack. */
        voice-family: "\"}\"";
        voice-family:inherit;
        width:120px;
        }
/* Again, "be nice to Opera 5". */
body>#Menu {width:120px;}

#Menu a:hover {
 background: #FFF;
 }

 /**************** picture styles ****************/
 #pics {
   	position: absolute;
   	top: 376px;
   	left: 270px;
   	margin: 0;
   	padding: 0;
   	}
 #pics img {
 	margin-right: 18px;
 	}
#industrylogos {
	position: absolute;
	top: 130px;
	left: 450px;
	}
#industrylogos table.indlog {
	background: transparent;
	border: 0;
	padding: 0px;
	margin: 0;
	}
#industrylogos table.indlog td {
	background: transparent;
	border: 0;
	padding: 4px;
	margin: 0;
	}
#industrylogos img {
	border: 1px solid #000;
	margin: 0;
	padding: 0;
	}
#credspics {
	position: absolute;
	top: 100px;
	left: 470px;
	}
 /**************** wrapper styles ****************/
#bottomwrapper {
 position: absolute;
 top:500px;
 left: 0;
 padding: 30px 0 0px 40px;
 width: 100%;
 background: #fff url(i/backgrounds/bottom_wrapper.gif) 0 0 repeat-x;
 }
#bottomwrapperprod {
 position: absolute;
 top:500px;
 left: 0;
 padding: 30px 0 0px 40px;
 width: 100%;
 background: #fff url(i/backgrounds/bottom_wrapper.gif) 0 0 repeat-x;
 }
 #bottomwrapperserv {
 position: absolute;
 top:500px;
 left: 0;
 padding: 30px 0 0px 40px;
 width: 100%;
 background: #fff url(i/backgrounds/bottom_wrapper.gif) 0 0 repeat-x;
 }
 #bottomwrappercon {
 position: absolute;
 top:540px;
 left: 0;
 padding: 30px 0 0px 40px;
 width: 100%;
 background: #fff url(i/backgrounds/bottom_wrapper.gif) 0 0 repeat-x;
 }
 #bottomwrappercert {
 position: absolute;
 top:510px;
 left: 0;
 padding: 30px 0 0px 40px;
 width: 100%;
 background: #fff url(i/backgrounds/bottom_wrapper.gif) 0 0 repeat-x;
 }