/*

Design By: Twelve41.com
Xhtml and CSS Coding By: Twelve41.com
Copyright 2009 - Please Do Not Steal

*/

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

body {
font: normal 11px/24px "Lucida Sans Unicode", Arial, "Trebuchet MS";
color: #636363;
background: #EEEEEE;
}

/* ========================= Top of Website and Navigation ========================= */

#top_bg {
float: left;
width: 100%;
background: url("images/top_bg.png") repeat-x;
height: 33px;
}

#container {
width: 980px;
margin: 0 auto;
height: 33px;
}

#top {
width: 780px;
margin: 0 auto;
height: 33px;
float: right;
text-align: right;
list-style: none;
}

#top li {
display: inline;
list-style: none;
text-transform: uppercase;
}

#top a {
font: normal 10px/30px "Lucida Sans Unicode", Arial, "Trebuchet MS";
color: #9a9a9a;
text-decoration: none;
}

#top a:hover {
font: normal 10px/30px "Lucida Sans Unicode", Arial, "Trebuchet MS";
color: #c9c9c9;
text-decoration: underline;
}

#chat {
width: 200px;
margin: 0 auto;
height: 33px;
float: left;
text-align: left;
list-style: none;
color: #9a9a9a;
}

#chat li {
display: inline;
list-style: none;
text-transform: uppercase;
color: #9a9a9a;
}

#chat a {
font: normal 10px/30px "Lucida Sans Unicode", Arial, "Trebuchet MS";
color: #9a9a9a;
text-decoration: none;
}

#chat a:hover {
font: normal 10px/30px "Lucida Sans Unicode", Arial, "Trebuchet MS";
color: #c9c9c9;
text-decoration: underline;
}

/* ========================= Banner Background and Banner ========================= */

#banner_bg {
width: 100%;
float: left;
height: 242px;
background: url("images/banner_bg.png") repeat-x;
}

#banner {
width: 980px;
height: 242px;
background: url("images/banner.png") no-repeat;
margin: 0 auto;
}

/* ========================= Hosting Bar and Compare Button ========================= */

#hostingbar_bg {
float: left;
width: 100%;
height: 198px;
background: url("images/hostingbar_bg.png") repeat-x;
border-bottom: 10px solid #FFFFFF;
}

#hostingbar_container {
margin: 0 auto;
width: 980px;
height: 198px;
}

#shared_ribbon a {
float: left;
background: url("images/shared_ribbon.png") no-repeat;
height: 81px;
width: 111px;
}

#reseller_ribbon a {
float: left;
background: url("images/reseller_ribbon.png") no-repeat;
height: 81px;
width: 111px;
}

#vps_ribbon a {
float: left;
background: url("images/vps_ribbon.png") no-repeat;
height: 81px;
width: 111px;
}

#shared_ribbon a:hover, #reseller_ribbon a:hover, #vps_ribbon a:hover {
background-position: 0 -81px;
}

#shared_con, #reseller_con, #vps_con {
float: left;
width: 200px;
}

#shared_con {
margin: 30px 0 0 0;
}

#reseller_con {
border-left: 1px dotted #353535;
padding: 15px 0 15px 15px;
margin: 15px 0 0 15px;
}

#vps_con {
border-left: 1px dotted #353535;
padding: 15px 0 15px 15px;
margin: 15px 0 0 0px;
}

#shared, #reseller, #vps {
float: left;
width: 200px;
list-style: none;
}

#shared li, #reseller li, #vps li {
float: left;
list-style: none;
width: 250px;
font: normal 11px/30px "Lucida Sans Unicode", Arial, "Trebuchet MS";
color: #B5B5B5;
border-bottom: 1px dotted #494949;
}

#shared_title {
float: left;
width: 200px;
height: 37px;
background: url("images/shared_title.png") no-repeat;
margin-bottom: 10px;
}

#reseller_title {
float: left;
width: 206px;
height: 35px;
background: url("images/reseller_title.png") no-repeat;
margin-bottom: 10px;
}

