@charset "utf-8";
/* CSS Document */

body {
	background-color: #dadddd;
	background-image: url(../images/body_bg.gif);
	background-repeat: repeat-y;
	background-position: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;	
	margin: 0;
	letter-spacing: .7px;
}

form {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

a, a:hover {
	color: #000;
}

p {
	margin-top: 8px;
}

h1 {
	color: #1a2d3b;
	margin: -20px 0 0 0;
	padding: 0;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 24px;
	line-height: 26px;
	letter-spacing: .1px;
}

h2 {
	font-weight: bold;
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 5px;
}

h3 {
	font-weight: bold;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#header, #mainContent {
	width: 960px;
	margin: auto; 
}

#header {
	padding: 0;
	margin-top: 0;
	position: relative;
	border: 1px solid #FFF;
	height: 124px;
	width: 958px;
}

#logo {
	width: 275px;
	height: 74px;
	margin: 15px 0 15px 30px;	
}

#loginLink {
	height: 20px;
	color: #000;
	font-size: 12px;
	position: absolute;
	top: 0;
	right: 10px;
	padding: 10px;
}

#loginLink a {
	padding-left: 10px;	
}

#login {
	background-image: url(/images/user_login_bg.png);
	background-repeat: no-repeat;
	width: 395px;
	height: 40px;
	color: #FFF;
	font-size: 11px;
	position: absolute;
	top: 0;
	right: 40px;
}

#login input {
	height: 10px;
	width: 120px;
	font-size: 9px;
	margin-left: 2px;
}

#login label {
	margin-left: 10px;
}

#topNav {
	height: 70px;
	padding: 0;
	margin: 10px 0 0 0;	
	text-align: center;
	position: absolute;
	top: 40px;
	right: 10px;
	text-transform: uppercase;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}

#topNav a {
	background-image: url(../images/topnav_bg.png);
	background-repeat:repeat-x;
	color: #FFF;
	text-decoration: none;
	padding: 20px 15px 20px 14px;
	border-left: 1px solid #FFF;
	margin: 0;
	display: block;
	float: left;
}

#topNav a:hover {
	color: #000;
	background-image: url(../images/topnav_bg_hover.png);
	background-repeat: repeat-x;
}

#topNav a#navStart {
	border-left: 0;
}

#topBanner {
	background-image: url(../images/main_bg.png);
	background-repeat: no-repeat;
	background-position:bottom;
	height: 320px;
	padding: 0;	
}

#imagex {
	float: left;
	width: 340px;
	height: 320px;
	margin: 0 0 0 20px;
}

#contentx {
	float: left;
	width: 520px;
	height: 320px;
	margin-left: 80px; 
}

#topBanner h1 {
	padding-top: 20px;
}

#topBanner p {
	width: 90%;
}

#topBanner ul {
	margin-top: 65px;
	list-style: none;
}

#topBanner ul li {
	float: left;
	padding-right: 20px;
	margin-right: 15px;
	background-image: url(../images/arrow_gn.png);
	background-position: right;
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 14px;
}

.introText {
	font-size: 14px;
	line-height: 20px;
	margin-top: 25px;
}

#hostingPlans {
	width: 960px;
	height: 215px;
	margin: 0;
	padding: 0;	
}

#x100, #x200, #ded {
	float: left;
	width: 300px;
	height: 194px;
	margin: 10px;
	color: #FFF;
	padding: 0;
}

#x100 {
	background-image: url(../images/superx100_bg.png);
	background-position: center;
	background-repeat: no-repeat;
}

#x200 {
	background-image: url(../images/superx200_bg.png);
	background-position: center;
	background-repeat: no-repeat;
}

#ded {
	background-image: url(../images/dedicated_bg.png);
	background-position: center;
	background-repeat: no-repeat;
}

#contactUs {
	background-image: url(../images/contact_bg.png);
	background-position: center;
	background-repeat: no-repeat;
	line-height: 20px;
}

