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

	@import "autosuggest.css";
	@import "other.css";
	
	/* -- TOC
	---------------------------------------
	1. Colors
	2. Reset
	3. Fix Floats
	4. Links
	5. Typography
	6. Structure
	7. Forms
	*/
	

	/* -- 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; }
 	h4 { color: #29aae2; line-height: 1.4; }

 	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; }

	/* -- content */
	#content { min-height: 650px; background: #fff; font-size: 1.1em; }
	
		/* banner */
		#content .banner { height: 52px; background: url(../images/bg2.gif) 0 -214px no-repeat; }
		#content .banner h2 { color: #fff; padding: 30px 0 0 234px; }
	
		/* left */
		#content .left { float: left; width: 199px; padding: 50px 24px 0 0;  font-size: 1.2em; }
		
			/* side nav */
			#menu li { display: block; padding: 3px 3px 3px 10px; }
			#menu li a { color: #444; }

		/* right */
		#content .right { float: left; width: 700px; font-size: 1.2em; }
		
			/* content */
			#header_block { position: relative; width: 700px; height: 150px; background: #4f4c4d; }
		
			#content_description { padding: 15px; }
			#content_description ul { margin: 5px 0; }
			#content_description ul li { padding: .8em 0 0 1.8em; background: url(../images/icon-arrow.gif) 0 17px no-repeat; }
			.content_list { padding: 8px 10px 0; border-bottom: 1px solid #ccc; }
			.block { width: 500px; }
			
			/* main search */
			.search_form { padding: 10px 0 15px; }
			.search_form input { width: 500px; border: 1px solid #ccc; }
			.search_form label { padding: 0 5px 0 0; }
			
			#account_links { margin: 10px 0; padding: 0 0 0 15px; }
			
			/* hidden elements */
			.noshow, .hide, .search_form legend, .search_form button { display: none; }
			

	/* -- footer */
	#footer { height: 60px; background: url(../images/bg.gif) 0 -2139px no-repeat; font-size: 1.1em; }
	
		/* 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; }
		
		
	/* -- FORMS
 	---------------------------------------*/
 	form#login_form { margin: 15px 0 10px; }
 	form#signup_form legend, form#signup_form fieldset.receive_email legend { display: none; }
 	form#signup_form fieldset fieldset legend { display: block; }
 	form#signup_form li, form#login_form li, form#update-form li { margin: 0 0 .5em; }
 	form#signup_form label, form#login_form label, form#update-form label { float: left; display: block; width: 100px; text-align: left; }
 	form#signup_form fieldset fieldset { margin-left: 100px; }
 	form#signup_form fieldset fieldset label { width: 400px; }
 	form#signup_form button, form#login_form button, form#update-form button { margin-left: 100px; }
 	form#signup_form .required { font-weight: bold; }
 	
	form#passwordForm legend { display: none; }
	form#passwordForm li { margin: 0 0 .5em; }
	form#passwordForm label { float: left; display: block; width: 100px; text-align: left; }
	form#passwordForm button { margin-left: 100px; }
		
 	.input_large_off, .input_large_on, .input_medium_off, .input_medium_on, form#login_form input { width: 250px; border: 1px solid #ccc; }
 	.textarea_small_off, .textarea_small_on { width: 350px; height: 50px; border: 1px solid #ccc; }