#main_scroll				{ height: 505px; position: relative; overflow: hidden; width: 670px }
/* root element for pages */
#pages 						{ height: 20000em; position: absolute; }	
/* single page */
.page 						{ background-color: transparent; height: 475px; padding: 10px 0; width: 680px; }
/* root element for horizontal scrollables */
.scrollable 				{ height: 465px; position: relative; overflow: hidden; width: 670px; }
/* root element for scrollable items */
.scrollable .items 			{ clear: both; position: absolute; width: 20000em; }
/* single scrollable item */
.item 						{ cursor: pointer; float: left; height: 475px; padding: 0; width: 670px; }
/* main navigator */
#main_navi 					{ background-color: transparent; float: right; margin: 0px !important; padding: 0px !important; width: 260px }
#main_navi ul				{ margin-top: 5px }
#main_navi li 				{ filter: alpha(opacity=40); opacity: 0.4; background-color: transparent; clear: both; font: 11px/15px Georgia, "Times New Roman", Times, serif; height: 75px; list-style-type: none; margin: 0 0 -2px 0; padding: 8px 0 0 18px; width: 240px; cursor: pointer; }
#main_navi li h6			{ font-weight: bold }
#main_navi li:hover 		{ filter: alpha(opacity=100); opacity: 1.0; background: url("/images/pic/navi_on.png") left center no-repeat; border: 0; color: #5c5c51; } 
#main_navi li.active 		{ filter: alpha(opacity=100); opacity: 1.0; background: url("/images/pic/navi_on.png") left center no-repeat; border: 0; color: #5c5c51; }
#main_navi li.active .case_studies_thumb		{ border: 3px solid #b9b9a0;  }
#main_navi img 				{ float: left; margin-right: 10px; }
#main_navi strong 			{ display: block; }
#main div.navi 				{ cursor: pointer; }

.case_studies_main			{ width: 930px }
.case_studies_rnav			{ float: right; margin-top: 10px; width: 240px }
.case_studies_txt h1		{ color: #f13712; font: bold 14px/16px Arial, Helvetica, sans-serif; letter-spacing: 0; margin: 5px 0 -5px 0; }
.case_studies_txt  			{ background: url("/images/pic/navi_dot.gif") no-repeat;color: #5c5c51; font: italic 11px/18px Georgia, "Times New Roman", Times, serif; margin: 7px 0 0 0; padding: 0 0 0 14px; width: 450px }
.case_studies_txt_wrap		{ float: right; width: 155px }
.case_studies_image			{ border: 5px solid #b9b9a0; height: 400px; overflow: hidden }
.case_studies_thumb			{ border: 3px solid #dedec7; float: left; height: 60px; margin: 2px 0 0 0; width: 70px; overflow: hidden }
.case_studies_thumb	

.main_navi_title			{ margin: 9px 0 0 17px; height: 20px }
.navi_title					{ float: left; width: 280px }
.navi_bar					{ margin-bottom: 5px; }