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

body {
	padding:0;
	margin:0;
	background:url(/images/bg/right-bar.jpg) top left repeat-x;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
}

td {
	vertical-align:top;
}

#left-bar {
	background:url(/images/bg/left-background.gif) right 90px no-repeat;
	height:660px;
}

#logo {
	padding-top:10px;
	padding-bottom:64px;
}

#util-contact {
	padding:20px 51px 0 0;
	width:128px;
	background:url(/images/bg/box-top.gif) left 4px no-repeat;
}

#header {
	position:relative;
	width:970px;
}

#nav {
	width:629px;
	height:34px;
	position:absolute;
	top:14px;
	left:144px;
}

#nav ul {
	list-style-type:none;
	padding:0;
	margin:0;
	overflow:hidden;
}

#nav li {
	float:left;
}

#nav li a {
	background:url(/images/nav/nav-normal.gif) top left no-repeat;
	padding-top:34px;
	height:0;
	overflow:hidden;
	display:block;
}

#nav li a:hover {
	background-image:url(/images/nav/nav-over.gif);
}

#nav li a.active {
	background-image:url(/images/nav/nav-active.gif);
}

#nav li#nav-home a {
	width:85px;
	margin-right:17px;
}

#nav li#nav-about a {
	width:109px;
	margin-right:15px;
	background-position:-102px 0;	
}

#nav li#nav-products a {
	width:105px;
	margin-right:17px;
	background-position:-226px 0;
}

#nav li#nav-rep a {
	width:115px;
	margin-right:19px;
	background-position:-348px 0;	
}

#nav li#nav-pricing a {
	width:147px;
	background-position:-482px 0;		
}

#main-bg {
	background:url(/images/bg/main-bg.gif) 0 90px no-repeat;
	padding-bottom:20px;
}
 
#menu {
	width:224px;
	padding-bottom:20px;
	padding-top:40px;
}

#menu ul {
	list-style-type:none;
	padding:0 0 0 5px;
	margin:0;
}

#menu li a {
	color:#767d80;
	text-decoration:none;
	background:url(/images/menu/menu-normal.gif) 0 10px no-repeat;
	padding:13px 0 3px 20px;
	display:block;
	vertical-align:bottom;
	zoom:1;
}

#menu li a:hover, #menu li a.active {
	color:#003c7d;
	background-image:url(/images/menu/menu-over.gif);	
}

#menu li ul {
	padding:0 0 0 10px;
}

#menu li ul li a {
	background-image:url(/images/menu/bullet-normal.gif);
	background-position:21px 8px;
	padding:2px 0 3px 30px;
}

#menu li ul li a:hover, #menu li ul li a.active {
	background-image:url(/images/menu/bullet-normal.gif);
}

#menu-no-nav {
	width:738px;
	padding-bottom:20px;
	padding-top:40px;
}

.inactive {
	display:none;
}
li.active .inactive {
	display:block;
}

#content {
	width:484px;
	padding:52px 15px 0 15px;
	color:#636363;
}

.content-small {
	padding-left:116px;
}

#content a, #menu-no-nav a {
	color:#003c7d;
	text-decoration:none;
}

#content a:hover, #menu-no-nav a:hover {
	text-decoration:underline;
}

#content p, #menu-no-nav p {
	margin:0;
	padding:0 0 17px 0;
	line-height:16px;
}

#menu-no-nav p {
	margin-right: 30px;
	}

#content .inpage-photo, #content-no-nav .inpage-photo {
	padding-right:10px;
}

#cta {
	width:232px;
	background:url(/images/cta/cta-bottom.gif) bottom left repeat-x #c6ac6b;
	padding-bottom:4px;
}

#cta-show {
	padding:13px 0 13px 14px;
}

#cta-show img {
	padding-right:16px;
}

#cta-copper {
	color:#fff;
	font-size:11px;	
	padding:9px 16px 0 20px;
	line-height:14px;
}

#cta-copper p {
	padding:0 0 6px 0;
	margin:0;
}

#cta-copper .inpage-photo {
	float:right;
	display:inline;
	margin:0 0 0 10px;
}

.cta-copper-title {
	font-weight:bold;
}

.more-info {
	color:#000;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
}

.more-info:hover {
	text-decoration:underline;
}

#cta-catalogues {
	padding:7px 23px 0 23px;
	line-height:12px;
}

#cta-catalogues ul {
	padding:0;
	margin:0;
	list-style-type:none;
}

#cta-catalogues li {
	background:url(/images/cta/orange_bullet.gif) 0 5px no-repeat;
	padding-bottom:8px;
	padding-left:10px;
}

#cta-catalogues li a {
	color:#003c7d;
	text-decoration:none;
}

#cta-catalogues li a:hover {
	text-decoration:underline;
}

#right-bg {
	background:url(/images/bg/right-bg.jpg) right 48px no-repeat;
}

.cta-container {
	background:url(/images/cta/cta-container-bg.gif) top left no-repeat #c6ac6b;
}

#footer {
	background-color:#003c7d;
	font-size:11px;
	height:52px;
	padding-top:7px;
	line-height:18px;
}

#footer-left {
	color:#d8cbac;
	padding-left:19px;
}

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

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

#footer-right {
	color:#fff;
	text-align:right;
	padding-right:19px
}

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

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

.coppertables {
	margin: 20px 0;
}

.coppertables td {
	text-align: center;
}

.coppertables .copperfoot {
	font-size: 80%;
	text-align: right;
	font-weight:bold;	
}

.coppertables td {
	border-bottom: 1px solid #bbb;
}

.repname {
color:#636363;
font-weight:bold;
}
.titles {
color:#636363;
}


.companyname{
color:#000000;
font-size:14px;

}


.copperimg td {
	text-align: center;}

.hardware {
	margin: 40px 0;
	border-bottom: 1px dashed #bbb;
	}

.hardimg {
	padding: 40px 10px;
	float:right;
	font-size: 75%;
	font-weight:bold;
	color:#666;
	text-align: center;
	width: 140px;
	}

.hardimg a, .hardimg a:hover, .hardimg a:active, .hardimg a:visited {
	text-decoration: none;
	}
	
.hardlist li {
	list-style-image:url(../images/bulletlist.gif);
	margin-top: 14px;
	vertical-align: middle;
	}
	
.imgBorder
{
	border: 1px solid #666666;
}
.smallGrey {
	font-size: 11px;
	color: #999999;
}
.boldLg {
	font-size: 14px;
	font-weight: bold;
	color: #5C6365;
}
.tableBg {
	background-color: #F9F5EE;
}
.tableTitle {
	background-color: #E6E9EC;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E9E9E9;
}
.tableLine {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.tableBorder {
	border: 1px solid #CCCCCC;
}