#vps_title {
float: left;
width: 206px;
height: 35px;
background: url("images/vps_title.png") no-repeat;
margin-bottom: 10px;
}

#compare {
float: left;
width: 293px;
border-left: 1px dotted #353535;
padding: 35px 0 42px 15px;
margin: 15px 0 0 15px;
}

#compare_button a {
float: left;
width: 293px;
height: 90px;
background: url("images/button.png") no-repeat;
}

#compare_button a:hover {
background-position: 0 -90px;
}

#getstarted {
margin-left:auto;
margin-right:auto;
width: 293px;
padding: 35px 0 42px 15px;
}

#getstarted_button a {
float: left;
width: 293px;
height: 90px;
background: url("images/getstarted.png") no-repeat;
}

#getstarted_button a:hover {
background-position: 0 -90px;
}

/* ========================= Feature Boxes  ========================= */

#content_container {
width: 980px;
margin: 0 auto;
}

#support, #cpanel, #services{
float: left;
width: 300px;
margin: 15px 0 0 0;
}

#support {
padding-right: 25px;
}

#cpanel {
padding: 0 15px;
}

#services {
margin-left:auto;
margin-right:auto;
}

#services_container {
float: left;
width: 300px;
}

#support_picture {
float: left;
width: 300px;
height: 107px;
background: url("images/support.png") no-repeat;
margin: 0 0 15px 0;
}

#cpanel_picture {
float: left;
width: 300px;
height: 107px;
background: url("images/cpanel.png") no-repeat;
margin: 0 0 15px 0;
}

#uptime {
margin-left: auto;
margin-right: auto;
width: 258px;
height: 60px;
background: url("images/uptime.png") no-repeat;
}

#uptime_title {
float: left;
padding: 7px 0px 0px 58px;
}

#uptime_text {
float: left;
padding: 0px 0px 0px 60px;
font: normal 11px/20px "Lucida Sans Unicode", Arial, "Trebuchet MS";
color: #636363;
}

#moneyback {
margin-left: auto;
margin-right: auto;
width: 258px;
height: 64px;
background: url("images/moneyback.png") no-repeat;
}

#whyus {
margin-left: auto;
margin-right: auto;
width: 258px;
height: 64px;
background: url("images/whyus.png") no-repeat;
}

#start_button a {
float: left;
width: 290px;
height: 110px;
background: url("images/getstartedtoday.png") no-repeat;
}

#start_button a:hover {
background-position: 0 -105px;
}

#twitter {
float: right;
padding-right: 15px;
}

h1 {
font: bold 14px/24px "Lucida Sans Unicode", Arial, "Trebuchet MS";
color: #373737;
}

h3 {
font: bold 13px/22px "Lucida Sans Unicode", Arial, "Trebuchet MS";
color: #373737;
}

p {
font: normal 11px/24px "Lucida Sans Unicode", Arial, "Trebuchet MS";
color: #636363;
}

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

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

img {
border: 0px;
}

#logos {
float: left;
width: 980px;
height: 45px;
background: url("images/logos.png") center no-repeat;
margin: 25px 0;
}

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

#footer {
float: left;
width: 980px;
border-top: 1px dotted #b5b5b5;
padding: 15px 0 0 0;
text-align: center;
list-style: none;
}

#footer li, .other_footer li {
list-style: none;
display: inline;
font: normal 10px/24px "Lucida Sans Unicode", Arial, "Trebuchet MS";
color: #4d4d4d;
}

#footer a, .other_footer a {
color: #7c7c7c;
text-decoration: none;
text-transform: uppercase;
}

#footer a:hover, .other_footer a:hover {
color: #4d4d4d;
text-decoration: underline;
text-transform: uppercase;
}

.other_footer {
float: left;
width: 980px;
text-align: center;
list-style: none;
}

/* ========================= Start of Shared and Reseller Hosting Page Styles ========================= */

