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

html
{
	background: #001431 url('../images/bg.jpg') repeat-x top left;
}

body
{
	color: #fff;
	font: normal 11px Tahoma,Verdana,sans-serif;
}

img
{
	border: 0px;
}

.clear_fix
{
	clear: both;
}

.holder
{
	position: relative;
	left: 50%;
	margin-left: -450px;
	width: 900px;
}

.container
{
	float: left;
}
	.container .left
	{
		float: left;
		margin-right: 20px;
	}
	.container .top
	{
		width: 200px;
		height: 35px;
		background: url('../images/bg_col.jpg') repeat-x;
		border: 1px #CCCCCC solid;
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 2px;
	}
	.container .right
	{
		float: left;
		width: 200px;
		text-align: center;
		margin-top: 2px;
	}
	.container .features
	{
		background: #EEEEEE;
		border: #CCCCCC 1px dashed;
		margin-bottom: 5px;
		width: 200px;
	}
	.container .icon
	{
		float: left;
		width: 50px;
		height: 50px;
		margin-right: 10px;
		vertical-align: middle;
	}
	.container .description
	{
		float: left;
		width: 130px;
		text-align: left;
	}

.title
{
	background: url('../images/header-bar.jpg') no-repeat;
	width: 580px;
	height: 30px;
	border: 0px #333333 solid;
	color: #333333;
	margin-bottom: 10px;
}
	.title .left
	{
		float: left;
		padding-left: 10px;
		text-align: left;
		line-height: 30px;
	}
		.title .left a
		{
			text-decoration: none;
			border: 0px;
			color: #666666;
		}
		.title .left a:hover
		{
			text-decoration: none;
			border-bottom: 1px #333333 dashed;
			color: #333333;			
		}
	.title .right
	{
		float: right;
		padding-right: 10px;
		text-align: right;
		line-height: 30px;
		font-size: 15px;
		font-weight: bold;
	}

.menu
{
	height: 48px;
	background: url('../images/bg_menu.jpg') no-repeat top center;
	overflow: hidden;
}

	.menu ul
	{
		
		padding: 18px 0 0 150px;
	}
	
		.menu ul li
		{
			list-style: none;
			display: inline;
		}
		
			.menu ul li a
			{
				color: #6d97d1;
				font-weight: bold;
				text-decoration: none;
				text-transform: uppercase;
				padding: 5px 20px;
			}
			
			.menu ul li a:hover
			{
				color: #fff;
			}
			
	.menu a.livechat
	{
		display: block;
		float: right;
		height: 48px;
		width: 155px;
		margin: -31px 36px 0 0;
	}
			
	.menu a.online
	{
		background: url('../images/img_livechat_online.jpg') no-repeat top left;
	}
	.menu a.offline
	{
		background: url('../images/img_livechat_offline.jpg') no-repeat top left;
	}
	
.banner
{
	height: 178px;
	background: url('../images/bg_banner.jpg') no-repeat top center;
	overflow: hidden;
	
}
	.banner .testimonial
	{
		position: absolute;
		height: 84px;
		width:  531px;
		margin: 52px 0 0 0;
	}
	.banner .ad
	{
		position: absolute;
		background: url('../images/promo_bg.png') no-repeat top left;
		height: 144px;
		width:  353px;
		margin: 18px 0 0 556px;
	}
	.banner .top
	{
		text-align: center;
		padding-top: 30px;
	}
	.banner .top a
	{
		color: #CCCCCC;
		text-decoration: none;
	}
	.banner .top a:hover
	{
		color: #FFFFFF;
		text-decoration: underline;
	}
	.banner .bottom
	{
		position: absolute;
		margin: 35px 0px 0px 280px;
	}
	

.plans
{
	height: 180px;
	background: url('../images/bg_plans.jpg') no-repeat top center;
	overflow: hidden;
}
	.plans .plan
	{
		display: block;
		float: left;
		width: 265px;
		color: #453303;
	}
		.plans .plan a
		{
			display: block;
			height: 50px; 
		}
		.plans .plan ul
		{
			list-style: none;
			margin-left: 30px;
		}
			.plans .plan ul li
			{
				padding: 2px;
			}
	.plans .reseller
	{
		margin-left: 50px;
	}
	.plans .domains
	{
		margin-left: 50px;
	}

