/* Site Layout Styles
 * Updated:  24 Jul 2008 @ 2.00pm
 * Author: Matthew Holmes <www.ivt.com.au>
 * ---------------------------------------------*/

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

	/* using clearfix solution to reduce any html markup just apply class="clearfix" to any div you want. */
	.clearfix:after {
		display: block;
		clear: both;
		height: 0;
		content: ".";
		visibility: hidden;
		}
	* html .clearfix { /* ie hack it needs to use height: 1%, does not support the :after pseudoclass */ height: 1%; }
	*+ html .clearfix { height: 1%; }
	
	html { overflow:-moz-scrollbars-vertical; }
	body { 
		margin: 25px 0;
		background: #000; 
		color: #666666; 
		font: 62.5%/1.6 "Trebuchet MS", Helvetica, Arial, sans-serif; 
		}
		
	
	/* -- layout 
	---------------------------------------------*/
	#container {
		width: 1020px;
		margin: 0 auto;
		background: #fff;
		}
	/* header */
	#header { 
		position: relative;
		height: 146px; 
		background: url(../webimage/bg.gif) 0 0 no-repeat; 
		}
	#header h1 {
		position: relative;
		padding: 36px 0 0 40px;
		font-size: 1.17em;
		color: #000;
		width: 400px;
		height: 75px;
		cursor: pointer;
		}
		
	#header h1 a:hover, #header h1 a:link, #header h1 a:active, #header h1 a:visited {
		color: #000;
		text-decoration: none;
		}	
		
	#header h1 span {
		position: absolute;
		bottom: 0;
		left: 135px;
		margin: 0;
		padding: 0;
		cursor: pointer;
		color: #000;
		display: inline-block;
		}
	#header ul {
		position: absolute;
		bottom: 0;
		right: 40px;
		}
	#header li {
		float: left;
		background: url(../webimage/bg-divider.gif) 0 8px no-repeat;
		}
	#header li a {
		display: block;
		padding: 10px 18px;
		color: #333;
		font-size: 1.3em;
		text-decoration: none;
		}
	#header li a:hover {
		color: #999;
		}
	#header li a.on {
		color: #800d27;
		font-weight: bold;
		text-transform: uppercase;
		}
	/* banner */
	#banner {
		position: relative;
		height: 250px;
		background: url(../webimage/bg.gif) 0 -146px no-repeat;
		}
	#flash {
		position: absolute;
		top: 60px;
		left: 60px;
		}
	#flash div {
		float: left;
		margin: 0 13px 0 0;
		}
	/* main body */
	#main_body {
		padding: 0 75px 50px;
		background: url(../webimage/bg.gif) 0 -392px no-repeat;
		}
	#main_body p {
		padding: 5px 0;
		}
	#random_1,
	#random_2,
	#random_3 {
		height: 132px;
		overflow: hidden;
		border: 3px solid #fff;
		}
	/* content */
	#content {
		float: left;
		width: 560px;
		}
	/* register button */
	a.register {
		display: block;
		width: 190px;
		margin: 8px 0 0;
		}
	/* sidebar */
	#sidebar {
		float: right;
		width: 245px;
		}
	/* email */
	a.email {
		display: block;
		padding: 1px 0 4px 28px;
		background: url(../webimage/bg.gif) 0 -2301px no-repeat;
		}
	/* search */
	form#search { margin: 10px 0 0; position: relative; }
	form#search input { 
		width: 180px;
		padding: 4px;
		background: #ddd; 
		border: 0; 
		}
	form#search button {
		position: absolute;
		top: 3px;
		right: 10px;
		width: 67px;
		height: 26px;
		border: 0;
		background: url(../webimage/btn-search.gif) no-repeat;
		text-indent: -999em;
		cursor: pointer;
		}
	* html form#search button {
		top: 5px;
		}
	/* footer */
	#footer { 
		height: 72px; 
		background: url(../webimage/bg.gif) left bottom no-repeat; 
		}
	#developed {
		float: right;
		padding: 30px 58px 0;
		}
	#copyright {
		float: left; 
		padding: 30px 58px 0;
		}
		
		
	/* -- typography 
	---------------------------------------------*/
	a { 
		color: #14557b; 
		}
	a:hover { 
		text-decoration: none; 
		}
	#main_body, #footer {
		font-size: 1.2em;
		}
	#footer {
		font-size: 1.1em;
		}
	#main_body h2 {
		margin: 0 0 5px; 
		font-family: Georgia, Times, sans-serif; 
		font-size: 1.8em;
		}
	#main_body h3 {
		margin: 0 0 5px; 
		font-family: Georgia, Times, sans-serif; 
		font-size: 1.3em;
		}
	span.blurb {
		font-weight: bold;
		font-style: italic;
		}
	#sidebar strong {
		font-weight: normal;
		}
	#footer, #footer a {
		color: #fff;
		}