/* CSS Document */

/*INCLUDE CSS FILES*/
@import url("reset.css");
@import url("nav.css");


/* Main */
* {margin:0; padding:0;}
html {background: #000 url(../!images/bg.jpg) fixed center no-repeat;font-family: Arial,sans-serif;font-size: 14px;}
h2 {font-size: 17px;}
a {color: #2974af; outline-style: none;}

#wrapper {min-height:100%; height:auto!important; height:100%; width:959px; position:relative; margin:0 auto; text-align: center;}
#header {width: 959px; height: 261px; background: url(../!images/head-bg.png) no-repeat;}
#logo {width:334px; height:140px; display:block; background:url(../!images/logo.png) no-repeat; text-indent:-9999px; position:absolute; top: 89px; left:312px;}

#footer {width: 959px; height: 205px; background: url(../!images/footer-bg.png) no-repeat; position: relative; margin-bottom: 30px;}
#speed {background: url(../!images/button-st.png) no-repeat top left; height: 38px; width: 135px; text-indent: -9000px; overflow: hidden; display: block; border: none; position: absolute; top:96px; left: 414px;}
#speed-text {position: absolute; color: #1a2e6b; font-size: 10px; font-weight: bold; top: 140px; left: 422px;}
a:hover#speed {background: url(../!images/button-st.png) no-repeat 0px -38px;}
#terms {background: url(../!images/button-tc.png) no-repeat top left; height: 35px; width: 130px; text-indent: -9000px; overflow: hidden; display: block; border: none; position: absolute; top:168px; left: 414px;}
a:hover#terms {background: url(../!images/button-tc.png) no-repeat 0px -35px;}


/* Home Page */
#content-hp {width: 959px; height: 328px; background: url(../!images/content-bg.jpg) repeat-y; position: relative;}
#hp-left {width: 547px; height: 305px; position: absolute; top: 0; left: 26px; background: url(../!images/ss-bg.png) no-repeat; }
#hp-left img {margin: 9px;}
#hp-right {width: 341px; height: 305px; position: absolute; top: 0; right: 26px; background: url(../!images/cs-bg.png) no-repeat; }
#cs {width:341px; height:175px; display:block; background:url(../!images/cs2.png) no-repeat; text-indent:-9999px;}
#webmail {position: relative; width: 312px; height: 61px; top: 53px; left: 13px;}
#hp-right .input-text {display:block; width:198px; height: 18px; border:2px solid #666; padding:5px 3px 1px 3px; font-family:Arial, sans-serif; font-size: 14px; color: #666; line-height:1.18em; background: url(../!images/input-bg.png) top no-repeat; position: absolute;}
#name {left: 0; top: 0;}
#pwd, #pwdClone {left: 0; bottom: 0;}
input#enter {border: 0; background:url(../!images/enter.png) no-repeat; width:95px; height:28px; margin:0px; padding:0px; text-indent:-9999px; position: absolute; bottom: 0; right: 0; cursor: pointer;font-size: 0; line-height: 0;}
input#enter:hover, input#enter.over{background:url(../!images/enter.png) no-repeat 0px -28px;} 


/* Interior Page */
#content-int {width: 959px; background: url(../!images/content-bg-int.jpg) repeat-y; position: relative; padding: 110px 0 40px; line-height: 18px;}
#top-brdr {position: absolute; width: 907px; height: 12px; left: 26px; top: 0;}
#bot-brdr {position: absolute; width: 907px; height: 12px; left: 26px; bottom: 0;}

#int-left {width: 518px; text-align: left; padding-left: 20px;display: inline-block; float: left; position: relative; left: 50px;}
#channels #int-left {width: 558px; text-align: left; padding-left: 0;display: inline-block; padding-right: 16px;}
#int-left h2 {margin-bottom: 6px;color: #353535;}
#int-left ul {list-style-type: disc; margin-left: 30px;}
.head-left {position: absolute; width: 557px; height: 57px; top:-83px; text-indent: -9999px; left: 0;}
.head-img {margin: -10px 0 30px -20px;}
#h1-about {background: url(../!images/h1-about.png) no-repeat;}
#h1-channels {background: url(../!images/h1-channels.png) no-repeat;}
#h1-xipline {background: url(../!images/h1-xipline.png) no-repeat;}
#h1-service {background: url(../!images/h1-service.png) no-repeat;}
#h1-terms {background: url(../!images/h1-terms.png) no-repeat;}
#h1-faq {background: url(../!images/h1-faq.png) no-repeat;}

#int-right {float: right; width: 237px; padding-right: 47px;font-size: 12px; line-height: 15px; display: inline;}
#int-right span {font-style: italic; font-weight: bold; color: #2974af;}
#int-right img {margin: 10px 0 25px; padding-right: 6px;}
#h1-touch {position: absolute; width: 237px; height: 57px; top:27px; right: 49px; text-indent: -9999px; background: url(../!images/h1-touch.png) no-repeat;}

#accordion span.price {position: absolute; top: 8px; right: 8px;}
#accordion h3 {font-size: 18px; position: relative;}
#accordion table {font-size: 12px; position: relative; z-index: 100;}

#faq #int-left a {font-weight: bold; font-size: 12px;}
#faq #int-left p {color: #353535}
#faq #int-left .question {font-size: 15px; font-weight: bold; font-style: italic; color: #122659; margin: 30px 0 5px 0;}
#faq #int-left .a-link {font-size: 14px!important;}

#tc .indent a {font-size: 12px; font-weight: bold;}
#tc-com {clear: both;}

/* Utility */
.clear {clear:both;}
.left-text {text-align: left;}
.center-text {text-align: center;}
.small {font-size: 11px;}
.large {font-size: 18px;}
.ch-fix {height: 1px; margin: 1px; padding: 1px; line-height: 1px;}
.first {display: block; font-size: 21px; line-height: 25px; margin-bottom: -10px; }
.indent {text-indent: 30px;}
.floatleft {float: left;}

#channels .small {color: #474646;}