/* CSS DOCUMENT AHOY */

/*--------(globals,misc)-------*/

body {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #136276;
	}

#home {	
	background: #115b6d url(../img/bgBody.gif) repeat-x;
	}

#subPage {	
	background: #115b6d url(../img/bgSub.gif) repeat-x;
	}

a {
	text-decoration: none;
	}

img {
	border: none;
	}

* {
	margin: 0;
	padding: 0;
	outline: none;
	}
/*--------(=structure)-------*/

#header {
	width: 990px;
	height: 109px;
	margin: 0 auto;
	}

#container {
	width: 990px;
	margin: 0 auto;
	}

#content {
	float: left; 
	background-color: #fff;
	width: 100%;
	padding: 20px 0 0 0;
	margin: 5px 0 0 0;
	}

#flashcontent {
	width: 990px;
	height: 182px;
	z-index: 1;
	}

#flashcontent2 {
	width: 171px;
	height: 137px;
	z-index: 1;
	}

/*--------(=header)-------*/

h1 #logo {
	background: url(../img/logo.jpg) no-repeat top left;
	position: absolute;
	height: 84px;
	width: 303px;
	top: 8px;
	overflow: hidden;
	display: block;
	text-indent: -6000px;
	}

#topContact {	
	float: right;
	height: 34px;
	width: 390px;
	display: inline;
	}

#topContact img {
	float: left;
	padding-top: 12px;
	}

a#contactTop {
	float: left;
	background: url(../img/emailTop.gif) no-repeat top left;
	width: 135px;
	height: 11px;
	margin: 12px 0 0 17px;
	overflow: hidden;
	display: block;
	text-indent: -6000px;
	}

a#contactTop:hover {
	background-position: 0 -11px;
	}

a#supportTop {
	float: right;
	background: url(../img/onlineSupport.gif) no-repeat top left;
	width: 140px;
	height: 34px;
	overflow: hidden;
	display: block;
	text-indent: -6000px;
	}

a#supportTop:hover {
	background-position: 0 -34px;
	}
	
/*--------(=nav)-------*/
#navigation {

	float: right; 
	width: 615px;
	margin: 42px 0 0 0;
	display: inline;
	z-index: 500;
	}
	

ul#nav {	

	background: url(../img/bottomBorder.gif) repeat-x bottom;	
	width: 616px;
	height: 30px;
	list-style: none;
	padding: 0 0 3px 0;	}

	#nav li {

		float: left;
		list-style: none;

		}

	#nav li a {	

		display: block;
		text-indent: -6000px;
		overflow: hidden;
		background-position: center top;
		font-size: 90%;		}

	#nav li ul {

		background-color: #fff;
		position: absolute;
		left: -999em;
		border-bottom: 3px solid #ff9c00;

		}

	#nav li:hover ul, #nav li.sfhover ul {

	left: auto;

	}
.navSmall {
	font-size: 80%;	
	}

/*=subnav*/

ul#showSubAccess li, ul#showSubHighVolumeAccess li, #showSubCustomServices li, #showSubAbout li{  

   	background: url(../img/arrowSmall.gif) no-repeat 0 50%;  
   	margin: 0 0 0 5px;  
    }  

ul#showSubAccess {	
	width: 126px;}

ul#showSubHighVolumeAccess {  
	 width: 152px;}

ul#showSubCustomServices {  
	width: 145px;}
	
ul#showSubAccess li a, ul#showSubHighVolumeAccess li a, #showSubCustomServices li a, #showSubAbout li a {   
       float: left;   
       display: block;  
       text-indent: 0;  
       height: auto;
	   width:110px;  
       padding: 7px 0 7px 15px;  
	   color:#3dafc7;
       }

ul#showSubAccess li a:hover, ul#showSubHighVolumeAccess li a:hover, #showSubCustomServices li a:hover, #showSubAbout li a:hover { 
 	color:  #FFB641;}
	  

