/* -----------------------------------------------
	feature nav
----------------------------------------------- */

.featurenav {
	position: relative;
	height: 160px;
}

.featurenav #videos {
	position: absolute;
	top: 0; left: 71px;
	width: 210px; height: 160px;
}

.featurenav #videos a {
	width: 210px; height: 160px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(http://www.westcoastracing.com.au/images/index/featurenav-video.jpg);
}

.featurenav #videos a:hover {	background-position: 0 -160px; }

.featurenav #shop a {
	position: absolute;
	top: 0; left: 281px;
	width: 195px; height: 140px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(http://www.westcoastracing.com.au/images/index/featurenav-shop.jpg);
}

.featurenav #shop a:hover {	background-position: 0 -140px; }

.featurenav #gallery a {
	position: absolute;
	top: 0; right: 136px;
	width: 264px; height: 152px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(http://www.westcoastracing.com.au/images/index/featurenav-gallery.jpg);
}

.featurenav #gallery a:hover {	background-position: 0 -152px; }



/* -----------------------------------------------
	panels (x3)
----------------------------------------------- */
.panels {
	position: relative;
	height: 266px;
	margin: 234px 0 10px 0;
}

.panels .intro, 
.panels .news, 
.panels .schedule {
	position: absolute;
	height: 266px;
	width: 235px;
	top: 0;
	padding: 0 10px;
}
	
.panels .intro h2, 
.panels .news h2, 
.panels .schedule h2 {
	height: 50px;
	text-indent: -9999px;
}

.panels .intro {
	background: url(http://www.westcoastracing.com.au/images/index/bg-panel-intro.jpg);
	left: 108px;
	font-size: 9px;
	line-height: 16px;
}

.panels .intro p { margin-bottom: 15px; }

.panels .news {
	background: url(http://www.westcoastracing.com.au/images/index/bg-panel-news.jpg);
	left: 373px;
	line-height: 13px;
}

.panels .schedule {
	background: url(http://www.westcoastracing.com.au/images/index/bg-panel-schedule.jpg);
	left: 638px;
}

.panels .schedule a { color: #7f8084; }
.panels .schedule a:hover { color: #fff; }


.panels .item {
	position: relative;
	padding: 10px 0;
	border-top: 1px solid #242323;
	height: 40px;
}

.panels .first {
	border: 0;
	height: 30px;
}
.panels .first .date { top: 0; }
.panels .first .info { top: 0; }

.panels .date {
	position: absolute;
	left: 0; top: 10px;
	width: 35px; 
}

.panels .info {
	position: absolute;
	left: 35px; top: 10px;
	font-size: 9px;
	width: 200px;
}

.panels .schedule .item { height: 20px; }
.panels .schedule .first { height: 10px; }
.panels .schedule .date { width: 60px; }
.panels .schedule .info {
	left: 60px;
	width: 170px;
	line-height: 12px;
}