/*top nav*/

#top_nav .buffer{
	position: absolute;
	left: 0px;
	top: 80px;
	width:975px;
	height:36px;
	z-index:999;
	float: left;
}

#top_nav .buffer ul{
	margin: 0;
	padding: 0;
	list-style: none;
	float:left;
	clear:both;
	width: auto;
}

#top_nav .buffer li{
	display:block;
	float:left;
	position:relative;
	list-style:none;
	height: 29px;
}

#top_nav .buffer li a{
	text-decoration: none;
	color: #fff;
}

#top_nav .buffer li a.here{
	background-position: bottom left;
	background-repeat: no-repeat;
}

a.home:link, a.home:visited{
	display: block;
	width: 107px;
	height: 36px;
	background-image: url(../style/images/home_btn.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -1000em;
}

a.home:hover, a.home:active{
	display: block;
	width: 107px;
	height: 36px;
	background-position: bottom left;
	text-indent: -1000em;
}

a.magazine:link, a.magazine:visited{
	display: block;
	width: 94px;
	height: 36px;
	background-image: url(../style/images/magazine_btn.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -1000em;
}

a.magazine:hover, a.magazine:active{
	display: block;
	width: 94px;
	height: 36px;
	background-position: bottom left;
	text-indent: -1000em;
}

a.news:link, a.news:visited{
	display: block;
	width: 70px;
	height: 36px;
	background-image: url(../style/images/news_btn.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -1000em;
}

a.news:hover, a.news:active{
	display: block;
	width: 70px;
	height: 36px;
	background-position: bottom left;
	text-indent: -1000em;
}

a.reviews:link, a.reviews:visited{
	display: block;
	width: 85px;
	height: 36px;
	background-image: url(../style/images/reviews_btn.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -1000em;
}

a.reviews:hover, a.reviews:active{
	display: block;
	width: 85px;
	height: 36px;
	background-position: bottom left;
	text-indent: -1000em;
}

a.tech:link, a.tech:visited{
	display: block;
	width: 61px;
	height: 36px;
	background-image: url(../style/images/tech_btn.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -1000em;
}

a.tech:hover, a.tech:active{
	display: block;
	width: 61px;
	height: 36px;
	background-position: bottom left;
	text-indent: -1000em;
}

a.products:link, a.products:visited{
	display: block;
	width: 101px;
	height: 36px;
	background-image: url(../style/images/products_btn.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -1000em;
}

a.products:hover, a.products:active{
	display: block;
	width: 101px;
	height: 36px;
	background-position: bottom left;
	text-indent: -1000em;
}

a.recreation:link, a.recreation:visited{
	display: block;
	width:  110px;
	height: 36px;
	background-image: url(../style/images/recreation_btn.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -1000em;
}

a.recreation:hover, a.recreation:active{
	display: block;
	width:  110px;
	height: 36px;
	background-position: bottom left;
	text-indent: -1000em;


}

a.ptruck:link, a.ptruck:visited{
	display: block;
	width: 137px;
	height: 36px;
	background-image: url(../style/images/ptrucks_btn.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -1000em;
}

a.ptruck:hover, a.ptruck:active{
	display: block;
	width: 137px;
	height: 36px;
	background-position: bottom left;
	text-indent: -1000em;
}

a.ytruck:link, a.ytruck:visited{
	display: block;
	width: 115px;
	height: 36px;
	background-image: url(../style/images/ytruck_btn.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -1000em;
}

a.ytruck:hover, a.ytruck:active{
	display: block;
	width: 115px;
	height: 36px;
	background-position: bottom left;
	text-indent: -1000em;
}

a.community:link, a.community:visited{
	display: block;
	width: 108px;
	height: 36px;
	background-image: url(../style/images/community_btn.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -1000em;
}

a.community:hover, a.community:active{
	display: block;
	width: 108px;
	height: 36px;
	background-position: bottom left;
	text-indent: -1000em;
}

a.contact:link, a.contact:visited{
	display: block;
	width: 109px;
	height: 36px;
	background-image: url(../style/images/contact_btn.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -1000em;
}

a.contact:hover, a.contact:active{
	display: block;
	width: 109px;
	height: 36px;
	background-position: bottom left;
	text-indent: -1000em;
}

.nav-right{
	width: 85px;
	height: 36px;
	background:url(../style/images/nav-right.gif) no-repeat right top;
	float: left;
}

#top_nav ul li ul {
	display:none;
}

#top_nav ul li:hover ul {
	display:block;
	position: absolute;
	left: 0px;
	top: 36px;
	width: 210px;
	height: 29px;
	background-color: #000;
	border: none;
}

#top_nav ul li ul li {
	height:auto;
	width: 210px;
}


#top_nav ul li ul a:link, #top_nav ul li ul a:visited {
	display: block;
	padding: 0 0 0 10px;
	width: 200px;
	height: 30px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	line-height: 26px;
	background-color: #000;
}

#top_nav ul li ul a:hover, #top_nav ul li ul a:active{
	height: 30px;
	background-color: #eaac01;

}

.facebook a, .facebook a:visited {
	background: url(images/facebook_icon.jpg) 0 top no-repeat;
	width: 27px;
	height: 26px;
	float: left;
	margin-left: 5px;
	text-indent: -1000em;
}

.facebook a:hover, .facebook a:active {
	background: url(images/facebook_icon.jpg) 0 bottom no-repeat;
}

.twitter a, .twitter a:visited {
	background: url(images/twitter_icon.jpg) 0 top no-repeat;
	width: 27px;
	height: 26px;
	float: left;
	text-indent: -1000em;
}

.twitter a:hover, .twitter a:active {
	background: url(images/twitter_icon.jpg) 0 bottom no-repeat;
}