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

body  {
	font: 1em Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #777;
	background: url(images/top_tile.jpg) top repeat-x #a6bdd5;
}

.clear {clear: both;}

a:focus {outline-style: none;}
a img {border: none;}

a:link{color: #0754a3;}
a:hover{color: #444;}
a:visited{color: #0754a3;}

/*===================== STRUCTURE =====================*/

#header {
	width: 1000px;
	height: 225px;
	margin: 0 auto;
	background: url(images/header.jpg) center top no-repeat;
}

#header p {
	float: right;
	margin: 0;
}

#support, #contact-button, #login {
	display: block;
	width: 141px;
	height: 38px;
	margin: 0;
	background: url(images/remote_support.png) right top no-repeat;
	text-indent: -5000px;
}

#support:hover, #contact-button:hover, #login:hover {
	background-position: left top;
}

#login {
	margin: 20px 0 5px 0;
	background: url(images/customer_login.png) right top no-repeat;
}

#topcontainer {
	background: #e8edf5;
}

#topcontent {
	width: 1000px;
	margin: 0 auto;
}

#top-left {
	width: 250px;
	float: left;
	padding-top: 12px;
}

#top-left p {
	display: block;
	width: 250px;
	height: 121px;
	margin: 0;
	padding: 0;
	font-size: .8em;
	color: #16406f;
}

#top-left a {
	display: block;
	width: 164px;
	height: 60px;
	text-indent: -5000px;
}

#data {
	background: url(images/123_data.jpg) left top no-repeat;
}

#voice {
	background: url(images/123_voice.jpg) left top no-repeat;
}

#itservices {
	background: url(images/123_it_services.jpg) left top no-repeat;
}

#data:hover, #voice:hover, #itservices:hover {
	background-position: right top;
}

#top-right {
	width: 750px;
	float: right;
}

#footer {
	background: url(images/footer_tile.gif) top repeat-x;
	font-size: .8em;
	color: #333;
}

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

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

#footer-content {
	width: 1000px;
	margin: 0 auto;
	padding: 30px 0 30px 0;
	text-align: center;
}

/*===== NAVIGATION =====*/

#navbar {
	width: 1000px;
	height: 53px;
	float: left;
	margin-top: 71px;
}

#navbar ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

#navbar ul li{
	float: left;
}

#navbar ul a{
	display: block;
	height: 53px;
	width: 143px;
	text-decoration: none;
	text-indent: -5000px;
	background-image: url(images/nav.gif);
	background-repeat: no-repeat;
}

#navbar #home{background-position: 0 bottom;}
#navbar #home:hover{background-position:0 top;}
.home #navbar #home{background-position:0 top; cursor:default;}

#navbar #solutions{background-position: -143px bottom;}
#navbar #solutions:hover{background-position: -143px top;}
.solutions #navbar #solutions{background-position: -143px top; cursor:default;}

#navbar #services{background-position: -286px bottom;}
#navbar #services:hover{background-position: -286px top;}
.services #navbar #services{background-position: -286px top; cursor:default;}

#navbar #products{background-position: -428px bottom; width:142px;}
#navbar #products:hover{background-position: -428px top;}
.products #navbar #products{background-position: -428px top; cursor:default;}

#navbar #faq{background-position: -571px bottom;}
#navbar #faq:hover{background-position: -571px top;}
.faq #navbar #faq{background-position: -571px top; cursor:default;}

#navbar #techtips{background-position: -714px bottom;}
#navbar #techtips:hover{background-position: -714px top;}
.techtips #navbar #techtips{background-position: -714px top; cursor:default;}

#navbar #contactus{background-position: -857px bottom;}
#navbar #contactus:hover{background-position: -857px top;}
.contactus #navbar #contactus{background-position: -857px top; cursor:default;}

/*===== COLUMNS =====*/

#columns-back {
	background: url(images/columns_tile.gif) top repeat-x #fff;
}

#columns-content {
	width: 960px;
	margin: 0 auto;
	padding: 20px;
	background: url(images/home_columns.gif) center top no-repeat;
}

