/*

Actualhosting Design Stylesheet
Designed and coded by Kyle Kramer
See all my work at: www.kramr.net

*/

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

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

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

h1 {
float: left;
margin: 17px 0 0 35px;
font: bold 14px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
color: #404040;
text-transform: uppercase;
}

h2 {
float: left;
margin: 8px 0 0 35px;
font: bold 11px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
color: #404040;
text-transform: uppercase;
}

h3 {
font: bold 12px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
color: #aeaeae;
}

img {
border: 0;
}

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

a:hover {
color: #898989;
text-decoration: none;
}

ul {
list-style: none;
}

/* ========================= Top of Website (Logo and Navigation) ========================= */

#top_bg {
float: left;
width: 100%;
height: 126px;
background: url("images/top_bg.jpg") repeat-x;
border-bottom: 3px solid #FFFFFF;
}

#top_container {
margin: 0 auto;
height: 126px;
width: 959px;
}

#title_con {
float: left;
width: 959px;
height: 80px;
}

#title a {
float: left;
width: 200px;
height: 75px;
background: url("images/title.png") no-repeat;
}

#support {
float: right;
width: 200px;
height: 75px;
margin-top: 15px;
}

#menu_con {
float: left;
width: 959px;
height: 46px;
}

#navigation {
float: right;
display: inline;
}

#navigation li {
float: left;
margin-left: 25px;
text-align: right;
font: normal 11px/45px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
text-transform: uppercase;
}

#navigation a {
color: #b0b0b0;
text-decoration: none;
}

#navigation a:hover {
color: #FFFFFF;
text-decoration: none;
}

/* ========================= Information Bar ========================= */

#container {
width: 959px;
margin: 0 auto;
}

#infobar {
float: left;
width: 959px;
height: 52px;
margin: 20px 0;
}

#infobar_start {
float: left;
width: 11px;
height: 52px;
background: url("images/infobar_start.jpg") no-repeat;
}

#infobar_bg {
float: left;
width: 939px;
height: 52px;
background: url("images/infobar_bg.jpg") repeat-x;
}

#infobar_end {
float: left;
width: 9px;
height: 52px;
background: url("images/infobar_end.jpg") no-repeat;
}

#infobar p {
font: normal 11px "Lucida Sans Unicode", Arial, Verdana;
color: #aeaeae;
background: url("images/info.png") no-repeat;
padding-left: 25px;
margin-top: 16px;
margin-left: 8px;
}

/* ========================= Rotating Banner ========================= */

#banner {
float: left;
width: 959px;
height: 342px;
background: url("images/banner.jpg") no-repeat;
margin: 0 0 20px 0;
}

/* ========================= Hosting Packages ========================= */

#hosting_plans {
float: left;
width: 959px;
margin: 0 0 25px 0;
}

#shared_plan {
float: left;
width: 310px;
height: 188px;
background: url("images/shared_bg.jpg") no-repeat;
}

#reseller_plan {
float: left;
width: 310px;
height: 188px;
background: url("images/reseller_bg.jpg") no-repeat;
margin: 0 15px 0 14px;
}

#dedicated_plan {
float: left;
width: 310px;
height: 188px;
background: url("images/dedicated_bg.jpg") no-repeat;
}

.hosting_list {
float: left;
width: 175px;
display: inline;
margin: 6px 0 0 35px;
}

.hosting_list li {
float: left;
width: 200px;
font: normal 11px/24px "Lucida Sans Unicode", "Helvetica Neue", Arial;
color: #898989;
}

.price {
float: left;
width: 310px;
margin: 30px 0 0 0;
text-align: right;
}

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

#footer {
float: left;
width: 100%;
background: #e5e5e5;
margin-top: 25px;
}

#footer_con {
margin: 0 auto;
width: 959px;
}

.contact_column {
float: right;
text-align: right;
width: 159px;
margin: 30px 0;
}

#footer h1 {
font: normal 11px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
color: #5A5A5A;
text-transform: uppercase;
margin: 0px;
}

.normal_columns {
float: left;
width: 200px;
margin: 30px 0;
}

.link_list {
float: left;
list-style: none;
width: 200px;
}

.link_list li {
float: left;
width: 200px;
background: url("images/bullet.png") no-repeat;
font: normal 11px "Lucida Sans Unicode", Arial, Verdana;
margin: 7px 0 0 0;
padding-left: 20px;
height: 16px;
}

#footer a {
color: #898989;
text-decoration: none;
}

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