body {
		background-color: #000;
		margin:0px;
		padding:0px;
		font-family: Verdana;
		font-size: 10px;
		color:#FFF;
	}

	
	#headerimagecontainer{
		margin:0px;
		padding:0px;
		text-align:center;
		background:url(/images/background.jpg) #000 top left repeat-x;
		height:100px;
		padding-top:5px;
	}
	#headerimagecontainer img{
		width:600px;
		position:relative;
		top:0px;
		margin:0px auto;
	}

	
	a, a:link, a:visited, a:active, a:hover{
		font-weight:bold;
		text-decoration:none;
		color:#FFF;
	}
		
	#page{
		width:900px;
		position:relative;
		top:40px;
		margin:0px auto;
		
		/*
		border:1px solid #0f0;
		margin-left:-410px;
		left:50%;
		*/

	}
	
	#content{
		height:434px;
		padding:30px;
		width:820px;
		border:3px solid #222;
	  	-moz-border-radius:1ex;
  		-webkit-border-radius:1ex;
		text-align:center;
	}
	
	
/*	.cinema{
		width:400px;
		margin-left:120px;
		background:#000;
		padding:20px;
	  	-moz-border-radius:3ex;
  		-webkit-border-radius:3ex;
		text-align:center;
	}*/
	
	#menu{
		width:820px;
	 	margin:0px auto;
		height:20px;
		margin-top:20px;
	}

	#menu ul li{
		float:left;
		padding:5px 10px 5px 30px;
		
		list-style-type:none;
		height:30px;
		line-height:30px;
	}
	.navi {
		margin-left:328px;
		width:200px;
		height:20px;
	}


	/* items inside navigator */
	.navi a {
		width:20px;
		height:20px;
		float:left;
		margin:3px;
		background:url(img/bullet.png) 0 0 no-repeat;
		display:block;
		font-size:1px;
	}
	
	/* mouseover state */
	.navi a:hover {
		background:url(img/bullet_red.png) 0 0 no-repeat;
	}

	/* active state (current page state) */
	.navi a.active {
		background:url(img/bullet_red.png) 0 0 no-repeat;
	}
	
	h1 a, h1 a:link, h1 a:visited, h1 a:active, h1 a:hover{
		color:#FFF;
	}
	
	
/*	#leftscroll{
	  	-moz-border-radius:1ex;
  		-webkit-border-radius:1ex;
		cursor:hand;
		cursor:pointer;
	}

	#rightscroll{
	  	-moz-border-radius:1ex;
  		-webkit-border-radius:1ex;
		cursor:hand;
		cursor:pointer;
	}*/

	#footer{

		clear:both;
		text-align:center;
		margin-top:10px;
		width:100%;

	}
	
	#footer, #footer a, #footer a:hover, #footer a:visited, #footer a:link, #footer a:active{
		color:#eee;
		font-weight:normal;
		text-decoration:none;
		font-size:10px;
	}

	#adsensebottom{
		clear:both;
		height:100px;
		text-align:center;
	}
	
	
	
	
	/*
		root element for the scrollable.
		when scrolling occurs this element stays still.
	*/
	.scrollable {

		/* required settings */
		position:relative;
		overflow:hidden;
		width: 820px;
		height:434px;
		/*border:1px solid #0f0;*/
		margin:0px auto;
		
		background:url(img/bg.jpg);
	  	-moz-border-radius:1ex;
  		-webkit-border-radius:1ex;
	}
	.innerscrollable {

		/* required settings */
		position:relative;
		overflow:hidden;
		width: 820px;
		height:434px;

	}


	/*
		root element for scrollable items. Must be absolutely positioned
		and it should have a extremely large width to accommodate scrollable items.
		it's enough that you set width and height for the root element and
		not for this element.
	*/
	.scrollable .items{
		/* this cannot be too large */
		width:20000em;
		position:absolute;
	}

	.innerscrollable .items {
		/* this cannot be too large */
		height:20000em;
		position:absolute;
	}
	/*
		a single item. must be floated in horizontal scrolling.
		typically, this element is the one that *you* will style
		the most.
	*/
	.items div {
		float:left;
		width:814px;
		height:428px;
		-moz-border-radius:1ex;
  		-webkit-border-radius:1ex;
		border:3px solid #333;
		overflow:hidden;

	}

	.roundimage{
		-moz-border-radius:1ex;
  		-webkit-border-radius:1ex;
		overflow:hidden;
	}

	.innerscrollable .items div {

		width:820px;
		height:434px;
		background:#0F0;
	}
	.scrollbar{
		margin-left:200px !important; 
	}