/*
	Template CSS
	Developed by Alliance Software
	
	
	==========================================================
	
	TABLE OF CONTENTS
	
		1. Reset and colours
		2. General Setup
		3. Tiny MCE Default Styles
		4. Layout
		5. Nav
		6. Header
		7. Content
		8. Footer
		9. Forms
	
	=========================================================

*/
/* 	*********************************

		1. RESET AND COLOURS
		
	*********************************
*/
	@import url(reset.css);
	
	/*
		page colours go here for easy reference
	*/


/* 	*********************************

		2. GENERAL SETUP
		
	*********************************
*/
	body{
		font-family:"Helvetica Neue", Helvetica, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Arial, Sans-serif;	
		font-size:75%;
		line-height:1.4;																		
		color:#535353;
		background:url(../img/bg-gradient.png) repeat-x;
	}
	
	h3,h4,h5,h6 {
		margin:1em 0 0 0;
	}
	
	h1{color:#f2932f; line-height:1.2; margin-bottom:1em;}
	h2,h3,h4{color:#535353; line-height:1.2; margin:1.0em 0 0.8em;}

	h1{font-size: 2.2em; margin-bottom:1em;}
	h2{font-size:1.5em; font-weight:bold;}
	h3{font-size:1.25em;}
	h4{font-size:1em; color:#79abd9;}
	
	p{margin:0.5em 0 0.8em;}
	em{font-style:italic;}
	strong{font-weight:bold;}
	.text-left{text-align:left;}
	.text-right{text-align:right;}
	.text-center{text-align:center;}
	
	ul, ol, dl{margin:1em 2em; list-style-position:outside;}																																											
	ol{list-style-type:decimal; list-style-position:outside;}
	ol li{margin-left:1.5em;}
	li{margin:0 0 0.5em;}													
	ul{list-style-type:square;}
	.no-bullet li{list-style-type:none;}


	
	/* keep in LoVe HAte */
	a:link{color:#79abd9;}
	a:visited{color:#7094c2;}
	a:hover{color:#f2932f; text-decoration:none;}
	a:active{color:#7094c2;}
	
	#content a:link{color:#3475B2;}
	#content a:visited{color:#3475B2;}
	#content a:hover{color:#f2932f;}
	#content a:active{color:#3475B2;}
	
	blockquote{border:1px solid #ccc; padding:12px; width:90%; margin:12px auto;}
	blockquote h2{font-size:1.4em;}
	blockquote img{float:right; margin:3px 8px;}
	
	/* To force the blockquote to clear itself */
	blockquote:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
	blockquote {display:inline-block;}/* Hide from IE Mac \*/
	blockquote {display:block;}/* End hide from IE Mac */
	
	/* generic float and clear classes */
	.left{float:left;}
	.right{float:right;}
	.clear{clear:both;}
	.clear-left{clear:left;}
	.clear-right{clear:right;}
	
	/* clearfix enables self clearing floats, add class="clearfix" to any floated element to clear itself */
	.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
	.clearfix {display:inline-block;}/* Hide from IE Mac \*/
	.clearfix {display:block;}/* End hide from IE Mac */
	
	




/* 	*********************************

		3. TINY MCE STYLES
		
	*********************************
*/
	.mceContentBody{
		background:#fff;															/* sets background to white when editing in CMS */
		color:#222;																	/* sets text colour at a good contrast on white background */
		text-align:left;															/* to make sure it does not take centre styles from body */
		height: 100%;
	}
	.mceContentBody ul, .mceContentBody ol, .mceContentBody dl{margin:1em 0;}									
	.mceContentBody ol li{list-style-type:decimal; margin-left:30px;}
	.mceContentBody li{margin:0 0 0.5em;}															
	.mceContentBody ul li{list-style-type:square; margin:0 0 0 30px;}




/*	*********************************

		4. NAVIGATION
		
	*********************************
*/

	/*
	=================================
	Important for accessibility, skip
	navigation link initially hidden
	but shown on focus using keyboard
	=================================
	*/
	#skip a, #skip a:hover, #skip a:visited {
		position:absolute;
		left:-9999em;		
		overflow:hidden;
	}
	#skip a:active, #skip a:focus{
		position:static;
	}
	
	/* Main navigation bar */
	#nav{
		list-style-type:none;
		margin:0;
		position:relative;
	}
	#nav li{
		float:left;
		padding:0 1px;
		margin:0 1px;
		position:relative;
	}
	#nav li a{
		display:block;
		text-decoration:none;
	}
	


/*	*********************************

		5. LAYOUT 
		
	*********************************
*/

	html{}
	#page{
		width:960px;
		margin:0 auto;
		position:relative;
	}
	#header{}
	#content{}
	#footer{} 
	#copyright{}
	
	
/* 	********************************* 

		6. HEADER 
		
	*********************************
*/
	
	#logo{	}

	
/*	********************************* 
		
		7. CONTENT 
		
	*********************************
*/
	.gutter{}
	#main-content{}
	#sub-content{}
	#secondary-content{}
    #main-container {width:600px;height:360px;margin:100px auto 0;position:relative;-webkit-box-shadow:0px 0px 15px #000;-moz-box-shadow:0px 0px 15px #000;box-shadow:0px 0px 15px #000;z-index:10;padding:40px;}
    #main-reflect {width:680px;height:50px;margin:0 auto;position:relative;z-index:1;}
	#form-wrapper {height:220px;width:350px;background:url(../img/logo-gradient.png) no-repeat;padding:30px 0 0 250px;}
	h1#coming {display:block;height:120px;width:360px;background:url(../img/bg-coming.png) no-repeat;text-indent:-9999px;margin:15px auto 0;}
	input.as-rego {width:320px;height:35px;margin-bottom:10px;padding:10px;font-size:24px;color:#555;}
	input#as-submit {width:345px;height:45px;padding:8px 10px;border:0;margin-top:10px;-webkit-box-shadow:0px 2px 4px #251913;-moz-box-shadow:0px 2px 4px #251913;box-shadow:0px 2px 4px #251913;color:#fff;font-size:1.5em;text-shadow:1px 1px 1px #000;line-height:1;}
	input#as-submit:hover {color:#241e16;text-shadow:1px 1px 1px #b73e42;}

	#form-wrapper h1 {font-size:4.5em;text-align:center;color:#ccc;}
	#form-wrapper h2 {font-size:2.2em;text-align:center;margin:1em 0 0.4em;color:#ccc;}
	
/* 
	*********************************

		8. FOOTER
		
	*********************************	
*/


	#footer {}


/* 	*********************************
	
		9. FORMS

	*********************************
*/


/* 	*********************************
	
		10. SHINIES

	*********************************
*/
	.grd_brown {
		background: #5a3d2f; /* for non-css3 browsers */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#22150f', endColorstr='#5a3d2f'); /* for IE */
		background: -webkit-gradient(linear, left top, left bottom, from(#22150f), to(#5a3d2f)); /* for webkit browsers */
		background: -moz-linear-gradient(top,  #22150f,  #5a3d2f); /* for firefox 3.6+ */
	}

	.grd_fade {
		background: #fff; /* for non-css3 browsers */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0b5b0', endColorstr='#fefdfd'); /* for IE */
		background: -webkit-gradient(linear, left top, left bottom, from(#c0b5b0), to(#fefdfd)); /* for webkit browsers */
		background: -moz-linear-gradient(top,  #c0b5b0,  #fefdfd); /* for firefox 3.6+ */
	}
	
	.grd_red, input.red {
		background:#de2020; /* for non-css3 browsers */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#de2020', endColorstr='#811515'); /* for IE */
		background: -webkit-gradient(linear, left top, left bottom, from(#de2020), to(#811515)); /* for webkit browsers */
		background: -moz-linear-gradient(top,  #de2020,  #811515); /* for firefox 3.6+ */
	}


	.rnd_a5 {
		-moz-border-radius:10px;
		-khtml-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
	}
	.rnd_t5 {
		-moz-border-radius:10px 10px 0px 0px;
		-khtml-border-top-left-radius:10px;-khtml-border-top-right-radius:10px;
		-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;
		border-top-left-radius:10px;border-top-right-radius:10px;
	}