/* Header & Navigation {{{ */

#Loader {
	Z-INDEX: 99; POSITION: absolute; FILTER: alpha(opacity=70); BACKGROUND-COLOR: #000000; WIDTH: 100%; HEIGHT: 100%; -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: .7
}
#Loader IMG#pageloading {
	Z-INDEX: 100; background: url(images/Page-Loading-Spinner.gif) no-repeat 0 0; POSITION: relative; TOP: 50% !important; LEFT: 48% !important
}
/*
body {
	padding: 			0;
	margin: 			0;
	font-family:		arial;
	font-size:			12px;
	background:			#fff url(../images/bg_head.jpg) repeat-x 0 0;
}

td#body {			
	background-color:	#fff;
	width:				728px;
}

.contact_bar {
	margin-left:		650px;
	position:			absolute;
	top:				0;
}

#head	{
	width:				1000px;
	margin:				31px auto 13px auto;
	text-align:			left;
}
*/
.topmidbox {
/*	background: 		#fff url(../images/midtop_bg.jpg) no-repeat 0 0; */
}

.topmidbox p, .topmidbox h2 {
	width:				70%;
	color:				black;
	margin-right:		0;
	margin-left:		auto;
	line-height:		140%;
	font-size:			13px;
}

.topmidbox h2 {
	color:				red;
	font-size:			20px;
	font-weight:		normal;
}

table.plans {
	background: 			#fff url(../images/p_bg.gif) no-repeat 0 0; 
	background-position:	left bottom;
	height:					620px;
	padding:				0;
	border:					0;
	border-collapse:collapse;

}
table.plans td {
	
	
	/*border:1px solid red;*/
}


table.plan {

margin-left:5px;

	}

#logo	{
	position: relative;
	background: 		url(../images/logo.jpg) no-repeat 0 0;
	display:			block;
	margin:				0 0 0 10px;
	height:				92px;
	text-decoration:	none;
}
.hp 	{
	display:			block;
	text-transform:		uppercase;	
	font-size:			12px;
	letter-spacing:		normal;
	word-spacing:		normal;
	padding-bottom:		7px;
}

#mid_c	{
	background: 		#811 url(../images/n_b_bg2.gif) repeat-x 0 0;
	margin-top:			1px;
}

#mid_w	{
	margin-bottom:		5px;
	line-height:		8px;
	border:				1px solid #A44;
	border-top:			0px;
	padding:			0px;
	background:			#922;
}

#mid_b	{
	background: 		url(../images/m_bg_b.gif) repeat-x 0 0;	
	margin:				2px 0 0 0;
	height:				8px;
	line-height:		8px;
	font-size:			8px;
}
/* }}} */

/* Body Content {{{ */
h1, h2, h3		{
	font-family: 		arial;
	font-weight: 		normal;
	color:				#147;
	margin:				0px;
	padding:			0;
	word-spacing: 		-1px;
	clear:				both;
}

h1 {
	font-size: 			20px;
	margin:				6px 0 10px 0;
	letter-spacing: 	-1px;
	color:				red;
	border-top: 		1px #ccc dotted;
	border-bottom: 		1px #ccc dotted;
	padding-top:		5px;
	padding-bottom:		5px;
	padding-left:		20px;
	background: 		url(../images/arrow_h1.gif) no-repeat 0 0;	
}

h2 {
	font-size: 			130%;
	font-weight:		bold;
	margin:				5px 0 5px 0;
	letter-spacing: 	-1px;
}

h3 {
	font-size: 			120%;
	color:				#0E4B77;
	font-weight:		bold;
	margin:				5px 0 5px 0;
}

h1.h1_home {
	background:			url(../images/h1_home.gif) no-repeat 0 0;
	width:				467px;
	height:				38px;
	padding:			0px;
	margin:				10px 0 0 0;	
}

h1.h1_home span {
	display:			none;
}