#contactUs span {
	display: inline-block;
	width: 65px;
	font-weight: bold;
}

#hostingPlans div {
	color: #000;
	position: relative;
}

#hostingPlans div ul {
	position: absolute;
	top: 60px;
	left: 30px;
	_margin-left: 30px;	
}

#hostingPlans div#ded ul {
	position: absolute;
	top: 90px;
	left: 30px;
	_margin-left: 0;	
}

#hostingPlans div#ded span {
	position: absolute;
	top: 80px;
	left: 20px;
	width: 240px;
	_margin-left: 0;
}

#hostingPlans div#ded h4 {
	position: absolute;
	top: 65px;
	left: 20px;
	_margin-left: 0;
	font-size: 13px;
}

#hostingPlans div p, #hostingPlansInt div p {
	position: absolute;
	bottom: 20px;
	right: 10px;
	display: block;
	text-align: center;
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight: bold;
	font-size: 28px;
	font-stretch:semi-expanded;
	font-stretch: ultra-condensed;
	margin:0;
	padding:0;
	line-height: 28px;
	letter-spacing: .1px;
}

#hostingPlans div img {
	margin-top: 15px;
}

span.price {
	padding: 10px 0 0 0;
}


#introP {
	width: 700px;
	margin: auto;
}

#footer {
	width: 100%;
	height: 45px;
	background-color: #CCC;
}

#footer div#ftrContainer {
	width: 780px;	
	margin: auto;
	color: #666666;
	padding: 10px;
}

#footer div#links {
	width: 580px;
	float: left;
	padding: 0;
}

#footer div#copyright {
	width: 200px;
	float: left;
	padding: 0;
}

#footer div a {
	color: #666666;
	margin: 0 5px 0 5px;
}


/* Interior Pages */


#mainContent {
	overflow: hidden;
}

#hostingPlansInt {
	width: 320px;
	height: 410px;
	margin: 0 0 0 10px;
	padding: 0;	
	float: left;
}

#hostingPlansInt div {
	color: #000;
	position: relative;
}

#hostingPlansInt div ul {
	position: absolute;
	top: 60px;
	left: 30px;
	_margin-left: 30px;	
}

#hostingPlansInt div img {
	margin-top: 15px;
}

#hostingPlansInt div#x100, #hostingPlansInt div#x200, #hostingPlansInt div#ded, #hostingPlansInt div#contactUs {
	float: none;
	width: 300px;
	height: 194px;
	margin: 10px;
	color: #000;
	padding: 0;
}




#hostingPlansInt {
	width: 320px;
	height: 410px;
	margin: 0 0 0 10px;
	padding: 0;	
	float: left;
}

#hostingPlansInt div#dedLg {
	color: #000;
	position: relative;
	background-image:url(../images/dedicated_bg_bot.png);
	background-repeat: repeat-y;
	background-position: bottom;
	height: 1470px;
	overflow: hidden;
}

#hostingPlansInt div#dedLg h4 {
	position: static;
	margin: 15px 0 0 -15px;
	margin-left: 30px;
	font-size: 13px;
}

#hostingPlansInt div#dedLg ul {
	position: static;
	margin-top: 5px;
	margin-left: 40px;
	*margin-left: 50px;
}

#hostingPlansInt div#dedLg .dedTop {
	background-image:url(../images/dedicated_bg_top.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 52px;
}

#content {
	float: left;
	width: 560px;
	padding: 30px 10px 10px 30px;
	margin: auto;
	overflow: hidden;
}

#tableVirtual {
	border: none;
	background-color: #FFF;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}

#tableVirtual th {
	padding: 5px;
	font-weight: bold;
	text-align: left;
}

#tableVirtual td {
	padding: 5px;
	border-top: 1px dotted #999;
}



* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 40px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -40px; /* negative value of footer height */
	height: 40px;
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */