@charset "utf-8";
/* CSS Document */

* {
    margin: 0;
    padding: 0;
}

html, body, #bg, #bg table, #bg td, #cont {
    height:100%;
    width:100%;
    overflow:hidden;
}

#loader{
position: fixed;
margin-left: -2000px;
}

#bg table{
	
}

#bg #conty {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}



@font-face {
	font-family: 'Colaborate-ThinRegular';
	src: url('fonts/ColabThi-webfont.eot');
	src: local('‚ò∫'), url('fonts/ColabThi-webfont.woff') format('woff'), url('fonts/ColabThi-webfont.ttf') format('truetype'), url('fonts/ColabThi-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

body{
	font-size: 14px;
	font-family: 'Colaborate-ThinRegular', Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: left;
	background: #000;
	
}

.clear{
	clear:both;
}

h3{
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
	font-style: normal;
}

a:link, a:visited, a:hover{
	text-decoration: none;
	color: #fff;
}

#logo{
	position: fixed;
	top: 40px;
	left: 40px;
	width: 150px;
	height: 71px;
	z-index: 100;
}


#nav{
	position: fixed;
	z-index: 110;
	bottom: 0px;
	left: 50%;
	margin-left:-400px;
	margin-bottom: -145px;
	height: 180px;
	background: url('../images/nav_bg.png') repeat-y;
	width: 800px;
	font-family: 'Colaborate-ThinRegular';
}

.nav-header{
	height: 25px;
	padding: 10px 0px 0px 10px;
	cursor:pointer;
	border-bottom: 1px solid #a09389;
	font-size: 18px;
	background: url('../images/slide_up.png') right center no-repeat;
	text-shadow: 1px 1px 1px #000;
}

.nav-open{
	background: url('../images/slide_down.png') right center no-repeat;
}

#nav-content{
	
}

#nav-menu{
	width: 397px;
	float: left;
	padding: 8px 5px;
	letter-spacing: 1px;
}

#nav-menu ul li{
	width: 110px;
	display: inline-block;
}

#nav-menu ul .mid-nav{
	width: 145px;
}

#nav-menu ul .mid-nav a{
	width: 145px;
}

#nav-menu ul li a{
	width: 90px;
	display: inline-block;
	padding: 10px;
}

#nav-menu ul li:hover{
	background: #655750;
	-moz-opacity:.90; filter:alpha(opacity=90); opacity:.90;
}

#nav-image-wrap{
	float: left;
	width: 340px;
	overflow: hidden;
	background: #4e3f37;
}

#nav-images{
	position: relative;
	width: 1500px;
	left: 0px;
	
}

#prev-btn{
	background: url('../images/navleft.png') no-repeat;
	width: 26px;
	height: 117px;
	float: left;
	cursor: pointer;
	margin-right: 5px;
	display: none;
	position: absolute;
	z-index: 3;
	left: 407px;
}

#prev-btn-o{
	background: url('../images/navleft_o.png') no-repeat;
	width: 26px;
	height: 117px;
	float: left;
	border-top: 0px;
	border-bottom: 0px;
}

#next-btn{
	background: url('../images/navright.png') no-repeat;
	width: 26px;
	height: 117px;
	float: left;
	cursor: pointer;
	position: absolute;
	z-index: 3;
	left: 773px;
}

#next-btn-o{
	background: url('../images/navright_o.png') no-repeat;
	width: 26px;
	height: 117px;
	float: left;
	border-top: 0px;
	border-bottom: 0px;
}

#a-prev-btn{
	background: url('../images/navleft.png') no-repeat;
	width: 26px;
	height: 117px;
	float: left;
	cursor: pointer;
	margin-right: 5px;
	display: none;
	position: absolute;
	z-index: 3;
	left: 407px;
}

#a-next-btn{
	background: url('../images/navright.png') no-repeat;
	width: 26px;
	height: 117px;
	float: left;
	cursor: pointer;
	position: absolute;
	z-index: 3;
	left: 773px;
}

