html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-decoration: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* ------ end erics css reset ------- */

body {
  background: url(images/tc01.jpg) repeat-x;
  font: 90%/140% Verdana, Trebuchet MS, Arial, sans-serif;
  text-align: center;
  color: #12202a;
  }
  
/* ------ styles ------ */ 

a, a:link, a:visited {
  color: #f39800;
  font-weight: bold;
  } 
  
a:hover {
  color: #334047;
  }


h1 a {
  font-size: 2em;
  color: #000;
  margin-bottom: 30px;
  }
   
 h2 {
   font-size: 1.5em;
   color: #f39800;
   padding: 0 0 4px 0;
   margin: 0 0 6px 0;
   }
   

   
 h2.banner {
   border: none;
   }
   
 h3.banner-left-safe {
   text-indent: -9999px;
   background: url(images/tc05.gif) no-repeat;
     display: none;
   }
   
 h3.banner-left-safe a {
   display: block;
   width: 280px;
   height: 90px;
     display: none;
   }
   
 h3.banner-hosting {
   text-indent: -9999px;
   margin: 14px 0 20px 0;
   background: url(images/tc06.gif) no-repeat;
     display: none;
   }
   
 h3.banner-hosting a {
   display: block;
   width: 285px;
   height: 93px;
     display: none;
   }
   
 h3.banner-point {
   text-indent: -9999px;
   background: url(images/tc07.gif) no-repeat;
     display: none;
   }
   
 h3.banner-point a {
   display: block;
   width: 279px;
   height: 123px;
     display: none;
   }
   
#main-left-sub h3.banner-outsourcing-left {
   text-indent: -9999px;
   background: url(images/tc21.gif) no-repeat;
   margin: 20px 0 0 0;
     display: none;
   }
   
 #main-left-sub h3.banner-outsourcing-left a {
   display: block;
   width: 279px;
   height: 89px;
     display: none;
   }
   
   
 #main-left-sub h3.banner-point-left {
   text-indent: -9999px;
   background: url(images/tc07.gif) no-repeat;
   margin: 30px 0 0 0;
     display: none;
   }
   
 #main-left-sub h3.banner-point-left a {
   display: block;
   width: 282px;
   height: 127px;
     display: none;
   }
   
   
  #main-left-sub h3.web-directory-left {
   text-indent: -9999px;
   width: 282px;
   height: 127px;
   background: url(images/tc17.gif) no-repeat;
   margin: 20px 0 0 0;
     display: none;
   }
   
#main-left-sub h3.banner-left-safe {
   text-indent: -9999px;
   background: url(images/tc18.gif) no-repeat;
   margin: 0;
     display: none;
   }
   
#main-left-sub h3.banner-left-safe a {
   display: block;
   width: 276px;
   height: 85px;
     display: none;
   }
 
#main-left-sub h3.banner-hosting {
   text-indent: -9999px;
   margin: 14px 0 20px 0;
   background: url(images/tc06.gif) no-repeat;
   margin-left: 0;
     display: none;
   }
   
#main-left-sub h3.banner-hosting a {
   display: block;
   width: 285px;
   height: 93px;
     display: none;
   }
   
 h4.world-class {
   margin: 20px 0 0 0;
   }
   
h5 {
  font-weight: bold;
  }
  

  
p.intro {
  font-weight: bold;
  font-style: italic;
  line-height: 150%;
  color: #334047;
  font-size: 1.1em;
  margin: 0 0 20px 0;
  } 
  
p.more {
  text-align: right;
  background: url(images/tc09.gif) no-repeat right;
  padding: 0 20px 0 0;
    display: none;
  }
  
p.small {
  font-size: .8em;
  }
  
p.price {
  background: url(images/tc20.gif) no-repeat center left;
  padding: 0 0 0 30px;
  height: 33px;
  }
  
span.orange, p.orange {
  color: #f39800;
  font-weight: bold;
  }
  
p.bold {
  font-weight: bold;
  }
  
span.blue {
  color: #00001A;
  font-weight: bold;
  }
  
hr {
  width: 100%;
  margin: 10px 0;
  border-bottom: solid 1px;
  border-top: none;
  border-left: none;
  border-right: none;
  }
  

  
/* ------ anchor the MAIN nav ------ */

