@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/gothic.eot');
    src: url('../fonts/gothic.eot') format('embedded-opentype'),
         url('../fonts/gothic.woff') format('woff'),
         url('../fonts/gothic.ttf') format('truetype'),
         url('../fonts/gothic.svg#CeenturyGothicRegular') format('svg');
}

@font-face {
    font-family: 'Century Gothic';
	font-weight: bold;
    src: url('../fonts/gothicb.eot');
    src: url('../fonts/gothicb.eot') format('embedded-opentype'),
         url('../fonts/gothicb.woff') format('woff'),
         url('../fonts/gothicb.ttf') format('truetype'),
         url('../fonts/gothic.svg#CeenturyGothicBold') format('svg');
}

body {
	font-family: 'Century Gothic';
	font-size: 14px;
}

h1 {
	font-size: 30px;
	font-weight: normal;
	margin: 0 0 0.6em 0;
}

h2 {
	font-size: 36px;
	line-height: 36px;
	font-weight: bold;
	margin: 0 0 0.6em 0;
}

h3 {
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 0.8em 0;
}

p {
	line-height: 1.45em;
	margin: 0 0 1.0em 0;
}

#wrapper {
	/* width: 1007px; */
	margin: 0 auto;
	text-align: left;
}

#header {
	
	color:#FFF;
}

#header .container{
	position: relative;
}

#header .container #logo img {
	margin: 10px 0 20px 0;
}

#header .container #right-links {
	position: absolute;
	top: 5px;
	right: 5px;
	
}

#right-links a{
	color:#666;
	font-family:Arial;
	font-size:12px;
	padding-right:20px;
	text-decoration:underline;
}

nav#main ul {
	list-style: none;
	margin: 0;
	width: 100%;
	overflow: hidden;
	clear: both;
}

nav#main ul li {
	display: inline;
	
	
}

nav#main ul li:hover, nav#main ul li.active{
	
}

nav#main ul li a:hover, nav#main ul li a.active, nav#main ul li a, nav#main ul li a{
	margin: 0px 0px 10px 5px;
	padding: 5px 26px 5px 24px;
}

nav#main ul li a:hover, nav#main ul li a.active{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color:#666;
	color:#FFF;
	text-decoration:none;
}

nav#main ul li a {
	display: block;
	float: left;
	color:#666;
	font-size:18px;
}

nav#main ul li ul li a{
	color:#666;
} 

nav#main ul li.television a {
	width: 169px;
}

nav#main ul li.television a.active,
nav#main ul li.television a:hover {
	background-position: 0px -62px;
}

nav#main ul li.internet a {
	width: 165px;
	background-position: -169px 0px;
}

nav#main ul li.internet a.active,
nav#main ul li.internet a:hover {
	background-position: -169px -62px;
}

nav#main ul li.telephone a {
	width: 168px;
	background-position: -334px 0px;
}

nav#main ul li.telephone a.active,
nav#main ul li.telephone a:hover {
	background-position: -334px -62px;
}

nav#main ul li.bundles a {
	width: 165px;
	background-position: -502px 0px;
}

nav#main ul li.bundles a.active,
nav#main ul li.bundles a:hover {
	background-position: -502px -62px;
}

nav#main ul li.about a {
	width: 165px;
	background-position: -667px 0px;
}

nav#main ul li.about a.active,
nav#main ul li.about a:hover {
}nav#main ul li.contact a.active,
nav#main ul li.contact a:hover {
	background-position: -832px -62px;
}

nav#phone select {
	width: 100%;
	margin: 0 0 15px 0;
}

div#sub-nav{
	background-color:#CCC;
}

div#sub-nav ul{
	
	clear:both;
	overflow:hidden;
	width:1011px;
	margin: 0px auto;
}

div#sub-nav ul li{
	display:block;
	float:left;
	padding:10px 0px 10px 30px;	
	
}

div#sub-nav ul li a{
	color:#000;
}

div#sub-nav ul li a.active{
	text-decoration:underline;
}

#slider-images, #slider-text{
	position: relative;
	overflow: hidden;
	clear: both;
	width: 100%;
	height:464px;
}

#slider-images div.slider-images-container, #slider-text div.slider-text-container{
	position: absolute;
	top: 0;
	left: 0;
	/*display: none;*/
}

div.slider-images-container{
	padding:0px 0px 10px;
}

#slider .images div.slider-container a img{	
	width:200px;
}

#slider img.placeholder {
	position: relative;
}

