@charset "utf-8";
/* ------------------------------------------------------------------*/
html,body{margin:0;	padding:0; background:#2e1d15 url(../images/body-bg.jpg) top center repeat-x;}   

form, h1, h2, h3, h4, h5, h6, ul, li, ol, dl{margin:0;	padding:0;}

/*p{padding:5px 0; margin:5px 0;}	*/

hr {clear:both;	visibility:hidden;	}

.clearboth{clear:both; font-size:0px; line-height:0px; height:0px;}
.clearboth5{clear:both; font-size:0px; line-height:5px; height:10px;}
.clearboth10{clear:both; font-size:0px; line-height:10px; height:10px;}
.clearboth15{clear:both; font-size:0px; line-height:10px; height:15px;}
.clearboth20{clear:both; font-size:0px; line-height:10px; height:20px;}

/* *** Float containers fix *** */ 
.clearfix:after {content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden; }
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

img {border:0;}	
.img_middle{vertical-align:middle}

#page_bg{width:1043px; margin:0 auto;}

/*Header*/
#header{ width:989px; margin:0 auto;}
#header_top{width:1000px;height:53px;background:url(../images/header-top.jpg) top left repeat-x;}
#header_logo{width:1000px;height:95px;background:url(../images/header-logo.jpg) top left repeat-x;}

/*Intro*/
#flash_intro_bg{width:1043px;height:648px;background:url(../images/flash-intro-bg.png) top left repeat-x; }
#flash_intro{width:989px;height:648px;background:url(../images/flash-intro.jpg) top left repeat-x; margin:0 auto; }
#flash_intro h1{text-indent:-3999px; height:0; font-size:0;}

/*Menu*/
#main_menu{width:989px;height:103px;background:url(../images/menu-bg.jpg) bottom left repeat-x; margin:0 auto;}
#main_block{width:989px;height:102px; margin:0 auto;}

/*Footer*/
#footer{width:989px;height:40px;margin:0 auto;}
#footer p {margin:0; padding:10px 0; font:normal 10px "Tahoma"; color:#654b0e; text-align:center; text-transform:uppercase;}


/*History*/
#history_title{width:989px; height:70px; margin:0 auto; background:url(../images/title-history.jpg) top left no-repeat;}
#history_title h1{text-indent:-2999px; height:0px; font-size:0px;}
#history_bg{width:989px; height:407px; margin:0 auto;background:url(../images/content-bg.jpg) left bottom no-repeat;}
#history_block{width:840px; margin:0 auto;}
#history_picture{width:420px; height:310px; float:left; background:url(../images/history-bg.png) top left no-repeat;}
#history_detail{width:420px; height:310px; float:left; background:url(../images/title-history-02.jpg) top left no-repeat;}
#history_detail h2{text-indent:-2999px; height:50px; font-size:0px;}
.history_pdf{padding:10px 0 0 20px; text-align:left;}
.timeline-content {width:370px;height:200px;float:left; padding-right:15px; font:normal 12px/16px "tahoma";overflow: auto;}
#timeline-pager { margin-left: 7px; padding: 18px 17px 0 40px; height:73px;}
#timeline-pager a{color:#999;}
#timeline-pager .timeline-active, .bx-pager a:hover {color: #DE312A;text-decoration: none;}
.pager-link{margin-right:32px;}
.slideshow{width:360px; height:272px; margin:10px;overflow:hidden;}

/*Virtual Panorama*/
#virtual_title{width:989px; height:70px; margin:0 auto; background:url(../images/title-virtual-panorama.jpg) top left no-repeat;}
#virtual_title h1{text-indent:-2999px; height:0px; font-size:0px;}
#virtual_bg{width:989px; height:407px; margin:0 auto;background:url(../images/gallery-bg.jpg) left bottom no-repeat;}
.virtual_content{width:770px; margin:0 auto; padding-top:8px;}
.virtual_menu{width:100%; font:12px/30px "tahoma"; color:#b9b9b9; padding-bottom:8px;}
.virtual_menu a:link,.virtual_menu a:visited,.virtual_menu a:active{
font: font:12px/30px "tahoma"; text-decoration: none; color:#5d4100}
.virtual_menu a:hover{
color: #5d4100; text-decoration:underline}
.virtual_menu span{color:#ce0000;}


/*Presentation*/
#presentation_bg{width:989px; height:477px; margin:0 auto;background:url(../images/presentation-bg.jpg) left top no-repeat; padding:0;}

/*Gallery*/
#gallery_title{width:989px; height:70px; margin:0 auto; background:url(../images/title-gallery.jpg) top left no-repeat;}
#gallery_title h1{text-indent:-2999px; height:0px; font-size:0px;}
#gallery_bg{width:989px; height:407px; margin:0 auto;background:url(../images/gallery-bg.jpg) left bottom no-repeat;}
.gallery_content{width:800px; padding-top:25px; margin:0 auto;}
.gallery_content .contentdiv{
display: none;}

.pagination_link{width:12%; float:left; text-align:right; padding-top:4px; font:normal 13px "MS Sans Serif"; color: #C00}
.pagination{
width: 800px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/ text-align: right; padding: 0 0 4px 0; float:left;}
* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 800px; /*IE5 width*/ w\idth:800px; /*IE6 width*/}

.pagination a{
color: #FFFFFD; text-decoration: none;  text-align:center;
padding:3px 8px 6px 8px; font:normal 12px "Tahoma"; background:url(../images/number-link.jpg) top no-repeat;}
.pagination a:hover{
color: #FFFFFD; text-decoration: none;   text-align:center;
padding:3px 8px 6px 8px; font:normal 12px "Tahoma"; background:url(../images/number-link.jpg) top no-repeat;}
.pagination a.selected{
color: #FFFFFD; text-decoration: none;   text-align:center;
padding:3px 8px 6px 8px; font:normal 12px "Tahoma"; background:url(../images/number-hover.jpg) top no-repeat;}

#gallery{width:100%;}
#gallery ul{width:100%; margin:0 auto; padding:0;}
#gallery li{width:25%; float:left; padding-bottom:10px; text-align:center; margin:0; list-style:none; background:url(../images/gallery-border.jpg) top center no-repeat;}
#gallery li img{ padding:3px;}