/*
*
*	UkFreeHosts CSS
*
*	background grey: 		#e4e4e4
*	link grey:				#999
*/

/* Reset */
*					{ margin: 0; padding: 0; }
img					{ border: 0; }
a					{ text-decoration: none; color: #999; }

/* Globals */
body				{ background: #e4e4e4; font-family: Trebuchet MS, Helvetica, Arial; color: #000; }
#container			{ width: 940px; margin: 0 auto; }
.boxclose			{ height: 10px; background: url(../images/boxsheet.png); margin: 20px -35px 0px -35px; }
.boxcloseterms		{ height: 10px; background: url(../images/boxsheet.png); margin: 20px -25px 0px -25px; }

.clear				{ clear: both; }
.alignleft			{ float: left; }
.alignright			{ float: right; }
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* header */
#header				{ background: url(../images/boxsheet.png) no-repeat 0 -20px; height: 62px; 
					  margin-top: 15px; margin-bottom: 5px; }
#header h2			{ text-indent: -9999px; float: left; display: block; background: url(../images/sheet1.png);
					  width: 180px; height: 30px; margin-top: 15px; margin-left: 15px; }

/* Menu */
#menu				{ float: right; padding-right: 5px; }
#menu li 			{ float: left; line-height: 55px; list-style-type: none; }
#menu li a			{ display: block; padding-left: 25px; padding-right: 25px; font-size: 0.8em; }
#menu li a:hover	{ line-height: 55px; border-bottom: 3px solid #f27913; color: #434b81; }
#menu li a:active	{ background: #EEE; }

/* Featured */
#featured			{ background: url(../images/banner.jpg) no-repeat; height: 240px; margin-bottom: 5px; 
					  position: relative; }
					  
/* Header - Features */
#dont-delay			{ background: url(../images/dont-delay.jpg) no-repeat; height: 64px; margin-bottom: 10px; 
					  position: relative; }
#header-features	{ background: url(../images/banner-features.jpg) no-repeat; height: 64px; margin-bottom: 10px; 
					  position: relative; }
#terms-conditions	{ background: url(../images/terms-conditions.jpg) no-repeat; height: 64px; margin-bottom: 10px; 
					  position: relative; }
#pre-signup			{ background: url(../images/sign-up.jpg) no-repeat; height: 64px; margin-bottom: 10px; 
					  position: relative; }
#continue			{ background: url(../images/lets-get-going.jpg) no-repeat; height: 64px; margin-bottom: 10px; 
					  position: relative; }

/* Floating Link */
.header-bar h1,
.header-bar h2,
.header-bar h3		{ position: absolute; text-indent:-9999px; }

.join-bar h3 		{ top: 11px; right: 7px; }
.join-bar h3 a		{ display: block; width: 210px; height: 40px; }

#featured h3 a		{ display: block; width: 210px; height: 40px; }
#featured h3		{ top: 175px; left: 30px; }

/* Content */
#content			{ background: #fff url(../images/boxsheet.png) no-repeat 0 -95px; margin-bottom: 5px;
					  padding: 20px 35px 0px 35px; }
#content.terms		{ padding: 20px 25px 0px 25px; }					  
#content h1			{ font-size: 2.1em; font-weight: normal; color: #434b81; }
#content h2			{ font-size: 1.8em; font-weight: normal; color: #434b81; margin-bottom: 15px; }
#content p			{ font-size: 0.9em; color: #737ba1; }

.grey				{ color: #999; }
#intromsg			{ background: url(../images/globe.png) no-repeat -10px -10px; padding-left: 150px; height: 130px;}
#intromsg h1		{ margin-bottom: 10px; }
#intromsg p			{ line-height: 1.4em; font-size: 1.0em; color: #445; }
#features			{ margin-top: 30px; }
#features ul 		{ margin-top: 5px; padding-bottom: 15px; }
#features ul li 	{ list-style-type: none; width: 262px; float: left; text-align: center; font-size: 0.7em; 
					  margin-right: 42px; ; }
#features ul li.last { margin-right: 0px; }

p.bottom			{ font-size: 11px; margin-top: 25px; color: #bbb; }

.signup				{ padding: 25px 0 0 25px; color: #889; }
.signup li 			{ margin-bottom: 25px; }
.signup li p		{ margin-bottom: 15px; line-height: 1.6em; }
.nameservers		{ padding: 10px; background: #c2ffd4; color: #000 !important; font-size: 0.8em !important;
					  border: 1px solid #b1edc3; }
					  
.terms-conditions p	{ margin-bottom: 15px; }

/* Features Content */

#main-list			{ padding-left: 150px; list-style: none; font-size: 1.3em; margin-bottom: 25px; }
#main-list li  		{ float: left; width: 312px; height: 38px; line-height: 38px; padding-left: 42px; 
					  background: url(../images/tick.png) left no-repeat; color: #f27913; }
					  
.col-group			{ padding-left: 150px; margin-bottom: 25px; }
.col-group ul		{ width: 350px; list-style: none; }
.col-group ul li 	{ font-size: 0.9em; padding: 5px 0 5px 25px; border-bottom: 1px solid #eee; background: url(../images/small-tick.png) no-repeat left; }
.col-group ul li.list-header		{ font-size: 1.2em; color: #434b81; list-style: none; margin-left: 0px; padding-left: 0px; background: none;}

/*
.col-group ul li.asp				{ background: url(../images/asp.png) 250px 0 no-repeat;}
.col-group ul li.dev				{ background: url(../images/dev.png) right no-repeat;}
.col-group ul li.security			{ background: url(../images/security.png) right no-repeat;}
.col-group ul li.database			{ background: url(../images/dbicon.png) right no-repeat;}
.col-group ul li.domains			{ background: url(../images/web-browser.png) right no-repeat;}
.col-group ul li.email				{ background: url(../images/email.png) right no-repeat;}
*/


/* Footer */
#support-menu		{ height: 60px; padding-left: 80px; background: url(../images/sheet1.png) no-repeat -112px -189px; padding-bottom: 40px; }
#support-menu li 	{ font-size: 0.7em; line-height: 19px; list-style-type: none; }
#support-menu li a:hover	{ border-bottom: 1px dotted #999; color: #333; }