/* Centre widthless floats */
/* http://pmob.co.uk/pob/centred-float.htm */

#controls {
	position:absolute;
	left:0px;
	bottom: 20px;
	text-align:left;
	z-index: 100;
}

#controls ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position:relative;
}

#controls ul li {
	float:left;
	position:relative;
}

#controls ul li a {
	float: left;
	height: 17px;
	width: 17px;
	margin: 0 4px;
	text-indent: -10000px;
	background: url('../img/slider-controls.png') 0px 0px no-repeat;
}

#controls ul li.active a,
#controls ul li a:hover {
	background-position: 0px -17px;
}footer {
	color: #333;
	margin-top: 35px;
}

footer ul li{
	padding:3px 0px;
	line-height:16px;	
}

footer nav {
	padding: 0px 40px 30px 40px;
}

footer h3 {
	font-size: 14px;
	font-weight: bold;
	line-height: normal;
	margin-bottom: 10px;
}

footer h3 a {
	color: #333;
}

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

footer ul li a {
	font-size: 12px;
	text-decoration: none;
	color: #333;
}

article#inner {
	padding: 25px;
}

body#redirect {
	text-align: center;
}

body#redirect header {
	margin: 15px 0;
}

body#redirect article {
	margin: 25px;
}

.align-left {
	text-align: left !important;
}

.align-right {
	text-align: right !important;
}

.align-center {
	text-align: center !important;
}

@media (max-width: 767px) {
	#header #logo img {
		margin: 10px 0;
	}

	#slider #controls ul {
		display: none;
	}

	footer nav {
		padding: 10px;
	}
}

.table tr th {
	background: #d5e2f0 !important; /* no hover */
}

.required {
	color: #900;
}

#home-login{
	font-family:Arial;
	padding-top:40px;
	background: url(../img/left-nav-divider.jpg) left center no-repeat;
	padding-left:20px;
}

#home-login a{
	font-size:10px;
}

.slider-text-container{
	padding-top:20px;
}

.slider-text-container h2{
	margin:0px;
	line-height:30px;
	font-weight:bold;
	font-size:30px;
	
}

.slider-text-container h3{
	margin:0px;
}

.slider-text-container p{
	margin-top:15px;
}

.home-round{
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	height:340px;
	position:relative;
}.home-round, .home-round a{
	color:#FFF;
}

.home-learn-more{
	display:block;
	position:absolute;	
	bottom:30px;
	right:30px;
}

#home-residential-solutions{
	background-color:#93c954;
}

#home-business-solutions{
	background-color:#5ca5bd;
}

#home-improve-customer{
	background-color:#ea8809;
}

.home-round h2{
	font-size:24px;
	line-height:24px;
	font-weight:bold;
	height:80px;
}

.home-round-inner{
	padding:20px;
}

.home-round-image{
	float:right;
}

.section-title-image img{
	width:400px;
}

.section-title-text p{
	width:450px;	
}

.home-round-inner p a{
	color:#FFF;
	text-decoration:underline;	
}

.title-row{
	padding:20px 0px 30px 0px;
}

.price-sign, .price-dollar, .price-cents, .hosting-title{
	float:left;
}

.hosting-title{
	font-weight:bold;
	padding-right:10px;
}

.hosting-yearly-price{
	clear:both;
	padding-left:80px;
}

.product-price{
	height:80px;
	
	margin-left:20px;
}

.product-price, .product-price-three, .product-price-two{
	font-family:Arial;
}
.price-sign{
	padding-top:5px;
	font-size:48px;
	line-height:48px;
}

.product-price-three .price-sign{
        font-size:28px;
        line-height:28px;
}.price-dollar{
	font-size:80px;
	line-height:80px;
}

.product-price-three .price-dollar{
        font-size:66px;
        line-height:66px;
}.price-cents{
	padding-top:7px;
	font-size:30px;
	line-height:30px;
}

.product-price-three .price-cents{
        font-size:20px;
	line-height:20px;
}.price-mo{
	font-size:16px;
}

.products-row{
	height:260px;
}

.products-row p{
	width:205px;	
}

.products-learn-more{
	padding:0px 0px 15px 35px;	
}

.divider{
	clear:both;
	padding-bottom:10px;
}

.left-nav ul{
	list-style:none;
	margin:20px 0px 0px 10px;
}

.left-nav ul li a{
	color:#000;
}

