/* Site Layout Styles
 * Updated:  10 Oct 2008 @ 2.20pm
 * Author: Matthew Holmes <www.ivt.com.au>
 * ---------------------------------------------*/

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

	/* -- COLORS
	---------------------------------------*/
	/* GREY	 			= #c1c0c0 */
	/* LIGHT GREY		= #b3b3b3 */
	/* DARKER GREY		= #6e6e6d */
	/* RED				= #ff0000 */
	/* ORANGE			= #ff6600 */


	/* -- 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 { color: #b3b3b3; text-decoration: underline; outline: none; }
 	a:hover { text-decoration: none; }
 	
 	
 	/* -- TYPOGRAPHY
 	---------------------------------------*/
 	h2 { color: #f60; font: italic normal 2em/1.5 Helvetica, Arial, sans-serif; }
 	
 	p { margin: 0 0 .8em; }
 	
 	
 	/* -- STRUCTURE
 	---------------------------------------*/
 	body { color: #c1c0c0; font: 62.5%/1.6 "Trebuchet MS", Arial, Helvetica, sans-serif; background: #1f1f1e url(../images/bg-back.gif) top repeat-x; }
 	
 	
 	/* -- container */
 	#container { width: 980px; margin: 0 auto; }
 	
 	
 	/* -- header */
 	#header { position: relative; height: 170px; }
 	#header h1 { float: left; padding: 60px 20px 0; }
 	#header #search { text-align: right; padding: 90px 20px 0 0; }
 	#header #search input { width: 200px; padding: 3px; border: 1px solid #fff; font-style: italic; }
 	
 		/* flags */
 		#flags { position: absolute; top: 35px; right: 20px; }
 		#flags li { float: left; margin: 0 0 0 10px; }
 	
 	
 	/* -- navigation */
 	#nav { height: 63px; background: url(../images/bg.gif) 0 0 no-repeat; }
 	#nav ul { width: 660px; height: 35px; }
 	#nav li { float: left; height: 35px; }
 	#nav li a { display: block; height: 35px; background-image: url(../images/bg-nav.gif); text-indent: -999em; }
 	
 		/* off state */
 		#nav li a.home { width: 88px; background-position: 0 -35px; }
 		#nav li a.events { width: 88px; background-position: -88px 0; }
 		#nav li a.resources { width: 113px; background-position: -176px 0; }
 		#nav li a.gallery { width: 96px; background-position: -289px 0; }
 		#nav li a.news { width: 82px; background-position: -385px 0; }
 		#nav li a.about { width: 89px; background-position: -467px 0; }
 		#nav li a.register { width: 104px; background-position: -556px 0; }
 		
 		/* over state */
 		#nav li a.home:hover { width: 88px; background-position: 0 -35px; }
 		#nav li a.events:hover { width: 88px; background-position: -88px -35px; }
 		#nav li a.resources:hover { width: 113px; background-position: -176px -35px; }
 		#nav li a.gallery:hover { width: 96px; background-position: -289px -35px; }
 		#nav li a.news:hover { width: 82px; background-position: -385px -35px; }
 		#nav li a.about:hover { width: 89px; background-position: -467px -35px; }
 		#nav li a.register:hover { width: 104px; background-position: -556px -35px; }
 	
 	
 	/* -- banner */
 	#banner { height: 418px; background: url(../images/bg.gif) 0 -63px no-repeat; overflow: hidden; }
 	
 	
 	/* -- footer */
 	#footer { min-height: 270px; background: url(../images/bg.gif) 0 -481px no-repeat; font-size: 1.1em; }
 	
 		/* columns */
 		#footer .col { float: left; width: 215px; padding: 30px 15px; }
 		#footer .col p a { color: #6e6e6d; }
 		#footer .col p.slogan { padding: 5px 0 0; font-size: 1.2em; font-style: italic; }
 		
 		/* list items */
 		#footer .list li { padding: 8px 0 20px; background-image: url(../images/bg-list-divider.png); background-position: left bottom; background-repeat: no-repeat; line-height: 1.3; }
 		
 		/* credits */
 		#footer .credits { width: 200px; padding: 30px 0 30px 15px; }
 		#footer .credits p { margin: 2em 0; line-height: 1.2; color: #6e6e6d; }