#main {	 float:right;position:relative;	overflow:hidden;	height: 450px;	width:530px; }

#pages { position:absolute; 	height:20000em; }

.page { padding:10px; height: 450px;	background:#222 url(images/pro_bg_h600.png) 0 0 repeat-x;	width:520px;}

.scrollable {	position:relative;	overflow:hidden;	width: 510px;	height: 450px; clear:both;}

.scrollable .items {	width:20000em;	position:absolute;	clear:both;}

.item {	float:left;	cursor:pointer;	width:500px;	height:450px;	padding:10px;}
.item .scroll_pic_info{ color:#bbb; margin-top:5px;text-indent:2em;}
.item .scroll_pic_info a{color:#bbb;text-decoration:underline;}
.item .scroll_pic_info a:hover{color:#000;}

#main_navi {	float:left;	width:430px;	height:640px;	padding:0px !important;	margin:0px !important;}

#main_navi li 
{
 float:left;background-color:#333;	border-top:1px solid #666;	border-right:1px solid #666;color:#fff;height:75px;
 list-style-type:none;	padding:10px;	width:190px;cursor:pointer;
}

#main_navi li:hover {	background-color:#444;}

#main_navi li.active {	background-color:#555;}

#main_navi img {	float:left;	margin-right:10px;}

#main_navi strong {	display:block;font-size:14px;}

#main div.navi {	margin-left:250px;	cursor:pointer;}


/*------------------------*/

div.navi a {	width:8px;	height:8px;	float:left;	margin:3px;	background:url(images/pro_dot_nav.png) 0 0 no-repeat;	display:block;	font-size:1px;}

div.navi a:hover {	background-position:0 -8px;      }

div.navi a.active {	background-position:0 -16px;     }