/* CSS Document */
body, ul, li, form, input {
	padding:0;
	margin:0;
	list-style:none;
	
}
a {
	outline:none;
}
ul#mainnav li {
	display:block;
	float:left;
}
ul#mainnav li a {
	display:block;
	outline:none;
	width:72px;
	height:37px;
	background:transparent url(../images/bopi-nav.gif) no-repeat 0 0;
	text-indent:-9009px;
	margin:0 0 0 0;
}
ul#mainnav li a:hover, ul#mainnav li a.active {
	background-position:0 -43px
}
ul#mainnav li#trailer-nav a {
	width:64px;
	background-position:-72px 0;
}
ul#mainnav li#trailer-nav a:hover, ul#mainnav li#trailer-nav a.active {
	background-position:-72px -43px
}
ul#mainnav li#submit-nav a {
	width:81px;
	background-position:-136px 0;
}
ul#mainnav li#submit-nav a:hover, ul#mainnav li#submit-nav a.active {
	background-position:-136px -43px
}
ul#mainnav li#about-nav a {
	width:99px;
	background-position:-216px 0px;
}
ul#mainnav li#about-nav a:hover, ul#mainnav li#about-nav a.active {
	background-position:-216px -43px
}
ul#mainnav li#login-nav a {
	width:74px;
	background-position:-316px 0px;
}
ul#mainnav li#login-nav a:hover, ul#mainnav li#login-nav a.active {
	background-position:-316px -43px
}
ul#mainnav li#crystal-nav a {
	width:124px;
	background-position:-390px 0px;
}
ul#mainnav li#crystal-nav a:hover, ul#mainnav li#crystal-nav a.active {
	background-position:-390px -43px
}