/*

AsterHost Stylesheet

*/

* {
margin: 0px;
padding: 0px;
}

body {
font: normal 11px/18px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
color: #3f484e;
background: #DAE6ED url("images/top_bg.jpg") 0 42px repeat-x;
}

p {
font: normal 11px/18px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
color: #3f484e;
}

img {
border: 0px;
}

ul, li {
list-style: none;
}

a {
color: #465157;
text-decoration: none;
}

a:hover {
color: #3f484e;
text-decoration: underline;
}

/* =================================== Top (Live Chat / Phone Number) =================================== */

#body_bottom {
float: left;
width: 100%;
background: url("images/bottom_bg.jpg") left bottom repeat-x;
}

#wrapper {
margin: 0 auto;
width: 975px;
}

#top {
float: left;
width: 971px;
height: 36px;
text-align: right;
}

#top p, #top a {
font: 500 10px/36px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
text-transform: uppercase;
color: #8399A8;
text-decoration: none;
}

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

#top small {
margin: 0 5px;
}

/* =================================== Site Menu =================================== */

#menu_container {
float: left;
width: 971px;
height: 66px;
background: url("images/menu_bg.jpg") repeat-x;
}

#title a {
float: left;
width: 166px;
height: 66px;
background: url("images/title.jpg") no-repeat;
}

#menu {
float: left;
width: 620px;
height: 66px;
margin-left: 185px;
display: inline;
}

#menu li, #menu a {
float: left;
height: 66px;
display: inline;
}

#menu a:hover {
background-position: 0 -66px;
}

#home a {
width: 81px;
background: url("images/home.jpg") no-repeat;
}

#hosting a {
width: 130px;
background: url("images/web_hosting.jpg") no-repeat;
}

#services a {
width: 130px;
background: url("images/services.jpg") no-repeat;
}

#support a {
width: 152px;
background: url("images/support.jpg") no-repeat;
}

#contact a {
width: 127px;
background: url("images/contact.jpg") no-repeat;
}

/* ===================================  Banner (Shared, Reseller, and offshore)  =================================== */

#banner_slider {
float: left;
width: 971px;
height: 231px;
margin: 30px 0 0 0;
background: url("images/banner_bg.jpg") no-repeat;
}

#slider {
position: relative;
width: 971px;
height: 231px;
}

.scroll {
width: 971px;
height: 231px;
overflow: auto;
position: relative; /* fix for IE to respect overflow */
clear: left;
}

.scrollContainer div.panel {
width: 971px;
height: 231px;
}

#shared_banner, #reseller_banner, #offshore_banner {
float: left;
width: 971px;
height: 231px;
display: inline;
}

.banner_left {
float: left;
width: 230px;
margin: 40px 0 0 0;
padding: 0 0 0 70px;
}

.banner_left li {
font: 500 12px/30px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
color: #FFF;
text-shadow: #383E42 1px 1px 0px;
}

.banner_right {
float: left;
width: 601px;
margin: 40px 0 0 35px;
display: inline;
}

.banner_right h1 {
font: bold 24px/30px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
color: #FFF;
text-shadow: #41474A 1px 2px 0px;
}

.banner_right p {
color: #D4D4D4;
font: normal 13px/24px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
text-shadow: #41474A 1px 2px 0px;
}

#shared_button a {
font: 16px/22px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
color: #FFF;
text-shadow: #41474A 1px 2px 0px;
text-align: center;
float: left;
width: 158px;
height: 35px;
background: url("images/button.jpg") no-repeat;
margin: 15px 0 0 0;
}

#reseller_button a {
font: 16px/22px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
color: #FFF;
text-shadow: #41474A 1px 2px 0px;
text-align: center;
float: left;
width: 158px;
height: 35px;
background: url("images/button.jpg") no-repeat;
margin: 15px 0 0 0;
}

#offshore_button a {
font: 16px/22px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
color: #FFF;
text-shadow: #41474A 1px 2px 0px;
text-align: center;
float: left;
width: 158px;
height: 35px;
background: url("images/button.jpg") no-repeat;
margin: 15px 0 0 0;
}

#shared_button a:hover, #reseller_button a:hover, #offshore_button a:hover {
background-position: 0 -35px;
}

.navigation {
position: absolute;
margin-left: 870px;
margin-top: -35px;
width: 75px;
height: 15px;
display: inline;
}

.navigation a, .navigation li {
float: left;
width: 25px;
height: 15px;
}

.navigation a {
float: left;
background: url("images/bannernav_inactive.jpg") no-repeat;
}

.navigation a:hover, .navigation a.selected {
float: left;
width: 15px;
height: 15px;
background: url("images/bannernav_active.jpg") no-repeat;
}

#hd {
float: left;
width: 971px;
height: 71px;
background: url("images/hd.jpg") 10px 0 no-repeat;
}

