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

/* RESET THE DEFAULTS */

*				{ margin: 0; padding: 0; }
html			{ overflow-y : scroll; }
html, body		{ height: 100%; }
body			{ font-size: 62.5%; font-family: Helvetica, Arial, sans-serif; color: white; }
img				{ border: none; }
ol, ul 			{ list-style: none; }
a, a:active		{ outline: none; }
.floatleft		{ float: left; }
.floatright		{ float: right; }
.clear			{ clear: both; }
.cufon			{ margin-bottom: 10px; } /* cufon hack */



/* MAIN LAYOUT */

body.home		{ background: url("/images/bg.png") 0 0 repeat-x #FFF; }
body.inner		{ background: url("/images/bg_inner.png") 0 0 repeat-x #FFF; }

#wrapper		{ margin: 0 auto; width: 960px; }
.top			{ height: 126px; background: url("/images/bg_header.png") 0 0 no-repeat transparent; }

#footer			{ }

#footercontent	{ margin: 0 auto; width: 960px; }

/* MAIN NAVIGATION */

#nav			{ position: relative; top: 44px; width: 530px; height: 44px; list-style: none; background: url("/images/navmatrix.png") 0 0 no-repeat transparent; }
#nav li			{ float: left; color: #F5F5F5;}
#nav li a 		{ background: url("/images/navmatrix.png") no-repeat scroll 0 0 transparent; display: block; height: 44px; margin: 0; overflow: hidden;
				  padding: 0; position: absolute; text-indent: -9999px; top: 0; }
				  
li#home a 					{ background-position: 0 0; left: 0; width: 55px; }
li#home a:hover				{ background-position: 0 -45px; left: 0; width: 55px; }
li#home a:active			{ background-position: 0 -90px; left: 0; width: 55px; }
#body_home li#home a 		{ background-position: 0 -90px; }

li#dedicated a 					{ background-position: -54px 0; left: 54px; width: 168px; }
li#dedicated a:hover			{ background-position: -54px -45px; left: 54px; width: 168px; }
li#dedicated a:active			{ background-position: -54px -90px; left: 54px; width: 168px; }
#body_dedicated li#dedicated a 		{ background-position: -54px -90px; }

li#colocation a 					{ background-position: -222px 0; left: 222px; width: 114px; }
li#colocation a:hover				{ background-position: -222px -45px; left: 222px; width: 114px; }
li#colocation a:active				{ background-position: -222px -90px; left: 222px; width: 114px; }
#body_colocation li#colocation a			{ background-position: -222px -90px; }

li#vps a 					{ background-position: -336px 0; left: 336px; width: 195px; }
li#vps a:hover				{ background-position: -336px -45px; left: 336px; width: 195px; }
li#vps a:active				{ background-position: -336px -90px; left: 336px; width: 195px; }
#body_vps li#vps a			{ background-position: -336px -90px; }


/* HOME PAGE */

.homescreen		{ width: 960px; height: 356px; background: url("/images/bg_homescreen.jpg") no-repeat scroll 0 0 transparent; }
.intro			{ padding: 20px 10px; height: 228px; width: 500px; }
.intro h1		{ font-size: 40px; color: #FFF; }
.intro h2		{ font-size: 26px; color: #FFF; }
.intro h3		{ font-size: 18px; font-weight: bold; color: #FFF; }
.slider			{ padding: 45px 0 0 47px; width: 363px; height: 310px; background: url("/images/laptop.png") no-repeat scroll 0 24px transparent; }
.slides			{ width: 318px; height: 196px; }
.buttons		{ margin-top: 24px; margin-left: -5px; color: #000;  font-size: 17px; font-style: bold; font-family: Helvetica, Arial, sans-serif; margin-bottom: 10px; line-height: 25px; }


#slidernav 				{ float: right; margin-top: 76px;}
#slidernav a 			{ display: block; height: 18px; width: 18px; }
#slidernav h3		{ margin-right: 60px; font-size: 18px; font-weight: ; color: #333; }

.headline		{ padding: 15px 0 0 64px; width: 960px; height: 80px; background: url("/images/headline.png") no-repeat scroll 0 0 transparent; }
.headline h1	{ font-size: 24px; color: #666; font-weight: normal; }
.highlight		{ color: #333; }

td.contactus	{ width: 200px; margin: 0 10px 0 10px; padding-bottom: 0px; }
table.contactus { width: 700px; }

ul.featurebox			{ width: 430px; margin: 0 10px 0 20px; padding-bottom: 20px; }
ul.featurebox li		{ list-style: none; background: url("/images/bullet.png") no-repeat scroll 15px 0 transparent; padding-left: 45px; color: #000;  font-size: 15px; font-family: Helvetica, Arial, sans-serif; margin-bottom: 10px; line-height: 19px; }

ul.featurebox li.security		{ padding: 10px 0 0 55px; background: url("/images/icons.png") no-repeat scroll 0 -180px transparent; height: 40px; 										
								  color: #0075DF; font-size: 26px; }
ul.featurebox li.privacy		{ padding: 10px 0 0 55px; background: url("/images/icons.png") no-repeat scroll 0 -240px transparent; height: 40px; 
								  color: #0075DF; font-size: 26px; }
ul.featurebox li.speed			{ padding: 10px 0 0 55px; background: url("/images/icons.png") no-repeat scroll 0 -60px transparent; height: 40px; 
								  color: #0075DF; font-size: 26px; }
ul.featurebox li.support		{ padding: 10px 0 0 55px; background: url("/images/icons.png") no-repeat scroll 0 -120px transparent; height: 40px; 
								  color: #0075DF; font-size: 26px; }



#quotes{
	font:16px Helvetica, Arial, sans-serif;
	font-style:italic;
	color:#666;
	width:850px;
	height:50px;
	margin:0px auto 0 auto;
	padding:0px;
	position:relative;
}

#author{
	font-style:normal;
	color:#C93;
	position:absolute;
	bottom:-10px;
	right:10px;
}


/* INNER PAGES */
.pagetitle				{ padding: 18px 0 0 10px; margin-bottom: 15px; height: 74px; width: 950px; background: url("/images/bg_pagetitle.jpg") no-repeat scroll 0 0 transparent; font-size: 13px; color: #FFF; line-height: 4px; }
.pagetitle h1			{ font-size: 40px; color: #FFF; }
.sidebar				{ width: 240px; min-height: 471px; background: url("/images/bg_sidebar.png") no-repeat scroll 0 0 transparent; padding-top: 1px; }
.sidebar ul li			{ list-style: none; }
.sidebar ul li a		{ padding-left: 20px; display: block; height: 48px; line-height: 48px; width: 204px; background: url("/images/sidebar_button.gif") no-repeat scroll 5px 0 transparent; font-family: Helvetica, Arial, sans-serif; font-weight: bold; text-transform:uppercase; font-size: 13px; color: #666; text-decoration: none; }
.sidebar ul li a:hover	{ color: #333; }
.sidebar ul li.active a	{ display: block; height: 48px; line-height: 48px; width: 220px; background: url("/images/sidebar_active.gif") no-repeat scroll 0 -1px transparent; font-family: Helvetica, Arial, sans-serif; font-weight: bold; text-transform:uppercase; font-size: 13px; color: #FFF; text-decoration: none; }

.content				{ width: 700px; padding: 15px 0; }
.content p				{ font-size: 15px; color: #333; padding: 15px 0; line-height: 20px; }
.content h1				{ font-size: 26px; color: #333; font-weight: normal; }
.content h2				{ font-size: 18px; color: #333; font-weight: normal;}
.content a			{ color: #666; text-decoration: none; }
.content a:hover	{ color: #333; }
.content ul.featurebox	{ width: 600px !important; }

.try					{ padding: 20px 0 0 10px; width: 950px; height: 60px; font-size: 20px; color: #666; }



table.report td {
	color: #333;
	padding: 6px;
	font-size: 13px;
	font-family: Helvetica, Arial, sans-serif;
}


/* PRICING GRID */

.TableHead				{ width: 958px; height: 58px; background: url("/images/grid-header.png") 0 0 no-repeat #333; }
.TableHead li 			{ float: left; height: 58px; line-height: 58px; text-align: center; color: #FFF; font-weight: bold; }
.TableHead li.product	{ width: 201px; text-align: left; padding-left: 10px; color: #FFF; font-size: 14px; }
.TableHead li.cpu		{ width: 140px; font-size: 12px; }
.TableHead li.speed		{ width: 100px; font-size: 12px; }
.TableHead li.memory	{ width: 60px; font-size: 12px; }
.TableHead li.storage	{ width: 100px; font-size: 12px; }
.TableHead li.bandwidth	{ width: 103px; font-size: 12px; }
.TableHead li.ips		{ width: 50px; font-size: 12px; }
.TableHead li.order 	{ width: 194px; color: #FFF; font-size: 14px;}

.TableRow 				{ width: 958px; height: 50px; }
.odd					{ background: url("/images/grid-row-background.png") 0 -50px no-repeat #F4F4F4; color: #444; font-size: 12px; }
.even					{ background: url("/images/grid-row-background.png") 0 0 no-repeat #F4F4F4; color: #222; font-size: 12px; }
.hover					{ color: #333; font-size: 13px;  background: url("/images/grid-row-background.png") 0 -100px no-repeat #F4F4F4; color: #000; }

.TableRow li 			{ float: left; height: 50px; line-height: 50px; text-align: center; }
.TableRow li.product	{ width: 201px; text-align: left; padding-left: 10px; text-transform: uppercase; font-weight: bold; color: #000;}
.TableRow li.product a	{ text-decoration: none; }
.TableRow li.cpu		{ width: 140px; }
.TableRow li.speed		{ width: 100px; }
.TableRow li.memory		{ width: 60px; }
.TableRow li.storage	{ width: 100px; }
.TableRow li.bandwidth	{ width: 103px; }
.TableRow li.ips		{ width: 50px; }
.TableRow li.order 		{ width: 194px; }
.TableRow li.order a	{ display: block; height: 50px; width: 160px; font-size: 14px; font-weight: bold; color: #FFF; text-align: left; padding-left: 34px; text-decoration: none; }

section	 { display: block; }

/* LOGIN FORM */

.login				{ width: 550px; padding: 15px 0; font-family:  Helvetica, Arial, sans-serif;  background: url("/images/login-page-bg.png") top center no-repeat;  min-height: 350px;  }

.login form			{ width: 406px; margin: 70px auto 0; }
.login legend		{ display: none; }
.login fieldset		{ border: 0; }
.login label		{ width: 115px; text-align: right; float: left; margin: 0 10px 0 0; padding: 9px 0 0 0; font-size: 16px; color: #3a3a3a; }
.login   input				{ width: 220px; display: block; padding: 4px; margin: 0 0 10px 0; font-size: 18px; color: #3a3a3a; font-family:  Helvetica, Arial, sans-serif; }
.login input[type=checkbox]{ width: 20px; margin: 0; display: inline-block; }
.login .button				{ background: url("/images/button-bg.png") repeat-x top center; border: 1px solid #999; -moz-border-radius: 5px; padding: 5px; color: black; font-weight: bold; -webkit-border-radius: 5px; font-size: 13px;  width: 70px; }
.login .button:hover		{ background: white; color: black; }


/* FOOTER */

#footer 				{ background: url("..//images/footer.png") repeat-x scroll center top #FFFFFF; min-height: 160px; }
#footercontent			{ margin: 0 auto; width: 960px; }
ul.sitemap				{ float: left; width: 120px; margin: 20px 20px 10px 10px;  }
ul.sitemap li			{ list-style: none; font-size: 12px; color: #666; line-height: 20px; }
ul.sitemap li a			{ color: #666; text-decoration: none; }
ul.sitemap li a:hover	{ color: #333; }
ul.sitemap li.title 	{ color: #4D4D4D; font-size: 20px; font-weight: normal; }
ul.contact				{ float: right; width: 200px; margin: 20px 100px 10px 10px;  }
ul.contact li			{ list-style: none; font-size: 12px; color: #666; line-height: 20px; text-align: right;}
ul.contact li a			{ color: #666; text-decoration: none; }
ul.contact li a:hover	{ color: #333; }
ul.contact li.title 	{ color: #4D4D4D; font-size: 20px; font-weight: normal; }
ul.copy				{ float: right; width: 300px; margin: 20px 100px 10px 10px;  }
ul.copy li			{ list-style: none; font-size: 12px; color: #666; line-height: 20px; text-align: right;}
ul.copy li a			{ color: #666; text-decoration: none; }
ul.copy li a:hover	{ color: #333; }
ul.copy li.title 	{ color: #4D4D4D; font-size: 20px; font-weight: normal; }
#social					{ float: right; margin-top: 10px; margin-right: 70px; }
#social a.twitter		{ display: block; height: 35px; width: 218px; background: url("..//images/socialicons.png") no-repeat scroll 0 -50px transparent;
						  color: #4D4D4D; padding: 15px 0 0 60px; font-size: 20px; text-decoration: none; }
#social a.telegram		{ display: block; height: 35px; width: 180px; background: url("/images/telegram.png") no-repeat;
						  color: #4D4D4D; padding: 15px 0 0 60px; font-size: 20px; text-decoration: none; }
#copy					{ float: center; margin-top: 10px; margin-right: 350px; }