div.homeWrap {
	width:				467px;
	margin:				0;
	padding:			0;
}

div.homeWrap div {
	font-family:		arial;
	font-size:			11px;
	color:				#888888;
	padding:			0 0 0 22px;
	line-height:		15px;
	text-align:			justify;
}

h2.h2_home {
	background:			url(../images/h2_home.gif) no-repeat 0 0;
	width:				467px;
	height:				38px;
	padding:			0px;
	margin:				14px 0 0 0;	
}

h2.h2_home span {
	display:			none;
}

.homeContent	{
	font-family:		arial;
	font-size:			11px;
	color:				#888888;
	padding:			0 0 0 22px;
}
/*
#body	{
	
	padding:			10px;

	color:				#333;
}

#body a {
	color:				#922;
	text-decoration:	none;	
}

#body a:hover {
	color:				#049;
	border-bottom:		1px solid #049;
}

#body2	{
	font-size:			11px;
	color:				#333;
}

#body2 a {
	color:				#922;
	text-decoration:	none;	
}

#body2 a:hover {
	color:				#049;
	border-bottom:		1px solid #049;
}
*/
.benefitsTitle {
	font-family:		arial;
	font-size:			12px;
	font-weight:		bold;
	margin:				5px 0 0 10px;
	padding:     		0 0 5px 0;
	text-decoration:	none;
}


.benefits {
	font-family:		arial;
	font-size:			11px;
	font-weight:		normal;
	margin:				0 0 0 20px;
	padding:     		0 5px 5px 0;
}



/* }}} */

/* Features Box {{{ */
#c_r	{
	background: 		#922 url(../images/r_bg.gif) bottom right no-repeat;
	color:				#000;
	font-size:			12px;
	padding:			20px 20px 0 20px;
	height:				488px;
	line-height:		148%;
	

}

#c_r h1 {
	color:				white;
	border:				0;
	padding-left:		10px;
	padding-top:		0;
	padding-bottom:		10px;
	background:			none;
}

#c_r a {
	color:				#fff;
	text-decoration:	none;
	border-bottom:		1px dashed #fff;
}

#c_r a:hover {
	color:				#fff;
	border-bottom:		1px solid #fff;
}

#c_r h2	 {
	margin-top:			5px;
	margin-left:		40px;
	color:				#fff;
	font-weight:		bold;
	font-size:			16px;
	padding-bottom:		5px;
}

#c_r p	{
	padding:			0;
	margin:				10px 0 10px 40px;	
}
/* }}} */

/* Left Navigation {{{ */
#leftnav		{
	background-image: 	url(../images/t-sidebar-btm.gif);
	background-position:center bottom;
	background-repeat:	no-repeat;
	margin-top:			15px;
	font-size:			10px;
	line-height:		22px;
	width:				185px;
	padding-bottom:		10px;
}

#leftnav a		{
	color:				#666;
	text-decoration:	none;
	border-bottom:		0px;
	border-bottom:		0px;
}

#leftnav a:hover		{
	color:				#922;
	border-bottom:		0px;
}

#leftnav ul	{
	margin:				0;
	padding:			0;
	width:				190px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;	


}

#leftnav li	{
	list-style-type:	square;
	list-style-position:inside;
	background:			#eee;
	color:				#aaa;
	border-bottom:		2px solid #fff;
	padding-left:		10px;
	font-size:			12px;
}

#leftnav span	{
	color:				#666;
}

#leftnav li.ls	{
	list-style-type:	none;
	list-style-position:outside;
	padding-left:		20px;
	background:			#fff;
	font-size:			12px;
	line-height:		18px;
}

#leftnav .hosting, #leftnav .company, #leftnav .services, #leftnav .contact {
	height:	32px;
	padding:0;
	background-repeat:	no-repeat;
	background-position:left center;
	background-color:	#000;
	
	
}

.leftnavtop {
	background-image: 	url(../images/t-sidebar.gif);
	height:15px;
}