/*nav top-level hoverstates*/
#navAccess {
	background: url(../img/internetAccess.gif) no-repeat;
	width: 126px;
	height: 30px;
	}
#navHome {
	background: url(../img/home.gif) no-repeat;
	width: 53px;
	height: 30px;
	}
#navHighVolume {
	background: url(../img/highVolumeAccess.gif) no-repeat;
	width: 153px;
	height: 30px;
	}
#navCustom {
	background: url(../img/custom.gif) no-repeat;
	width: 132px;
	height: 30px;
	}
#navAbout {
	background: url(../img/about.gif) no-repeat;
	width: 58px;
	height: 30px;
	}
#navContactUs {
	background: url(../img/contactUs.gif) no-repeat;
	width: 94px;
	height: 30px;
	}

#nav li a:hover, #home #navHome, #access #navAccess {
		background-position: 50% -30px;
		} 
/*--------(=flash)-------*/
#flash {
	width: 990px;
	height: 182px;
	margin: 0 auto;
	z-index: 1;
	}
/*--------(=home main content)-------*/
#internetAccess, #volume, #custom {
	float: left;
	width: 250px;
	display: inline;
	padding: 0 17px 20px 0;
	}
#internetAccess a, #volume a, #custom a {
	margin: 0 0 20px 0;
	}
#home #content .title a {
	margin: 0 0 5px 0;
	}
	a#adsl {
		background: url(../img/adsl.gif) no-repeat top left;
		width: 165px;
		height: 22px;
		display: block;
		overflow: hidden;
		text-indent: -6000px;
		}
	a#bonded {
		background: url(../img/bonded.gif) no-repeat top left;
		width: 165px;
		height: 22px;
		display: block;
		overflow: hidden;
		text-indent: -6000px;
		}	
	a#t1 {
		background: url(../img/t1.gif) no-repeat top left;
		width: 165px;
		height: 22px;
		display: block;
		overflow: hidden;
		text-indent: -6000px;
		}
	a#t3 {

		background: url(../img/t3.gif) no-repeat top left;
		width: 165px;
		height: 22px;
		display: block;
		overflow: hidden;
		text-indent: -6000px;
		}
	a#fiber {
		background: url(../img/fibre.gif) no-repeat top left;
		width: 165px;
		height: 22px;
		display: block;
		overflow: hidden;
		text-indent: -6000px;
		}
	a#wholesale {
		background: url(../img/wholesale.gif) no-repeat top left;
		width: 165px;
		height: 22px;
		display: block;
		overflow: hidden;
		text-indent: -6000px;
		}	
	a#private {
		background: url(../img/private.gif) no-repeat top left;
		width: 165px;
		height: 42px;
		display: block;
		overflow: hidden;
		text-indent: -6000px;
		}
	a#colocation {
		background: url(../img/colocation.gif) no-repeat top left;
		width: 165px;
		height: 22px;
		display: block;
		overflow: hidden;
		text-indent: -6000px;
		}
	a#consulting {
		background: url(../img/consulting.gif) no-repeat top left;
		width: 165px;
		height: 22px;
		display: block;
		overflow: hidden;
		text-indent: -6000px;
		}
#internetAccess h2, #volume h2, #custom h2 {
		margin: 0 0 15px 0;
		float: left;
		}
body#home #container dl {
	clear: left;
	}
	dt.img a {
		float: left;
		border: solid 3px #3fb0c8;
		width: 65px;
		height: 65px;
		}
		dt.img a:hover {
			border: solid 3px #ff9c00;
			}
	dd.title, dd.caption {
		margin: 0 0 0 80px;
		width: 165px;
		font-size: 85%;
		}
#topTen { /*div*/
	float: left;	
	width: 161px;
	display: inline;
	margin: 0 0 0 22px;
	}
a#top10 {
	background: url(../img/top10.gif) no-repeat top left;
	border: solid 3px #3fb0c8;
	width: 161px;
	height: 126px;
	display: block;
	overflow: hidden;
	text-indent: -6000px;
	}
	a#top10:hover {
		border: solid 3px #ff9c00;
		}
