/* CSS Document */

/* DOCUMENT INFORMATION -----------------------------------

TITLE:			Default screen display styles
LAST UPDATED:		21 December 2007
AUTHOR:			Wade Womersley

NOTES:			The 1st section will reset any variance
			across all browsers making them all
			appear very similar, however it also means
			everything needs its own custom style!
			Retrieved from various sources over the net

-- CONTENTS -----------------------------------------------

	=1:		[STANDARDS]
	=2:		[COMMON]
	=3:		[AUTOCOMPLETE]
	
	=5:		[CONTACT}

---------------------------------------------------------*/


/*------=1:	[STANDARDS] -----------------------------*/

html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
}

a {
	text-decoration: none;
	color: #324c71;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}

/* tables still need cellspacing="0" in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	font-weight: normal;
	text-align: left;
}

/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

.sIFR-alternate {
	display: none;
}

/*------=2:	[COMMON] -----------------------------*/

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.clearLeft {
	clear: left;
}

.clearRight {
	clear: right;
}

.clearBoth {
	clear: both;	
}

.sIFR-alternate {
	display: none;
}


/*------=3:	[AUTOCOMPLETE] --------------------------------*/
			
ul.autocompleter-choices
{
	position:				absolute;
	margin:					0;
	padding:				0;
	list-style:				none;
	border:					1px solid #7c7c7c;
	border-left-color:		#c3c3c3;
	border-right-color:		#c3c3c3;
	border-bottom-color:	#ddd;
	background-color:		#fff;
	text-align:				left;
	font-family:			Verdana, Geneva, Arial, Helvetica, sans-serif;
	z-index:				50;
	background-color:		#fff;
}

ul.autocompleter-choices li
{
	position:				relative;
	margin:					-2px 0 0 0;
	padding:				0.2em 1.5em 0.2em 1em;
	display:				block;
	float:					none !important; 
	cursor:					pointer;
	font-weight:			normal;
	white-space:			nowrap;
	font-size:				1em;
	line-height:			1.5em;
}

ul.autocompleter-choices li.autocompleter-selected
{
	background-color:		#444;
	color:					#fff;
}

ul.autocompleter-choices span.autocompleter-queried
{
	display:				inline;
	float:					none;
	font-weight:			bold;
	margin:					0;
	padding:				0;
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried
{
	color:					#9FCFFF;
}
/*------=4:	[GENERAL LAYOUT] -----------------------------*/

strong {
	font-weight: bold;
}

body {
	background: #6a6a6a url('../images/bg_tile.png');
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 auto;
}

#container {
	position: relative;
	width: 998px;
	margin: 0 auto;
	text-align: center;
}

	.lhsColumn {
		float: left;
		width: 50%;
	
	}
	
	.rhsColumn {
		float: right;
		width: 50%;
	}
	
		.leftTxt {
			text-align: left;
		}
		
		.rightTxt {
			text-align: right;
		}

	#under11, #over11  {
		position: relative;
		text-align: left;
	}
	
	#under11 {
		float: left;
		background: url('../images/under11.png') no-repeat;
		width: 499px;
		height: 559px;
	}

	#over11 {
		float: left;
		background: url('../images/over11.png') no-repeat;
		width: 499px;
		height: 559px;
	}
	
	#logos {
		float: left;
		position: absolute;
		left: 300px;
		bottom: 100px;
	}
	
	#footer {
		height: 35px;
		background: url('../images/footer_bg.png') no-repeat;
		background-position: bottom;
	}
	
	#footer p {
		padding: 10px;
		color: #999999;
		font-size: 11px;
	}
	
	#footer a {
		color: #006699;
	}
	
	#footer a:hover {
		color: #ff0000
	}
	
	img.under11Button {
		position: absolute;
		left: 20px;
		bottom: 5px;
	}
	
	img.over11Button {
		position: absolute;
		right: 20px;
		bottom: 5px;
	}