/* Layout Stylesheet */
html body div.clear, html body span.clear {
	background:none;
	border:0;
	clear:both;
	display:block;
	float:none;
	font-size:0;
	margin:0;
	padding:0;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}

/*--GRID--*/

.container_12, .container_16 {
	margin-left:auto;
	margin-right:auto;
	width:960px
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
	display:inline;
	float:left;
	margin-left:10px;
	margin-right:10px
}
.container_12 .grid_3, .container_16 .grid_4 {
	width:220px
}
.grid_3grey {
display:inline;
	float:left;
	margin-top: 20px;
	margin-left:10px;
	margin-right:10px;
	padding-left: 5px;
	padding-right: 5px
}
.container_12 .grid_3grey {
	width:210px;
	background-color:#e8e8e8
}
.container_12 .grid_6, .container_16 .grid_8 {
	width:460px
}
.container_12 .grid_9, .container_16 .grid_12 {
	width:700px
}
.container_12 .grid_12, .container_16 .grid_16 {
	width:940px
}
.alpha {
	margin-left:0
}
.omega {
	margin-right:0
}
.container_12 .grid_1 {
	width:60px
}
.container_12 .grid_2 {
	width:140px
}
.container_12 .grid_4 {
	width:300px
}
.container_12 .grid_5 {
	width:380px
}
.container_12 .grid_7 {
	width:540px
}
.container_12 .grid_8 {
	width:620px
}
.container_12 .grid_10 {
	width:780px
}
.container_12 .grid_11 {
	width:860px
}
.container_16 .grid_1 {
	width:40px
}
.container_16 .grid_2 {
	width:100px
}
.container_16 .grid_3 {
	width:160px
}
.container_16 .grid_5 {
	width:280px
}
.container_16 .grid_6 {
	width:340px
}
.container_16 .grid_7 {
	width:400px
}
.container_16 .grid_9 {
	width:520px
}
.container_16 .grid_10 {
	width:580px
}
.container_16 .grid_11 {
	width:640px
}
.container_16 .grid_13 {
	width:760px
}
.container_16 .grid_14 {
	width:820px
}
.container_16 .grid_15 {
	width:880px
}
.container_12 .prefix_3, .container_16 .prefix_4 {
	padding-left:240px
}
.container_12 .prefix_6, .container_16 .prefix_8 {
	padding-left:480px
}
.container_12 .prefix_9, .container_16 .prefix_12 {
	padding-left:720px
}
.container_12 .prefix_1 {
	padding-left:80px
}
.container_12 .prefix_2 {
	padding-left:160px
}
.container_12 .prefix_4 {
	padding-left:320px
}
.container_12 .prefix_5 {
	padding-left:400px
}
.container_12 .prefix_7 {
	padding-left:560px
}
.container_12 .prefix_8 {
	padding-left:640px
}
.container_12 .prefix_10 {
	padding-left:800px
}
.container_12 .prefix_11 {
	padding-left:880px
}
.container_16 .prefix_1 {
	padding-left:60px
}
.container_16 .prefix_2 {
	padding-left:120px
}
.container_16 .prefix_3 {
	padding-left:180px
}
.container_16 .prefix_5 {
	padding-left:300px
}
.container_16 .prefix_6 {
	padding-left:360px
}
.container_16 .prefix_7 {
	padding-left:420px
}
.container_16 .prefix_9 {
	padding-left:540px
}
.container_16 .prefix_10 {
	padding-left:600px
}
.container_16 .prefix_11 {
	padding-left:660px
}
.container_16 .prefix_13 {
	padding-left:780px
}
.container_16 .prefix_14 {
	padding-left:840px
}
.container_16 .prefix_15 {
	padding-left:900px
}
.container_12 .suffix_3, .container_16 .suffix_4 {
	padding-right:240px
}
.container_12 .suffix_6, .container_16 .suffix_8 {
	padding-right:480px
}
.container_12 .suffix_9, .container_16 .suffix_12 {
	padding-right:720px
}
.container_12 .suffix_1 {
	padding-right:80px
}
.container_12 .suffix_2 {
	padding-right:160px
}
.container_12 .suffix_4 {
	padding-right:320px
}
.container_12 .suffix_5 {
	padding-right:400px
}
.container_12 .suffix_7 {
	padding-right:560px
}
.container_12 .suffix_8 {
	padding-right:640px
}
.container_12 .suffix_10 {
	padding-right:800px
}
.container_12 .suffix_11 {
	padding-right:880px
}
.container_16 .suffix_1 {
	padding-right:60px
}
.container_16 .suffix_2 {
	padding-right:120px
}
.container_16 .suffix_3 {
	padding-right:180px
}
.container_16 .suffix_5 {
	padding-right:300px
}
.container_16 .suffix_6 {
	padding-right:360px
}
.container_16 .suffix_7 {
	padding-right:420px
}
.container_16 .suffix_9 {
	padding-right:540px
}
.container_16 .suffix_10 {
	padding-right:600px
}
.container_16 .suffix_11 {
	padding-right:660px
}
.container_16 .suffix_13 {
	padding-right:780px
}
.container_16 .suffix_14 {
	padding-right:840px
}
.container_16 .suffix_15 {
	padding-right:900px
}