.company {
	background-image: 	url(../images/n_company.gif);
}

.services {
	background-image: 	url(../images/n_services.gif);
}


.contact {
	background-image: 	url(../images/n_contact.gif);
}

.hosting {
	background-image: 	url(../images/n_hosting.gif);
}
/* }}} */

/* Plans {{{ */
.title	{

	font-weight: 		normal;
	font-family:		arial;
	word-spacing: 		-1px;
	font-size: 			18px;
	display:			block;
	color:				#1964CC;
	padding:			0px 0 0px 8px;
	letter-spacing: 	-1px;	


}

.title img {
	
	position:			absolute;
	margin-top:			-40px;
	margin-left:		180px;
}

a.title {
	font-size:			18px;
	color:				#1964CC;
	text-decoration:	none;
}

a.title:hover {
	color:				#049;
}

.cont	{
	font-family:		Arial;
	width:				200px;
	font-size:			12px;
	height:				auto;
	color:				#000;
	padding-left:		8px;
	display:block;
}

a.plan {
	font-size:			10px;
	color:				#922;
	text-decoration:	none;
	border-bottom:		1px dashed #922;
}

a.plan:hover {
	color:				#049;
	border-bottom:		1px solid #049;
}
/* }}} */

/* Footer {{{ */
#footer	{
	color:				#ccc;
	font-size:			11px;
}

#footer a {
	color:				#922;
}

a.bbb	{
	background: 		url(../images/bbb.gif) no-repeat 0 0;
	text-decoration:	none !important;
	border:				0px !important;
	display:			block;	
	width:				90px;
	height:				31px;
}

a.bbb:hover	{
	background:			url(../images/bbb_h.gif) no-repeat 0 0;	
}
/* }}} */

/* Arrow Icons {{{ */
.lnk		{
	background: 		url(../images/a_bg.gif) no-repeat 0px 5px;
	margin-left:		15px;
	padding-left:		15px;
	height:				18px;
}

.lnk2		{
	background: 		url(../images/a2_bg.gif) no-repeat 0px 3px;	
	margin-left:		40px;
	padding-left:		15px;
	height:				15px;	
}

.lnk3		{
	background: 		url(../images/a2_bg.gif) no-repeat 0px 3px;	
	margin-left:		0px;
	padding-left:		15px;
	height:				15px;	
}

.lnk4		{
	background: 		url(../images/a2_bg.gif) no-repeat 0px 3px;	
	margin:				0 0 0 214px;
	padding-left:		15px;
	height:				15px;	
}



.redArrow	{
	background:			url(../images/red_arrow.gif) no-repeat 0px 0px;
	margin:				0 0 0 0;
	width:				12px;
	height:				9px;
}


/* }}} */

/* Lists {{{ */
li	{
	font-size:			12px;
}

ul.sm li {
	font-size:			12px;
}

.line		{
	border-top:			1px solid #333;
}
/* }}} */

/* Grey Border Boxes {{{ */
.dataBox1	{
	border:				1px solid #EFEFEF;
	padding:			2px;
	background:			#fff;
}

.dataBox2	{
	border:				4px solid #F9F9F9;
}

.dataBox3	{
	border:				1px solid #ccc;
	padding:			3px;
	background:			#fff;
}
/* }}} */

/* Plan Page Table {{{ */
.dataTable	{
	width:				100%;
	color:				#333;
	font-size:			12px;
}

.features	{
	width:				693px !important;
	margin:				10px 5px 5px 5px;
}

.inner	{
	width:				95%;
}

.dataTable th	{
	color:				#147;
	border-bottom:		1px solid #147;
}

.dataTable th.top	{
	padding:			3px;
	background:			#158;
	color:				#fff;
	border:				1px solid #147;
}

.dataTable td {
	padding:			4px;
	border-bottom:		1px solid #ddd;
}

.dataTable td.sp {
	padding:			0px;
	border-bottom:		0px;
}

