/* Site Layout Styles
 * Updated:  8 Aug 2008 @ 9.56am
 * 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; 
		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 {
		background: #d1d3d4;
		color: #666666;
		font: 62.5% Arial, Helvetica, sans-serif;
		}

	
	/* -- layout
 	 ---------------------------------------------*/
 	 #container {
 	 	position: absolute;
 	 	top: 50%;
 	 	left: 0;
 	 	width: 100%;
 	 	min-height: 530px;
 	 	margin-top: -265px;
 	 	text-align: center;
 	 	}
 	 #inner_container {
 	 	width: 944px;
 	 	height: 530px;
 	 	margin: 0 auto;
 	 	text-align: left;
 	 	}
 	 * html #inner_container { width: 946px; }
 	 	
 	 	
 	 	/* -- sidebar */
 	 	#sidebar {
 	 		float: left;
 	 		width: 142px;
 	 		height: 530px;
 	 		background: url(../webimage/bg.gif) 0 0 no-repeat;
 	 		}
 	 		
 	 		#sidebar h1 a {
 	 			display: block;
 	 			height: 95px;
 	 			text-indent: -999em;
 	 			}
 	 		
 	 		/* side nav */
 	 		#sidebar ul {
 	 			padding: 25px 0 0;
 	 			width: 125px;
 	 			}
 	 		#sidebar li {
 	 			width: 125px;
 	 			}
 	 		#sidebar li a {
 	 			display: block;
 	 			padding: 10px 0 5px;
 	 			border-bottom: 1px solid #666666;
 	 			color: #666666;
 	 			font-size: 1.1em;
 	 			text-decoration: none;
 	 			text-align: right;
 	 			}
 	 		#sidebar li a:hover {
 	 			color: #ee3829;
 	 			border-bottom: 1px solid #ee3829;
 	 			}
 	 			
 	 		
 	 	/* -- content */
 	 	#content {
 	 		float: right;
 	 		width: 802px;
 	 		height: 500px;
 	 		}
 	   * html #content {  }
 	 		
 	 		/* navigation / search */
 	 		#nav {
 	 			position: relative;
 	 			height: 29px;
 	 			background: url(../webimage/bg.gif) -141px 0 no-repeat;
 	 			}
 	 		#nav ul {
 	 			padding: 7px 0 0 8px;
 	 			}
 	 		#nav ul li {
 	 			float: left;
 	 			border-right: 1px solid #ee3829;
 	 			}
 	 		#nav ul li.end {
 	 			border: 0;
 	 			}
 	 		#nav ul li a {
 	 			display: block;
 	 			padding: 5px 10px 4px 11px;
 	 			color: #ee3829;
 	 			font-size: 1.1em;
 	 			text-decoration: none;
 	 			}
 	 		#nav ul li a:hover {
 	 			background: #F48582;
 	 			color: #fff;
 	 			}
 	 			
 	 			/* ie6 hacks noooooo! */
 	 			* html #nav ul li a {
 	 				padding: 5px 10px 3px 11px;
 	 				}
 	 			* html #nav ul li.end a {
 	 				padding: 5px 12px 3px 11px;
 	 				}
 	 				
 	 			
 	 			/* search */
 	 			#nav form {
 	 				position: absolute;
 	 				bottom: 5px;
 	 				right: 7px;
 	 				}
 	 			#nav form label {
 	 				margin: 0 7px 0 0;
 	 				color: #fff;
 	 				font-size: 1.1em;
 	 				}
 	 			#nav form input {
 	 				width: 118px;
 	 				border: 1px solid #fff;
 	 				}
 	 				
 	 				/* ie6 hacks noooooo! */ 
					* html #nav form {
						bottom: 2px;
						}
					*+html #nav form {
						bottom: 3px;
						}
 	 				
 	 			
 	 		/* banner */
 	 		#banner {
 	 			padding: 8px 15px;
 	 			height: 382px;
 	 			background: url(../webimage/bg.gif) -141px -29px no-repeat;
 	 			}
 	 			
 	 			#flash {
 	 				background: #000;
 	 				width: 774px;
 	 				height: 380px;
 	 				}
 	 			
 	 		
 	 	/* -- extra */
 	 	#extra {
 	 		height: 17px;
 	 		padding: 6px 0 6px 14px;
 	 		background: url(../webimage/bg.gif) -141px -427px no-repeat;
 	 		}
 	 	#extra div {
 	 		float: left;
 	 		margin: 0 2px 0 0;
 	 		}
 	 	#extra div.end {
 	 		margin: 0;
 	 		}
 	 		
 	 		/* login form */
 	 		#extra input {
 	 			position: relative;
 	 			top: -4px;
 	 			width: 116px;
 	 			height: 13px;
 	 			border: 1px solid #aeb0b2;
 	 			}
 	 		#extra button {
				position: relative;
				top: -3px;
				border: 0;
				width: 49px;
				height: 17px;
				text-indent: -999em;
				background: url(../webimage/btn-login.gif) 0 0 no-repeat;
				}
			/* ie6 hacks noooooo! */ 
			* html #extra button {
				top: -4px;
				}
			*+html #extra button {
				top: -4px;
				}
 	 		
 	 		
 	 	/* -- footer */
 	 	#footer {
			padding: 12px 8px;
			font-size: 1em;
			}
		#footer a {
			color: #666666;
			}