#hostpage_title_bg {
float: left;
width: 100%;
height: 100px;
background: url("images/hostingbar_bg.png") repeat-x;
border-bottom: 10px solid #FFFFFF;
}

#hostpage_title {
margin: 0 auto;
width: 980px;
height: 75px;
padding: 25px 0 0 0;
}

#hostpage_title h1 {
font: bold 28px/26px "Lucida Sans Unicode", Arial, "Trebuchet MS";
color: #c0c0c0;
}

#hostpage_title h2 {
font: normal 14px/24px "Lucida Sans Unicode", Arial, "Trebuchet MS";
color: #4d4d4d;
}

#comparison_container {
float: left;
margin: 25px 0;
width: 980px;
color: #4d4d4d;
font: 11px/33px "Lucida Sans Unicode", "Trebuchet MS", Arial;
}

.row1 {
float: left;
width: 980px;
height: 35px;
background: #999999;
color: #FFFFFF;
border-bottom: 1px dotted #4d4d4d;
font-weight: bold;
}

.row2 {
float: left;
width: 980px;
height: 35px;
background: #FFFFFF;
border-bottom: 1px dotted #999999;
}

.row3 {
float: left;
width: 980px;
height: 35px;
background: #EAEAEA;
border-bottom: 1px dotted #999999;
}

.row4 {
float: left;
width: 980px;
height: 35px;
background: #cae2be;
border-bottom: 1px dotted #999999;
}

.column1 {
float: left;
width: 265px;
height: 35px;
padding: 0 0 0 10px;
font-weight: bold;
}

.column2, .column3, .column4 {
float: left;
width: 235px;
height: 35px;
text-align: center;
}

.column10, .column11, .column12 {
float: left;
width: 176px;
height: 35px;
text-align: center;
}

.img_padding {
padding: 9px 0 0 0;
}

#addon_container {
float: left;
margin: 25px 0;
width: 980px;
color: #4d4d4d;
font: 11px/33px "Lucida Sans Unicode", "Trebuchet MS", Arial;
}

.row5 {
float: left;
width: 980px;
height: 35px;
background: #999999;
color: #FFFFFF;
border-bottom: 1px dotted #4d4d4d;
font-weight: bold;
}

.row6 {
float: left;
width: 980px;
height: 35px;
background: #FFFFFF;
border-bottom: 1px dotted #999999;
}

.row7 {
float: left;
width: 980px;
height: 35px;
background: #EAEAEA;
border-bottom: 1px dotted #999999;
}

.column5, .column7 {
float: left;
width: 235px;
height: 35px;
padding: 0 0 0 10px;
font-weight: bold;
}

.column6, .column8 {
float: left;
width: 245px;
height: 35px;
text-align: center;
}

/* ========================= Start of Information or Normal Subpages ========================= */

#subpage_text {
float: left;
width: 980px;
margin: 25px 0 25px 0;
}

.notice{background-color:#FFC;margin:0 0 5px;padding:10px;}

#subpage_text h1 {
font: bold 18px/24px "Lucida Sans Unicode", Arial, "Trebuchet MS";
color: #4d4d4d;
}

#subpage_text p {
font: normal 12px/24px "Lucida Sans Unicode", Arial, "Trebuchet MS";
color: #636363;
}

#staff, #financial, #support_staff {
float: left;
list-style: none;
width: 300px;
}

#financial, #support_staff {
margin: 0 0 0 25px;
}

#staff li, #financial li, #support_staff li {
list-style: none;
border-bottom: 1px dotted #4d4d4d;
font: normal 11px/27px "Lucida Sans Unicode", Arial, "Trebuchet MS";
color: #636363;
height: 30px;
}

img.floatleft{float:left;padding:3px 10px 0 0;}
.packagecontent li {padding-left: 15px;}
.special{background-color:#CFE2FF;border-bottom:1px solid #666;color:#333;font-size:11px;padding:5px;text-align:center;}