.dataTable td.pad3	{
	padding:0 3px 0 3px;
}

.dataTable td.pad5	{
	padding:0 5px 0 7px;
}

.dataTable tr.dark {
	background:			#FAFAFA;
	border:				1px solid #000 !important;
	font-weight:		bold;
	color:				#666;
}

.dataTable tr.dark td {
	border-top:			1px solid #ccc !important;
	border-bottom:		1px solid #ccc !important;
}

.dataTable tr.dark td.st {
	border-left:		1px solid #ccc !important;
}

.dataTable tr.dark td.ed {
	border-right:		1px solid #ccc !important;
}


.dataTable .nul {
	border-bottom:		0px !important;
}

.dataTable .center {
	text-align:			center;
}

.dataTable .gy{
	background:			#F6F6F6;
}

.dataTable a.dis {
	display:			block;
	height:				20px;
	line-height:		20px;
	padding-left:		8px;
	border-bottom:		1px solid #E5E5E5 !important;
	border-right:		1px solid #ccc !important;
	border-left:		1px solid #E5E5E5 !important;
	background:			#FAFAFA;
	cursor:            pointer;
}

.dataTable a.tl {
	border-top:			1px solid #E5E5E5 !important;
}

.dataTable a.bl {
	border-bottom:		1px solid #E5E5E5 !important;
}

.dataTable a.hightl {
	border-top:			1px solid #ccc !important;
}

.dataTable a.highlighted {
	background:			#fff;
	color:				#147 !important;
	font-weight:		bold;
	border-right:		0px !important;
	display:			block;
	height:				20px;
	line-height:		20px;
	padding-left:		8px;
	border-bottom:		1px solid #ccc !important;
	border-left:		1px solid #ccc !important;	
}

.dataTable a.highbot {
	border-bottom:		1px solid #ccc !important;	
}

.dataTable a.dis:hover {
	background:			#fff;
}

.displayBox {
	width:				500px;
	border:				1px solid #ccc !important;
	border-left:		0px !important;
	background:			#fff;
}

#display	{
	width:				100%;
	height:				280px;
	overflow: 			auto;
	background:			#fff;
}

/* }}} */

/* Form Elements {{{ */
.csubmit		{
	background: 		url(../images/btn.gif) repeat-x;
	border: 			1px outset;
	cursor: 			pointer;
	font-family:		arial;
	font-size:			9px;
	font-weight: 		normal;
	margin: 			0px 0px 1px 1px;
	padding: 			1px 1px 1px 1px;
}

input, select, textarea	{
	font-family:		arial;
	font-size:			11px;
	border:				1px solid #ccc;
}
/* }}} */

.clear			{
	width:				0px;
	height:				1px;
	line-height:		0px;
	font-size:			0px;
	clear:				both;
}

.clear_c			{
	background:			#fff;
	height:				1px;
	line-height:		0px;
	font-size:			0px;
	clear:				both;
}

.sm_w			{
	background:			#C2C2C2;
	height:				100%;
	width:				1px;
	line-height:		0px;
	font-size:			1px;
	padding:			0px !important;
	margin:				0px;
}

.sm_h	{
	background:			#C2C2C2;
	height:				1px;
	width:				145px;
	line-height:		0px;
	font-size:			1px;
	padding:			0px 5px 0px 7px !important;
	margin:				5px 0 0 0;
}

.nb	{
	border:				0px !important;
}
/* Plan Page Styles {{{ */
#b_1, #b_2, #b_3, #a_1, #a_2, #a_3, #ap_1, #ap_2, #ap_3, #w_1, #w_2, #w_3, #p_1, #p_2, #fo_1, #fo_2, #fo_3	{
	width:				650px;
	height:				70px;
}

