@charset "UTF-8";
/* Hotel309.com designed by LaneGoldberg.com 2008 */

body {
	background-image: url(../images/global/bkg.jpg);
	background-color: #745C45;
	margin:0;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	line-height:22px;
	color: #FFFFFF;
}
img {
	border: none;
}
a:link, a:visited {
	color: #ffde53;
	text-decoration: none;
	}
a:hover, a:active {
	text-decoration: underline;
	outline: none;

}

a:focus
{
-moz-outline-style: none;
}

h1 {
	text-transform: uppercase;
	font: normal normal 14px/23px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	margin: 17px 19px 3px;
}
h1 span.yellow{
	color: #ffd835;
}
#header, .main, #footer{
	margin: 0 auto;
	width:760px;
	display:block;
	overflow: auto;
}
#header #logo{
	float:left;
	display:inline;
	margin:38px 0 0 20px;
	border-style: none;
}

p.home {
	padding-top: 11px;
	margin-bottom: 0!important;
	padding-bottom: 0;
	line-height: 22px!important;
	margin-left: 19px!important;
	margin-right: 19px!important;
}

#header #nav{
	margin:38px 0 0 0;
	}
#header #nav p{
	text-align: right;
	color: #14110D;
	line-height: 18px;
	clear: RIGHT;
	margin-top: 0!important;
	padding: 9px 2px 0 0;
	width: 401px;
	display: inline;
	float: right;
	height: 20px;
	margin-right: 4px;
}

.languages, .left_column, .maps {
	float: left;
	width: 352px;
	display: inline;
	overflow: auto;
	clear: left;
	background: #241d15 url(../images/global/block_left_top.jpg) repeat-x 0 0;
	margin-top: 14px;

}
.languages, .left_column {
	padding-top: 16px;		
}
.maps {
	padding: 0;
}


.right_column {
	float: right;
	background: #241d15 url(../images/global/block_right_top.jpg) no-repeat 0 0;
	width: 399px;
	display: inline;
	clear: right;
	margin-top: 14px;
	padding-top: 16px;
 }

.right_column p {
	line-height: 27px;
	margin: 0 19px 53px;
}


/* LOCATION */

.right_column h4 {
	color: #241D15;
	background-color: #ffd835;
	width: 361px;
	padding: 19px;
	margin: 22px 0 0;
	text-transform: uppercase;
	letter-spacing: 8px;
	font-weight: normal;
	font-style: normal;
	clear: both;
}
.right_column ul.stuff{
	list-style-type: none;
	margin: 0;
	background-color: #625d58;
	padding: 0;
}

.right_column ul.stuff li{
	padding: 16px 19px 34px;
	overflow: auto;
	}
.right_column ul.stuff li p{
	padding: 0;
	width: 252px;
	margin: 0;
	font-size: 12px;
	line-height: 23px;
}


.right_column ul.stuff li.alt{
	background-color: #39322c;
}
.right_column ul.stuff li .directions{
	width: 85px;
	float: right;
	margin: 0;
	padding: 0;
	color: #b1aeac;
	font-style: italic;
	line-height: 18px;
	font-size: 11px;
}
.right_column ul.stuff li .directions h5{
	margin: 0;
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 1px;
	font-size: 10px;
	color: #dcdcdc;
	line-height: 27px;
}
.right_column ul.stuff a.map{
	display: block;
	font-weight: bold;
	font-style: normal;
	background: url(../images/global/mag_li.gif) no-repeat right 0;
	color: #b1aeac;
	text-decoration: underline;
	padding: 3px 18px 9px 0;
	margin: 2px 0 0;
	line-height: 3px;
	width: 25px;
	overflow: visible;
}
.right_column ul.stuff li .price{
	width: 250px;
	margin-top: 11px;
}

.right_column ul.stuff li .price .text{
	float: left;
	margin-right: 5px;
	line-height: 25px;
}
.right_column ul.stuff li .price .gold,
.right_column ul.stuff li .price .black,
.right_column ul.stuff li.alt .price .gold,
.right_column ul.stuff li.alt .price .black
{
	width: 14px;
	height: 21px;
	display: block;
	float: left;
	background-repeat: no-repeat;
}
.right_column ul.stuff li .price .gold {
	background: url(../images/location/dollar_gold.gif) 0 2px;
}
.right_column ul.stuff li .price .black {
	background: url(../images/location/dollar_black.gif) 0 2px;
}
.right_column ul.stuff li.alt .price .gold {
	background: url(../images/location/dollar_gold_alt.gif) 0 2px;
}
.right_column ul.stuff li.alt .price .black {
	background: url(../images/location/dollar_black_alt.gif) 0 2px;
}