body#home a#homenav,
body#products a#productsnav,
body#about a#aboutnav,
body#support a#supportnav,
body#register a#registernav {
  background: #f39800;
  }

body.fibre a.fibrenav,
body.wireless a.wirelessnav,
body.offsite a.offsitenav,
body.point a.pointnav,
body.out a.outnav,
body.web a.webnav,
body.contact a.contactnav,
body.employment a.employmentnav, 
body.myaccount a.myaccountnav
{
     background: #d9e3ea;
	}
	
body.contact a.subcontactnav,
body.sitemap a.sitemapnav,
body.privacy a.privacynav {
  text-decoration: underline;
  color: #fff;
  }

  
/* ------ website structure ------ */

#wrap {
  width: 100%;
  text-align: left;
  margin: 0 auto 60px auto;
  }
  
#header {

margin-bottom: 40px;
  }
  
#sub-menu {
  float: right;
  display: inline;
  display: none;
  }
  
#main-content {
  }
  
#main-left {
  float: left;
  width: 290px;
  margin: 60px 0 0 0;
    display: none;
  }
  
#main-left-sub { /* sub page left hand content wrap */
  float: left;
  width: 290px;
  margin: 30px 0 0 0;
    display: none;
  }
  
#main-right {
  float: left;
  }
  
#main-right-sub { /* sub page right hand content wrap */
  float: left;
  }
  
#main-right-sub ul {
  margin: 20px;
  }
  
#main-right-sub li {
  margin-bottom: 6px;
  background: url(images/tc23.gif) no-repeat left center;
  padding-left: 20px;
  }
  
#main-right-sub p {
  margin-bottom: 10px;
  }
  
* html #main-right-sub { width: 584px; }

#main-right-sub h3 {
  font-size: 1.2em;
  color: #00001A;
  margin-top: 20px;
  margin-bottom: 8px;
  }
  
#sitemap ul {
  font-size: 1.1em;
  }
  
#sitemap ul ul {
  margin: 0 10px 6px 70px;
  font-size: .9em;
  }
  
#sitemap ul ul ul {
  margin-left: 120px;
  font-size: .8em;
  margin-bottom: 2px;
  }
  
#sitemap li, sitemap li li{
  background: none;
  }
  
#footer {
  width: 100%;
  background: url(images/tc06.jpg) repeat-x;
  text-align: left;
  }
  
#footer-wrap {
  width: 900px;
  background: url(images/tc07.jpg) no-repeat;
  margin: 0 auto;
  font-size: .8em;
  padding: 0 0 20px 0;
  }
  
#footer-left {
  width: 45%;
  float: left;
  }
  
#footer-middle {
  width: 45%;
  float: left;
  }
  
#footer-right {
  width: 294px;
  float: left;
  margin: 30px 0 0 0;
  display: none;
  }
  
#second-footer {
  width: 100%;
  background: #344148 url(images/tc08.jpg) repeat-x;
  color: #d6e0e8;
  font-size: .7em;
  height: 24px;
  padding: 2px 0 0 0;
  }
  

/* ------ sub menu navigation ------ */

ul#sub-menu {

  }

#sub-menu li {
 display: inline;
 font-size: .8em;
 display: none;
 }

#sub-menu li a {
  color: #526574;
  padding: 0 10px;
  font-weight: normal;
  border-right: solid 1px #f39800;
  margin-left: -5px;
  display: none;
  }
  
#sub-menu li a:hover {
  background: #f39800;
  color: #fff;
  text-decoration: none;
  display: none;
  }
  
  
/* ------ main navigation bar and dropdowns ------ */  
  
#nav {
  float: left;
  margin: 0 0 0 310px;
  height: 37px;
  text-transform: uppercase;
  display: inline;
  font-size: 12px;
  display: none;
  }
  
#nav, #nav ul {
	font-weight: bold;
}

#nav ul {
  	border-left: 1px solid #576178;
	}

#nav a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 8px 20px;
	font-weight: normal;
}


#nav li {
	float: left;
	padding: 0;
	border-right: 1px solid #576178;
	border-left: 1px solid #1f2635;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	w\idth: 16em;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0 0 0 -1px;
	background: #e4ebf0;
	font-size: .8em;
	border-right: solid 1px #b1c2d1;
	border-left: solid 1px #b1c2d1;
	border-bottom: solid 1px #b1c2d1;
  }

