/* Site Layout Styles
 * Updated:  7 Oct 2008 @ 11.20am
 * Author: Matthew Holmes <www.ivt.com.au>
 * ---------------------------------------------*/

	/* -- TOC
	---------------------------------------
	1. Colors
	2. Reset
	3. Fix Floats
	4. Links
	5. Typography
	6. Structure
	*/
	

	/* -- COLORS
	---------------------------------------*/
	/* DARK GREY	 	= #444 */
	/* BLUE 			= #29aae2 */
	/* RED				= #ef4136 */
	/* DARK RED			= #bf1e2d */


	/* -- RESET
 	---------------------------------------*/
 	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; list-style: none; }
 	
 	table { border-collapse: collapse; border-spacing: 0; }
 	
 	
 	/* -- FIX FLOATS
 	---------------------------------------*/
 	.clearfix:after { display: block; clear: both; height: 0; content: "."; visibility: hidden; }
 	* html .clearfix { height: 1%; }
 	*+ html .clearfix { height: 1%; }
 	
 	
 	/* -- LINKS
 	---------------------------------------*/
 	a:link, a:active, a:visited, a:hover { color: #29aae2; text-decoration: none; }
 	a:hover { text-decoration: underline; }
	a.red { color: #ef4136; }
 	
 	
 	/* -- TYPOGRAPHY
 	---------------------------------------*/
 	h2 { margin: 0 0 .3em; color: #444; font-size: 1.1em; text-transform: uppercase; line-height: 1.2; }
 	h3 { color: #29aae2; font-size: 1.1em; line-height: 1.2; margin: 0 0 .5em; }

 	p { margin: 0 0 .8em; }
 	

	/* -- STRUCTURE
 	---------------------------------------*/
	body { margin: 30px 0; background: #8bd7f8 url(../images/bg-container.gif) top center no-repeat; color: #444; font: 62.5%/1.6 Arial, Helvetica, sans-serif; }
	
	
	/* -- container */
	#container { width: 980px; margin: 0 auto; }
	
	
	/* -- header */
	#header { position: relative; height: 70px; padding: 26px 26px 0 26px; background: url(../images/bg.gif) 0 0 no-repeat; }
	
		/* logo */
		#header h1 { float: right; padding: 0 33px 0 0; width: 90px; }
		
		/* phone number */
		#header p#phone { padding: 0; font-size: 1.1em; float: right; margin: 0 60px 8px; }
		#header p#phone span { padding: 0 22px 0 0; color: #29aae2; }
		#header p#phone span.text { padding: 0; }

		#header p#extra { padding: 0; font-size: 1.1em; text-transform: uppercase; float: left; margin: 0 0 8px; }
		#header p#extra span { padding: 0 8px; }
		
		/* login */
		#header p#login { float: right; margin: 0 90px 0 0; padding: 0; }
		
		/* navigation */
		#nav { float: left; width: 800px; }
		#nav li { float: left; }
		#nav li.start a { padding-left: 0; }
		#nav li a { display: block; padding: 6px 10px 0 10px; color: #444; font-size: 1.2em; text-transform: uppercase; }
		#nav li a:hover, #nav li.on a { color: #bf1e2d; text-decoration: none; }
		
		/* special rollovers */
		a.membership, a.login { position: relative; z-index: 1; }
		a.membership span, a.login span { display: none; }
		a.membership:hover, a.login:hover { z-index: 99; background: #fff; }
		a.membership:hover span, a.login:hover span { display: block; position: absolute; top: -35px; right: -30px; width: 74px; height: 41px; background: url(../images/membership-rollover.gif) no-repeat; }
		a.login:hover span { right: 40px; width: 68px; height: 38px; background: url(../images/membersarea-rollover.gif) no-repeat; }
		
	
	/* -- flash */
	#flash { position: relative; height: 286px; padding: 2px 1px 1px 26px; background: url(../images/bg.gif) 0 -214px no-repeat; overflow: hidden; }
	#flash #welcome { position: absolute; bottom: 3px; right: 58px; width: 430px; background: url(../images/bg-welcome.png) repeat-y; color: #fff; font-size: 1.3em; padding: 15px 20px 5px;  z-index: 99; }
	
	#flash #welcome img { float: right; margin-left: 10px; }
	#flash #welcome h2 { text-transform: none; color: #afdfe5; }
	
	
	/* -- content */
	#content { min-height: 200px; padding: 20px 56px 0 20px; width: 904px; background: url(../images/bg.gif) 0 -502px no-repeat; font-size: 1.1em; }
	
		/*  columns */
		#content .col { float: left; width: 240px; margin: 0 10px; }
		#content .col ul { margin-bottom: 1.5em; }
		#content .col li { padding: .8em 0 0 1.8em; background: url(../images/icon-arrow.gif) 0 12px no-repeat; border-bottom: 1px solid #ddd; }
		
		#content .col.one li { background: url(../images/icon-arrow-red.gif) 0 13px no-repeat; }
		#content .col.one { position: relative; float: left; margin-left: 144px; }
		#content .col.one a { color: #bf1e2d; font-weight: bold; z-index: 1; }
		#content .col.one a span { display: none; }
		#content .col.one a:hover { z-index: 99; background: #fff; }
		#content .col.one a:hover span { position: absolute; top: 40px; left: -130px; display: block; width: 121px; height: 109px; background: url(../images/events-rollover.gif) no-repeat; }
		
		#content .col.three { margin-right: 0; }
		
	/* -- banner */
	#banner { height: 85px; width: 900px; padding: 0 56px 0 24px; background: url(../images/bg.gif) 0 -501px no-repeat; }
	#banner img { border: 1px solid #ddd; }
	
	/* -- footer */
	#footer { height: 60px; background: url(../images/bg.gif) 0 -2076px no-repeat; font-size: 1.1em; padding-top: 63px; }
	
		/* search form */
		#footer form { position: relative; float: right; width: 196px; padding: 5px 70px 0 0; }
		#footer form input { margin: 0 0 0 5px; border: 1px solid #fff; vertical-align: middle; }
		#footer form span { position: absolute; top: -35px; left: -80px; width: 145px; height: 32px; background: url(../images/search-rollover.gif) no-repeat; }
	
		/* copyright */
		#footer p#copyright { float: left; padding: 8px 0 0 40px; }
		#footer a { color: #444; }