﻿html,body{
	background:#000;
	padding:0;
	margin:0;
	overflow-x:hidden;
}

ul,li{margin:0;padding:0;}

a{text-decoration:none;outline:none;}

img{border:0;}

.clear{clear:both;}

img{
	behavior: url("../iepngfix.htc");}

/* CONTAINER */

.container{
	font-size:.9em;
	/*font-family:Trebuchet MS, Arial, sans-serif;*/
	font-family:  "Times New Roman", Times, serif;
	color:#000;
	margin:0 0 0 -500px;	
	width:950px;
	position: absolute;
	z-index:2;
	left:50%;	
	padding:0px
	}

.mac.safari .container, .mac.gecko .container {
	/*font-family:Helvetica, Arial, sans-serif;*/
	font-family:  "Times New Roman", Times, serif;}

.content{
	line-height:1.2em;
	position: absolute;
    z-index:3;
	width:100%;
	font-size:.9em;
	overflow:hidden;
	background:#e7e7e7;
	padding:30px 25px 25px 25px;	
	filter:alpha(opacity=90);   
	-moz-opacity: 0.9;   
	opacity: 0.9;
	margin:70px 0 0 0;
	height:380px;
	border-bottom:5px solid #cdcdcd;}
	
.mac.safari .content, .mac.gecko .content {
    filter:alpha(opacity=85);   
	-moz-opacity: 0.85;   
	opacity: 0.85;
	letter-spacing:.05em;;}	
	
.upper_content{
	position: absolute;
    z-index:4;	
	width:294px;	
	padding:30px 25px 25px 25px;	
	margin:70px 0 0 660px;
	height:380px;	
	}

.upper_content_loc{
	position: absolute;
    z-index:4;	
	width:470px;	
	padding:30px 0 25px 0;	
	margin:60px 0 0 510px;
	height:380px;	
	}

.content a{
	color:#000;
	border-bottom:1px solid #000;
	}

.content a:hover{
	border-bottom:none;}

/*.content, .content span{
display:none;}*/

.hide{
	display:none;}

.content h2{
	width:400px;
	margin:0 0 38px 0;
	font-weight:normal;
	line-height:1.4em;
	letter-spacing:1px;
	font-family: Georgia, "Times New Roman", Times, serif;}


/* HOME */

.home_info{
	color:#FFF; 
	position:fixed; 
	bottom: 70px; 
	margin:0 0 0 710px;  
	background:#000; 
	/*height:400px;*/ 
	width: 290px; 
	overflow:auto;
	line-height:1.2em;
	padding:2px; 
    z-index:3;	
	}

.home_text{
	font-size:.9em;
	color:#FFF;
	padding-top:6px;}


.press, .press-alt{
	letter-spacing:.1em;
	line-height:1.2em;
	font-size:.9em;
	bottom:50px;
	position:relative;
	color:#FFF;
	width:510px;}

.press p{
	padding-bottom:1px;}

.press a{
	color:#FFF;
	border-bottom:1px solid #fff;}
	
.press a:hover{
	border-bottom:none;}	

.press-alt a{
	color:#FFF;}

/* LOCATION */

.location_info{
	width:460px;}
	
.map{
	padding:10px 18px 17px 12px;
	border:1px solid #888;
	
	}



/* ROOMS */

.room_left{
	float:left;
	display:inline;	
	width:620px;
	padding:0 10px 0 0 ;
	overflow:auto; 
	height:325px;
	}
	
.room_info{
	padding:0;}
	
.room_pdfs{
	list-style:none;
	border-top:1px dashed #000;
	padding:15px 0 0 0;}
	
.room_pdfs li{
	padding:0 0 8px 0;}	
	
.images{
	margin-top: 67px;
	width:218px;
	float:right;
	display:inline;}
	 
.content .images a{
	margin:0px;
	padding:0px;
	border:0px;}
	

.image {
	padding:0 0 4px 0;}


.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	top: 97px;
	left: -325px;
	visibility: hidden;
	}

.thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	border:none;
	top: 97px;
	left: -345px; /*position where enlarged image should offset horizontally */
	z-index: 50;
	}	


/* GALLERY */

.gallery_content{
	background:#000;
	padding:10px 10px 0px  10px; /* use with scrollbar */
	padding:10px 10px 15px  10px;
	width: 980px; /* use with scrollbar */
	position:fixed;
	bottom:80px;
	z-index:500;	
	}
	
.gallery_content{		
	_position:absolute;
	_top:450px;
	_overflow:hidden;}	
	
.gallery_content_back{
	background:#000;	
	width: 980px; /* use with scrollbar */
	position:fixed;
	bottom:80px;
	z-index:50;
	}	
	
ul#nav { 	
	display:block;
    overflow:auto;
	width: 1500px; 	
	}

ul#nav li { 
	float: left; 
	display:inline;
	margin: 0 8px 0 0; 
	list-style: none }

ul#nav a { 
	padding: 3px; 
	display: block; 
	border: 1px solid #ccc; }

#nav a:hover { 
	background: #ccc }

#nav a.activeSlide { 
	background: #88f }

#nav a:focus { 
	outline: none; }

#nav img { 
	height:50px;
	border: none; 
	display: block }


#slideshow{
	padding:0;
	margin:0;
	z-index:1;}


/* Contact */