#b_2, #a_2, #w_1, #w_2, #w_3, #p_2, #fo_1, #fo_2, #fo_3 {height:71px;}
#a_1	{ background: url(../images/a_1a.gif) no-repeat 0 0; }
#a_2	{ background: url(../images/a_2a.gif) no-repeat 0 0; }
#a_3	{ background: url(../images/a_3a.gif) no-repeat 0 0; }
#w_1    { background: url(../images/w_1.gif) no-repeat 0 0; }
#w_2    { background: url(../images/w_2.gif) no-repeat 0 0; }
#w_3    { background: url(../images/w_3.gif) no-repeat 0 0; }
#b_1	{ background: url(../images/b_1a.gif) no-repeat 0 0; }
#b_2	{ background: url(../images/b_2a.gif) no-repeat 0 0; }
#b_3	{ background: url(../images/b_3a.gif) no-repeat 0 0; }
#p_1	{ background: url(../images/p_1.gif) no-repeat 0 0; }
#p_2	{ background: url(../images/p_2.gif) no-repeat 0 0; }
#fo_1	{ background: url(../images/fo_1.gif) no-repeat 0 0; }
#fo_2	{ background: url(../images/fo_2.gif) no-repeat 0 0; }
#fo_3	{ background: url(../images/fo_3.gif) no-repeat 0 0; }
#ap_1	{ background: url(../images/ap_1.gif) no-repeat 0 0; }
#ap_2	{ background: url(../images/ap_2.gif) no-repeat 0 0; }
#ap_3	{ background: url(../images/ap_3.gif) no-repeat 0 0; }


.signup {
	display:			block;
	text-decoration:	none;
	border:				0px !important;
	width:				90px;
	height:				18px;
}

#errorBox				{
	margin:				0 auto 0 auto;
	text-align:			center;
	border:				1px solid #811;
	padding:			10px;
	font-weight:		bold;
	color:				#811;
	background:			#fff;
}

.style2 {
	color: 				#922;
	font-weight: 		bold;
}

.style4 {
	font-family: 		arial;
	font-size:			16px;
	color:				#147;
	padding:			0;
	word-spacing: 		-1px;
}



#headSupport {
	display:			block;
	background: 		url(../images/head_support.gif) no-repeat 0 0;
	width: 				237px;
	height:				47px;
	margin:				8px 18px 0 0;
	text-decoration:	none;
}

#contactTable {
	padding: 			0;
	margin:				0;
	width:				210px;
	height:				158px;



}

#contactTable h3 {
	width:				150px;
	margin:				5px 0 10px 14px;
	padding: 			10px 0 0px 0;
	text-transform:		uppercase;
	font-weight:		normal;
	font-size:			12px;
	color:				#036;
	border-bottom:		1px solid #036;
}

#contactTable a {
	display:			block;
	width:				119px;
	height:				22px;
	line-height:		22px;
	padding:			0 0 0 31px;
	margin:				0 0 0 14px;
	font-size:				11px;
	color:				#922;
	text-decoration:	none;
}

#contactTable a.contact { background: url(../images/ico_email.gif) no-repeat 6px 0; }
#contactTable a.faq { background: url(../images/ico_bubble.gif) no-repeat 6px 0; }
#contactTable a.client { background: url(../images/ico_man.gif) no-repeat 6px 0; }
#contactTable a.tell { background: url(../images/ico_cell.gif) no-repeat 6px 0; }
#contactTable a.demo { background: url(../images/ico_comp.gif) no-repeat 6px 0; }

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

.signupy {
	background: 		url(../images/sign_up_yellow.gif) no-repeat 0 0;
	display:			block;
	width:				90px;
	height:				18px;
	margin:				0 0 10px 10px;
}

a.signupy { 
	text-decoration:	none;
	width:				90px;
	height:				18px;
	border-bottom:		0px !important;
}

.signupg {
	background: 		url(../images/sign_up_gray.gif) no-repeat 0 0;
	display:			block;
	width:				90px;
	height:				18px;
	margin:				0 0 10px 10px;
}

