@charset "UTF-8";

/*  ----------------- 
ElectSys - Master Stylesheet
	-----------------  */


/* BODY STRUCTURE
--------------------- */

body {
	background-color:#fff;
	margin:0;
	padding:0;}

img {
	border:0;}
	
.clear {clear:both;}

.spacer {height:10px;}
	
/* MASTHEAD STRUCTURE
--------------------- */

#masthead {
	width:905px;
	height:126px;
	margin:10px auto 0;
	padding:0;
	overflow:hidden;}
	
h1 {
	width:301px;
	height:126px;
	text-indent:-9999px;
	display:block;
	background:url(../images/h1_bg.jpg);
	display:block;
	margin:0 0 0 1px;
	float:left;}
	
/* NAVIGATION STRUCTURE
--------------------- */

ul#nav {
	width:590px;
	height:126px;
	list-style-type:none;
	padding:0;
	margin:40px 0 0 0;
	float:right;
	display:block;}
	
#nav li {list-style-type:none; float:left;  height: 126px; padding: 0; margin:0; overflow:hidden; display:block;}
	
#nav li#phone {background:transparent url(../images/nav/phone.gif); background-repeat:no-repeat; width: 81px; margin:0;}
#nav li#data {background:transparent url(../images/nav/data.gif); background-repeat:no-repeat; width: 83px; margin:0;}
#nav li#computers {background:transparent url(../images/nav/computers.gif); background-repeat:no-repeat; width: 113px; margin:0;}
#nav li#printers {background:transparent url(../images/nav/printers.gif); background-repeat:no-repeat; width: 83px; margin:0;}
#nav li#security {background:transparent url(../images/nav/security.gif); background-repeat:no-repeat; width: 113px; margin:0;}
#nav li#service {background:transparent url(../images/nav/service.gif); background-repeat:no-repeat; width: 113px; margin:0;}
#nav li#contact {background:transparent url(../images/nav/contact.gif); background-repeat:no-repeat; width:114px; margin:0;}

#nav a {display:block; height: 126px;text-indent:0px; border-bottom: none; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#17171e; text-decoration:none; font-weight:bold; padding:56px 0 0 0; text-align:center;}

#nav a:hover {color:#E35E25;}


/* CONTAINER STRUCTURE
--------------------- */

#container {
	width:905px;
	background:url(../images/content_bg.jpg) #533e83;
	margin:0 auto;
	padding:0;}
	
#container-top {
	width:905px;
	height:22px;
	background:url(../images/container_top.jpg) no-repeat;}
	
.left {
	float:left;
	width:249px;
	background:url(../images/left_bg.jpg) repeat-y;
	margin:0 0 0 3px;
	display:inline;}
	
#left-contact {
	background:url(../images/left-contact_bg.jpg) no-repeat;
	width:249px;
	height:104px;}
	
ul#left-locations{
	margin:0 auto;
	padding:0;
	list-style-type:none;
	background:#ffffff;
	border-left:1px solid #533e83;
	border-right:1px solid #533e83;
	width:178px;}
	
#leftbar{
	margin:0 auto;
	width:178px;
	padding:0;
	background:#ffffff;
	border-left:1px solid #533e83;
	border-right:1px solid #533e83;
	text-align:center;}

#leftbar p {	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	color:#352552;
	margin-bottom:0px;}
	
#leftbar li{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	color:#352552;
	margin-bottom:0px;
	text-align:left;
	margin-right:8px;}	


#left-locations li {
	margin:0 0 0 25px;
	height:22px;}
	
#left-locations-bottom {
	width:180px;
	height:18px;
	margin:0 auto;
	background:url(../images/locations_bottom.jpg) no-repeat;}

#left-bottom {
	margin:0;
	background:url(../images/left_bottom.jpg) no-repeat;
	height:26px;
	width:249px;}
	
#right {
	float:left;
	width:608px;
	background:url(../images/right_bg.gif);
	display:inline;}
	
#footer {
	background:url(../images/footer_bg.jpg) no-repeat;
	height:80px;
	width:905px;
	margin:0 auto;}
	
	
/* TYPOGRAPHY
--------------------- */

h2 {
	margin:0;
	margin:10px 0px 0px 30px;
	text-indent:-9999px;
	font-family:Verdana, Arial, Helvetica, sans-serif;}

h2.datanetworks {background:url(../images/data_networks.gif) no-repeat;}
h2.phonesystems {background:url(../images/phone_systems.gif) no-repeat;}
h2.securitysystems {background:url(../images/security_systems.gif) no-repeat;}
h2.servicerequest {background:url(../images/service_request.gif) no-repeat;}
h2.contactus1 {background:url(../images/contact_us.gif) no-repeat;}
h2.privacy {background:url(../images/privacy-bar.gif) no-repeat:}
h2.supporthelpdesk {background:url(../images/support_help_desk.gif) no-repeat;}
h2.howtos {background:url(../images/how_tos.gif) no-repeat;}
h2.remotesupport {background:url(../images/remote_support.gif) no-repeat;}
h2.welcome {background:url(../images/welcome.gif) no-repeat;}
h2.thankyou {background:url(../images/thank_you.gif) no-repeat;}
h2.smallbusiness {background:url(../images/small_business_phone_sys.gif) no-repeat;}
h2.enterprise {background:url(../images/enterprise_phone_sys.gif) no-repeat;}
h2.wireless {background:url(../images/wireless_phone_sys.gif) no-repeat;}
h2.headsets {background:url(../images/headsets.gif) no-repeat;}
h2.computers {background:url(../images/computers-laptops.gif) no-repeat;}
h2.printers {background:url(../images/network-printers.gif) no-repeat;}
h2.networks {background:url(../images/computer-networks.gif) no-repeat;}		
	