.right_column ul.stuff li.alt .directions a.map{
		background: url(../images/global/mag_alt.gif) no-repeat right 1px;
}

.top{
	background: url(../images/global/arrowtop.gif) no-repeat right;
	padding-right: 13px;
	display: inline;
	float: right;
	position: relative;
	margin: 8px 14px 75px 0;
}
.maps p{
	margin: 8px 19px 4px;
	padding: 0;
	line-height: 23px;
	font-size: 11px;
}	
.mag_left {
	background: url(../images/global/mag_yellow.jpg) no-repeat 0 4px;
	padding-left: 21px;
	display: block;
}
.pdf{
	background: url(../images/global/pdf.jpg) no-repeat 0 3px;
	display: block;
	padding-left: 21px;
}
	
.left_column p{
	margin: 0 19px 31px;
}
.left_column p strong {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 9px;
	line-height: 28px;
	display: block;
	margin: 0;
}
.subway_icons{
	position: relative;
	top: 5px;
	margin-right: 7px;
}
/* LANGUAGES */
.languages p{
	padding: 0;
	margin: 0 22px 6px 0;
	text-align: right;
	line-height: 15px;
	font-size: 10px;
	color: #cecece;
}
.languages p b {
	font-weight: normal;
	font-style: normal;
	margin-right: 8px;
	letter-spacing: 1px;
}
.languages p img{
	position: relative;
	top: 3px;
	border: 1px solid #625d58;
	margin: 0 0 0 1px;
	padding: 0;
	overflow: auto;
}
.languages p a img, .languages p a:visited img{
	border: 1px solid #ffd835;
	filter:alpha(opacity=80); 
	-moz-opacity: 0.8; 
	opacity: 0.8;
	
}
.languages p a:hover img, .languages p a:active img{
	filter:alpha(opacity=100); 
	-moz-opacity: 1; 
	opacity: 1;
}
/* FOOTER */
#footer{
	text-align: center;
	font-size: 11px;
	letter-spacing: .5px;
	word-spacing: 1px;
	margin-top: 68px;
	margin-bottom: 65px;
}
#footer img{
	margin-top: 10px;
}
#flashcontent{
	width: 352px;/* below Reduncy of left_column class is nessecary */
	margin-top: 14px;
	float: left;
	clear: left;
}
/* CONTACT */
.left_column .email{
	color: #504a45;
	margin: 5px 19px;
}

#contact_table {
	margin: 9px 10px 41px 19px;
}
#contact_table td{
	padding: 0 0.38em 17px 0;
	line-height: 17px;
	vertical-align: top;
}
#contact_table td.cat, #basic label {
	width: 69px;
	text-align: right;
	color: #504a45;
	padding-right: 17px;
	text-transform: uppercase;
}

/* CONTACT FORM */
.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{
	margin:0 auto;
	width: 320px;
	padding:14px;
}
	/* ----------- basic ----------- */
	
	#basic h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#basic p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #dedede;
		padding-bottom:10px;
	}
	#basic label{
		display:block;
		float:left;
	}
	#basic .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	#basic input{
		float:left;
		width: 212px;
		margin: 2px 0 10px;
	}
		#basic textarea{
		float:left;
		width: 293px;
		margin: 2px 0 10px 10px;
	}

	#basic button{ 
		clear:both;
		margin-left: 240px;
		background:#504a45;
		color:#FFFFFF;
		border:solid 1px #666666;
		font-size:11px;
	 	cursor: pointer;
		padding:4px 6px;
	}
	#basic button:hover{
		border:solid 1px #ffde53;
				color:#ffde53;

}


/* HOME */

ul.bullets {
	list-style-type: none;
	list-style-position: outside;
}
ul.bullets li{
	padding: 0 10px;
	list-style-image: url(../images/global/diamond.gif);
	margin: 10px 19px 10px 3px;
}

