@import url("reset.css");
@import url("navigation.css");

html {
	background: url('../images/bg.jpg') repeat-x #eee;
	font: 62.5%/1.5  Arial, Verdana, sans-serif;
	text-align: center;
}
body {
	background: url('../images/page.gif') no-repeat;
	width: 864px;
	height: 600px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
#container {
	text-align: left;
}
#content {
	position: absolute;
	top: 163px;
	background: url('../images/content_bg.gif') repeat-y;
	width: 835px;
	margin-left: 8px;
	padding-left: 13px;
	border-bottom: 1px solid #ccc;
}
strong {
	font-weight: bold;
}

/*---------- 

			header elements
			
					---------------*/
					
					
#header {
}
#header h1 {	/* main logo */
	background: url('../images/logo.gif') no-repeat;
	display: block;
	width: 278px;
	height: 42px;
	text-indent: -9000px;
	position: relative;
	left: 40px;
	top: 50px;
}
#topLinks {
	position: absolute;
	top: 39px;
	right: 27px;
}
#tagLine { /* Corporate Grade Broadband & Voice over IP Solutions Experts */
	background: url('../images/corporate_grade.gif') no-repeat;
	width: 455px;
	height: 14px;
	position: absolute;
	top: 63px;
	right: 20px;
	text-indent: -9000px;
}


/*---------- 

		homepage elements
			
					---------------*/

#feature {
	width: 821px;
	height: 215px;
	background: url('../images/hero.jpg') no-repeat;
}
#feature h2 {
	background: url('../images/enterprise_ip_is_a.jpg') no-repeat;
	display: block;
	width: 515px;
	height: 123px;
	text-indent: -9000px;
}
#feature p {
	font-size: 1.2em;
	font-weight: bold;
	color: #e5f7ff;
	width: 500px;
	margin-left: 24px;
	line-height: 1.5;
	margin-top: 0;
}
.moreLink {
	background: url('../images/icon_arrow.gif') 0 6px no-repeat;
	font-weight: bold;
	padding-left: 20px;
	display: block;
}
.moreLink:hover {
	text-decoration: none;
}
#feature .moreLink {
	color: #fff;
	margin-top: 5px;
}
#whyChose {
	background: url('../images/why_chose_bg.jpg') no-repeat;
	height: 236px;
	width: 485px;
	float: left;
}
#whyChose h3 {
	display: block;
	width: 393px;
	height: 44px;
	background: url('../images/why_chose.gif') no-repeat;
	text-indent: -9000px;
}
#whyChose #choseList {
	border-top: 2px solid #02648e;
	margin-top: 14px;
}

#testimonials {
	background: url('../images/testimonials_bg.jpg') no-repeat;
	width: 336px;
	height: 236px;
	float: left;
}
#testimonials blockquote {
	font-weight: bold;
	font-size: 1.1em;
	color: #001320;
	line-height: 1.5;
	margin-top: 0;
}

/*---------- 

		subpage elements
			
					---------------*/
#title {
	background: url('../images/heading_bg.jpg') no-repeat;
	height: 87px;
	width: 821px;
	border-bottom: 5px solid #e5f7ff;
}
#title h2 {
	font-size: 3.0em;
	text-transform: uppercase;
	font-family: 'Arial Black', Helvetica, sans-serif;	
	color: #fff;
	position: relative;
	top: 20px;
	left: 20px;			
	width: 600px;
}
#subPage {
	background: url('../images/sublevel_bg.jpg') repeat-y;
}
#mainColumn {
	width: 560px;
	float: left;
	margin-left: 20px;
	display: inline;
	padding: 1em 0 1em 0;
}				
#menuColumn {
	width: 230px;
	float: right;
	display: inline;
}
#menuColumn h3 {
	margin: 1.4em 0 0 20px;
	padding-bottom: 8px;
	margin-bottom: 10px;
	color: #000;
	border-bottom: 2px solid #03648f;
	font-size: 1.4em;
	width: 174px;
}
						
/*---------- 

			services boxes
			
					---------------*/
