/* @override http://localhost/meptv/styles/main.css */

body
{
	/*height: 1800px;*/
	background: #000;
}

#body
{
	position:  absolute;
	background: url('../images/bg.jpg') no-repeat center center;
	width: 100%;
	height: 100%;
	min-height: 1200px;
	top:  50%;
	margin-top:  -500px;
}

#main
{
	width: 960px;
	height: 760px;
	position: absolute;
	left: 50%;
/*	top: 50%;*/
	margin-left: -480px;
/*	margin-top: -380px;*/
	margin-top: 180px;
	background: url('../images/interface.png') no-repeat 0 0;
}

	#main .header
	{
		margin: 0 auto;
		
	}

	#main .header .logo
	{
		width: 180px;
		height: 60px;
		margin: 35px auto 0 auto;
	}
		#main .header .logo a
		{
			display: block;
			width: 180px;
			height: 60px;
			overflow: hidden;
			text-indent: -1000px;
			margin-left: 10px;
		}

	#main .header .navigation
	{
		z-index: 3;
		margin: 10px auto 0 auto;
		width: 415px;
		height: 40px;
		padding-left: 35px;
	}

		#main .header .navigation ul
		{
			position: relative;
			z-index: 4;
		}

		#main .header .navigation li
		{
			float: left;
			height: 40px;
		}

			#main .header .navigation li a
			{
				display: block;
				width: 100%;
				height: 100%;
				overflow: hidden;
				text-indent: -1000px;
			}

		#main .header .navigation li.blog
		{
			margin-left: 20px;
			width: 65px;
		}

		#main .header .navigation li.riders
		{
			width: 90px;
		}

		#main .header .navigation li.links
		{
			width: 70px;
		}

		#main .header .navigation li.shop
		{
			width: 60px;
		}

		#main .header .navigation li.contact
		{
			width: 90px;
		}
		
	#main .container
	{
		margin: -20px auto 0 auto;
		width:  960px;
		height: 450px;
	}
	
		#main .container .frame_helper .top
		{
			margin-left: 146px;
			margin-top: 0;
			position:  absolute;
			background: url('../images/frame.png') no-repeat top left;
			width: 741px;
			height: 50px;
		}
		
		#main .container .frame_helper .bottom
		{
			margin-left: 146px;
			margin-top:  384px;
			position:  absolute;
			background: url('../images/frame.png') no-repeat bottom left;
			width: 741px;
			height: 45px;
		}
		
		#main .container .frame_helper .left
		{
			margin-left: 146px;
			margin-top: 50px;
			position:  absolute;
			background: url('../images/frame.png') no-repeat 0 -50px;
			width: 40px;
			height: 334px;
		}
		
		#main .container .frame_helper .right
		{
			margin-left: 796px;
			margin-top: 50px;
			position:  absolute;
			background: url('../images/frame.png') no-repeat 100% -50px;
			width: 90px;
			height: 429px;
			height: 334px;
		}
	
	
	
	#main .gallery
	{
		margin-left: 180px;
		margin-top: 40px;
		position: absolute;
		width: 640px;
		height: 360px;
		overflow: hidden;
	}
		#main .gallery ul
		{
			width: 20000px;
			position: absolute;
		}
		
		#main .gallery li
		{
			width:  640px;
			height: 460px;
			float: left;	
		}
		
	#main .gallery_nav .left
	{
		display: none;
		position: absolute;
		width: 53px;
		height: 73px;
	}
	
		#main .gallery_nav .left a
		{
			display: block;
			width: 53px;
			height: 73px;
			background: url('../images/left_arrow.png') no-repeat 0 0;
			overflow: hidden;
			text-indent: -1000px;
			opacity: 0.6;
			margin: 180px 0 0 50px;
		}
		
		#main .gallery_nav .left a:hover
		{
			opacity: 1.0;
		}
	
	#main .gallery_nav .right
	{
		display: none;
		position: absolute;
		width: 53px;
		height: 73px;
		margin: 180px 0 0 870px;
	}
	
		#main .gallery_nav .right a
		{
			display: block;
			width: 53px;
			height: 73px;
			background: url('../images/right_arrow.png') no-repeat 0 0;
			overflow: hidden;
			text-indent: -1000px;
			opacity: 0.6;
		}
		
		#main .gallery_nav .right a:hover
		{
			opacity: 1.0;	
		}
	
	#moogaloop
	{
		position: absolute;
	}
	
	.mmovie
	{
		width: 375px;
		height: 93px;
		background: url('../images/mmovie.png') no-repeat;
		position: absolute;
		margin-left: 147px;
		margin-top: 381px;
	}