.left-nav ul li{
	padding:5px 0px 0px 8px;
	font-size:16px;
	line-height:16px;
	margin:0px 0px 5px 10px;
	
}

.left-nav ul li.active{
	background:url(/img/left-nav-pointer.jpg) no-repeat;
	background-position:center left;
	
}

#product-image{
	padding:30px 0px 20px 0px;
}

.product-title{
	padding-top:20px;
	font-size:30px;
}

.product-call{
	clear:both;
	padding-top:20px;
	font-size:19px;
}

#product-feature-details, .product-details-titles{
	width:500px;
}

.product-details-titles{
	
	clear:both;
	overflow:hidden;
}

.product-details-title{
	float:left;
	width:24%;
	text-align:center;
	border:1px solid black;
	border-width:0px 1px 0px 0px;
}
.three-wide{

    width:32%;

}
#product-feature-details{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:1px solid black;
}

#product-feature-details-inner{
	padding:20px;
}

#product-feature-details td{
	width:300px;
        font-size:14px;
}

#product-feature-details th{
	font-weight:bold;
	text-align:left;
        font-size:14px;
}

.product-features-disclaimer{
	padding-top:30px;
	font-size:10px;
}

.product-details-text ul li{
	padding-bottom:20px;	
}

.product-details-text ul li ul li{
	padding-bottom:0px;
}

#product_requirements, #product_installation, #product_extras, #product_phones{
	display:none;
}

.product-details-title a{
    color:#000;
}

.product-details-titles{
    padding-top:10px;
}

.section-header-text{
	width:425px;
}

.large-price{
	margin-left:0px;
}
.starting-at{

    margin-bottom:0px;

}
.no-price{

    padding-top:80px;

}
#about-telnet{

    padding-top:20px;

}
#contact-phone, #contact-person, #contact-email, #contact-form{
	webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color:#FFF;
	margin:20px 10px;
}
#contact-phone{

    background-color:#5ca5bd;

}
#contact-person{

    background-color:#db8827

}
#contact-email{

    background-color:#93c954;

}
#contact-form{

    background-color:#666;

}
#contact-phone-inner, #contact-person-inner, #contact-email-inner, #contact-form-inner{

    padding:15px 20px 20px 30px;

}
#contact-phone td{

    color:#FFF;
    width:175px;

}
#contact-email td{

    width:275px;

}
#contact-email td,#contact-person td{
	color:#FFF;
}

#contact-email td a{

    color:#FFF;

}

#contact-person, #contact-form{

    height:auto;

}
#support-hours td{

    width:200px;

}

.starting-at{
	margin-bottom:0px;
}

.phone-image{
    float:left;
}

.phone-details{
    float:left;
    width:165px;
}

.phone-details p{
    padding-left:10px;
}

.product-details-text div.phone-details ul li{
    padding-bottom:0px;
}

.single-phone{
    clear:both;
    width:460px;
    overflow:hidden;
}

.actual-home-image{
	padding-right:25px;
}

#package-comparison th{
	background-color:#666;
	color:#FFF;
}

#package-comparison tr td.package-compare-header{
	background-color:#999;
	color:#FFF;
}

#package-comparison td{
	background-color:#CCC;
}

#package-comparison th, #package-comparison td{
	padding:4px;
}

#package-comparison th:first-of-type{
	width:275px;
}

h3 a, h3 a:hover{
	color:#000;
}

.product-features-table-even td,.product-features-table-even th{
	background-color:#CCC;
}

.bubbleInfo{
    position: relative;
	display:inline;
}

.bubbleInfo a{
	color:#000;
	text-decoration:underline;
}

.popup {
    position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border-width:2px;
	border-color:#000;
	background-color:#CCC;
	padding:15px;
	width:300px;
}

.popup ul li{
	padding-bottom:5px;
}

.phone3{
	width:40px;
}

.phone4{
	width:50px;
}

.phone3, .phone4{
	margin-bottom:0px;
}

.bus-check label{
	display:inline;	
}

.bus-check input{
	margin:0px 0px 4px 0px;
}

.alert-error{
	color:#ff0000;
}

sup{
	text-decoration:none;
}

.phone-features{
	float:left;
	width:200px;
}

.product-details-text ul.phone-features li{
	padding-bottom:10px;	
}

#product_features h3{
	clear:both;
	
}

#address_field{
	display:none;
}

#how-to-container{
	padding-left:40px;
}

#contact-phone-inner a{
	color:#FFF;
}

.business-dsl-features tr td{
	padding-bottom:10px;
}