#hd p {
font: 500 12px/71px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
color: #97A9B6;
text-transform: uppercase;
text-shadow: #EBF1F5 1px 1px 0px;
text-align: right;
margin: 0 40px 0 0;
}

/* ===================================  Three Info Boxes (Why Us, Support Center, Testimonials)  =================================== */

#infoboxes {
float: left;
width: 971px;
margin: 30px 0 0 0;
}

#choose_us {
float: left;
width: 314px;
height: 191px;
background: url("images/choose_us_bg.jpg") no-repeat;
}

#choose_us p {
float: left;
width: 220px;
font: 500 11px/30px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
color: #636A6E;
margin: 75px 0 0 0;
padding: 0 0 0 20px;
}

#feed  {
float: left;
width: 314px;
height: 191px;
background: url("images/support_center_bg.jpg") no-repeat;
margin: 0 15px 0 14px;
}
#feed a {
float: left;
width: 220px;
font: 500 11px/30px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
color: #636A6E;
margin: 75px 0 0 0;
padding: 0 0 0 20px;
}
#feed a:hover {
border-bottom: 1px dotted #636A6E;
}

#testimonials {
float: left;
width: 314px;
height: 191px;
background: url("images/testimonials_bg.jpg") no-repeat;
}

#testimonials p {
float: left;
width: 284px;
font: 500 12px/24px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
color: #636A6E;
padding: 15px;
}

/* ===================================  Newsletter Bar  =================================== */

#newsletter {
float: left;
width: 971px;
height: 95px;
background: url("images/newsletter_bg.jpg") repeat-x;
margin: 0px 0 0 0;
}

#newsletter_start {
float: left;
width: 137px;
height: 95px;
background: url("images/newsletter_start.jpg") no-repeat;
}

#newsletter_middle {
float: left;
width: 490px;
height: 95px;
}

#newsletter_middle p {
font: 500 18px/87px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
color: #2C3337;
text-align: center;
}

#newsletter_input {
float: left;
height: 41px;
width: 304px;
margin-top: 27px;
}

#input_start {
float: left;
width: 7px;
height: 41px;
background: url("images/field_start.jpg") no-repeat;
}

#input_bg {
float: left;
width: 286px;
height: 30px;
background: url("images/field_bg.jpg") repeat-x;
border: 0px;
font: 500 13px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
color: #5A6872;
padding: 11px 0 0 5px;
}

#input_end {
float: left;
width: 6px;
height: 41px;
background: url("images/field_end.jpg") no-repeat;
}

#newsletter_end {
float: right;
width: 26px;
height: 95px;
background: url("images/newsletter_end.jpg") no-repeat;
}

#candy_bar {
float: left;
width: 971px;
height: 74px;
background: url("images/candy_bar.jpg") right top no-repeat;
margin: 0 0 30px 0;
}

#candy_bar p {
font: 500 12px/71px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
color: #97A9B6;
text-transform: uppercase;
text-shadow: #EBF1F5 1px 1px 0px;
margin: 0 0 30px 70px;
}

/* ===================================  Footer  =================================== */

#footer {
margin: 0 auto;
width: 971px;
}

#footer_left {
float: left;
width: 838px;
margin: 40px 0;
font: normal 10px/16px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
text-transform: uppercase;
color: #728EA0;
text-shadow: #F2F6F9 1px 1px 0px;
}

#footer_left a {
font: 500 11px/16px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
color: #4A5E6B;
text-shadow: #F2F6F9 1px 1px 0px;
text-decoration: none;
text-transform: uppercase;
}

#footer_left a:hover {
border-bottom: 1px dotted #4A536B;
}

#footer_left small {
font-size: 10px;
margin: 0 7px;
}

#footer_right a {
float: left;
width: 133px;
height: 32px;
margin: 40px 0;
background: url("images/title_footer.jpg") no-repeat;
}

/* ===================================  Shared, Reseller, offshore Subpage Styles =================================== */

#subpage_hosting_top {
float: left;
width: 971px;
height: 101px;
background: url("images/subpage_hosting_top.jpg") no-repeat;
margin: 30px 0 0 0;
}

#subpage_contact_top {
float: left;
width: 971px;
height: 101px;
background: url("images/subpage_contact_top.jpg") no-repeat;
margin: 30px 0 0 0;
}

#subpage_support_top {
float: left;
width: 971px;
height: 101px;
background: url("images/subpage_support_top.jpg") no-repeat;
margin: 30px 0 0 0;
}

#subpage_services_top {
float: left;
width: 971px;
height: 101px;
background: url("images/subpage_services_top.jpg") no-repeat;
margin: 30px 0 0 0;
}

#subpage_title {
float: left;
width: 560px;
}

