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

/*********
jWeb
************/

*{
	list-style:none;
	text-decoration:none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #7F7772;
	
}

img{
	border:none;
}

p{
	line-height:22px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}


a{
	color:#767676;
}

a:hover{
	color:#A0A0A0;	
}

body{
	
	background:#FFFFFF;
	height:auto;
	
}

#general{
	margin:0px auto;
	width:760px;
	height:auto;
	padding:0px;
	
	
}

h1{
	font:20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333333;	
}
#content-bg {
	float:left; background:#FFFFFF; display:block; width:760px; 
	}

/* logo */
	.logo {
	margin:10px 20px 10px 20px; width:228px; height:68px; float:left;
}

#header{
width:760px; height:92px; border-top:4px #003366 solid; border-bottom:10px #003366 solid; padding:0px;
}

/*****************
BODY
**********************/


#body{
	width:760px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#FFFFFF;
	

}


#body-boxes{
	background:url(images/body-body.jpg) repeat-y;	
	margin:10px 0px 0px 0px;
	float:left;
	padding:0px;
		
}
#body-boxes h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	padding:2px 0px 2px 10px;
	border-bottom:1px solid #FFFFFF;
	text-align:left;
	margin:0px;
	text-decoration:none
		
}
#body-boxes h1 a:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFFFFF;
	text-decoration:none
}
#body-boxes h1 a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFFFFF;
	text-decoration:none;
	background:url(/images/arrow-link.gif) no-repeat left;
	padding-left:15px;
}
#body-boxes h1 a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFFFFF;
	text-decoration:none
}


#box1{
	width:240px;
	height:111px;
	float:left;
	margin:0px 0px 10px 10px;
	background:url(/images/home-icon-electrical-logo.gif) right bottom no-repeat #EAAA9B;

}
#box1 h1{
	background:#E33A20;

} 

#box2{
	width:240px;
	height:111px;
	float:left;
	background:url(/images/home-icon-communications-logo.gif) right bottom no-repeat #BDDE59;
	margin:0px 0px 10px 10px;
}
#box2 h1{
	background:#90BA11;
}

#box3{
	width:240px;
	height:111px;
	float:left;	
	background: url(/images/home-icon-fibre-optics-logo.gif) right bottom no-repeat #9BD8ED;
	margin:0px 0px 10px 10px;
}
#box3 h1{
	background:#22A3D8;
}
#bx_t{
	height:93px;	
	width:114px;
	margin:10px 0px 0px 10px;
	text-align:left;
	color:#CC0000;
}
#bx_t p{
	color:#666666;
	font-size:12px;
	line-height:16px;
	font-weight:bold;
}

.text1{
	margin-left:5px;
}

#bx_i{
	height:124px;	
	width:30px;
	margin:0px;
	float:left;
}

#bx1_t{
	height:93px;	
	width:100px;
	margin:10px 0px 0px 10px;
	text-align:left;
}
#bx1_t p{
	color:#666666;
	font-size:12px;
	line-height:16px;
	font-weight:bold;
}

#bx1_i{
	height:124px;	
	width:102px;
	margin:0px;
	float:right;
}


#bx2_t{
	height:93px;	
	width:100px;
	margin:10px 0px 0px 10px;
	text-align:left;
}
#bx2_t p{
	color:#666666;
	font-size:12px;
	line-height:16px;
	font-weight:bold;
}
#bx2_i{
	height:124px;	
	width:102px;
	margin:0px;
	float:right;
}

#body-boxes2{
	background:url(images/body-body.jpg) repeat-y;
	height:60px;	
}
#box5{
	width:288px;
	height:60px;
	float:left;
	background:url(images/sep1.jpg) repeat-y 287px 0;
}

#box6{
	width:289px;
	height:60px;
	float:left;	
}
#contentTop{
float:left; width:739px; height:27px; background:url(/images/wire-pan-top.gif) top no-repeat; margin:0px 10px 0px 10px;
}
#content{
float:left; width:689px; border-left:solid 4px #003366; border-right:solid 4px #003366; margin:0px 10px 0px 10px; padding:0px 20px 10px 20px;
}

/******************
TOP and MENU
*********************/

#topmenu{
	width:300px;
	height:39px;
	float:right;
	padding:0px 50px 0px 0px;	
	   
}

/*- Menu Tabs B--------------------------- */

    #tabsB {
      float:left;
      line-height:normal;
	  width:400px;
	  margin:20px 0px 5px 5px;
	
      }
    #tabsB ul {
	  margin:0;
	  padding:45px 5px 0px 5px;
	  list-style:none;
	
      }
    #tabsB li {
      display:inline;
      margin:0;
      padding:0;
	  height:20px;
	  
      }
    #tabsB a {
      float:left;
      margin:0;
      padding:0px 0px 0px 4px;
      text-decoration:none;
	
      }
    #tabsB a span {
      float:left;
      display:block;
      padding:5px 6px 10px 6px;
	  font-size:12px;
	  background:#003366;
	  color:#FFFFFF;
      }
	    #tabsB a:hover span  {
      float:left;
      display:block;
      padding:5px 6px 10px 6px;
	  font-size:12px;
	  background:#CC0000;
	  color:#FFFFFF;
      }

/*************************
OLD STYLES
*****************************/

li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #0099FF;
	list-style-image:url(/images/bullets.gif);
}
#botnav a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF9900;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}
#botnav a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF9900;
	text-decoration: none;
	font-weight: bold;
}
#botnav a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3399FF;
	text-decoration: none;
	font-weight: bold;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-top-color: #FFCC00;
	border-right-color: #FFCC00;
	border-bottom-color: #FFCC00;
	border-left-color: #FFCC00;
}
#content a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF9900;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}
#content a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF9900;
	text-decoration: none;
	font-weight: bold;
}
#content a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3399FF;
	text-decoration: none;
	font-weight: bold;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-top-color: #FFCC00;
	border-right-color: #FFCC00;
	border-bottom-color: #FFCC00;
	border-left-color: #FFCC00;
}
#panel a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}
#panel a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
#panel a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003366;
	text-decoration: none;
	font-weight: bold;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-top-color: #FFCC00;
	border-right-color: #FFCC00;
	border-left-color: #FFCC00;
}
.header-grey-h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
}
.blue-copy {
	color: #013772;
}
.copy-bg {
	background-image: url(/images/bg-pattern.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height:auto; float:left;
}
.header-blue-h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #55A9D2;
	text-decoration: none;
	font-weight: normal;
}
#bottom-body {
	color:#FFFFFF;
	width:750px;
	height:38px;
	padding:12px 10px 0px 0px;
	line-height:260px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
	background:url(/images/bot-pan.gif) repeat-x #003366;
	float:left;
	}
#bottom-body p{
	color:#FFFFFF;
	}
#bottom-body a {
	color:#FFFFFF;
	font-size:12px;
	}
#bottom-body a:hover {
	color:#FFCC00;
	font-size:12px;
	}

#copywrite {
	width:760px;
	height:50px;
	padding-right:10px;
	line-height:120px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
	float:left;
	color:#FFFFFF;
	}
	#copywrite p{
	color:#FFFFFF;
	}
#copywrite a {
	color:#FFFFFF;
	}
#copywrite a:hover {
	color:#FFCC00;
	}
	
	div.logoWrap { width:225px; height:110px; float:left; display:block; text-align:center; border:#CCCCCC 1px dotted; padding-top:14px; }