.contact_info{
overflow:auto; 
	height:310px;
	width:620px;}
	
	




/* NAV AND LOGO - BOTTOM OF PAGE */

.nav_and_logo_home,.room_left,#image1,#image2,.location_info,.map,.contact_info,.links_info{
	display:none;}

.mac.safari .nav_and_logo_home,.mac.safari .room_left,.mac.safari #image1,.mac.safari #image2,.mac.safari .location_info,.mac.safari .map,.mac.safari .contact_info,.mac.safari .links_info{
	display:block;}

.nav_and_logo_home, .nav_and_logo{	
	line-height:1em;
	width:1000px;
	position:fixed;
	bottom:15px;}	
	

.nav_and_logo_home, .nav_and_logo{		
	_position:absolute;
	_top:530px;}		

.navigation{
	bottom:10px;
	position:relative;
	float:left;
	display:inline;
	width:800px;
	height:50px;}	

ul.main_nav {
	position:absolute;
	bottom:1px;
    overflow:auto;}

ul.main_nav li{
	padding:0 0 3px 0;
	margin: 0 15px 0  0;
	float:left;
	display:inline;}

ul.main_nav li a{
	cursor:pointer;	
	/*background:url(../images/nav.png) no-repeat scroll top left;	*/
	position:relative;
	display:block;
	height:16px;}

ul.main_nav li.pub_dining a{
	width:152px;
	background-image:url(../images/nav/pub-dining.png);
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:0 0;
	behavior: url(../iepngfix.htc);}

.pub_dining ul.main_nav li.pub_dining a, ul.main_nav li.pub_dining a:hover{
	width:152px;
	background:url(../images/nav/pub-dining.png) 0 16px;
	}

ul.main_nav li.cocktail a{
	width:93px;
	background-image:url(../images/nav/cocktail-bar.png);
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position: 0 0;
	behavior: url(../iepngfix.htc);
	}

.cocktail ul.main_nav li.cocktail a, ul.main_nav li.cocktail a:hover {
	width:93px;
	background:url(../images/nav/cocktail-bar.png)  0 16px;
	}

ul.main_nav li.private_dining a{
	width:107px;
	background-image:url(../images/nav/private-dining.png) ;	
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position: 0 0;
	behavior: url(../iepngfix.htc);
	}

.private_dining ul.main_nav li.private_dining a, ul.main_nav li.private_dining a:hover{
	width:107px;
	background:url(../images/nav/private-dining.png)  0 16px;
	}

ul.main_nav li.gallery a{
	width:54px;
	background-image:url(../images/nav/gallery.png)  ;	
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position: 0 0;
	behavior: url(../iepngfix.htc);
	}

.gallery ul.main_nav li.gallery a, ul.main_nav li.gallery a:hover{
	width:54px;
	background:url(../images/nav/gallery.png)  0 16px;
	}

ul.main_nav li.location a{
	width:65px;
	background-image:url(../images/nav/location.png)  ;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position: 0 0px ;
	behavior: url(../iepngfix.htc);
	}

.location ul.main_nav li.location a, ul.main_nav li.location a:hover{
	width:65px;
	background:url(../images/nav/location.png)  0 16px ;
	}

ul.main_nav li.contact a{
	width:58px;
	background-image:url(../images/nav/contact.png) ;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:  0 0px  ;
	behavior: url(../iepngfix.htc);
	}

.contact ul.main_nav li.contact a, ul.main_nav li.contact a:hover{
	width:58px;
	background:url(../images/nav/contact.png)  0 16px ;
	}


ul.main_nav li.links a{
	width:40px;
	background-image:url(../images/nav/links.png)   ;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position: 0 0px  ;
	behavior: url(../iepngfix.htc);
	}

.links  ul.main_nav li.links a, ul.main_nav li.links a:hover{
	width:40px;
	background:url(../images/nav/links.png)  0 16px ;
	}


ul.main_nav li.meetings a{
	width:67px;
	background-image:url(../images/nav/meetings.png)   ;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position: 0 0px  ;
	behavior: url(../iepngfix.htc);
	}

.meetings  ul.main_nav li.meetings a, ul.main_nav li.meetings a:hover{
	width:67px;
	background:url(../images/nav/meetings.png)  0 16px ;
	}


.logo a{	
	background:url(../images/the-fellow.png);
	behavior: url("../iepngfix.htc");
	bottom:0;
	display:block;
	height:22px;
	width:179px;
	float:right;
	display:inline;}


/* scrollbars */


/* -- IE styles and fixes -- */

.content{
scrollbar-3dlight-color:#333;
scrollbar-arrow-color:#333;
scrollbar-base-color:#333;
scrollbar-darkshadow-color:#333;
scrollbar-face-color:#ccc;
scrollbar-highlight-color:#333;
scrollbar-shadow-color:#333;
scrollbar-track-color:#333; }


/* Scrollbars */

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

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDrag:hover{
	background: #333;}

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






/* BACKGROUND IMAGE */

.bg{
	display:none;}

.autoscale{
	margin:0px;
	width:100%;}

.autoscale img{
	left:0%;
	position:fixed;
	width:100%;
	}
	
	
	
/* YME */

.yme {
	position: absolute;
    z-index:3;
	margin:477px 0 0 0;
	padding:0 0 0 25px;}

.yme a{
	color:#333;
	font-size:.8em;
	}

	