/* General styles */
body {
	margin:20px 0 40px 0;
	font:normal 0.8em Arial, Helvetica, sans-serif;
	background:#444 url(/resources/images/bg_body.gif) repeat-x top;
}
.left {float:left;}
.right {float:right;}
.clear {clear:both;height:0;line-height:0;font-size:0;}
.block {clear:both;}
.half {width:45%;}
.third {width:31.7%;float:left;}
.container {
	text-align:left;
	width:925px;
}
.blue {color:#3686BC;}
.red {color:#B60101;}
.green {color:#38B740;}
#page .content a, #footer a, .copyright a {
	color:#008ED0;
	text-decoration:none;
}
#page .content a:hover, #footer a:hover, .copyright a:hover {
	color:#000;
	text-decoration:underline;
}
.copyright a:hover {
	color:#fff;
}
form {display:inline;}
#form {
	background:#f4f4f4;
	border:1px solid #ccc;
	width:65%;
}
#form .body {
	padding:10px;
}

/* Header styles */
#header .logo{
	margin:10px 0 25px 0;
}
#header .phone {
	color:#fff;
	text-align:right;
	margin-top:18px;
}
#header .phone h1 {
	font:bold 15.5px Geneva, Arial, Helvetica, sans-serif;
	display:inline;
	margin:0;
	padding:0;
}
#header .helpernav {
	text-align:right;
	margin:5px 0;
}
#header .helpernav a {
	color:#15A2E3;
	margin-left:5px;
	text-decoration:none;
}
#header .helpernav ul{
	margin:0;
	padding:0;
	list-style:none;
}
#header .helpernav ul li{
	display:inline;
	margin:0;
}
#header .helpernav a.active, #header .helpernav a:hover {
	color:#fff;
}

/* Banner styles */
#page #banner {
	border-top:1px solid #888;
}

/* The difference styles */
#thedifference {
	height:151px;
	background:#276086 url(/resources/images/bg_subnav_top.jpg) no-repeat bottom center;
	color:#fff;
	border-bottom:2px solid #fff;
}
#page #thedifference .content {
	background:none;
	padding:25px 20px 0 20px;
	border:0;
	font:normal 12px Arial, Helvetica, sans-serif;
}
#page #thedifference .content h1 {
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
	border:0;
}

/* Navigation styles */
#navigation {
	color:#000;
}
#navigation .container {
	background:#000;
}
#navigation a {
	color:#fff;
	padding:5px;
	text-decoration:none;
	/*background:#000 url(/resources/images/tab-behind-back.gif) repeat-x top;*/
	border-right:2px solid #000;
	border-left:2px solid #000;
}
#navigation ul{
	list-style:none;
	padding:0;
	margin:10px 0 6px 0;
}
#navigation ul li{
	display:inline;
	margin:0;
	padding:0;
}
#navigation a:hover, #navigation a.active {
	background:#fff url(/resources/images/tab-back.gif) repeat-x top;
	color:#000;
	border:2px solid #fff;
}

/* Subnav styles */
#subnav {
	border-bottom:1px solid #fff;
	line-height:normal;
}
#subnav h1 {
	color:#000;
	font-weight:bold;
	padding:24px 20px 7px 20px;
	margin:0;
	border-bottom:1px solid #ddd;
	font-size:13px;
	background:#f6f6f6 url(/resources/images/bg_subnav_link.gif) repeat-y left;
}
#page #subnav ul {
	margin:0;
	padding:0;
	list-style:none;
}
#page #subnav ul li {
	margin:0;
	border-top:1px solid #fff;
}
#subnav a {
	display:block;
	width:84.2%;
	padding:7px 20px;
	text-decoration:none;
	color:#2E729F;
	background:#f6f6f6 url(/resources/images/bg_subnav_link.gif) repeat-y left;
	border-bottom:1px solid #ddd;
}
#subnav a:hover {
	background:#fff url(/resources/images/bg_subnav_hover.gif) repeat-y left;
	color:#000;
}
#subnav a.active, #subnav a.active:hover {
	background:#fff url(/resources/images/bg_subnav_hover.gif) repeat-y left;
	/*background:#3686BC url(/resources/images/bg_subnav_active.gif) repeat-y left;*/
	color:#000;
}

