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

*{
	margin:0; 
	padding:0; 
}

body{ 
	font-family: Arial, Helvetica, sans-serif; 
	line-height:1.4em; 
	font-size:12px;
	background-color: #333333;
}

/*** Website wrapper Div ***/

#wrapper{ 
	margin:0 auto; 
	width:1000px;  
	min-height:400px; 
	/*background-color:#ffffff;*/
}

#container{
	float:left;
	background:#FFFFFF;
	width:936px; 
	margin-left:12px;
	margin-top:0px;
	padding:15px;
	padding-top:0px;
	padding-left:20px;
	padding-right:20px;
	min-height:400px;
}

/*** Website Heading ***/

#header{
	width:1000px; 
	height:140px;
	margin:0 auto;
	margin-top:20px;
}

.website-heading{
	margin-top:0;
	padding-bottom:0;
}

/*** Horizontal Menu Style with Rollover ***/

/*#menu{ 
	margin:0 auto; 
	width:976px;  
	height:32px;
	background-color:#FFFFFF;
}

#menu ul{ 
	float:right;
	display: inline; 
	list-style-type: none;
	margin-right:15px;
	border:1px solid #000000;
	height:30px
}

#menu ul li{
	float:left; 
	color:#FFFFFF;
	font-family: Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding-right:20px;
	line-height:2em;
}

#menu ul li a{ 
	float:left;
	text-decoration:none;
	color:#666666;
}

#menu ul li a:hover{
	float:left;
	text-decoration:underline;
}*/

.feature{
	float:left;
	margin-left:3px;
	margin-bottom:20px;
}

/******************** Front Boxes ************************/

#electrical{
	float:left;
	width:211px;
	margin-left:10px;
	height:170px;
	background-image:url(images/electrical-bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	margin-right:13px;
}
				
#telecom{
	float:left;
	width:211px;
	margin-left:10px;
	margin-right:13px;
	height:170px;
	background-image:url(images/telecom-bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
				
#audio-visual{
	float:left;
	width:211px;
	margin-left:10px;
	margin-right:13px;
	height:170px;
	background-image:url(images/audio-visual.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
				
#lighting-surge{
	float:left;
	width:211px;
	margin-left:10px;
	height:170px;
	background-image:url(images/lighting-surge-bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

#electrical ul, #telecom ul, #audio-visual ul, #lighting-surge ul{
	margin-left:20px;
	list-style:none;
	padding-top:10px;
}

#electrical ul li, #telecom ul li, #audio-visual ul li, #lighting-surge ul li{
	background:url(images/arrow.gif) 0 50%;
	background-repeat:no-repeat;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:30px;
	/*color:#333333;*/
	color:#ffffff;
	font-size:14px;
	line-height:1em;
}

#lighting {
	margin:0 0 10px 60px;
}

#lighting ul li{
	padding-bottom:5px;
	padding-top:5px;
	padding-left:10px;
	/*color:#333333;*/
	color:#666666;
	font-size:14px;
	line-height:1em;
}

#electrical ul li a, #telecom ul li a, #audio-visual ul li a, #lighting-surge ul li a{
	color:#FFFFFF;
	text-decoration:none;
}

#electrical ul li a:hover, #telecom ul li a:hover, #audio-visual ul li a:hover, #lighting-surge ul li a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

.green-line{
	padding-left:10px;
	margin-bottom:10px;
}


.contact_form {
	float:left;
	width:420px;
}

.contact_form textarea{
	float:left;
	width:220px;
	height:100px;
	margin:0;
}

.contact_form td {
	font-size:14px;
}

/******************** Heading Styles *************************/

h1 { 
	font-family: "Helvetica Rounded", Arial, sans-serif;
	text-align:left; 
	margin-bottom:10px;
	margin-top:4px;
	font-size:16px;
	color:#b1bd17;
	margin-left:10px;
}

h1 span{
	color:#6b7074;
	font-weight:normal;
}

h2, h2 a{
	font-size:15px;
	margin-bottom:15px;
	color:#b1bd17;
	margin-left:10px;
	margin-top:5px;
	text-decoration:none;
}

#electrical h2, #telecom h2, #audio-visual h2, #lighting-surge h2{
	margin-left:-5px;
}

h2 a:hover{
	text-decoration:underline;
}

h3{ 
	font-size: 12px; 
	color: #0099cc;
	font-weight:bold;
	font-family:tahoma, arial, sans-srif;
}

h3 a{ 
	color: #0099cc;
	text-decoration:none;
}

h3 a:hover{ 
	color: #0099cc; 
	text-decoration:underline;
}

h4, h4 a{ 
	font-size: 14px; 
	color: #3366CC;
	font-weight:normal;
	text-decoration:none;
	margin-bottom:10px;
	padding-top:5px;
}

h4 a:hover{
	text-decoration:underline;
} 

/*** Paragraph Styles ***/

p, textarea {
	font-family: Arial, Helvetica, sans-serif;
	margin:0; 
	margin-bottom:8px; 
	color: #666666; 
	line-height:1.4em; 
	font-size:14px;
	margin-left:10px;
}

p a{ 
	color:#b1bc16; 
	text-decoration:none;
}

p a:hover{ 
	color: #b1bc16; 
	text-decoration:underline;
}

p a img{ border:none;}

#container input, #container select, textarea{
	color: #666666; 
	font-size:12px;
}

#container ul.main{
	margin-left:40px;
	margin-bottom:10px;
}

#container ul.main li{
	font-size:14px;
	line-height:1.8em;
	color:#666666;
}

li a{ 
	color:#b1bc16; 
	text-decoration:none;
}

li a:hover{ 
	color: #b1bc16; 
	text-decoration:underline;
}

/******************** tables ************************/

.pic{
	float:left; 
	margin:14px;
	padding-top:30px;
}

.pic2{
	float:left; 
	margin:13px;
}

.network-cables{
	float:right;
	margin:15px;
	margin-top:0;
}

/******************** tables ************************/

td{
	color: #666666; 
	font-size:12px;
	padding:5px;
}

tr.bg{
	background-color:#c0d5eb;
}

td a{
	text-decoration:none;
	color:#3399cc; 
}
	
td a:hover{ 
	color: #3399cc; 
	text-decoration:underline;
}

/************** Website Footer **************/

#footer { 
	clear:both; 
	margin:0 auto;
	font-family:Arial;
	color: #999999;
	line-height:3em; 
	width:1000px; 
	height:35px; 
	background-image:url(images/bottom-corners.gif);
	background-repeat:no-repeat;
}	

#footer a{
	color: #999999;
	text-decoration:none;
}

#footer a:hover{
	color: #999999;
	text-decoration:underline;
}

.footer{
	padding-top:35px;
	color: #999999;
	text-align:right;
	font-size:12px;
	margin-right:30px;
}