.quote {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 20px 0 0 0;
	line-height: 18px;
	font-size: 85%;
	font-style: italic;
	color: #747474;
	}
.customer {
	color: #1A9FAE;
	font-size: 85%;
	margin: 2px 0 0 0;
	}
.company {
	color: #747474;
	font-size: 85%;
	margin: 2px 0 0 0;
	font-weight: bold;
	}
/*--------(=footer)-------*/
#footer {	
	background-color: #136276;
	clear: both;
	width: 100%;
	border-top: 5px solid #11586b;
	}	
#wrapper {
	width: 990px;
	height: 215px; 
	margin: 0 auto;
	}
#wrapper1 {
	background-color: #115b6d;
	clear: both;
	width: 990px;
	margin: 0 auto;
	}
p.copy {
	float: left;
	padding: 5px 0 35px 0;
	font-size: 85%; 
	color: #DADCD9;
	}
p.general {
	float: right;
	padding: 5px 0 35px 0;
	font-size: 85%; 
	color: #2FBCCD;
	}
#contactBottom {
	float: left;
	width: 270px;
	margin: 25px 0 0 30px;
	}	

#contactBottom h3, table#contactInfo {
	color: #fff;
	font-size: 85%;
	border-collapse: collapse;
	}

table#contactInfo a {
	color: #fff;
		}

#contactInfo a:hover {
	text-decoration: underline;
	}

#contactInfo th {
	padding: 0 0 15px 0;
	text-align: left;
	font-weight: normal;
	} 

#contactInfo td.info {
	width: 55px;
	}

#contactBottom h3 { 
	margin: 0 0 15px 0;
	}

.orange {
	color: #ff9c00; 
	} 

/*--(=footer SubPage)--*/
body#subPage #footer {
	color: #fff;
	}
#subPage #wrapper {
	height: auto;
	}
#subPage #footer ul {	
	font-size: 85%;
	padding: 15px 0;
	}
#subPage #footer ul li {
		list-style: none;
		display: inline;
		padding: 0 20px 0 0;
		}
	#subPage #footer a {	
		color: #fff;
		}
	#subPage #footer ul li a:hover {	
		text-decoration: underline;
		}

/*--------(=footer ContactForm)-------*/

#homeForm {	
	float: left;
	width: 660px;
	padding: 20px 0 20px 0;
	border-right: 1px solid #2B7284;
	}
	
h3#inquiry {
	background: #fff url(../img/inquiry.gif) no-repeat top left;
	color: #fff;
	width: 97px;
	height: 12px; 
	margin: 0 0 20px 0;
	display: block;  
	overflow: hidden;
	text-indent: -6000px;
	}

input {
	border: 1px solid #ccc;
	background: repeat-x bottom left #fff;
	color: #666666;
	font-size: 85%;
	height: 15px;
	width: 159px;
	}
	
label {
	color: #fff;
	font-size: 85%;
	display: block;
	overflow: hidden;
	text-indent: -6000px;
	}

#subject { 
	height: 80px; 
	width: 147px; 
	color: #7a7a7a; 
	font-size: 85%; 
	padding: 3px 0 3px 5px;  
	border: 1px solid #ccc;
	}  
	
* html #subject	{ height: 85px;}

#message {
	background: #fff repeat-x bottom left;
	width: 194px;
	height: 80px;
	display: inline;
	margin: 1px 0 0 0;
	border: 1px solid #ccc;
	color: #666666;
	}

#submit {
	float: left;
	background-color: #0b3d4a;
	border: none;
	width: 50px;
	height: 20px; 
	color: #d1ecef;
	font-size: 80%;
	display: inline;
	margin: 10px 0 0 0px;
	}
	
#clear {
	float: left;
	background-color: #0b3d4a;
	border: none;
	width: 50px;
	height: 20px;
	color: #d1ecef;
	font-size: 80%;
	display: inline;
	margin: 10px 0 0 10px;
	}


	