/* Promo styles */
#page #promo h1 {
	color:#000;
	font:bold 13px Arial, Helvetica, sans-serif;
	padding:7px 0;
	margin:0;
	border:0;
}
#page #promo .content {
	background:none;
	padding:10px 20px;
	border:0;
}
#page #promo ul {
	margin:0 10px 10px 10px;
	padding:0;
}
#page #promo ul li {
	margin:3px 0;
	padding:0 0 0 15px;
}
#page #promo a {
	font-size:11px;
}
.separator {
	border-bottom:1px solid #fff;
	border-top:1px solid #ddd;
	line-height:0;
	margin:0;
	padding:0;
}

/* Page styles */
#page {

}
#page .container{
	background:url(/resources/images/overview-back.gif) repeat-y top;	
}
#page .left {
	width:670px;
}
#page .right {
	width:255px;
}
#page .content {
	border-top:2px solid #fff;
	background:#fff url(/resources/images/bg_page.gif) repeat-x top;
	padding:20px 30px 15px 30px;
	line-height:1.4em;
}
#page .content p {
	margin:1em 0;
	
}
#page .content h1 {
	margin:0;
	font:normal 1.4em Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:5px;
	border-bottom:1px dashed #ddd;
}
#page .content h2 {
	margin:10px 0 5px 0;
	color:#B60101;
	font:bold 1em Verdana, Arial, Helvetica, sans-serif;
}
#page .content ul {
	list-style:none;
	padding:0;
	margin:10px 20px;
}
#page .content ul li ul {margin:5px 25px;}
#page .content ul li, #page .content ul li ul li {
	background:url(/resources/images/blue_square.gif) no-repeat 3px 7px;
	padding:2px 15px;
	margin:0;
}
.table {
	border-collapse:collapse;
	border:1px solid #ccc;
	line-height:normal;
}
#page .table ul {
	margin:0;
	padding:0;
}
.table td {
	padding:5px 10px;
	background:#fbfbfb;
	font:normal 11px "Tahoma",Verdana, Arial, Helvetica, sans-serif;
}
.table th {
	background:#fff url(/resources/images/tab-back.gif) repeat-x top;
	color:#000;
	padding:8px 10px;
	font-size:12px;
}
.alt td {
	background:#f8f8f8;
}
.contact td{
	font:normal 1em Arial, Helvetica, sans-serif;
}
.none td, .none th {
	background:#fff;
}

/* Home Page styles */
#page #homeBox {
	width:610px;
	height:150px;
}
#homeBox .copy {
	padding:10px 170px 0 15px;
	color:#000;
}
#homeBox .hosting {
	background:url(/resources/images/bg_home_servers.jpg) no-repeat;
	height:150px;
}
#homeBox .reseller {
	background:url(/resources/images/bg_home_harddrive.jpg) no-repeat;
	height:150px;
}
#homeBox .support {
	background:url(/resources/images/bg_home_phone.jpg) no-repeat;
	height:150px;
}

/* Hosting Page styles */
#page #hosting-container {
	margin-top:15px;
}
#page #hosting-container ul {
	margin:0 15px;
	padding:0;
	line-height:normal;
}
#page #hosting-container ul li{
	margin:0;
	padding:0 0 0 auto;
}
#page #hosting-container .navigation {
	border-bottom:3px double #eee;
	margin:20px 0 15px 0;
}
#page #hosting-container .navigation a {
	color:#000;
	padding:5px;
	text-decoration:none;
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;
	background:#fff url(/resources/images/tab-back.gif) repeat-x top;
}
#page #hosting-container .navigation ul{
	list-style:none;
	padding:0;
	margin:10px 0 4px 0;
}
#page #hosting-container .navigation li{
	display:inline;
	margin:0;
	padding:0;
}
#page #hosting-container .navigation a:hover, #page #hosting-container .navigation a.active {
	background:#3686BC;
	color:#fff;
}
#page #hosting-container .left, #page #hosting-container .right  {
	width:49%;
}
#page #features {
	display:none;
	line-height:normal;
}
#page #features ul {
	padding:0;
	margin:5px 0 5px 15px;
}
#page #features ul li {
	padding:0 0 0 auto;
	margin:0;
}

