body {
	margin:0;
	padding:0;
	width: 6600px;
	color:#EEE; 
	font: 66%/132% Tahoma, Sans-Serif; 
	background: #000;
	overflow-y: hidden;
	overflow-x: hidden;
	line-height: 1.4em;
	vertical-align:middle;
}

h2 {font-size: 1.1em}
h3 {font-size: 1.4em}
h4 {font-size: 1.4em; color:#ef754c; margin-bottom:-2px;}

hr, .hide {
	position:absolute; 
	top:0;
    left:-9000px;
}

p{
 line-height:1.3;
}

a{
	color: #22b1e1;
	text-decoration:none;
}

a:hover {
	/*border-bottom:1px solid #22b1e1;*/
	color: #ef754c;
}

#header #backhome {width: 56px; height: 50px; background: url(../img/top_home.png) no-repeat; }

#header #backhome:hover {background: url(../img/top_home_hover.png)}

#page {
	margin:auto;
}

#leftsider {
	padding: 70px 0 0 0px;
	float: left;
	width:500px; 
}

#leftsider h1 {font-size: 2.0em;}

#menu {
	position: absolute;
	top: 185px; 
	left: 0;
	padding-left:40px;
	height: 200px;
	width: 200px;
	line-height:20px;
	font-size:20px;
}

#menu li {
	list-style: none;
}

#menu a{
	text-decoration: none;
	color: #22b1e1;
	list-style: none;
}

#menu a:hover{
	/*border-bottom: 1px solid #22b1e1;*/
}

#menu #home {width: 180px; height: 20px; background: url(../img/btn_home.png) no-repeat; }
#menu #home:hover {background: url(../img/btn_home_hover.png)}
#menu #trailer {width: 180px; height: 20px; background: url(../img/btn_trailer.png) no-repeat; }
#menu #trailer:hover {background: url(../img/btn_trailer_hover.png)}
#menu #introduction {width: 180px; height: 20px; background: url(../img/btn_intro.png) no-repeat; }
#menu #introduction:hover {background: url(../img/btn_intro_hover.png)}
#menu #exhibition {width: 180px; height: 20px; background: url(../img/btn_exhibition.png) no-repeat; }
#menu #exhibition:hover {background: url(../img/btn_exhibition_hover.png)}
#menu #seminar {width: 180px; height: 20px; background: url(../img/btn_seminar_hover.png) no-repeat; }
#menu #seminar:hover {background: url(../img/btn_seminar.png)}
#menu #tour {width: 180px; height: 20px; background: url(../img/btn_tour.png) no-repeat; }
#menu #tour:hover {background: url(../img/btn_tour_hover.png)}
#menu #press {width: 180px; height: 20px; background: url(../img/btn_press.png) no-repeat; }
#menu #press:hover {background: url(../img/btn_press_hover.png)}
#menu #about {width: 180px; height: 20px; background: url(../img/btn_about.png) no-repeat; }
#menu #about:hover {background: url(../img/btn_about_hover.png)}
#menu #contact {width: 180px; height: 20px; background: url(../img/btn_contact.png) no-repeat; }
#menu #contact:hover {background: url(../img/btn_contact_hover.png)}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #000;
}
.jScrollPaneDrag {
	position: absolute;
	background: #ef754c;
	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;*/
}

.holder {
	float: left;
	margin: 0;
}

.scroll-pane {
	width: 100%;
	height: 350px;
	overflow: auto;
	float: left;
}

#content {
	margin: 55px 0 0 20px; 
	float: left;
	font-size: 1.1em; 
}

#content h4 {font-size: 1.2em;}

.par {
	margin: 15px 50px 0 0px; 
	padding-left: 40px; 
	padding-right:150px;
	float: left; 
	width: 550px;	
	height: 360px;
	overflow-y: hidden;
	overflow-x: hidden;
}

.alt {/* modify this to add style to alternate sections*/}

#note { 
	margin-top:10px;
}

p.secbot a{
	margin-top: -5px;
	padding-left: 15px;
	border-bottom:none;
	color: #22b1e1;
	background: url(../img/leftsmall.png) no-repeat scroll left center;
	text-decoration:none;
	font-size:0.9em;
}

p.secbot a:hover {
	color: #ef754c;
}

#arrows {
	position: fixed;
	top: 20px;
	right: 30px; 
	width: 90px;
	height: 30px;
	cursor: pointer;
	visibility:hidden;
}

#arrows ul {	
	margin: 0;
	padding: 0;
	list-style:none;
}

#arrows ul li {
	margin: 0;
	padding: 0;
	display:inline;
	width: 40px;
	height: 30px;
}

#arrows ul li a{
	margin-right: 5px;
	float: left;
	display: block;
	width: 40px;
	height: 30px;
	overflow: hidden;
	cursor: pointer;
	font-size: 50em;
	text-indent: -9000px;
}

#arrows ul #left a {background: transparent url(../img/leftbig.png) no-repeat;}
#arrows ul #right a{background: transparent  url(../img/rightbig.png) no-repeat;}


#rightsider {
	margin: 0; 
	padding: 0 10px 0px 0;
	float: left;
}	

#rightsider a{
	color: #22b1e1;
	text-decoration: none;
}

#footer {
	background: url(../img/mario_bg.png) repeat-x left bottom;
	position:absolute;
	bottom:0;
	left:0;
	width:6600px;
	height:800px;
	z-index:-10;
}