/* CSS Document */

body {
	background-image:url(/img/repeater.gif);
	background-repeat:repeat;
	text-align:center;
	margin:0 auto 0 auto;
	padding: 25px 0 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:8.5pt;
	}

a:link, a:visited {
	color:#006699;
	}

a:hover, a:active {
	color:#999;
	}

p {
	padding: 0 0 10px 0;
	margin:0px;
	}

h1 {
	padding:0px;
	margin:0px;
	float:left;
	}

h1 a {
	padding:0px;
	margin:0px;
	display:block;
	width:291px;
	height:105px;
	}

h1 a span {
	display:none;
	}

h2 {
	color:#336699;
	padding: 0;
	margin:0px;
	font-size:9pt;
	text-align:left;
	}

ul {
	padding:0px;
	margin:10px 0 0 20px;
	}

ul li {
	text-align:left;
	padding: 5px 0 0 0;
	}

form#newsletter-signup
{
	position: absolute;

	top: 9px;
	right: 200px;

	width: 250px;

	text-align: right;
}

form#newsletter-signup p input
{
	width: 140px;

	margin: 0px;
	padding: 2px;

	border: 1px inset gray;
	
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 8pt;
}

html* form#newsletter-signup p input
{
	position: relative;

	top: -8px;
}

form#newsletter-signup button
{
	border: none;

	background-color: transparent;
	background-image: url(/img/newsletter-signup.gif);
	background-repeat: no-repeat;

	width: 91px;
	height: 35px;

	cursor: pointer;

	text-indent: -5000px;
}

div#requestbtn {
	float:right;
	padding:8px 34px 0 0;
	}

div#requestbtn a {
	width:147px;
	height:37px;
	display:block;
	background-image:url(/img/request-quote-btn.gif);
	}

div#requestbtn a span {
	display:none;
	}

div#container {
	width:925px;
	margin:0 auto 0 auto;
	}

div#header {
	width:915px;
	height:132px;
	padding: 0 5px 0 5px;
	background-image:url(/img/header.gif);
	background-repeat:no-repeat;
	text-align:center;
	background-position:center;
	display:block;

	position: relative;
	}

div#dropshadow {
	background-image:url(/img/drop-shadow.jpg);
	background-repeat:repeat-y;
	padding: 0 5px 0 5px;
	}

div#nav {
	background-image:url(/img/nav.gif);
	background-repeat:repeat-x;
	height:30px;
	background-position:bottom;
	}

div#nav ul#navigation {
	padding:0px;
	margin:0px;
	}

div#nav ul#navigation li {
	padding:0px;
	margin:0px;
	float:left;
	list-style-type:none;
	}

div#nav ul#navigation li a.on {
	background-position:bottom !important;
	}

div#nav ul#navigation li a#about {
	display:block;
	height:30px;
	width:124px;
	background-image:url(/img/about-us-nav.gif);
	background-position:top;
	}

div#nav ul#navigation li a#about:hover {
	display:block;
	height:30px;
	width:124px;
	background-image:url(/img/about-us-nav.gif);
	background-position:bottom;
	}

div#nav ul#navigation li a#phone {
	display:block;
	height:30px;
	width:159px;
	background-image:url(/img/phone-systems.gif);
	background-position:top;
	}

div#nav ul#navigation li a#phone:hover {
	display:block;
	height:30px;
	width:159px;
	background-image:url(/img/phone-systems.gif);
	background-position:bottom;
	}

div#nav ul#navigation li a#data {
	display:block;
	height:30px;
	width:168px;
	background-image:url(/img/data-networks.gif);
	background-position:top;
	}

div#nav ul#navigation li a#data:hover {
	display:block;
	height:30px;
	width:168px;
	background-image:url(/img/data-networks.gif);
	background-position:bottom;
	}

div#nav ul#navigation li a#cabling {
	display:block;
	height:30px;
	width:109px;
	background-image:url(/img/cabling.gif);
	background-position:top;
	}

div#nav ul#navigation li a#cabling:hover {
	display:block;
	height:30px;
	width:109px;
	background-image:url(/img/cabling.gif);
	background-position:bottom;
	}

div#nav ul#navigation li a#video {
	display:block;
	height:30px;
	width:198px;
	background-image:url(/img/video-surveillance.gif);
	background-position:top;
	}

div#nav ul#navigation li a#video:hover {
	display:block;
	height:30px;
	width:198px;
	background-image:url(/img/video-surveillance.gif);
	background-position:bottom;
	}

div#nav ul#navigation li a#contact {
	display:block;
	height:30px;
	width:157px;
	background-image:url(/img/contact.gif);
	background-position:top;
	}

div#nav ul#navigation li a#contact:hover {
	display:block;
	height:30px;
	width:157px;
	background-image:url(/img/contact.gif);
	background-position:bottom;
	}

div#nav ul#navigation li a span {
	display:none;
	}

div#content {
	min-height:300px;
	}

div#contentsec {
	padding:30px 50px 50px 50px;
	text-align:justify;
	min-height:280px;
	}

div#content div#leftcol {
	float:left;
	width:393px;
	padding: 30px;
	}

div#content div#leftcol p {
	text-align:justify;
	font-size:8.5pt;
	/*line-height:18px;*/
	}

div#content div#rightcol {
	float:left;
	width:423px;
	padding: 30px 30px 30px 3px;
	}


div#content div#rightcol ul#divider  {
	padding:0px;
	margin:0px;
	background-image:url(/img/divider-down.gif);
	background-repeat:repeat-y;
	}

div#content div#rightcol ul#divider li {
	padding:0px 0 0 3px;
	margin:0px;
	height:84px;
	background-image:url(/img/divider-across.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	list-style-type:none;
	}

div#content div#rightcol ul#divider li p {
	text-align:left;
	line-height:12px;
	font-size:8pt;
	padding-top:10px;
	}

p.arrow {
	font-size:10pt;
	}

p.arrow2 {
	background-image:url(/img/arrow2.gif);
	background-repeat:no-repeat;
	padding:0 0 0 80px;
	background-position:bottom left;
	}


p.arrow a {
	background-image:url(/img/arrow.gif);
	background-repeat:no-repeat;
	padding:0 0 0 13px;
	background-position:bottom left;
	}

div#content div#rightcol ul#divider li img {
	float:left;
	}

div#btmbar {
	height:7px;
	background-color:#ff9933;
	}

div#btmbarphone {
	height:7px;
	background-color:#ffcc33;
	}

div#btmbardata {
	height:7px;
	background-color:#ffff66;
	}

div#btmbarcabling {
	height:7px;
	background-color:#ccff33;
	}

div#btmbarvideo{
	height:7px;
	background-color:#66cc66;
	}		
	
div#footer {
	height:26px;
	background-image:url(/img/footer-bg.gif);
	background-position:center;
	color:#99ccff;
	padding-top:10px;
	font-size:8pt;
	}

p#copyright {
	color:#999999;
	font-size:7pt;
	padding:5px 0 0 0;
	}

span.colorhighlight {
	color:#336699;
	}

/*** implementing Holly Hack ***/
.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 */