/* Rounded Box Styles - Dialog Box */
#page #hosting-box {
	color:#5E584B;
	margin:5px 0 15px 15px;
}
#page #landing-box {
	color:#5E584B;
	margin:5px 0 10px 0;
}
#page #hosting-box .left, #page #hosting-box .right, #page #landing-box .left, #page #landing-box .right {
	width:auto;
}
#page #hosting-box .platforms {
	text-align:center;
	margin:5px 0;
}
#page #hosting-box .platforms p {
	margin:10px 0 5px 0;
	padding:0;
	font-size:11px;
	border-bottom:1px solid #cc0000;
	text-align:left;
	line-height:normal;
	font-weight:bold;
}
#page #hosting-box h1{
	display:inline;
	margin:0;
	padding:0;
	border:0;
	font:bold 24px "Tahoma", Verdana, Arial, Helvetica, sans-serif;
}
#page #landing-box h1{
	margin:0;
	padding:0;
	border:0;
	font:bold 15px "Tahoma", Verdana, Arial, Helvetica, sans-serif;
}
#page #hosting-box ul, #page #landing-box ul {
	list-style:none;
	margin:8px 0;
	padding:0;
}
#page #hosting-box ul li, #page #landing-box ul li {
	background:none;
	padding:3px 0;
	margin:0;
}
#page #hosting-box ul li strong, #page #landing-box ul li strong {
	color:#3686BC;
}
#page .order {
	text-align:center;
	margin:10px 0;
}
#page #hosting-box .order {
	margin:15px 0 0 0;
} 
#page .order a{
	background:#3686BC;
	padding:3px 8px;
	border:1px solid #000;
	color:#fff;
}
#page .order a:hover{
	background:#fff;
	color:#000;
	text-decoration:none;
}
.hd .c, .ft .c {
	font-size:1px; /* ensure minimum height */
	height:10px;
}
.ft .c {height:10px;}
.hd {background:transparent url(/resources/images/tl.gif) no-repeat 0px 0px;}
.hd .c {background:transparent url(/resources/images/tr.gif) no-repeat right 0px;}
.bd {
	background:#fff url(/resources/images/cr.gif) no-repeat right bottom;
	padding:10px 20px;
	border-left:2px solid #ccc;
}
#page #landing-box .bd {padding:10px 15px;}
.ft {background:transparent url(/resources/images/bl.gif) no-repeat 0px 0px;}
.ft .c {background:transparent url(/resources/images/br.gif) no-repeat right 0px;}

/* Customer Care styles */
#selfservice .content {
	padding:0;
	border:0;
	background:none;
	line-height:normal;
}
#page #selfservice ul {
	margin:10px;
	padding:0;
}
#page #selfservice ul li {
	margin:0;
	padding:0 0 0 auto;
}

/* Sitemap styles */
#page #sitemap ul {
	list-style:none;
	margin:15px 0 0 0;
	padding:0;
}
#page #sitemap ul li {
	margin:6px 0;
	padding:0;
	background:none;
}
#page #sitemapages/br.gif) no-repeat right 0px;}

/* Customer Care styles */
#selfservice .content {
	padding:0;
	border:0;
	background:none;
	line-height:normal;
}
#page #selfservice ul {
	margin:10px;
	padding:0;
}
#page #selfservice ul li {
	margin:0;
	padding:0 0 0 auto;
}

/* Sitemap styles */
#page #sitemap ul {
	list-style:none;
	margin:15px 0 0 0;
	padding:0;
}
#page #sitemap ul li {
	margin:6px 0;
	padding:0;
	background:none;
}
#page #sitemap ul li a {
	font-weight:bold;
}
#page #sitemap ul li ul {
	margin:5px 0;
}
#page #sitemap ul li ul li {
	background:url(/resources/images/blue_square.gif) no-repeat 3px 5px;
	padding:0 0 0 15px;
	margin:2px 25px;
}
#page #sitemap ul li ul li a {
	font-weight:normal;
}

/* Footer styles */
#footer .container{
	border-top:1px solid #ddd;
	padding:0 0 7px 0;
	background:transparent url(/resources/images/bg_footer-bottom.gif) no-repeat bottom center;
}	
#footer .content {
	font-size:11px;
	padding:15px 10px 5px 10px;
	background:#fff url(/resources/images/bg_footer-content.gif) repeat-x bottom;
}
.copyright {
	text-align:center;
	color:#ccc;
	font-size:11px;
	margin-top:15px;
	line-height:18px;
}
.copyright a {margin:0 5px;}