a.signupg { 
	text-decoration:	none;
	width:				90px;
	height:				18px;
	border-bottom:		0px !important;
}

.learn_morey {
	background: 		url(../images/learn_more_yellow.gif) no-repeat 0 0;
	display:			block;
	width:				90px;
	height:				18px;
	margin:				0 0 0 15px;
}

a.learn_morey { 
	text-decoration:	none;
	width:				90px;
	height:				18px;
}

.learn_morey2 {
	background: 		url(../images/learn_more_yellow.gif) no-repeat 0 0;
	display:			block;
	width:				90px;
	height:				18px;
	margin:				0 0 10px 10px;
}

a.learn_morey2 { 
	text-decoration:	none;
	width:				90px;
	height:				18px;
	border-bottom:		0px !important;
}

.learn_moreg {
	background: 		url(../images/read_more_plans.jpg) no-repeat 0px 0px;	
	font-size:			12px;
	padding-left:		30px;
	padding-top:		2px;
	height:				50px;
	display:			block;
	color:				red;
}

a.learn_moreg { 
	text-decoration:	none;
	width:				90px;
	height:				30px;
}

.learn_moreg2 {
	background: 		url(../images/learn_more_gray.gif) no-repeat 0 0;
	display:			block;
	width:				90px;
	height:				18px;
	margin:				0 0 10px 10px;
	border-bottom:		0px !important;
}

a.learn_moreg2 { 
	text-decoration:	none;
	width:				90px;
	height:				18px;
}

.testimonials {
	background: 		url(../images/testimonials.gif) no-repeat 0 0;
	width:				465px;
	height:				80px;
	padding:			0 0 0 0;
	margin:				0 0 0 0px;
}

.contactsales {
	background:			url(../images/contact_sales1.gif) no-repeat 0 0;
	display:			block;
	width:				235px;
	height:				67px;
	border-bottom:		0px !important;
}

a.contactsales {
	text-decoration:	none;
	width:				235px;
	height:				67px;
}
.price_tag {
	padding-left:		7px;
	padding-top:		8px;
}

.testimonial_home  {
	color:				#000;
	font-size:			12px;
	width:	80%;
	position:relative;
	left:35px;
}

.testimonial_home h1 {
	border: 			0;
	padding-top:		110px;
	padding-left:		0;
	color:				#000;
	background:			none;
}


/*
Navigation
-------------------------------------------------------------------------------------------------------------------------------*/
#navigation {position:relative; bottom:8px; padding:0px 0 10px 200px; }
#navigation ul { list-style: none; margin: 0; padding: 0; }
#navigation li { float: left; margin: 0; padding: 0; }
#navigation li.last { margin: 0; }
#navigation span { display: none; }
#navigation a { display: block; float: left; height: 30px; background:  url('../images/navigation.gif') 0 0 no-repeat; }

/*
#navigation a.home { width: 104px; background-position: 0 0; }
#navigation a:hover.home { width: 104px; background-position: 0 -30px; }
*/

#navigation a.reseller_hosting { width: 155px; background-position: 0 0; }
#navigation a:hover.reseller_hosting { width: 155px; background-position: 0 -30px; }

#navigation a.vps_reseller { width: 109px; background-position: -155px 0; }
#navigation a:hover.vps_reseller { width: 109px; background-position: -155px -30px; }

#navigation a.server_reseller { width: 152px; background-position: -265px 0; }
#navigation a:hover.server_reseller { width: 152px; background-position: -265px -30px; }

#navigation a.company { width:85px; background-position: -420px 0; }
#navigation a:hover.company { width:85px; background-position: -420px -30px; }

#navigation a.support { width:87px; background-position: -508px 0; }
#navigation a:hover.support { width:87px; background-position: -508px -30px; }

#navigation a.contact { width:106px; background-position: -600px 0; }
#navigation a:hover.contact { width:106px; background-position: -600px -30px; }




/* }}} */