/***************************
CSS methamericamovie.com
Author: Anthony R. Elmore

/*Main content Divs*/

	body, html  {
		margin: 0px auto;
		padding: 0px;		
		background-color:#000;
		/*overflow:hidden;*/
		text-align:center;
		font-family:Arial, Helvetica, sans-serif;
		}
		
    #container  {
		width: 1030px;
		height: 601px;
		padding: 0px;		 
		margin:0px auto;
		text-align:center;
		background-image:url('../images/Clouds-landscapeNEW.jpg');
		background-repeat:no-repeat;
		 }	

	#navigation {
		margin-top: 5px;
		width: 100%;
		height: 20px;

		}
		
	#navigation ul {
		display: inline;
		list-style: none;
		padding: 0px;
		margin:0px auto;
		}		

	#navigation li  {
		display: inline;
		text-indent: 0px;
		padding:0px;
		margin: 5px;
			}
				
	#main-content {
		margin: 10px 205px 0px 205px;
		padding:0px;
		width: 620px;
		height: 320px;
		text-align:left;
		}
		
/*Text and links*/
	p {
		font-family:Arial, Helvetica, sans-serif;
		font-size: .9em;
		color:#000;
		text-align:inherit;
		}
		
	a	{color: #000066;}
	
	a:link {text-decoration:none;}
	
	a:visted {text-decoration:none;}
	
	a:hover  {text-decoration:underline; color: #006699;}
	
	
	h1	{
		text-align:left;
		margin: 0 auto;
		}
			
	.textbg {
		width:100%;
		background-image:url(../images/trans-bg.png);
		}
		
	.flv-holder {
		text-align:center;
		padding:0;
		margin:5px 205px 0px 205px;
		}

	#pix-holder {
		width: 245px;
		height: 400px;
		margin: 5px 5px 5px 0px;
		float:left;
		}

/*scroll pane*/		
			.holder {
				float: none;
			}
			.scroll-pane {
				font-family:Arial, Helvetica, sans-serif;
				width: 200px;
				overflow: auto;
				float: left;
			}

			#pane2 {
				height: 300px;
				width: 350px;
			}
			
			#biopane {
				height: 300px;
				width: 600px;
				font-family:Arial, Helvetica, sans-serif;
				font-size: .9em;
			}
			
			a.jScrollArrowUp {
				background: url(basic_arrow_up.gif) no-repeat 0 0;
			}
			a.jScrollArrowUp:hover {
				background-position: 0 -15px;
			}
			a.jScrollArrowDown {
				background: url(basic_arrow_down.gif) no-repeat 0 0;
			}
			a.jScrollArrowDown:hover {
				background-position: 0 -15px;
			}
			a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
				background-position: 0 -30px;
			}

			.orange-bar .jScrollPaneTrack {
				background: #f60;
			}
			.orange-bar .jScrollPaneDrag {
				background: #00f url(drag_grab.gif) no-repeat 50% 50%;
			}
			.orange-bar .scroll-pane {
				background: #69f;
			}