.column {
	width: 305px;
	float: left;
	margin-right: 20px;
	font-size: .8em;
}

#column1 {
	background: url(images/money.jpg) right top no-repeat;
}

#column2 {
	background: url(images/success.jpg) right top no-repeat;
}

#column3 {
	margin: 0 0 0 5px;
	background: url(images/voip.jpg) right top no-repeat;
}

.column ul {
	padding-left: 15px;
	*margin-left: 0;
	color: #0754a3;
	font-size: 1.3em;
	font-weight: bold;
}

.column li {
	margin-bottom: 20px;
}

.column .autowidth {
	width: auto;
}

.column ul a {
	color: #0754a3;
	text-decoration: none;
}

.column ul a:hover {
	text-decoration: underline;
}
	
.grey {
	margin-top: 0;
	font-size: .7em;
	color: #999;
}

#phone {
	padding-top: 10px;
	color: #e58a15;
	font-size: 1.5em;
}

/*===== OVERVIEW =====*/

.overview {
	width: 670px;
	background: url(images/overview_tile.gif) center repeat-y;
}

.overview-top {
	padding-top: 40px;
}

.overview-bottom {
	padding: 20px;
	background: url(images/overview_bottom.gif) center bottom no-repeat;
	font-size: 1.3em;
	font-weight: bold;
	color: #0754a3;
}

#solutions-overview {
	background: url(images/overview_top_solutions.gif) center top no-repeat;
}

#products-overview {
	background: url(images/overview_top_products.gif) center top no-repeat;
}

#referral-overview {
	background: url(images/overview_top_referral.gif) center top no-repeat;
}

#savings-overview {
	background: url(images/overview_top_savings.gif) center top no-repeat;
}

#services-overview {
	background: url(images/overview_top_services.gif) center top no-repeat;
}

#assessment-overview {
	background: url(images/overview_top_assessment.gif) center top no-repeat;
}

#datasecurity-overview {
	padding-top: 60px;
	background: url(images/overview_top_data.gif) center top no-repeat;
}

#datasecurity-overview li {
	margin-bottom: 15px;
}

/*===================== SOLUTIONS =====================*/

#content-wrapper {
	padding: 20px 0;
	background: #e8edf5;
}

#content {
	width: 1000px;
	margin: 0 auto;
	background: url(images/content_tile.gif) center repeat-y;
	font-size: .8em;
}

#content-top {
	background: url(images/content_top.gif) center top no-repeat;
}

#content-bottom {
	padding: 15px;
	background: url(images/content_bottom.gif) center bottom no-repeat;
}

h2 {
	color: #0754a3;
	font-size: 1.5em;
}

h3 {
	margin-top: 0;
	color: #0754a3;
}

.text-section, .services-section {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

.text-section img {
	float: left;
	margin: 0 10px 10px 0;
}

.bottom {
	border-bottom: none;
}

#contact-button {
	background: url(images/contact_us.png) right top no-repeat;
}

/*===================== SERVICES =====================*/

#rightcol {
	width: 260px;
	float: right;
}

#leftcol {
	width: 670px;
	float: left;
	padding-right: 20px;
	border-right: 2px solid #ccc;
}

#services-top {
	margin-left: 0;
}

#services-top a {
	display: block;
	float: left;
	width: 155px;
	height: 68px;
	margin-right: 16px;
	text-indent: -5000px;
}

#services-top .noblock {
	display: inline;
	*display: block;
	width: auto;
	height: auto;
	float: none;
	margin-right: auto;
}

#services-top #voice-vision {
	width: 232px;
	height: 36px;
	float: none;
	margin:20px auto 10px auto;
	background: url(images/voice_vision.gif) left top no-repeat;
}

#services-top #data-products {
	width: 202px;
	height: 36px;
	float: none;
	margin:20px auto 10px auto;
	background: url(images/data_products.gif) left top no-repeat;
}

#services-it {
	background: url(images/services_it_icon.gif) left top no-repeat;
}

#services-web {
	background: url(images/services_web_icon.gif) left top no-repeat;
}

#services-hosted {
	background: url(images/services_hosted_icon.gif) left top no-repeat;
}

