/* CSS Document */

body { overflow: hidden;
background:url(images/bkgrnd.jpg) center center no-repeat;
margin:0;
padding:0;
height:100%;
background-color:#000;
	font-family:tahoma;
	font-size: 14px;
	font-weight:600;
 }
 
html { height:100%; }

#navBar {
position: absolute;
top: 50%;
left: 50%;
height: 22px;
margin-top: -161px;
width: 585px;
margin-left: -290px;

} 

#nav { 
	position: relative;
	list-style:none;
	margin: 0px;
	padding: 0px;
	clear:both;
	float:right;
	line-height:0px;
height:20px;
width: 585px; }

#nav li { float:left;
z-index: }

#nav li a{
	height: 22px;
	display:block;
	float:left;
	text-decoration:none;
	text-indent: -900em;
}

#content {
position: absolute;
top: 50%;
left: 50%;
margin-top: -118px;
margin-left: -225px;
text-align:center;
overflow-y:auto;
overflow-x:hidden;
width: 450px;
} 
#nav #nav-home a{
	width: 113px;
	background: url(images/SHOWbutton.png) no-repeat left top;
	padding-right: 2px;
}

#nav #nav-home a:hover{
	background: url(images/SHOWbutton.png) no-repeat left bottom;
}

#nav #nav-show a{
	width: 113px;
	background: url(images/REELbutton.png) no-repeat left top;
	padding-right: 2px;
}

#nav #nav-show a:hover{
	background: url(images/REELbutton.png) no-repeat left bottom;
}

#nav #nav-gallery a{
	width: 113px;
	background: url(images/GALLERYbutton.png) no-repeat left top;
	padding-right: 2px;
}

#nav #nav-gallery a:hover{
	background: url(images/GALLERYbutton.png) no-repeat left bottom;
}

#nav #nav-biog a{
	width: 113px;
	background: url(images/BIOGbutton.png) no-repeat left top;
	padding-right: 2px;
}

#nav #nav-biog a:hover{
	background: url(images/BIOGbutton.png) no-repeat left bottom;
}

#nav #nav-contact a{
	width: 113px;
	background: url(images/CONTACTbutton.png) no-repeat left top;
	padding-right: 2px;
}

#nav #nav-contact a:hover{
	background: url(images/CONTACTbutton.png) no-repeat left bottom;
}

#content p { margin-top:0px; }

			.osX .jScrollPaneTrack {
				background: url(images/track.gif) repeat-y;
			}
			.osX .jScrollPaneDrag {
				background: url(images/drag_middle.gif) repeat-y;
			}
			.osX .jScrollPaneDragTop {
				background: url(images/drag_top.gif) no-repeat;
				height: 6px;
			}
			.osX .jScrollPaneDragBottom {
				background: url(images/drag_bottom.gif) no-repeat;
				height: 6px;
			}
			.osX a.jScrollArrowUp {
				height: 24px;
				background: url(images/arrow_up.png) no-repeat 0 -30px;
			}
			.osX a.jScrollArrowUp:hover {
				background-position: 0 0;
			}
			.osX a.jScrollArrowDown {
				height: 24px;
				background: url(images/arrow_down.png) no-repeat 0 -30px;
			}
			.osX a.jScrollArrowDown:hover {
				background-position: 0 0;
			}
			
			/* IE SPECIFIC HACKED STYLES */
			* html .osX .jScrollPaneDragBottom {
				bottom: -1px;
			}
			/* /IE SPECIFIC HACKED STYLES */
			.holder {
				float: left;
				margin: 10px;
			}
			.scroll-pane {
				overflow: auto;
				float: left;
				height: 280px;
width: 435px;
padding:0px 5px 0px 10px;
			}
td { line-height:90%;
}