html, body {
	margin:0;
	padding:0;
}

body {
	margin:auto;
	background-color:#3b3b3b;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	width:1000px;
	color:#fff;
}

p {
	line-height: 150%
}

img {border:none;}

ul {list-style-image:url(images/bullet-blue.png);}

.divider {
	background:url(images/divider.png);
	height:2px;
	width:900px;
}

.indent {
	width:850px;
	margin-left:35px;
}

h1, h2, h3, h4 {
	color:#ff9300;
	text-shadow:1px 1px 1px #222;
	filter:Shadow(Color=#222222, Direction=135, Strength=2);
}

h1 {font-size:190%;}
h2 {font-size:160%;}
h3 {font-size:130%;}

.clearfix {clear:both;}

/*STYLES*/

#sidebar-container {
	width:290px;
	float:right;
	display:block;
}

#sidebar-container ul {
	list-style-image:url("images/bullet-blue.png");
	padding-top:15px;
}


.sidebar {
	background:#4f4f4f url("images/gloss.png") repeat-x;
	width:290px; /*for ie*/
	border-right:5px solid #4f4f4f;
	border-left:5px solid #4f4f4f;
	float:right;
	margin-top:25px;
	display:block;
}

.sidebar-message p, .sidebar-message h2 {
	margin-left:10px;
	margin-right:10px;
	margin-bottom:15px;
}

.sidebar-message h2 {color:#fff;}

.sidebar-message em {
    font-family:Verdana, Geneva, sans-serif;
}

.contentLeft { /*use on pages with sidebars*/
    float:left;
    width:660px;
}

img.icon {margin:7px;}

.order {
    background:transparent url('images/buttons.png') no-repeat;
    width:350px;
    height:50px;
	margin-left:125px;
}

.deluxe {background-position:0px -50px;}
.deluxe:hover {background-position:0px 0px;}
.business {background-position:0px -150px;}
.business:hover {background-position:0px -100px;}
.professional {background-position:0px -250px;}
.professional:hover {background-position:0px -200px;}

table.data {
	border-collapse:collapse;
	background-color:#666;
	border:1px inset #2b2b2b;
	width:600px;
}

table.data th {
	background-color:#4c4c4c;
	font-weight:700;
	font-size:14px;
	border-left:none;
	border-right:none;
	text-align:left;
	text-shadow:1px 1px 1px #000;
	filter:Shadow(Color=#000000, Direction=135, Strength=2);
}

table.data td {
	backgound-color:#999;
	border-left:none;
	border-right:none;
}

table.data tr:hover {background-color:#9a9a9a;}

/*DEFAULT LINKS*/

a:link, a:visited {
	text-decoration:underline;
	color:#ff9300;
	outline:none !important;
}

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

a:active {
	text-decoration:underline;
	color:#ff9300;
	outline:none;
}

/*TOP NAVIGATION*/

div#nav-cnt {
	background:#4c4c4c;
}

div#nav-cnt > span {
  position:absolute; 
  top:30px; 
  right:225px;
}

div#nav-cnt > span a {
  color:#fff;
  font-weight:700;
  text-decoration:none;
}

/* remove the list style */
	#nav {
	margin:0;
	padding:0;
	list-style:none;
	height:76px;
	position:relative;
	bottom:13px;
	background-color:#4c4c4c;
}

/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
		#nav li {
	float:left;
	display:block;
	background:#4c4c4c;
	position:relative;
	z-index:500;
	margin:0 1px;
}

/* this is the parent menu */
		#nav li a {
	display:block;
	padding:8px 5px 0 5px;
	font-weight:700;
	height:77px;
	text-decoration:none;
	color:#fff;
	text-align:center;
	color:#ff9300;
	text-shadow:1px 1px 1px #3b3b3b;
}

#nav li a:hover { color:#ff9300; }

/* you can make a different style for default selected value */
		#nav a.selected { color:#ff9300; }

/* submenu, it's hidden by default */
		#nav ul {
	position:absolute;
	left:0;
	display:none;
	margin:0 0 0 -1px;
	padding:0;
	list-style:none;
}

#nav ul li {
	width:125px;
	float:left;
	border-top:1px solid #3b3b3b;
	border-right:1px solid #3b3b3b;
	border-left:1px solid #3b3b3b;
}

#nav ul li:first-child {border-top:none;}
#nav ul li:last-child {border-bottom:1px solid #3b3b3b;}

/* display block will make the link fill the whole area of LI */
		#nav ul a {
	display:block;
	height:25px; /*15px*/
	padding: 10px 5px;
	color:#ff9300;
}

#nav ul a:hover { text-decoration:underline; }

/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		*html #nav ul { margin:0 0 0 -2px; }


#container {display:table;}

/*HEADER*/

#header {
	height:301px;
	background:transparent url("images/header.jpg") no-repeat center;
	border-top:8px solid #fff;
	display:block;
	z-index:-1;
}

#server {
	margin:auto;
	width:292px;
	height:427px;
	background-image: url("images/server.png");
	background-repeat:no-repeat;
	display:block;
	position:relative;
	bottom:363px;
	left:268px;
	margin-bottom:-388px;
	z-index:1;
}

#bottom-nav {
	height:47px;
	background:transparent url("images/menubg.png") repeat-x;
}

.ul {
    list-style:none !important;
    margin-top:-10px;
    padding-left:20px;
}

