/**
 * Screen styles for TRAK Cycles
 * Author Matthew Holmes <www.ivt.com.au>
 * Created 19 Feb, 2008
 */
 
 body {
 	margin: 0;
 	padding: 0;
 	background: #000;
 	color: #777;
 	font: 62.5%/1.6 Tahoma, "Lucida Grande", Arial, Helvetica, sans-serif;
 	}
 	
 	
 	/* links */
 	a {
 		color: #db2020;
 		}
 	a:hover {
 		text-decoration: none;
 		}
 	a:focus {
 		outline: none;
 		}
 	a img {
 		border: 0;
 		}
 		
 		
 	/* common elements */
 	h1, h2, h3, h4, h5, h6, ul, form, p {
 		margin: 0;
 		}
 	h3 strong {
 		display: none !important;
 		}
 		
 		
 		
 		
 		/* -- structure
 		---------------------------------*/
 		#container {
 			width: 980px;
 			margin: 50px auto 0;
 			background: #fff;
 			}
 			
 			
 			/* 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%;
 				}
 				
 				
 			
 			/* -- header */
 			#header {
 				position: relative;
 				height: 73px;
 				background: #53575d url(../webimage/bg-header.gif) no-repeat;
 				}
 			#header h1 a {
 				position: absolute;
 				top: 23px;
 				right: 20px;
 				}
 				
 				
 				/* navigation */
 				ul#nav {
 					position: absolute;
 					bottom: 17px;
 					left: 20px;
 					margin: 0;
 					padding: 0;
 					list-style: none;
 					}
 				#nav li {
 					float: left;
 					margin: 0 16px 0 0;
 					}
 				#nav li a {
 					padding: 3px 7px;
 					color: #fff;
 					font-size: 1.4em;
 					text-decoration: none;
 					text-transform: uppercase;
 					}
 				#nav li a:hover, #nav li a.on {
 					background: #37393f;
 					}
 			
 			
 			/* -- banner */
 			#banner {
 				position: relative;
 				height: 378px;
 				background: #eee;
 				}
			#banner {
				margin: 0;
				padding: 0;
				list-style: none;
				}
 			#banner ul#brands {
 				position: absolute;
 				top: 0;
 				right: 0;
 				margin: 0;
 				padding: 0;
 				list-style: none;
 				}
 			#brands li {
 				display: block;
 				margin: 0;	
 				padding: 0;
 				}
 			#brands li a {
 				display: block;
 				width: 196px;
 				height: 26px;
 				background: url(../webimage/btn-brands.gif) no-repeat;
 				text-indent: -999em;
 				}
 			#brands ul {
 				position: absolute;
 				top: 26px;
 				left: -999em;
 				width: 195px;
 				margin: 0;
 				padding: 0;
 				list-style: none;
 				background: #fff;
 				text-align: center;
 				border: 1px solid #bbb;
 				border-right: 0;
 				border-top: 0;
 				}
 			#brands li li {
 				width: 100%;
 				display: block;
 				margin: 0;
 				padding: 0;
 				border-bottom: 1px solid #bbb;
 				}
 			#brands li li.end {
 				border: 0;
 				}
 			#brands li li a {
 				width: 196px;
 				height: auto;
 				padding: 6px 0;
 				background: none;
 				text-indent: 0;
 				}
 			#brands li:hover ul ul, #brands li.hover ul ul {
				left: -999em;
				}
			#brands li:hover ul, #brands li.hover ul {
				left: auto;
				}
 			
 			
 			/* -- main-body */
 			#main-body {
 				border-top: 5px solid #777;
 				background: url(../webimage/bg-bottom-container.gif) bottom no-repeat;
 				}
 			#inner-main-body {
 				margin: 15px 0;
 				background: url(../webimage/bg-main-body.gif) no-repeat;
 				}
 			#main-body .col {
 				float: left;
 				width: 205px;
 				padding: 0 20px;
 				font-size: 1.1em;
 				}
 			#main-body .col h3 {
 				margin: 0 0 5px;
 				padding: 10px 0 0;
 				}
 			#main-body .news h3 {
 				position: relative;
 				}
 			#main-body .news h3 a {
 				position: absolute;
 				left: 100px;
 				}
 			#main-body .col p {
 				margin: 0 0 10px;
 				}
 			#main-body .bikes h4 {
 				font-size: 1.2em;
 				}
 			div#signup {
 				float: left;
 				}
 			div#more {
 				float: right;
 				width: 70px;
 				padding: 3px 0 0;
 				}
 			div#more a {
 				padding: 0 0 0 16px;
 				background: url(../webimage/icon-arrow.gif) 0 4px no-repeat;
 				}
 			.thumbnail {
 				float: right;
 				margin: 8px 0 0 3px;
 				}
 				
 				
 				/* news */
 				div#news {
 					margin: 0;
 					padding: 0 0 15px;
 					}
 				div#news a {
 					padding: 0 0 0 13px;
 					background: url(../webimage/icon-page.gif) 0 3px no-repeat;
 					}
 				div#news .date {
 					font-style: italic;
 					}
 					
 				span.large {
 					font-size: 1.3em;
 					font-weight: bold;
 					}	
 			
 			
 			/* -- footer */
 			#footer {
 				width: 980px;
 				margin: 0 auto 50px;
 				background: url(../webimage/bg-footer.gif) no-repeat;
 				color: #fff;
 				font-size: 1.1em;
 				}
 			#footer a {
 				color: #fff;
 				}
 			#footer .copyright {
 				float: left;
 				padding: 15px 20px;
 				}
 			#footer .powered {
 				float: right;
 				padding: 15px 20px;
 				}