#services-wiring {
	background: url(images/services_wiring_icon.gif) left top no-repeat;
}

.services-section {
	margin-left: 47px;
}

.quote {
	padding: 15px 10px 10px 10px;
	margin-bottom: 20px;
	background: url(images/quote_top.gif) center top no-repeat;
	font-style: italic;
}

.quoter {
	display: block;
	padding-top: 5px;
	font-weight: bold;
	color: #0754a3;
}

.services-header {
	height: 35px;
	*height: auto;
	padding: 35px 0 0 47px;
	font-weight: bold;
	color: #0754a3;
}

#it {
	background: url(images/services_it.gif) left top no-repeat;
}

#web {
	background: url(images/services_web.gif) left top no-repeat;
	*padding-bottom: 15px;
}

#hosted {
	background: url(images/services_hosted.gif) left top no-repeat;
}

#building {
	background: url(images/services_wiring.gif) left top no-repeat;
	*padding-bottom: 30px;
	*margin-bottom: -20px;
}

/*===================== CONTACT US =====================*/

.info {
	margin-bottom: 30px;
}

#careers ul {
	padding-left: 20px;
}

#careers li {
	margin-bottom: 10px;
}

label {
	float: left;
	width: 120px;
	font-weight: bold;
}

input, textarea {
	width: 180px;
	margin-bottom: 8px;
	padding: 3px;
	border: 1px solid #777;
	color: #777;
}

textarea {
	width: 250px;
	height: 150px;
}

.boxes {
	width: 1em;
}

#submitbutton {
	margin-left: 120px;
	margin-top: 5px;
	width: 90px;
}

br {
	clear: left;
}

.autowidth {
	width: auto;
}

select {
	margin: 0 0 10px 0;
}

.red {
	font-size: .9em;
	color: #FF0000;
}

.blue {
	color: #0754a3;
}

#submitbutton {
	width: 141px;
	height: 38px;
	background: url(images/submit.jpg) center top no-repeat;
	border: none;
	cursor: pointer;
}

#map {
	display: block;
	width: 64px;
	height: 38px;
	margin-top: 10px;
	background: url(images/map.gif) left top no-repeat;
	text-indent: -5000px;
}

/*===================== PRODUCTS =====================*/

.right {
	float: right;
	margin: 0 0 10px 10px;
}

#products-telephone {
	background: url(images/products_telephone_icon.gif) left top no-repeat;
}

#products-conferencing {
	background: url(images/products_conferencing_icon.gif) left top no-repeat;
}

#products-survey {
	background: url(images/products_survey_icon.gif) left top no-repeat;
}

#products-tv {
	background: url(images/products_tv_icon.gif) left top no-repeat;
}

#products-servers {
	background: url(images/products_servers_icon.gif) left top no-repeat;
}

#products-networking {
	background: url(images/products_networking_icon.gif) left top no-repeat;
}

#products-software {
	background: url(images/products_software_icon.gif) left top no-repeat;
}

#telephone {
	background: url(images/products_telephone.gif) left top no-repeat;
}

#conferencing {
	background: url(images/products_conferencing.gif) left top no-repeat;
}

#survey {
	background: url(images/products_survey.gif) left top no-repeat;
}

#tv {
	background: url(images/products_tv.gif) left top no-repeat;
}

#servers {
	background: url(images/products_servers.gif) left top no-repeat;
	*padding-bottom: 15px;
}

#networking {
	background: url(images/products_networking.gif) left top no-repeat;
}

#software {
	background: url(images/products_software.gif) left top no-repeat;
}

.phone {
	font-size: 1.5em;
	color: #333;
}

/*===================== FAQS =====================*/

.switchgroup {
	margin-bottom: 15px;
}

.handcursor {
	cursor:hand;
	cursor:pointer;
}

/*===================== REFERRALS =====================*/

#referral-form {
	margin-top: 30px;
}

#referral-left {
	width: 320px;
	float: left;
}

#referral-right {
	width: 310px;
	float: right;
}

#terms {
	height: 300px;
	margin-top: 30px;
	overflow: scroll;
	font-size: .8em;
}