/*FRONT MESSAGES*/

.message {
	float:left;
	background:#4f4f4f url("images/gloss.png") repeat-x;
	border-right:5px solid #4f4f4f;
	border-left:5px solid #4f4f4f;
	display:block;
}

.message h2 {
	margin:10px 0px 0px 10px;
	color:#fff;
}

.message li {padding:3px 0px;}

.message p {padding:10px;}

.message strong {
	font-weight:700;
	color:#ff9300;
	text-shadow:1px 1px 1px #4a4a4a;
}

.message a:link, .message a:visited {
	text-decoration:none;
	color:#ff9300;
	font-weight:700;
}

.message a:hover {
	text-decoration:underline;
	color:#ff9300;
	font-weight:700;
}

#front-message.message {
	width:500px;
	margin:25px;
}

#front-message.message img.hdd {
	float:left;
	width:65px;
	height:76px;
	margin:15px 10px 0px 15px;
}

#login.message img.members {
	width:139px;
	height:17px;
	margin-top:13px;
}

#login.message {
	width:380px;
	padding-bottom:30px;
	margin:25px;
}

#login.message form {
	text-align:right;
	float:left;
	padding:10px 0px 0px 40px;
	margin-top:20px;
}

#login.message input.gray {
	border:1px inset #4c4c4c;
	color:#000;
	font-weight:bold;
	text-shadow:1px 1px 1px #EDEDED;
	filter:Shadow(Color=#EDEDED, Direction=135, Strength=2);
}

#login.message div {margin:5px 0px;}

/*PLANS*/

#plans {display:inline-table;}

#plans ul {
	list-style:none;
	float:left;
	position:relative;
	right:6px;
}

#plans li {
	display:inline;
	padding-left:7px;
	padding-right:7px;
	position:relative;
	right:10px;
}

/*BOTTOM MESSAGES*/

#bottom-messages {display:block;}

#item-1.message {
	width:290px;
	margin:15px 5px 15px 28px;
}

#item-1.message li {
	padding:2px 0px;
	font-weight:700;
	text-shadow:1px 1px 1px #4a4a4a;
}

#item-2.message {
	width:290px;
	margin:15px 7px 15px 18px;
}

#posts.message {
	width:290px;
	margin:15px;
}

#posts.message a {
	text-shadow:1px 1px 1px #4b4b4b;
	filter:Shadow(Color=#4b4b4b, Direction=135, Strength=2);
}

/*SERVICES*/

#services {display:table;}

.services {
	width:450px;
	background:#4f4f4f url("images/gloss.png") repeat-x;
	border-right:5px solid #4f4f4f;
	border-left:5px solid #4f4f4f;
	display:block;
	float:left;
	margin-left:25px;
	padding-bottom:5px;
}

.services p, .services h2 {
	margin-top:15px;
	margin-left:15px;
	margin-bottom:10px;
	margin-right:10px;
}

.services-block {
	width:890px;
	margin:20px 25px 0px 35px;
}

.services-container {
	float:right;
	width:570px;
	margin-right:20px;
}

.services-block p {font-weight:normal;}

.templates {display:block;}

.templates img {margin-bottom:8px;} /*Change to adjust space between images y-axis*/

.templates ul {
	list-style-type:none;
	width:450px;
	float:left;
	position:relative;
	right:22px;
}

.templates li {
	display:inline;
	padding-left:8px; /*Change to adjust space between images x-axis*/
	margin-top:8px;
}

.font {
	margin-left:25px;
	margin-right:25px;
	font-weight:normal;
}

/*HOSTING TABLE*/

.table {font-size:14px;}

.table tr.feature {background:transparent url(images/gloss.png) repeat-x;}


/*SUPPORT*/

#support {
	margin-left:25px;
	display:table;
}

#support #sidebar-container {margin-left:20px;}

#support p {margin-right:15px;}

#support ul {list-style:none;}

#support .divider {width:660px;}


/*DOMAINS*/

#domains {margin-left:35px;}

/*SITEMAP*/

#sitemap {margin:0px 35px;}

#sitemap h1 {
	font-size:2.5em;
	color:#fff;
}

#sitemap h2 {
	font-size:2em;
	color:#fff;
}

#sitemap h3.update {
	display:table;
	background-color:#4c4c4c;
	padding:5px;
	border:1px inset #4c4c4c;
}

#sitemap .message {width:350px;}

#sitemap .message.left {
	float:left;
	margin-left:50px;
}

#sitemap .message.right {
	float:right;
	margin-right:50px;
}

#sitemap .message h2 {
	color:#fff;
	font-size:1.75em;
}

#sitemap *[align=center] {margin:25px auto 10px auto;}

#sitemap ul li a {text-shadow:1px 1px 1px #4b4b4b;}

/*FOOTER*/

#footer-container {margin-top:30px;}

#footer {
	background:#535353 url("images/footer.png") repeat-x;
	height:220px;
	padding-bottom:20px;
}

#footer a, #footer a:visited {
	text-decoration:none;
	font-weight:700;
}

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

#footer .col {
	float:left;
	text-shadow:1px 1px 1px #4b4b4b;
	width: 190px;
}

#footer .col h3 {color:#fff;}

#footer .col ul {
	list-style:none !important;
	padding-left:10px;
}

#footer .col li {margin:5px 0px;}

#footer p.copyright {
	text-align:center;
	width:700px;
	right:160px;
}
