body{ margin: 0 0px;}
	
}
#container {
	margin:			0 auto;
	text-align:		left;
	width: 576px;
	height: auto;
	z-index: 0;
	font-color: #FFFFFF;
}

body {
	
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #ffffff; 
	scrollbar-shadow-color: #999999; 
	scrollbar-3dlight-color: #999999;
	scrollbar-arrow-color: #ffffff;
	scrollbar-track-color: #fcfcfc; 
	scrollbar-darkshadow-color: #ffffff;

 }




.text1 {

	position: absolute;
	width: 600px;
	left:260px;
	top: 180px;
	font-size: 10pt;
	font-weight:bold;
	line-height: 130%;
	font-color: #FFFFFF;
	font-family: arial;
	z-index: 5;

}

.text2 {


	position: absolute;
	width: 310px;
	left:780px;
	top: 320px;
	font-size: 10pt;
	font-weight:;
	line-height: 130%;
	font-color: #FFFFFF;
	font-family: arial;
	z-index: 5;

}

.text3 {


	position: absolute;
	width: 200px;
	left:600px;
	top: 500px;
	font-size: 8pt;
	font-weight:normal;
	line-height: 130%;
	font-color: #993366;
	font-family: arial;
	z-index: 5;

}

.text4 {


	position: absolute;
	width: 600px;
	left:550px;
	top: 180px;
	font-size: 10pt;
	font-weight:bold;
	line-height: 130%;
	font-color: #FFFFFF;
	font-family: arial;
	z-index: 5;

}

.text5 {


	position: absolute;
	width: 600px;
	height: 500px;
	left: 130px;
	top: 200px;
	font-size: 10pt;
	font-weight: ;
	line-height: 130%;
	color: #808080;
	font-family: Verdana;
	z-index: 4;

}

.text6 {


	position: absolute;
	width: 400px;
	left: 660px;
	top: 200px;
	font-size: 10pt;
	font-weight:normal;
	line-height: 130%;
	color: #808080;
	font-family: Verdana;
	z-index: 5;

}

.text7 {


	position: absolute;
	width: 400px;
	left: 640px;
	top: 130px;
	font-size: 8pt;
	font-weight:normal;
	line-height: 130%;
	color: #ffffff;
	font-family: Verdana;
	z-index: 5;

}

.text8 {


	position: absolute;
	width: 400px;
	left: 900px;
	top: 660px;
	font-size: 8pt;
	font-weight:normal;
	line-height: 130%;
	color: #000000;
	font-family: Verdana;
	z-index: 5;

}

.h1 {
	

	font-size: 22px;
	font-family: verdana;
	font-weight: bold;
	Color: #000000;
	position: absolute;
	z-index: 4;
	left: 25px;
	top: 15px
}

a:link {
	
	font-size: 10pt;
	font-weight: bold;
	line-height: 120%;
	color: #ffffff;
	font-family: Arial;
	text-decoration: none;
	z-index: 4;
	
}

a:visited {
	
	font-size: 10pt;
	font-weight: bold;
	line-height: 120%;
	color: #ffffff;
	font-family: Arial;
	text-decoration: none;
	z-index: 4;
}

a:hover {
	
	font-size: 10pt;
	font-weight: bold;
	line-height: 120%;
	color: #ffffff;
	font-family: Arial;
	z-index: 4;
}

a:active {
	
	font-size: 10pt;
	font-weight: bold;
	line-height: 120%;
	color: #ffffff;
	font-family: Arial;
	text-decoration: none;
	z-index: 4;
}

.pl5 {
	padding-left: 5px;
}


/* images */

.image {
	position: absolute;
	width: 268px;
	height: 500px;
	z-index: 2;
	left:0px;
	top: 160px;

}


.image1 {
	position: absolute;
	width: 982px;
	height: 500px;
	z-index: 2;
	left:268px;
	top: 160px;
}

.image2 {
	position: absolute;
	width: 500px;
	height: 107px;
	left:460px;
	top: 20px;
}

.image3 {
	position: absolute;
	width: 380px;
	height: 61px;
	z-index: 2;
	left:520px;
	top: 670px;
}

.image4 {
	position: absolute;
	width: 25px;
	height: 27px;
	z-index: 2;
	top:520px;
	left:250px;
}

.image5 {
	position: absolute;
	width: 25px;
	height: 27px;
	z-index: 2;
	top:520px;
	left:900px;
}
.image6 {
	position: absolute;
	width: 317px;
	height: 457px;
	z-index: 2;
	top:160px;
	left:580px;
}

.view {
	position: absolute;
	width: 310px;
	height: 155px;
	z-index: 2;
	left:260px;
	top: 230px;
}

.image8 {
	position: absolute;
	width: 1022px;
	height: 200px;
	z-index: 2;
	left:170px;
	top: 780px;
}

.image9 {
	position: absolute;
	width: 418px;
	height: 500px;
	z-index: 3;
	left:200px;
	top: 210px;
}
.navi {
	position: absolute;
	width: 86px;
	height: 24px;
	z-index: 3;
	left:20px;
	top: 620px;
}
.navi1 {
	position: absolute;
	width: 113px;
	height: 24px;
	z-index: 3;
	left:130px;
	top: 620px;
}
.navi2 {
	position: absolute;
	width: 61px;
	height: 24px;
	z-index: 3;
	left:270px;
	top: 620px;
}
.navi3 {
	position: absolute;
	width: 74px;
	height: 24px;
	z-index: 3;
	left:360px;
	top: 620px;
}
.navi4 {
	position: absolute;
	width: 57px;
	height: 24px;
	z-index: 3;
	left:460px;
	top: 620px;
}
.navi5 {
	position: absolute;
	width: 84px;
	height: 24px;
	z-index: 3;
	left:540px;
	top: 620px;
}

.navi6 {
	position: absolute;
	width: 84px;
	height: 24px;
	z-index: 3;
	left:655px;
	top: 619px;
}
.navi7 {
	position: absolute;
	width: 74px;
	height: 38px;
	z-index: 3;
	left:700px;
	top: 620px;
}

.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 775px;
	height:75px;
	top: 500px;
	left:190px;
}

/*
	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;
}

/*
	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;
}

.butprev{
	position:absolute;
	top: 524px;
	left:141px; 
}
.butnext{
	position:absolute;
	top: 524px;
	left:988px; 
}