/*
 * g kustom kuhl
 * home.css
 * author: miinx [at] miinx.com.au
 */

body {
	background-color: #020202;
	margin: 0;
	padding: 0;
	}

div#topcolourfill {
	position: absolute;
	z-index: 1;
	background-color: #36130c;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	}

div#outerbox {
	z-index: 10;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	overflow: visible;
	text-align: center;
	}
	div#bg {
		position: absolute;
		top: -320px;
		width: 100%;
		left: 50%;
		margin-left: -50%;
		height: 640px;
		background-image: url("/images/home/bg.gif");
		background-repeat: repeat-x;
		}
		div#content {
			position: absolute;
			width: 720px;
			height: 570px;
			margin-left: -360px;
			top: -285px;
			left: 50%;
			}
	
h1 {
	position: absolute;
	margin: 0;
	top: 29px;
	left: 0;
	padding-top: 330px;
	width: 716px;
	height: 0px !important;		/* for good browsers */
	height /**/:330px;			/* for IE5.5's broken box model */
	overflow: hidden;
	background-image: url("/images/home/gkk_logo.jpg");
	background-repeat: no-repeat;
	}	


ul {
	position: absolute;
	width: 640px;
	height: 205px;
	top: 334px;
	left: 108px;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
	ul li {
		float: left;
		position: relative;
		height: 80px;
		width: 140px;
		margin-right: 16px;
		margin-bottom: 16px;
		}
		
		ul li a {
			display: block;
			padding-top: 80px;
			width: 140px;
			height: 0px !important;
			height /**/:80px;
			overflow:hidden;
			background-repeat: no-repeat;
			background-position: 0 0;
			}
			
			a#contact 	{ background-image: url("/images/home/btn_contact.gif"); }
			a#dealers 	{ background-image: url("/images/home/btn_dealers.gif"); }
			a#parts 	{ background-image: url("/images/home/btn_parts.gif"); }
			a#cycles 	{ background-image: url("/images/home/btn_cycles.gif"); }
			a#vintage 	{ background-image: url("/images/home/btn_vintageparts.gif"); }
			a#links 	{ background-image: url("/images/home/btn_links.gif"); }
			a#kuhl 		{ background-image: url("/images/home/btn_kuhl.gif"); }
			a#kustoms 	{ background-image: url("/images/home/btn_kustoms.gif"); }

				ul li a:hover {
					background-position: 0 -80px;
					}
				
h2 {
	position: absolute;
	margin: 0;
	top: 586px;
	left: 155px;
	padding-top: 33px;
	height: 0px !important;
	height /**/:33px; 
	width: 422px;
	overflow: hidden;
	background-image: url("images/home/distributor.gif");
	background-repeat: no-repeat;
	}