/*--------(=subpage sidebar)-------*/	
#location {	
	background: url(../img/sectionHeader.jpg) no-repeat top right;
	margin: 0 auto; 
	width: 990px;
	height: 65px;
	}
	
#subHeader {
	float: left;
	width: 715px;
	}

#subHeader h3, #subHeader h4 {
	float: left;
	width: 715px;
	border-bottom: 1px solid #DBDBDB; 
	}

#contactSubHeader {
	float: left;
	width: 715px;
	}

#contactSubHeader h3, #contactSubHeader h4 {
	float: left;
	width: 715px;
	}


#mainContent { 
	width: 715px;
	float: left;
	padding: 10px 0 75px 0;
	}

#contactContent { 
	width: 990px;
	float: left;
	padding: 0 0 75px 0;
	}


#mainContent p, #mainContent ul, #mainContent ol {
	width: 455px;
	float: left;
	} 

#mainContent ul li {
	list-style: none;
	padding: 0 0 0 20px;
	margin: 10px 0 5px 5px;
	background-image: url(../img/bulletArrow.gif);
	background-repeat: no-repeat;
	background-position: 0 5%;
	}

#mainContent ol li {
	padding: 0 0 0 10px;
	margin: 10px 0 5px 30px;
	}
	
.disclaimer  {
	font-size: 70%;
	color:#999999;
	padding-top:20px;
	}

#sideBar {
	float: right;
	width: 237px;
	clear: none;
	}

#sideBar img { margin: 0px;}

#sideBar p {	clear: none;
	width: 230px;
	margin: 0;
	}

#addtnlServices {
	float: right; 
	width: 255px;
	clear: none;
	margin: -95px 0 0 0;
	}

#addtnlServices dl {
	clear: left;
	padding-top: 10px;
	}	
		
#addtnlServices h3 {
	margin: 0 0 10px 0;
	font-size: 90%;
	}

#contactSide {
	float: right; 
	width: 255px;
	clear: none;
	margin: -95px 0 0 0;
	}

#contactSide p{ 
	font-size: 85%;
	line-height:18px
	width: 200px;
	}

#aboutSide {
	float: right; 
	width: 255px;
	clear: none;
	margin: -95px 0 0 0;
	}

#aboutSide p{ 
	font-size: 85%;
	line-height:18px;
	width:200px;
	}

/*--------(=contact us pagee)-------*/

#contactTable {
	postion:relative;
	float: left; 
	}

#formTable {
	postion:relative;
	float: left; 
	margin-left:20px;
	}

.tableCategory {
    padding-top: 10px;
	}

#inquiry2 {
	width: 150px;
	height: 20px; 
	margin: 5px 0 15px 20px;
	display: block;  
	overflow: hidden;
	}

.boldTitle {
	font-size: 85%;
	font-weight: bold;
	text-transform: uppercase;
	}












/*--------(=sIFR)-------*/	
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #home h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 26px;
	}
.sIFR-hasFlash #location h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 18px;
	padding: 15px 0 0 0;
	}

.sIFR-hasFlash #addtnlServices h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 15px; 
	margin: 0 0 25px 0;
}

.sIFR-hasFlash #contactSide h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 15px; 
	margin: 0 0 15px 0;
}

.sIFR-hasFlash #aboutSide h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 15px; 
	margin: 0 0 15px 0;
}

.sIFR-hasFlash #subHeader h3 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 17px;
	padding: 0 0 15px 0;
	}
	
.sIFR-hasFlash #subHeader h4 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 1px;					
	padding: 13px 0;
	margin: 0 0 10px 0;
}

.sIFR-hasFlash #contactSubHeader h3 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 17px;
	padding: 0 0 15px 0;
	}
	
.sIFR-hasFlash #contactSubHeader h4 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 1px;					
	padding: 13px 0;
	margin: 0 0 10px 0;
}
/*
.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}
*/