/* Site Layout Styles
 * Updated:  28 Aug 2008 @ 2.38pm
 * Author: Matthew Holmes <www.ivt.com.au>
 * ---------------------------------------------*/
 
 
 	/* -- 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: #e02331; text-decoration: none; }
	a:hover { text-decoration: underline; }
	
	
	/* -- TYPOGRAHY
	---------------------------------------*/
	h1, h2, h3 { color: #e12331; font-weight: normal; text-transform: lowercase; }
	/* h1, h2, h3 { color: #e12331; font-weight: normal; text-transform: lowercase; } */
	h1 { font-size: 3em; }
	h2 { font-size: 2.5em; }
	h3 { font-size: 1.8em; }
	
	p { font-size: 1.1em; margin: 0 0 1.5em; }
	

	/* -- STRUCTURE
	---------------------------------------*/
	html { overflow:-moz-scrollbars-vertical; }
	
	body { margin: 25px 0; background: #353535; color: #353535; font: 62.5%/1.6 Helvetica, Arial, sans-serif; }
	
	/* -- container */
	#container { width: 906px; margin: 0 auto; padding: 15px 0; background: #555 url(../images/bg-container.jpg) repeat-y; }
	#inner_container { width: 874px; margin: 0 auto; background: #fff; }
	

	/* -- SEARCH
 	---------------------------------------*/
 	#search { padding: 0 15px 0 0; text-align: right; }
 	#search input { position: relative; top: 1px; border: 1px solid #999; width: 188px; margin: 0 5px 0 6px; }
 	#search button { width: auto; margin: 0; padding: 0; border: 0; background: none; }
 	#search img { vertical-align: middle; }
 	.search_form { display: none; }


	/* -- NAVIGATION
 	---------------------------------------*/
 	#nav { height: 56px; background-image: url(../images/extranet_menu.gif); }
 	#nav li { float: left; }
 	#nav li a { display: block; height: 56px; background-image: url(../images/extranet_menu.gif); text-indent: -999em; }
 	
 	/* -- off state */
	#nav li a.home { width: 74px; }
	#nav li a.order_stock { width: 98px; background-position: -74px 0; }
	#nav li a.rostering { width: 87px; background-position: -172px 0; }
	#nav li a.equipment { width: 95px; background-position: -259px 0; }
	#nav li a.franchise_marketing { width: 145px; background-position: -354px 0; }
	#nav li a.forum { width: 70px; background-position: -499px 0; }
	#nav li a.resources { width: 88px; background-position: -569px 0; }
	#nav li a.profile { width: 74px; background-position: -657px 0; }
	#nav li a.operations_manual { width: 143px; background-position: -731px 0; }
 	 	
 	 	
 	/* -- BANNER
 	---------------------------------------*/
 	#banner { height: 146px; background: url(../images/bg.jpg) 0 -56px no-repeat; }
 	#banner h1 a { display: block; padding: 24px 0 0 34px; width: 200px; height: 54px; text-indent: -999em; }


	/* -- CONTENT
 	---------------------------------------*/
 	#content { position: relative; min-height: 284px; background: url(../images/bg.jpg) 0 -202px no-repeat; }
 	* html #content { height: 284px; }
	*+html #cotnent { height: 284px; } 
	
	/* -- welcome */
	#welcome { float: left; width: 540px; padding: 40px 0 40px 30px; font-size: 1.1em; }
	#welcome li {list-style: square; margin: 0 20px 3px;}	
	
			
	/* -- login area */
	#login_area { position: absolute; top: 138px; right: 25px; width: 270px; }
	#login_area form legend { display: none; }
	#login_area form li { clear: both; margin: 0 0 3px; }
	#login_area form label { float: left; display: block; width: 80px; margin-right: 3px; text-align: right; text-transform: lowercase; font: bold 1.1em/1.6 Helvetica, Arial, sans-serif; }
	#login_area form input { width: 176px; border: 1px solid #aaa; } 
	#login_area form p { margin-left: 83px; }
	#login_area form button { float: right; border: 0; background: none; padding: 0; margin: 0; width: auto; height: auto; cursor: pointer; }

	/* -- extra --- contains bottom drop shadow effect for content area */
 	#extra { position: absolute; bottom: 0; left: 0; width: 874px; height: 25px; background: url(../images/bg.jpg) 0 -2175px no-repeat; z-index: 1; }
 	 	
 	 	
 	/* -- FOOTER
 	---------------------------------------*/ 	
 	#footer { width: 874px; margin: 0 auto; }
 	
 	/* -- footer links */
	#footer, #footer a { color: #767676; }
	#footer a:hover { text-decoration: none; }
	
	/* -- footer logo and text */
	#footer p { padding: 15px 0 0; text-transform: lowercase; }
	#footer p#flirt { float: right; padding: 10px 0; }