*
{
margin:0px;
padding:0px;
}
body
{
background:#333 url("images/bg.gif") 0 0 repeat-x;
color:#000;
font-size:15px;
font-weight:normal;
font-family:"Trebuchet MS", tahoma, verdana, arial, helvetica, sans-serif;
}
a
{
color:#000;
text-decoration:underline;
}
a:hover
{
color:#000;
text-decoration:none;
}
p
{
margin:0;
padding:0;
font-family:arial, tahoma, helvetica, verdana, sans-serif;
font-size:15px;
}
h1
{
margin:0;
padding:0;
font-family:"Trebuchet MS", arial, tahoma, helvetica, verdana, sans-serif;
}
h2
{
margin:0;
padding:0;
color:#000;
font-family:"Trebuchet MS", arial, tahoma, helvetica, verdana, sans-serif;
}
#wrap
{
width:100%;
margin:0;
padding:0;
}
#inner_wrap
{
width:900px;
margin:0 auto;
padding:0;
background:#fff;
}
#top_bg
{
width:900px;
height:15px;
margin:0 auto;
padding:0;
background:#000 url('images/top_bg.png') bottom center no-repeat;
}
#bottom_bg
{
width:900px;
height:10px;
margin:0 auto;
padding:0;
background:url('images/bottom_bg.png') 0 0 no-repeat;
}
#navigation_wrap
{
width:100%;
height:50px;
margin:0;
padding:0;
background:#000;
}
#navigation
{
position:relative;
width:900px;
height:35px;
margin:0 auto;
padding:0;
background:#000;
}
#navigation ul
{
width:900px;
height:35px;
margin:0 auto;
padding:15px 0 0 0;
}
#navigation ul li
{
float:left;
width:149px;
height:30px;
list-style-type:none;
margin:2px 0 0 0;
padding:0;
border-right:1px dotted #d8d8d8;
}
#navigation ul li.last
{
border-right:none;
}
#navigation ul li a
{
position:absolute;
display:block;
text-align:center;
width:149px;
height:30px;
color:#fff;
font-size:15px;
font-weight:bold;
font-family:"Trebuchet MS", arial, tahoma, sans-serif;
margin:0;
padding:2px 0 0 0;
text-decoration:none;
}
#navigation ul li a:hover
{
margin:0;
padding:0;
color:#212b35;
text-decoration:none;
font-size:19px;
font-family:"Trebuchet MS", arial, tahoma, sans-serif;
font-weight:normal;
}
#navigation ul li a:hover span
{
position:absolute;
width:198px;
height:45px;
left:-20px;
top:-10px;
z-index:2;
margin:0;
padding:5px 0 0 0;
overflow:hidden;
cursor:pointer;
background:#feffff;
border:1px solid #000;
-moz-box-shadow:4px 4px 7px #000;
-webkit-box-shadow:4px 4px 7px #000;
box-shadow:3px 2px 5px #000;
}
#main
{
clear:both;
width:896px;
height:200px;
margin:0 auto 5px auto;
padding:0;
z-index:0;
background:url("images/header_image.jpg") top center no-repeat;
}
#main h1
{
margin:0;
padding:30px 0 0 70px;
color:#fff;
font-size:30px;
font-weight:normal;
font-family:arial, tahoma, helvetica, sans-serif;
}
#main h1 a
{
color:#fff;
text-decoration:none;
}
#main h1 a:hover
{
color:#fff;
text-decoration:none;
}
#main h1 span
{
color:#db0000;
font-size:44px;
font-weight:bold;
}
#main h2
{
margin:0;
padding:15px 0 0 100px;
color:#fff;
font-size:28px;
font-weight:normal;
font-family:arial, tahoma, helvetica, sans-serif;
}
#hosting_plans
{
width:898px;
height:280px;
margin:0 auto;
padding:2px 0 0 0;
color:#000;
font-size:14px;
font-family:"Trebuchet MS", arial, tahoma, sans-serif;
font-weight:normal;
}
#hosting_plans .hosting_plan
{
float:left;
width:280px;
height:270px;
margin:0 0 10px 15px;
padding:0;
background:url('images/hosting_banner.gif') 0 0 no-repeat;
}
#hosting_plans .hosting_plan h1
{
width:280px;
text-align:center;
margin:3px 0 0 0;
padding:3px 0 0 0;
color:#282844;
font-size:18px;
font-family:"Trebuchet MS", arial, tahoma, sans-serif;
}
#hosting_plans ul
{
margin:0 0 0 5px;
padding:0;
height:150px;
}
#hosting_plans ul li
{
list-style-type:none;
margin:4px 0 4px 0;
padding:0;
color:#747474;
font-size:14px;
font-weight:normal;
font-family:"Trebuchet MS", arial, tahoma, sans-serif;
}
#hosting_plans .price
{
width:225px;
height:40px;
margin:0;
padding:0;
}
#hosting_plans .price p
{
margin:0 auto;
padding:10px 0 10px 0;
text-align:center;
color:#282844;
font-size:16px;
font-weight:bold;
font-family:"Trebuchet MS", arial, tahoma, sans-serif;
}
#hosting_plans .buttons
{
width:195px;
height:31px;
margin:0 auto;
padding:0;
}
#hosting_plans .buttons .learn_more
{
float:left;
width:95px;
height:31px;
}
#hosting_plans .buttons .learn_more p
{
margin:0;
padding:0;
text-align:center;
}
#hosting_plans .buttons .learn_more a
{
display:block;
width:95px;
height:31px;
margin:0;
padding:5px 0 0 0;
color:#fff;
font-size:15px;
font-weight:bold;
font-family:"Trebuchet MS", arial, tahoma, sans-serif;
text-decoration:none;
background:url('images/learn_more.gif') 0 0 no-repeat;
}
#hosting_plans .buttons .learn_more a:hover
{
display:block;
width:95px;
height:31px;
margin:0;
padding:5px 0 0 0;
color:#fff;
font-size:15px;
font-weight:bold;
font-family:"Trebuchet MS", arial, tahoma, sans-serif;
text-decoration:none;
background:url('images/learn_more_hover.gif') 0 0 no-repeat;
}
#hosting_plans .buttons .order_home
{
float:left;
width:95px;
height:31px;
margin:0 0 0 5px;
padding:0;
background:url('images/order_button.gif') 0 0 no-repeat;
}
#hosting_plans .buttons .order_home p
{
text-align:center;
margin:0;
padding:0;
}
#hosting_plans .buttons .order_home a
{
display:block;
width:95px;
height:31px;
margin:0;
padding:5px 0 0 0;
color:#fff;
font-size:15px;
font-weight:bold;
font-family:"Trebuchet MS", arial, tahoma, sans-serif;
text-decoration:none;
background:url('images/order_button.gif') 0 0 no-repeat;
}
#hosting_plans .buttons .order_home a:hover
{
display:block;
width:95px;
height:31px;
margin:0;
padding:5px 0 0 0;
color:#fff;
font-size:15px;
font-weight:bold;
font-family:"Trebuchet MS", arial, tahoma, sans-serif;
text-decoration:none;
background:url('images/order_button_hover.gif') 0 0 no-repeat;
}
#features
{
clear:both;
width:900px;
height:150px;
margin:0 auto;
padding:5px 0;
background:#fff;
}
#features h1
{
height:35px;
margin:0;
padding:0 0 0 25px;
color:#282844;
font-size:30px;
font-weight:bold;
font-family:"Trebuchet MS", tahoma, arial, sans-serif;
}
#left_feature, #right_feature
{
float:left;
width:400px;
margin:0 25px;
padding:0;
}
#left_feature h2, #right_feature h2
{
margin:0;
padding:0 0 0 5px;
color:#282844;
font-size:20px;
font-weight:normal;
}
#left_feature img, #right_feature img
{
float:left;
margin:0 8px 8px 8px;
padding:0;
border:none;
}
#left_feature p, #right_feature p
{
margin:3px 0 0 0;
padding:0;
color:#000;
font-size:15px;
font-weight:normal;
font-family:arial, tahoma, sans-serif;
}
#left_feature p a, #right_feature p a
{
color:#000;
text-decoration:underline;
}
#left_feature p a:hover, #right_feature p a:hover
{
color:#000;
text-decoration:none;
}
#content
{
width:900px;
margin:0 auto;
padding:0;
background:#fff;
}
#only_column
{
clear:both;
width:850px;
margin:0 auto;
padding:0;
background:#fff;
}
#left_column
{
float:left;
width:620px;
margin:0;
padding:0 10px 20px 15px;
}
#left_column a, #only_column a
{
color:#000;
text-decoration:underline;
}
#left_column a:hover, #only_column a:hover
{
color:#000;
text-decoration:none;
}
#left_column h1, #only_column h1
{
margin:5px;
padding:0;
color:#000;
font-size:28px;
font-weight:normal;
font-family:arial, tahoma, sans-serif;
letter-spacing:1px;
}
#left_column h1:first-letter, #only_column h1:first-letter
{
font-size:42px;
font-weight:bold;
}
#left_column h2, #only_column h2
{
margin:10px 5px 5px 15px;
padding:0;
color:#000;
font-size:24px;
font-family:"Trebuchet MS", arial, sans-serif;
font-weight:normal;
letter-spacing:1px;
}
#left_column h2:first-letter, #only_column h2:first-letter
{
font-size:35px;
font-weight:bold;
}
#left_column p, #only_column p
{
margin:10px 5px 10px 5px;
padding:0;
color:#000;
font-size:15px;
font-family:"Trebuchet MS", arial, sans-serif;
}
#left_column .img_float_left, #only_column .img_float_left
{
float:left;
margin:5px 15px 5px 0px;
padding:0;
border:none;
}
#left_column .img_float_right, #only_column .img_float_right
{
float:right;
margin:5px 0px 5px 15px;
padding:0;
border:none;
}
#left_column ul, #only_column ul
{
margin:10px 5px 10px 20px;
padding:0;
}
#left_column ul li, #only_column ul li
{
display:block;
list-style-type:none;
margin:4px 0;
padding:0 0 0 22px;
color:#000;
font-size:15px;
font-weight:normal;
font-family:arial, tahoma, helvetica, sans-serif;
background:url('images/arrow.jpg') 0 3px no-repeat;
}
#left_column ul li a, #only_column ul li a
{
margin:0;
padding:0;
color:#000;
text-decoration:underline;
}
#left_column ul li a:hover, #only_column ul li a:hover
{
text-decoration:none;
}
#left_column table, #only_column table
{
width:99%;
border-collapse:collapse;
margin:10px 2px;
padding:0;
}
#left_column th, #only_column th
{
background:#fff;
height:29px;
margin:0;
padding:0 0 0 5px;
color:#282844;
font-size:16px;
font-weight:bold;
font-family:arial, tahoma, sans-serif;
text-align:left;
border-bottom:solid 2px #282844;
}
#left_column tr, #only_column tr
{
height:30px;
font-size:15px;
font-weight:normal;
font-family:arial, tahoma, sans-serif;
}
#left_column td, #only_column tr
{
margin:0;
padding-left:2px;
padding-right:2px;
border-left:1px solid #fff;
border-bottom:solid 1px #fff;
}
#left_column tr.rowa, #only_column tr.rowa
{
background:#f6f6f6;
}
#left_column tr.rowb, #only_column tr.rowb
{
background:#eaeaea;
}
#left_column tr.rowc, #only_column tr.rowc
{
font-weight:bold;
background:#ccc;
}
#left_column table a, #only_column table a
{
color:#000;
text-decoration:underline;
}
#left_column table a:hover
{
color:#000;
text-decoration:none;
}
#only_column form
{
width:700px;
margin:10px auto 0 auto;
padding:5px;
border:1px solid #212b35;
-moz-border-radius:8px;
-webkit-border-radius:8px;
background:#f6f6f6;
}
#only_column form p label
{
clear:both;
display:block;
height:20px;
margin:8px;
padding:0;
font-size:15px;
font-weight:normal;
font-family:arial, tahoma, sans-serif;
}
#only_column form p label span
{
float:left;
width:125px;
font-weight:bold;
}
#only_column form .first, #only_column form .last, #only_column form .password
{
float:left;
width:250px;
margin:0;
padding:2px;
color:#000;
font-size:15px;
font-weight:normal;
font-family:arial, tahoma, sans-serif;
border:1px solid #212b35;
background:#ccc;
}
#only_column form select
{
width:150px;
background:#ccc;
}
#only_column form textarea
{
display:block;
width:500px;
height:100px;
margin:0;
padding:3px;
color:#000;
font-size:15px;
font-weight:normal;
font-family:arial, tahoma, sans-serif;
border:1px solid #212b35;
background:#ccc;
}
#only_column form .submit
{
height:32px;
margin:10px;
padding:4px;
text-align:center;
color:#000;
font-size:16px;
font-weight:bold;
font-family:arial, tahoma, sans-serif;
border:1px solid #212b35;
-moz-border-radius:7px;
-webkit-border-radius:7px;
}
#only_column form .submit:hover
{
color:#000;
background:#ccc;
-moz-box-shadow:0 0 4px #1a1a1a;
-webkit-box-shadow:0 0 4px #1a1a1a;
box-shadow:0 0 4px #1a1a1a;
}
#right_column
{
float:right;
width:220px;
margin:0 10px 0 0;
padding:0;
}
#right_column h1
{
width:200px;
text-align:center;
margin:5px auto 0 auto;
padding:0;
color:#000;
font-size:24px;
font-family:"Trebuchet MS", arial, sans-serif;
font-weight:normal;
letter-spacing:1px;
}
#right_column h1:first-letter
{
font-size:35px;
font-weight:bold;
}
#right_column p
{
width:200px;
margin:3px 0;
padding:0;
color:#000;
font-size:15px;
font-family:"Trebuchet MS", arial, sans-serif;
}
#right_column p .img_float_left
{
float:left;
margin:5px 15px 5px 0px;
padding:0;
border:none;
}
#right_column  p .img_float_right
{
float:right;
margin:5px 0px 5px 15px;
padding:0;
border:none;
}
#right_column .right_list
{
position:relative;
width:200px;
margin:0 0 20px 0;
padding:0;
}
#right_column .right_list ul
{
margin:0 auto;
padding:0;
}
#right_column .right_list ul li
{
display:block;
width:200px;
height:30px;
list-style-type:none;
margin:2px auto 0 auto;
padding:0;
border-bottom:1px dotted #282844;
}
#right_column .right_list ul li a
{
position:absolute;
display:block;
text-align:left;
width:188px;
height:30px;
color:#000;
font-size:15px;
font-weight:bold;
font-family:"Trebuchet MS", arial, tahoma, sans-serif;
margin:3px 0 0 0;
padding:3px 0 0 3px;
text-decoration:none;
}
#right_column .right_list ul li a:hover
{
margin:0;
padding:0;
color:#fafafa;
text-decoration:none;
font-size:19px;
font-family:"Trebuchet MS", arial, tahoma, sans-serif;
font-weight:normal;
background:#333;
}
#right_column .right_list li a:hover span
{
position:absolute;
width:230px;
height:35px;
left:-10px;
top:-10px;
z-index:2;
margin:0;
padding:5px 0 0 0;
overflow:hidden;
cursor:pointer;
background:#333;
border:1px solid #000;
-moz-box-shadow:4px 4px 7px #000;
-webkit-box-shadow:4px 4px 7px #000;
box-shadow:3px 2px 5px #000;
}
#bottom_wrap
{
clear:both;
width:900px;
margin:0 auto;
padding:15px 0;
background:#fff;
}
.bottom
{
width:900px;
text-align:center;
margin:0;
padding:0;
}
.bottom img
{
margin:0 1px 0 0;
padding:0;
border:none;
}
#bottom_cols
{
clear:both;
width:900px;
margin:20px auto;
padding:0;
}
#left_col, #center_col, #right_col
{
float:left;
width:250px;
margin:0 25px;
padding:0;
}
#left_col h1, #center_col h1, #right_col h1
{
color:#fff;
font-size:20px;
font-weight:normal;
font-family:"Trebuchet MS", tahoma, arial, sans-serif;
}
#left_col p, #center_col p, #right_col p
{
margin:10px 0;
padding:0;
color:#fff;
font-size:15px;
font-weight:normal;
font-family:"Trebuchet MS", tahoma, arial, sans-serif;
}
#left_col p a, #center_col p a, #right_col p a
{
color:#fff;
text-decoration:underline;
}
#left_col p a:hover, #center_col p a:hover, #right_col p a:hover
{
color:#fff;
text-decoration:none;
}
#left_col img, #center_col img, #right_col img
{
float:left;
margin:0;
padding:3px;
border:none;
}
#left_col ul, #center_col ul, #right_col ul
{
margin:15px 0 10px 0;
padding:0;
}
#left_col ul li, #center_col ul li, #right_col ul li
{
list-style-type:none;
margin:7px 0;
padding:0;
color:#fff;
font-size:15px;
font-weight:normal;
font-family:arial, tahoma, sans-serif;
}
#left_col ul li a, #center_col ul li a, #right_col ul li a
{
color:#fff;
text-decoration:underline;
background:#333;
}
#left_col ul li a:hover, #center_col ul li a:hover, #right_col ul li a:hover
{
color:#333;
text-decoration:none;
background:#fff;
}
#footer
{
clear:both;
width:900px;
margin:10px auto 5px auto;
padding:0;
}
#footer #footer_left
{
float:left;
width:425px;
margin:5px 0 0 0;
padding:0;
}
#footer #footer_right
{
float:right;
width:425px;
margin:5px 0 0 0;
padding:0;
}
#footer #footer_left p
{
margin:10px 5px 10px 5px;
padding:0;
text-align:left;
color:#fafafa;
font-size:14px;
font-weight:normal;
font-family:arial, tahoma, sans-serif;
}
#footer #footer_right p
{
margin:10px 5px 0 5px;
padding:0;
text-align:right;
color:#555555;
word-spacing:-2px;
font-size:10px;
font-weight:normal;
font-family:arial, tahoma, sans-serif;
}
#footer #footer_left a
{
color:#fafafa;
text-decoration:underline;
}
#footer #footer_left a:hover
{
text-decoration:none;
}
#footer #footer_right a
{
color:#555555;
text-decoration:none;
}
#footer #footer_right a:hover
{
text-decoration:none;
}
.clear
{
clear:both;
}