#nav-footer{
	font-size: 9px;
	height: 10px;
	padding: 6px;
	border-top: 1px solid #a09389;
	text-align: center;	
	color: #b4a59a;
	font-family: Arial, Helvetica, sans-serif;
}

#nav-footer a:link,#nav-footer a:visited{
	text-decoration: none;
	color: #c7b8af;
}

#nav-footer a:hover{
	text-decoration: none;
	color: #d5c5bb;
}

#cont{
 width: 100%;
 height: 100%;
 overflow: hidden;

}



#wrap{
	position: fixed;
	z-index: 105;
	top: 35px;
	right: 40px;
	min-height: 400px;
	width: 600px;
	
}

.content-container{
	overflow: hidden;
}

.content-wrap{
	background: #FFF;
	width: 460px;
	position: relative;
	right: -571px;
	margin-bottom: 10px;
	background: url('../images/nav_bg.png') repeat-y;

}

#conta-wrap{
	background: #FFF;
	width: 460px;
	position: relative;
	right: -621px;
	margin-bottom: 10px;
	background: url('../images/nav_bg.png') repeat-y;

}

.content-btn{
	width: 29px;
	float: left;
	cursor: pointer;
	background: url('../images/slide_left.png') center top no-repeat;
	height: 100%;
	border-right: 1px solid #a09389;
}

#cont-btn{
	width: 29px;
	float: left;
	cursor: pointer;
	background: url('../images/slide_left.png') center top no-repeat;
	
	
}

#conform{
	border-left: 1px solid #a09389;
}

.first-btn{
	width: 29px;
	float: left;
	cursor: pointer;
	background: url('../images/slide_left.png') center top no-repeat;
}

.open{
	background: url('../images/slide_right.png') center top no-repeat;
}

#conta-wrap .open{
	background: url('../images/slide_right.png') center top no-repeat;
}

.content{
	float: left;
	padding: 10px;
	width: 400px;
	max-width: 400px;
	line-height: 19px;
	height: 100%;
}

.content-title{
	position: absolute;
	z-index: 10;
	right: -5px;
	margin-top: 5px;
	display:block;
	width: 5px;
	font-size: 12px;
	text-shadow: 1px 1px 1px #3c220f;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:1px;
}

.brown{
	color: #422E17;
}

.pos-margin { margin-left: 100px; }

.tipsy { padding: 5px; font-size: 10px; background-repeat: no-repeat;  background-image: url(../images/tipsy.gif); margin-bottom: 5px;  }
  .tipsy-inner { padding: 10px 8px 10px 8px; background-color: #000; color: white; text-align: center; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }
  
 #thumbnav a{
	 border: 5px solid #4e3f37;
	 display: inline-block;
 }
 
  #thumbnav .activeSlide{
	  margin: 0px;
	 border: 5px solid #dcd3c0;
 }
 
 #filler{
	 float:left;
	 width: 26px;
	 height: 116px;
 }
 
 
.minizoompan 
{
background: #fff;
position: relative; /* always set to relative or offset() won't work */
border: 1px solid #000;
padding: 0;
margin: 0;
cursor: crosshair;
}

.minizoompan span.loader { /* the loader label*/
position:absolute;
left:0;
top:0;
z-index: 1;
display: none;
color: #000;
background: #fff;
font: normal 9px Arial, Verdana;
padding: 3px;
}

#map{
position: absolute;
z-index: 200;
width: 419px;
height: 444px;
top: 50%;
left: 50%;
margin-left: -209px;
margin-top: -222px;
display: none;
}

#video-wrap{
position: absolute;
z-index: 200;
width: 697px;
height: 365px;
top: 50%;
left: 50%;
margin-left: -350px;
margin-top: -184px;
display: none;
background: url('../images/preload.gif') no-repeat center center #000;
}