#subpage_title h1 {
font: 500 24px/95px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
color: #FFF;
text-shadow: #000 1px 1px 0px;
margin: 0 0 0 100px;
}

#subpage_nav {
float: left;
width: 411px;
margin: 28px 0 0 0;
}

#subpage_nav li {
float: left;
list-style: none;
margin: 0 43px 0 0;
font: 500 11px/40px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
color: #FFF;
}

#subpage_nav a {
color: #FFF;
text-decoration: none;
font: 500 11px/40px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
}

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

#subpage_bg {
float: left;
width: 931px;
background: url("images/subpage_bg.jpg") repeat-y;
padding: 20px;
}

#subpage_bottom {
float: left;
width: 971px;
height: 38px;
background: url("images/subpage_bottom.jpg") no-repeat;
}

/* ===== Comparison Table Styling for Hosting Pages ===== */

#comparison_container {
float: left;
width: 931px;
}

#row1 {
float: left;
width: 931px;
height: 40px;
border-bottom: 1px solid #e1e1e1;
font: bold 11px/38px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
color: #3F484E;
}

.row2 {
float: left;
width: 931px;
height: 40px;
border-bottom: 1px solid #e1e1e1;
font: normal 11px/38px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
}

.column1 {
float: left;
width: 241px;
font: bold 11px/38px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
color: #3F484E;
padding-left: 15px;
}

.column2 {
float: left;
width: 225px;
color: #3F484E;
text-align: center;
}

.imgpad {
margin-top: 12px;
}

/* ===== Hosting Overview Page Styling for Hosting Pages ===== */

#overview_bg {
float: left;
width: 971px;
background: url("images/subpage_bg.jpg") repeat-y;
padding: 30px 0;
}

#overview_left {
float: left;
width: 340px;
}

#overview_list {
float: left;
width: 340px;
}

#overview_list li {
float: left;
list-style: none;
width: 450px;
padding-left: 130px;
font: normal 12px/18px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
color: #56646C;
margin: 0 0 30px 0;
}

#overview_list strong {
color: #2C3337;
font: bold 12px/18px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
}

#overview_list a {
color: #236D98;
text-decoration: none;
}

#overview_list a:hover {
color: #236D98;
text-decoration: underline;
}

#fast_servers {
background: url("images/database_bg.jpg") 0 5px no-repeat;
}

#feature_set {
background: url("images/blueprint_bg.jpg") 0 5px no-repeat;
}

#moneyback {
background: url("images/money_bg.jpg") 0 5px no-repeat;
}

#knowledgebase {
background: url("images/help_bg.jpg") 0 5px no-repeat;
}

#services_offered {
background: url("images/customize_bg.jpg") 0 5px no-repeat;
}

#processor {
background: url("images/processing_bg.jpg") 0 5px no-repeat;
}

#harddrive_bg {
float: left;
width: 120px;
height: 217px;
background: url("images/harddrive_bg.jpg") 0 30px no-repeat;
margin-left: 77px;
}

#sidebar {
float: left;
width: 404px;
margin-right: 30px;
}

#sidebar_top {
float: left;
width: 404px;
height: 6px;
background: url("images/sidebar_top.jpg") no-repeat;
}

#sidebar_bg {
float: left;
width: 372px;
background: #FFF url("images/sidebar_bg.jpg") bottom no-repeat;
border-left: 1px solid #CFDFEA;
border-right: 1px solid #CFDFEA;
padding: 15px 15px 10px 15px;
}

#sidebar_bottom {
float: left;
width: 404px;
height: 8px;
background: url("images/sidebar_bottom.jpg") no-repeat;
}

#sidebar h1 {
font: bold 18px/24px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
color: #2C3337;
}

#sidebar h2 {
font: normal 12px/18px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
color: #56646C;
}

#sidebar p {
float: left;
color: #2C3337;
font: bold 11px/18px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
margin: 10px 0 5px 0;
width: 372px;
}

.sidebar_input_bg {
float: left;
width: 302px;
height: 37px;
padding: 1px;
background: #B6CBDA;
margin: 0 0 5px 0;
}

.sidebar_input {
float: left;
border-left: 1px solid #D6E6F0;
border-top: 1px solid #D6E6F0;
border-bottom: 1px solid #F9FDFF;
border-right: 1px solid #F9FDFF;
background: #EBF8FE;
width: 280px;
height: 25px;
font: normal 12px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
padding: 10px 10px 0 10px;
}

.checkboxCon {
float: left;
width: 372px;
margin: 10px 0;
}

.checkbox {
border-left: 1px solid #D6E6F0;
border-top: 1px solid #D6E6F0;
border-bottom: 1px solid #F9FDFF;
border-right: 1px solid #F9FDFF;
background: #EBF8FE;
}