#nav li li {
    border: none;
	width: 100%;
	background: url(images/tc10.gif) repeat-x;
  }

#nav li ul li a {
	color: #12202a;
	padding: 4px;
	border-bottom: solid 1px #d6e0e8;	
  }

#nav li ul ul {
	margin: -1.75em 0 0 14em;
  }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
  }

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
  }

#nav li:hover, #nav li.sfhover {
	background: #f39800;
  }
  
#nav li li:hover, #nav li li.sfhover {
  background: #adc1cf;
  }

  
/* ------ footer formatting ------ */  


#footer-right li a {
  display: block;
  padding: 2px 0;
  border-bottom: solid 1px #d6e0e8;
  color: #526574;
  font-weight: normal;
  }
  

  
#footer-right li a:hover {
  background: #526574;
  color: #fff;
  }
  
  
  
/* ------ sub page formatting ------ */

#right-images {
  float: right;
  width: 220px;
  }
  
#right-images img {
  float :right;
  margin: 0 0 20px 0;
  }

#left-sub {
  width: 360px;
  float: left;
  }
  
#table-plans {
  margin: 20px 0;
  }
  
#table-plans table {
  font-size: .8em;
  line-height: 135%;
  border-collapse:collapse;
  }
  
#table-plans table th {
  font-size: 1.4em;
  font-weight: bold;
  background: #f39800;
  color: #f39800;
  padding: 6px;
    border-bottom: solid 2px #fff;
	border-right: solid 2px #fff;
  }  
  
#table-plans table th.bg {
  background: #35434a;
  color: #fff;
  font-weight: bold;
  font-size: 1em;
  text-align: center;
  }
  
#table-plans td {
  padding: 6px;
  text-align: center;
  background: #e4ebf0;
  border-bottom: solid 2px #fff;
  border-right: solid 2px #fff;
  }
  
#table-plans td.small {
  font-size: .8em;
  }
  
#table-plans th.left, #table-plans th.left-small {
  padding: 6px;
  font-weight: bold;
  font-size: 1.3em;
  text-align: right;
  color: #303c42;
   background: #e4ebf0;
  }
  
#table-plans th.left-bold {
  background: #afc2d0;
  padding: 6px;
  font-weight: bold;
  font-size: 1.3em;
  text-align: right;
  color: #303c42;
 }
  
#table-plans th.left-small {
  font-size: 1em;
  }
  
  
#product-images img {
  margin: 30px 8px 20px 0;
  }
  
#product-images img.end {
  margin-right: 0;
  }
  
  
#contact-form {
  padding: 10px;
  display: none;
  }
  
#contact-form input, #contact-form textarea {
  border: solid 1px #d6e0e8;
  padding: 2px 2px 4px 2px;
  font: 90%/140% Verdana, Trebuchet MS, Arial, sans-serif;
  }
  
#contact-form input {
  width: 200px;
  }
  
#contact-form input.submit {
  width: 60px;
  background: url(images/tc22.gif) repeat-x;
  margin-right: 20px;
  }
  
#contact-form textarea {
  width: 340px;
  height: 200px;
  }  
  
#contact-form label {
  width: 140px;
  display: block;
  float: left;
  }
  
#contact-form p {
  margin: 0 0 10px 0;
  }
  
#contact-form input.radio-button {
  border: none;
  width: 20px;
  margin-right: 20px;
  }

/* ------ sidebar menu ------ */

#sidebar-menu {
  background: url(images/tc15.gif) no-repeat top left;
  }

#sidebar-menu h3 {
  text-transform: uppercase;
  font-size: 12px;
  color: #526574;
  margin: 0 0 0 20px;
  padding: 4px 0 0 0;
  }
  
#sidebar-menu ul {
  width: 279px;
  margin: 3px 0 30px 0;
  background: #fff;
  padding: 0 0 0 0;
  width: 279px;
  }
  
#sidebar-menu li a {
  display: block;
  padding: 4px 20px;
  border-bottom: solid 1px #d6e0e8;
  color: #526574;
  font-weight: normal;
  }

#sidebar-menu li a:hover {
  background: #d9e3ea;
  }
  

  
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */



.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
	display: none !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
}

span.sIFR-alternate {
	visibility: visible !important;
	display: block !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
}