#privacy-wrap{
position: absolute;
z-index: 200;
width: 410px;
height: 360px;
top: 50%;
left: 50%;
margin-left: -205px;
margin-top: -205px;
display: none;
padding: 25px;
background: #dcd3c0;
color: #321608;
}

#map-overlay{
	background: url('../images/trans.png');
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 195;
	display: none;
}

.close-btn{
	width: 30px;
	height: 30px;
	background: url('../images/close_btn.jpg') no-repeat;
	cursor: pointer;
	position: absolute;
	z-index:  301;
	top:-15px;
	right: -15px;
}

.close-btn:hover{
	background: url('../images/close_btn_o.jpg') no-repeat;
}

#loc-text{
	float:left;
	width: 280px;
}
	
#map-thumb{
	float:left;
	margin-left: 10px;
	cursor: pointer;
	border: 1px solid #321608;
	padding: 5px;
	background: #dcd3c0;
}

#clickme{
	color: #dcd3c0;
	background: #321608;
	padding: 5px 10px;
	position: absolute;
	margin-left: 15px;
	margin-top: 32px;
	font-size: 14px;
}

#clickme:hover{
	background: #493227;
}

#thanks{
	display: none;
	width: 350px;
	height: 70px;
}

input[type=text], textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
 	background: #96918c;
	color: #fff;
 	padding: 6px;
 	width: 300px;
	border: 0px;
	border: 1px solid #a49e99;
}

#conform p{
	margin-bottom: 10px;
}

#error{
border-top: 1px dotted #a49e99;	
border-bottom: 1px dotted #a49e99;
padding: 5px;
margin-bottom: 10px;
display: none;
}

#submit, #reset{
	background: #a49e99;
	color: #fff;
 	padding: 8px 4px;
	border: 0px;
	font-family: 'Colaborate-ThinRegular', Arial, Helvetica, sans-serif;
	margin: 10px 0px 10px 0px;
	font-size: 14px;
	width: 80px;
	cursor: pointer;
}

#submit:hover{
	background: #91887f;
}

#loc-col1{
	width: 190px;
	float:left;
	margin-right: 5px;
	padding-right: 5px;
	border-right: 1px dotted #a49e99;
}

#loc-col2{
	width: 195px;
	float:left;
	padding-left: 2px;
}

#dloc-col1{
	width: 200px;
	float:left;
	margin-right: 5px;
	padding-right: 5px;
	border-right: 1px dotted #a49e99;
}

#dloc-col2{
	width: 185px;
	float:left;
	padding-left: 2px;
}

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

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #dcd3c0;
	-moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;
}
.jScrollPaneDrag {
	position: absolute;
	background: url('../images/drag.gif') no-repeat center center #4b3930;
	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;*/
}

.scroll-pane{
	height: 80px;
	width: 410px;
}

.scroll-pane-arch{
	height: 175px;
	width: 410px;
}

ol li{
	padding-left: 5px;
	margin-left: 15px;
}

ol{
	margin-top: 10px;
}

#slide-controls{
	float: right;
	z-index: 340;
	width: 60px;
	height: 30px;
	/*background: url('../images/nav_bg.png') repeat-y;*/
	text-align: center;
	position: relative;
	margin-right: 352px;
	margin-top: -7px;
	cursor: pointer;
	-moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;
}

#slide-controls:hover{
	-moz-opacity:1; filter:alpha(opacity=100); opacity:1;
}

#control{
	margin: 4px auto;
	width: 17px;
	height: 20px;
}

.paused{
	background: url('../images/controls.png');
	background-position: -33px 0px;
}
.resumed{
	background: url('../images/controls.png');
	background-position: 0px 0px;	
}

#privacy-link{
	cursor: pointer;	
}

#fp{
	margin-top: 8px;	
}

#w-video{
	cursor: pointer;	
}

#privacy h3{
	font-weight: bold;
}