#trains{
	top: 4px;
	position: relative;
}

img.call_out {
	float: right;
	display: inline;
	margin-right: 37px;
	margin-top: 10px;
}
ul.include {
	width: 205px;
	margin-top: 0;
	margin-bottom: 0;
}

ul.include li {
	padding: 0 10px 0 7px;
	list-style-image: url(../images/global/diamond.gif);
	margin: 10px 19px 7px 3px;
	list-style-type: disc;
}

ul.include li h6{
	font-weight: normal;
	font-style: normal;
	border-bottom: 1px solid #39322c;
	font-size: 12px;
	padding: 0 9px 5px;
	width: 250px;
	margin: 0;
}	
h2 {
	
	font: normal normal 11px/23px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	margin: 17px 19px 3px;
	text-transform: uppercase;
}
#accordion {
	margin:20px 0px;
}

a.toggler {
	cursor: pointer;
	color: #ffd835;

}

div.element p, div.element h4 {
	margin:0px;
	padding:4px;
}
/* RezStream */

.rezStream {
	background: #241d15 url(../images/home/reservation_box_top.gif) no-repeat 0 0;
	float: left;
	display: inline;
	width: 290px !important;
	margin-top: 10px;
	margin-left: 61px;
	padding: 10px 0 0;
}
.rezStream #quick{
	border: 15px solid #ffde53;
	float: left;
	display: inline;
	margin: 0 38px 0 0;
}

.rezStream .rez{
	float: right;
	margin-right: 53px;
	display: inline;
}

/* old Navbar */
/*
ul#navbar {
	float: right;
	list-style-type: none;
	display: inline;
	height: 36px;
	width: 452px;
	margin: 0;
}
#navbar li a, #navbar li a:visited{
	background-image: url(../images/global/navbar.gif);
	height: 36px;
	float: left;
	display: block;
	font-size: 1px;
	color: #241d15;
}

#navbar li{
	display: inline; 
}
#navbar #home a{
	width: 86px;
	background-position: 0 0;
}
#navbar #home a:hover, #navbar #home a.active{	background-position: 0 36px;}
#navbar #reservations a{
	width: 130px;
	background-position: -86px 0;
}
#navbar #reservations a:hover, #navbar #reservations a.active{background-position: -86px 36px;}
#navbar #location a{
	width: 94px;
	background-position: -216px 0;
}
#navbar #location a:hover, #navbar #location a.active{background-position: -216px 36px;}
#navbar #contact a{
	width: 89px;
	background-position: -309px 0;
}
#navbar #contact a:hover, #navbar #contact a.active{background-position: -309px 36px;}

*/


/* new navbar */

ul#navbar {
	float: right;
	list-style-type: none;
	display: inline;
	height: 36px;
	/*width: 452px;*/ /* 53px wider than graphic itself? */
	width: 430px; /* actual width of graphic is 430, +53 would be 483 */
	margin: 0;
}
#navbar li a, #navbar li a:visited{
	background-image: url(../images/global/navbar10.gif);
	height: 36px;
	float: left;
	display: block;
	font-size: 1px;
	color: #241d15;
}

#navbar li{
	display: inline; /* Prevents "stepdown" */
}
#navbar #home a{
	width: 76px;
	background-position: 0 0;
}
#navbar #home a:hover, #navbar #home a.active{	background-position: 0 36px;}

#navbar #location a{
	width: 80px;
	background-position: -76px 0;
}
#navbar #location a:hover, #navbar #location a.active{background-position: -76px 36px;}

#navbar #rooms a{
	width: 70px;
	background-position: -156px 0;
}
#navbar #rooms a:hover, #navbar #rooms a.active{background-position: -156px 36px;}

#navbar #reservations a{
	width: 110px;
	background-position: -226px 0;
}
#navbar #reservations a:hover, #navbar #reservations a.active{background-position: -226px 36px;}


#navbar #contact a{
	width: 94px;
	background-position: -336px 0;
}
#navbar #contact a:hover, #navbar #contact a.active{background-position: -336px 36px;}



p.terms strong{
	display: block;
	margin-top: 75px;
	margin-bottom: 21px;
	font-size: 14px;
	text-transform: uppercase;
}