.content
{
	background: #fff url('../images/bg_content.jpg') no-repeat bottom center;
	color: #333333;
	padding-bottom: 15px;
}
	.content table
	{
		color: #666666;
	}
	.content .col
	{
		float: left;
		margin: 2px 0;
	}
	.content .col a
	{
		color: #333333;
		text-decoration: none;
	}
	.content .col a:hover
	{
		color: #000000;
		text-decoration: underline;
	}
	.content .login
	{
		display: block;
		position: relative;
		background: #fff url('../images/bg_login.jpg') no-repeat top left;
		width: 192px;
		height: 176px;
		overflow: hidden;
	}
		.content .login input.username, .content .login input.password
		{
			border: 0px;
			width: 162px;
			height: 19px;
			font-size: 10px;
			padding: 3px;
		}
		.content .login .username
		{
			position: absolute;
			top: 57px;
			left: 14px;
		}
		.content .login .password
		{
			position: absolute;
			top: 109px;
			left: 14px;
		}
		.content .login .submit
		{
			position: absolute;
			top: 147px;
			left: 0px;
		}
		.content .login .remember
		{
			position: absolute;
			top: 155px;
			left: 12px;
			z-index: 9;
		}
		/* IE ONLY STYLE */
		* html .content .login .remember
		{
			position: absolute;
			top: 151px;
			left: 8px;
			z-index: 9;
		}
		.content .login .remember-text
		{
			position: absolute;
			top: 155px;
			left: 30px;
			z-index: 10;
			color: #EEEEEE;
		}
	.content .controlpanel
	{
		display: block;
		position: relative;
		background: url('../images/bg_controlpanel.jpg') no-repeat top left;
		width: 192px;
		height: 176px;
		overflow: hidden;
		color: #a9a9a9;
	}
		.content .controlpanel b
		{
			color: #fff;
		}
		.content .controlpanel p
		{
			padding: 40px 10px 10px 10px;
		
		}
		.content .controlpanel .credentials
		{
			display: block;
			position: absolute;
			top: 103px;
			left: 20px;
		}
		.content .controlpanel a
		{
			display: block;
			position: absolute;
			background: url('../images/btn_controlpanel.jpg') no-repeat top left;
			top: 147px;
			left: 0px;
			height: 29px;
			width: 192px;
		}
		
	.content ul
	{
		margin: 10px 20px;
	}
		.content ul li
		{
			padding: 2px;
		}

.footer
{
	color: #5a7eb0;
	padding: 15px 0 50px 0;
	background: url('../images/bg_footer.jpg') no-repeat top center;
	overflow: hidden;
	font-size: 10px;
}
	.footer a
	{
		color: #5a7eb0;
	}
	.footer a:hover
	{
		color: #5a7eb0;
		text-decoration: none;
	}
	.footer ul
	{
		list-style: none;
		margin-top: 5px;
	}
		.footer ul li
		{
			display: inline;
			padding: 0 10px 0 0;
		}
	
.tplans .tcol {
	background: url('../images/bg_col.jpg');
	border: 1px #CCCCCC solid;
	height: 35px;
	width: 80px;
	font-size: 12px;
	text-align: center;
	color: #666666;
	}
.tplans .trow {
	background: #F8F8F8;
	padding: 2px 0px 2px 5px; /* top - right - bottom - left */
	border: 1px #CCCCCC dashed;
	text-align: left;
	color: #666666;
	font-size: 12px;
	}
.tplans .inner {
	text-align: center;
	color: #666666;
	font-size: 12px;
	}
.tplans .span {
	background: #EEEEEE;
	border: 1px #CCCCCC solid;
	text-align: left;
	color: #666666;
	font-size: 12px;
	padding: 2px 0px 2px 5px; /* top - right - bottom - left */
	font-weight: bold;
	}
.tplans .order {
	border: 1px #CCCCCC solid;
	vertical-align: middle;
	height: 18px;
	width: 80px;
	}
.tplans .x, .check {
	border: 0px;
	vertical-align: middle;
	height: 16px;
	width: 16px;
	}
.tplans .flag {
	border: 0px;
	vertical-align: middle;
	height: 11px;
	width: 16px;
	margin-right: 5px;
	}