.clearfix:after {
	clear:both;
	content:'.';
	display:block;
	visibility:hidden;
	height:0
}
.clearfix {
	display:inline-block
}
* html .clearfix {
	height:1%
}
.clearfix {
	display:block
}

input[type="text"] {
height:24px;
font-size:1.4em;
border: 1px solid #b7b6a5;}

input:focus, textarea:focus{
border-color: #8d8d8d;
background:#f6f5ec;
}
input:hover, textarea:hover{
border-color: #959488;
background:#f6f5ec;
}

a:active, a:focus {
outline: 0;
}

#hr {
background:url(../images/bkg-hr.gif) repeat-x;
height:12px;
clear:both}

.floatRight {
float:right}

.floatLeft {
float:left;}

#ul210 ul{
width:210px;}

#ul300 ul{
width:300px;}

.margin10 {
margin:10px;}
.marginBottom20{
margin-bottom:20px;}

.marginTop20{
margin-top:20px;}


.indent60px{
margin-left:60px;}

.error {
color:#CC0000;
font-size:1.2em;}

.result {
color:#292924;
font-size:1.5em;}

.red {
color:#CC0000;
font-weight:bold;
font-size:1.2em;
}
.programmingRedBoxes{
background:#ca0000;
color:#fff;
padding:5px;
margin-top:5px;
margin-bottom:5px;}
/*--SECTIONS--*/
#header{
height:70px;}

#navigation{
height:50px;
background:url(../images/bkg-nav.gif) repeat-x 0 0;}

#footer{

background: #efefef;
padding:20px;
color:#999;
}

/*--NAVIGATION--*/
#navigation em { display: none}
#navigation ul { width: 681px; float: left; padding: 0px; margin: 0px; list-style-type: none;}
#navigation li { float: left; padding: 0px; margin: 0px; display: inline; border:none;}
#navigation li a { DISPLAY: block; HEIGHT: 25px }

#navigation li a.home { background: url(../images/nav-home.gif) no-repeat left bottom; WIDTH: 76px }
#navigation li a.homeActive { background: url(../images/nav-home.gif) no-repeat left top; WIDTH: 76px }

#navigation li a.tv { background: url(../images/nav-tv.gif) no-repeat left bottom; WIDTH: 58px }
#navigation li a.tvActive { background: url(../images/nav-tv.gif) no-repeat left top; WIDTH: 58px }

#navigation li a.internet { background: url(../images/nav-internet.gif) no-repeat left bottom; WIDTH: 95px }
#navigation li a.internetActive { background: url(../images/nav-internet.gif) no-repeat left top; WIDTH: 95px }

#navigation li a.phone { background: url(../images/nav-phone.gif) no-repeat left bottom; WIDTH: 116px }
#navigation li a.phoneActive { background: url(../images/nav-phone.gif) no-repeat left top; WIDTH: 116px }

#navigation li a.bill { background: url(../images/nav-bill.gif) no-repeat left bottom; WIDTH: 87px }
#navigation li a.billActive { background: url(../images/nav-bill.gif) no-repeat left top; WIDTH: 87px }

#navigation li a.when { background: url(../images/nav-when.gif) no-repeat left bottom; WIDTH: 180px }
#navigation li a.whenActive { background: url(../images/nav-when.gif) no-repeat left top; WIDTH: 180px }

#navigation li a.faq { background: url(../images/nav-faq.gif) no-repeat left bottom; WIDTH: 69px }
#navigation li a.faqActive { background: url(../images/nav-faq.gif) no-repeat left top; WIDTH: 69px }

#navigation li a:hover { background-position: left top }


/*--SUBNAV--*/
a#what_will_change:link, a#what_will_change:active, a#what_will_change:visited {
display: block;
clear:none;
width: 220px;
height: 25px;
background-image: url(../images/tab-what-will-change.gif);
background-repeat: no-repeat;
text-indent: -9999px;
}	

	a#what_will_change:hover {
	background-position: 0 -25px;
	}

	#what_will_change_ON {
	display: block;
	clear:none;
	width: 220px;
	height: 25px;
	background-image: url(../images/tab-what-will-change.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	background-position: 0 -25px;}

a#what_do_i_do:link, a#what_do_i_do:active, a#what_do_i_do:visited {
display: block;
clear:none;
width: 220px;
height: 25px;
background-image: url(../images/tab-what-do-i-do.gif);
background-repeat: no-repeat;
text-indent: -9999px;
}	

	a#what_do_i_do:hover {
	background-position: 0 -25px;
	}
	
	#what_do_i_do_ON{
	display: block;
	clear:none;
	width: 220px;
	height: 25px;
	background-image: url(../images/tab-what-do-i-do.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	background-position: 0 -25px;}

a#products:link, a#products:active, a#products:visited {
display: block;
clear:none;
width: 220px;
height: 25px;
background-image: url(../images/tab-products.gif);
background-repeat: no-repeat;
text-indent: -9999px;
}	

	a#products:hover {
	background-position: 0 -25px;
	}
	
	#products_ON{display: block;
clear:none;
width: 220px;
height: 25px;
background-image: url(../images/tab-products.gif);
background-repeat: no-repeat;
text-indent: -9999px;
background-position:0 -25px;}
