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

/* RESET */

*						{ margin: 0; padding: 0; }
html, body				{ height: 100%; margin: 0 auto; font-size: 62.5%; }
body					{ width: 100%; font-family: Arial, Helvetica, sans-serif;
						  background-color: #141414; }
a 						{ outline: none; }
img						{ border: none; }
li						{ list-style: none; }

.floatleft				{ float: left; }
.floatright				{ float: right; }
.clear 					{ clear: both; }

#page					{ width: 100%; background: url(../images/bg.png) top center repeat-x #E8E8E8; padding-bottom: 10px; }
#upperwrap				{ width: 960px; margin: 0 auto; }
#mainwrap				{ width: 962px; margin: 0 auto; }
#lowerwrap				{ width: 960px; padding-top: 10px; margin: 0 auto; }
#lowerwrap table		{ width: 960px; }
#lowerwrap td			{ vertical-align: top; }
#lowerwrap .tablemargin	{ margin-right: 30px; }

#top 					{ height: 40px; line-height: 35px; text-align: right; font-size: 12px; color: #e6e6e6; }
#top img 				{ vertical-align: middle; } 
#top a 					{ display: block; float: right; margin-left: 20px; font-size: 12px; color: #dedede; text-decoration: none; }
#top a:hover 			{ color: #fff; }
#top a:active 			{ color: #fff; padding-top: 1px; }

#logo 					{ height: 95px; width: 180px; }
#mainnav 				{ height: 95px; line-height: 95px; }
#homescreen 			{ height: 338px; width: 960px; background: url(../images/homescreen.jpg) top center no-repeat #0D254B; }
#homehead 				{ height: 338px; width: 680px; }
#introtext 				{ padding-top: 20px; height: 160px; width: 650px; }
#introtext h1			{ color: #E7E7E7; font-size: 32px; line-height: 42px; font-weight: normal; }
.compare 				{ color:#09C; }
.compare:hover 			{ color:#969; }
#introtext p 			{ padding-left: 3px; padding-top: 12px; color: #E7E7E7; font-size: 16px; line-height: 24px; font-weight: normal; text-align: justify; }
#introfoot 				{ height: 158px; width: 670px; }
#promoseal 				{ height: 158px; width: 140px; }
#promolink 				{ height: 76px; width: 495px; padding-top: 20px; padding-left: 10px; font-size: 25px; line-height: 30px; color: #e7e7e7; letter-spacing: 1px; }
#homesubnav 			{ padding-top: 20px; padding-left: 5px; }
#homesubnav ul 			{ float: left; list-style: none inside none; z-index: 100; margin-top: 14px; }
#homesubnav li 			{ color: #666; display: block; float: left; margin-left: 7px; text-align: center; }
/*
#homesubnav a 			{ display: block; background: url(../images/pagesub.gif) no-repeat; color: #777; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 34px; width: 121px; font-weight: bold; line-height: 36px; text-align: center; text-decoration: none; text-transform: uppercase; }
#homesubnav a:hover 	{ background-position: 0 -34px; color:#666; }
#homesubnav a:active 	{ background-position: 0 -68px; color:#555; }
*/
#server 				{ height: 338px; width: 280px; background: url(../images/server.png) top center no-repeat #0D254B; }
#plans 					{ width: 960px; height: 150px; background: url(../images/plans.png) top center no-repeat #E8E8E8; margin-top: 1px; }

#personalframe 			{ width: 318px; height: 150px; margin-right: 2px; }
#personaltitle 			{ position: relative; top: 20px; left: 10px; width: 200px; height: 62px; }
#personaltitle h3		{ font-size: 24px; color: #fff; font-weight: normal; }
#personalfeatures 		{ position: relative; width: 180px; height: 88px; color: #fff; font-size: 15px; font-style: italic; }
#personalfeatures p		{ margin-left: 15px; }

#businessframe	 		{ width: 320px; height: 150px; }
#businesstitle 			{ position: relative; top: 20px; left: 15px; width: 200px; height: 62px; }
#businesstitle h3 		{ font-size: 24px; color: #333333; font-weight: normal; }
#businessfeatures 		{ position: relative; width: 200px; height: 88px; color: #222222; font-size: 15px; font-style: italic; }
#businessfeatures p 	{ margin-left: 20px; }

#resellerframe 			{ width: 318px; height: 150px; margin-left: 2px; }
#resellertitle 			{ position: relative; top: 20px; left: 20px; width: 200px; height: 62px; }
#resellertitle h3 		{ font-size: 24px; color: #fff; font-weight: normal; }
#resellerfeatures 		{ position: relative; width: 200px; height: 88px; color: #fff; font-size: 15px; font-style: italic; }
#resellerfeatures p 	{ margin-left: 20px; }

#personaldetails 		{ position: relative; top: 42px; }
#personaldetails a 		{ display: block; background: url(../images/plandetails.png) left top no-repeat transparent; color: #666; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 38px; width: 130px; font-weight: bold; line-height: 40px; text-align: center; text-decoration: none; text-transform: uppercase; }
#personaldetails a:hover { color:#333; }
#personaldetails a:active { color:#000; }

#businessdetails 		{ position: relative; top: 42px; margin-left: -15px; }
#businessdetails a 		{ display: block; background: url(../images/plandetails.png) left top no-repeat transparent; color: #666; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 38px; width: 130px; font-weight: bold; line-height: 40px; text-align: center; text-decoration: none; text-transform: uppercase; }
#businessdetails a:hover { color:#333; }
#businessdetails a:active { color:#000; }

#resellerdetails 		{ position: relative; top: 42px; margin-left: -12px; }
#resellerdetails a 		{ display: block; background: url(../images/plandetails.png) left top no-repeat transparent; color: #666; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 38px; width: 130px; font-weight: bold; line-height: 40px; text-align: center; text-decoration: none; text-transform: uppercase; }
#resellerdetails a:hover { color:#333; }
#resellerdetails a:active { color:#000; }

#maintop 				{ display: block; width: 962px; height: 10px; background: url(../images/maintop.gif) left top no-repeat #E8E8E8; }
#mainbody 				{ display: block; width: 962px; background: url(../images/mainbody.gif) left top repeat-y #E8E8E8; }
#mainfooter 			{ display: block; width: 962px; height: 10px; background: url(../images/mainfooter.gif) left top no-repeat #E8E8E8; }
#mainhomecontent 		{ width: 680px; padding: 0 0 0 10px; }
#mainbody h1 			{ color: #666; font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold; line-height: 30px; text-transform: uppercase; }
#mainhomecontent ul 	{ width: 220px; margin-right: 5px; }
#mainhomecontent li 	{ display: block; width: 190px; height: 30px; list-style:none outside none; background: url(../images/features-list.png) no-repeat scroll left center transparent; color:#666; padding-left: 30px; font-size: 12px; line-height: 30px; margin: 5px 0; }
#mainhomecontent p 		{ color: #909090; font-size: 13px; text-align: justify; }
#mainhomesidebar 		{ width: 258px;	}
#mainhomesidebar h5 	{ height: 48px; line-height: 52px; font-size: 26px; color: #333; }
#mainhomesidebar p 		{ color: #909090; font-size: 13px; text-align: justify; padding-right: 15px; }
#footer 				{ display: block; width: 100%; background: url(../images/footer.png) left top repeat-x #141414; }
#footer p 				{ color: #e3e3e3; font-size: 12px; text-align: right; padding-top: 15px; }
#footer h1 				{ color: #999; font-family: Arial,Helvetica,sans-serif; font-size: 13px; font-weight: bold; line-height: 36px; text-transform: uppercase; }
#footer ul 				{ margin:0; }
#footer li 				{ display: block; height: 30px; list-style:none outside none; color:#666; font-size: 12px; line-height: 30px; margin: 0; border-top: 1px dotted #3F3F3F; }
#footer li a 			{ font-size: 12px; margin-left: 7px; color: #B9B9B9; text-decoration: none; }
#footer li a:hover 		{ color: #E8E8E8; text-decoration: none; }
.social					{ border-top: 1px dotted #3F3F3F; }
.facebook				{ display: block; height: 32px; width: 280px; padding-top: 8px; }
.twitter				{ display: block; height: 32px; width: 280px; padding-top: 8px; }
#bottomlinks 			{ margin-top: 12px; border-top: 1px dotted #444; line-height: 30px; font-size: 12px; color: #555; width: 960px; margin: 0 auto; }
#bottomlinks a 			{ color: #666; text-decoration: none; }
#bottomlinks a:hover 	{ color: #CCC; text-decoration: none; }

/* SLIDES */

.slides_container 		{ font-size: 12px; font-weight: bold; color: #444; width:450px; display:none; }
.slides_container div 	{ width:450px; height:25px; display:block; line-height: 26px; padding: 0 10px; }

.slidelink 				{ padding: 10px; margin: 2px; background-color: #222; color: #FFF; text-decoration: none; }
.slidelink:hover 		{ background-color: darkred; color: #FF6; }	
.prev 					{ display: block; width: 20px; height: 25px; text-decoration: none; font-size: 28px; color: #CCC; text-align: center; line-height: 20px; }
.next 					{ display: block; width: 20px; height: 25px; text-decoration: none; font-size: 28px; color: #CCC; text-align: center; line-height: 20px; }		
.prev:hover 			{ color: #000; }
.next:hover 			{ color: #000; }