body{
margin:0px;
padding:0px;
background:url(../images/bg.jpg) repeat-x #121212;
color:#9a9a9a;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:24px;
}

.clearer{
clear:both;
}

#container{
width:932px;
height:470px;
background:#000000;
padding:9px 9px 9px 9px;
margin:0 auto;
margin-top:60px;
position:relative;
}

.footer{
position:absolute;
bottom:-33px;
right:10px;
font-size:10px;
color:#454545;
}

.footer a{
	color:#454545;
	text-decoration:none;
}

.footer a:hover{
	color:#666;
}

#left{
position:absolute;
top:9px;
left:9px;
}

#scrollBar{
width:30px;
height:363px;
position:absolute;
right:10px;
top:93px;
display:none;
background:url(../images/scrollBar.jpg) no-repeat;
}

#scrollUp, #scrollDown{
width:30px;
height:30px;
display:block;
font-size:0px;
text-indent:-100000px;
overflow:hidden;
}

a#scrollUp:focus, a#scrollDown:focus{
outline:none;
-ie6-outline:none;
}

#scrollUp{
margin-bottom:303px;
}

#content{
height:470px;
background:url(../images/bg_left.jpg) repeat-x #1a1a1a;
width:0px;
float:left;
display:inline;
border-right:8px solid #000000;
position:relative;
}

#nav{
position:absolute;
right:-145px;
top:9px;
z-index:5;
display:none;
}

#nav a:focus{
outline:none;
-ie6-outline:none;
}

#nav ul{
list-style-type:none;
margin:0px;
padding:0px;
width:130px;
}

#nav ul li{
margin:0px;
padding:0px;
}

#nav ul li a{
color:#fff;
text-decoration:none;
border-bottom:1px dotted #6a6967;
display:block;
padding:8px 0px 8px 15px;
}

#nav ul li a:hover{
background:#111;
color:#dfbc46;
}

#nav ul li ul li a{
color:#bbb !important;
text-decoration:none;
border-bottom:1px dotted #6a6967;
display:block;
padding:2px 0px 2px 23px;
}

#logo{
float:left;
display:inline;
width:340px;
height:71px;
background:url(../images/logo.jpg) no-repeat;
margin-bottom:40px
}

#mainArea{
/*width:410px;*/
width:410px;
float:left;
display:inline;
padding:0px 32px 0px 29px;
display:none;
overflow:auto;
height:336px;
}

#mainArea h1{
padding:0px;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
color:#fff;
margin-bottom:10px;
}

#mainArea h2{
padding:0px;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#888;
padding-bottom:2px;
margin-bottom:3px;
border-bottom:1px dotted #444;
}

#mainArea a{
color:#8a8a8a;
text-decoration:none;
}

#mainArea a:hover{
text-decoration:underline;
}

#mainArea p{
margin-top:0px;
padding-top:0px;
}

#mainArea p img{
float:left;
display:inline;
}

#mainArea p a img{
border:3px solid #333;	
margin-right:5px;
}

#mainArea p a:hover img{
border:3px solid #fff;	
margin-right:5px;
}

#faded{
float:left;
display:inline;
height:470px;
width:0px;
background:#000000;
opacity:0.5;
filter:alpha(opacity=50);
z-index:3;
}

#mainImage{
float:right;
display:none;
}




/******slider/scrollpane*********
********************************/
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	outline:none;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}
/**********/
a.jScrollArrowUp {
	background: url(../images/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(../images/basic_arrow_down.gif) repeat-x 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(../images/drag_grab.gif) no-repeat 50% 50%;
}
.orange-bar .scroll-pane {
	background: #69f;
}

.grey-bar .jScrollPaneTrack {
	background: #1a1a1a;
}
.grey-bar .jScrollPaneDrag {
	background: #474747 url(../images/drag_grab.gif) no-repeat 50% 50%;
}
.grey-bar .scroll-pane {
	background: #1a1a1a;
}
			
.holder {
	float: left;
}

.scroll-pane {
	width: 200px;
	height: 200px;
	overflow: auto;
	background: #ccc;
	float: left;
}
/******end slider/scrollpane*****
********************************/