h3 {
	margin:8px auto 0;
	background:url(../images/locations_bg.jpg) no-repeat;
	width:180px;
	height:21px;
	color:#fff;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	padding: 8px 0 0 0;}

h4 {
	width:555px;
	background:url(../images/heading_bg1.gif) no-repeat;
	margin:20px 0px 10px 28px;
	padding:5px 5px 5px 10px;
	color:#F7CBB9;
	font-weight:bold;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;}
	
h4 a {
	color:#F7CBB9;
	text-decoration:none;
	}
		
h4 a:hover {
	color:#FFFFFF;
	background-color:#6E58A2;
	text-decoration:none;
	}
		
h5 {
	margin:0;
	padding-top:30px;
	color:#F3B196;
	font-weight:bold;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;}
h6 {
    margin:30px;
    color:#000000;
    font-weight:bold;
    font-size:24px;
    font-family:Verdana, Arial, Helvetica, san-serif;
}	
	
	
.contact-info {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:0 0 0 9px;
	text-align:center;}
	
#left-locations {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#352552;}

#right p {
	color:#17171e;
	font-size:12px;
	line-height:17px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0px 30px 0px 30px;}

#right p a {
	color:#17171e;
	text-decoration:underline;
	}

#right p a:hover {
	color:#E35E25;
	text-decoration:none;
	}


#right ul {
	margin:15px 0px 0px 0px;}

#right li {
	color:#fff;
	font-size:11px;
	line-height:16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0px 0px 0px 0px;
	list-style-type:none;
	list-style-position:outside;}

#right td h4 {
	width:245px;
	background:url(../images/heading_bg1.gif) no-repeat;
	margin:30px 0px 0px 0px;
	padding:5px 5px 5px 10px;
	color:#F7CBB9;
	font-weight:bold;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;}
	
#right td h4 a {
	color:#F7CBB9;
	text-decoration:none;
	}
		
#right td h4 a:hover {
	color:#FFFFFF;
	text-decoration:none;
	}
		

#right td h5 {
	margin:0;
	padding-top:30px;
	color:#533E83;
	font-weight:bold;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;}

#right td h5.headsets {
	margin:0;
	padding-top:0px;
	color:#533E83;
	font-weight:bold;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;}

#right td {
	color:#fff;
	font-size:11px;
	line-height:16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-left:-35px;
	_margin-left:0px;
	list-style-type:none;
	list-style-position:outside;}
	
#right .headset td {
	color:#333333;
	text-align:center;
}

#right td a {
	color:#FFFFFF;
	text-decoration:none;
	}

#right td a:hover {
	color:#533E83;
	text-decoration:none;
	}

#right td li {
	color:#17171e;
	font-size:11px;
	line-height:16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-left:-35px;
	_margin-left:0px;
	.margin-left:0px;
	padding:3px 0px 0px 20px;
    background-image:url(../images/bullet.gif);
	background-repeat:no-repeat;
	background-position:5px 8px;}

#right td li a {
	color:#17171e;
	text-decoration:underline;
	}

#right td li a:hover {
	color:#E35E25;
	text-decoration:none;
	}

#right .pdf {
    background-image:url(../images/pdf_icon.gif);
	background-repeat:no-repeat;
	background-position:5px 8px;
	line-height:24px;
	padding:5px 0px 0px 40px;}
	
#right .flash {
    background-image:url(../images/flash_icon.gif);
	background-repeat:no-repeat;
	background-position:5px 8px;
	line-height:26px;
	padding:5px 0px 0px 40px;}
	
#right .ytube {
    background-image:url(../images/ytube_icon.gif);
	background-repeat:no-repeat;
	background-position:7px 8px;
	line-height:26px;
	padding:5px 0px 0px 40px;}
	
#right .help {
    background-image:url(../images/help_icon.gif);
	background-repeat:no-repeat;
	background-position:15px 8px;
	line-height:26px;
	padding:5px 0px 0px 45px;}

#right .installer {
    background-image:url(../images/installer_icon.gif);
	background-repeat:no-repeat;
	background-position:15px 8px;
	line-height:26px;
	padding:5px 0px 0px 45px;}

#right p img {
	margin:0;}
	
#footer p {
	padding:12px 0 0 0;
	text-align:center;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	color:#b4b4b4;
	margin:0;}
	
#right form td{color:#F7CBB9;}
#right form input {background-color:#F0F0F0;padding-left:5px;font-size:11px;}
#right form select {font-size:11px;}

hr {margin:15px 0px 15px 0px;}

/* LINKS, BUTTONS
--------------------- */

.contact-info a {color:#fff; font-weight:bold; text-decoration:none;}
.contact-info a:hover{color:#000;}

.support {
	background:url(../images/support_btn.jpg) no-repeat;
	display:block;
	width:164px;
	height:73px;
	text-indent:-9999px;
	margin:5px auto;}
	
.contactus {
	background:url(../images/contact_btn.jpg) no-repeat;
	display:block;
	width:164px;
	height:73px;
	text-indent:-9999px;
	margin:5px auto;}	

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