#services {
	border-top: 1px solid #002337;
	clear: both;
	width: 821px;
	background-color: #fff;
	overflow:hidden;
	height: inherit;
}
.servicesBox { 
	float: left;
	height: inherit;
	border-right: 1px solid #eee;
}
.servicesBox p {
	width: 160px;
	margin-left: 46px;
}
.servicesBox h3 {
	display: block;
	text-indent: -9000px;
	height: 13px;
	margin-left: 24px;
	margin-top: 20px;
}
#broadbandServices h3 {
	margin-left: 0 !important;
	width: 165px;
	background: url('../images/broadband_services.gif') no-repeat;
}
#voipServices h3 {
	width: 113px;
	background: url('../images/voip_services.gif') no-repeat;
}
#managedServices h3 {
	width: 149px;
	background: url('../images/managed_services.gif') no-repeat;
}
#networkConsulting h3 {
	width: 167px;
	background: url('../images/network_consulting.gif') no-repeat;
}
#broadbandServices 	{ width: 182px; }				
#voipServices 		{ width: 206px; }				
#managedServices	{ width: 202px; }
#networkConsulting	{ width: 200px; border-right: none; }	


/*---------- 

			footer
			
					---------------*/
#footer {
	clear: both;
	border-top: 1px solid #cccccc;
	width: 821px;
	height: 44px;
}			
#footer p {
	float: left;
}
#footerLinks {
	float: right;
	margin-top: 14px;
}		
			
/*---------- 

			typography
			
					---------------*/


p { 
	font-size: 1.1em;
	line-height: 1.5;
	padding: 0.9em 0 0.9em 0;
}
h2, h3, h4 {
	font-family: 'Arial Black', Helvetica, sans-serif;
	text-transform: uppercase;
}


/*---------- 

			list styles
			
					---------------*/
					
.inlineLinks {
	font-size: 1.1em;
}
.inlineLinks li {
	float: left;
	padding: 0 6px 0 12px;
	background: url('../images/icon_bullet_blue.gif') 0 2px no-repeat;
}
.inlineLinks li a:link, .inlineLinks li a:visited {
	color: #666666;
}
.inlineLinks li a:hover {
	color: #009af9;
}
.inlineLinks li.first {
	background: none;
}

.tickList {
	background: url('../images/servers.jpg') 290px 0 no-repeat;
}
.tickList li {
	background: url('../images/icon_tick.gif') 0 10px no-repeat;
	border-bottom: 1px solid #cee1ea;
	padding: 10px 10px 10px 23px;
	font-size: 1.2em;
}

.servicesList {
	margin-left: 34px;
	margin-top: 10px;
	width: 160px;
} #broadbandServices .servicesList { margin-left: 10px !important; }
.servicesList li {
	background: url('../images/icon_raquo.gif') 0 8px no-repeat;
	padding-left: 10px;
	line-height: 1.5;
}
.servicesList li a {
	font-size: 1.1em;
}
.servicesList li a:link, .servicesList li a:visited {
	color: #009af9;
}
.servicesList li a:hover {
	color: #001320;
}

.breadCrumbs {
	position: absolute;
	top: 60px;
	left: 34px;
	font-size: 1.1em;
	color: #fff;
}
.breadCrumbs li {
	float: left;
	background: url('../images/icon_raquo_blue.gif') 0 5px no-repeat;
	padding: 0 10px 0 14px;
}
.breadCrumbs li a:link, .breadCrumbs li a:visited {
	color: #e5f7ff;
	text-decoration: none;
	font-weight: bold;
}
.breadCrumbs li a:hover {
	color: #fff;
}
.breadCrumbs #base {
	padding-left: 0 !important;
	background: none !important;
}


.subNavMenu li {
	font-size: 1.2em;
	padding: 5px 0 5px 20px;
	line-height: 1.4em;
}
.subNavMenu li a:link, .subNavMenu li a:visited {
	color: #009af9;
}
.subNavMenu li a:hover, .subNavMenu li a:focus {
	color: #001320;
}
.subNavMenu #active {
	background: url('../images/icon_semi.gif') no-repeat;
}
/*---------- 

			utils
			
					---------------*/
					
.pad22 { margin: 22px; }
.pad38 { margin: 28px 30px 28px 38px; }