/*** Josh Dreier, Author
	 Hotel Internet Strategies
 ***/


/*** global ***/
html, body {margin: 0; padding: 0;}
body {margin: 0; padding: 0; background: #232222; font: normal 12px/16px 'Times New Roman', Times; color: #333;}
img, p, ul, li, h1, h2, h3, h4, h5, h6, form, select, input, table, th, tr, td, td, dd {padding: 0; margin: 0;}
ul {list-style: none;}
table {border-collapse:collapse; border: none; vertical-align: top;}
img {border: none;}
a {color: #c1000d; text-decoration: none; outline: none;}
a:hover {color: #333; text-decoration: none;}
p, ul {padding-bottom: 15px;}
h1 {font-size: 13px; line-height: 15px; font-weight: normal; color: #444; padding-bottom: 8px; letter-spacing: 1px; font-style: oblique;}
h2 {font-size: 13px; line-height: 15px; font-weight: normal; letter-spacing: 1px; padding-bottom: 15px; font-style: oblique;}
h3 {font-size: 13px; line-height: 15px; font-weight: normal;}

/*** global  resuable classes ***/
.red {color: #c1000d;}
.small {font-size: 11px;}
.smaller {font-size: 10px;}
.clear {clear: both;}
.justify {text-align: justify;}
.spaceOut {line-height: 20px;}
.spaceOut2 {line-height: 18px;}
.double {padding-bottom: 24px;}
p.half {padding-bottom: 8px;}
p.halfspace {line-height: 16px;}
.hiddenPic {display:none; position: absolute; top: 0; left: 0;}
.left {float: left;}
.right {float: right;}

/*** global structure ***/
.container {width: 960px; margin: 0 auto;}
.leftCol {float: left; width: 180px; display: inline;}
.middleCol {float: left; width: 299px; min-height: 400px; border-right: solid 1px #a6a5a5; display: inline;}
.rightCol {float: left; width: 480px; display: inline;}
.content {background: #FFF; padding: 30px 0; float: left; display: inline;}

/*** global header / topNav / footer ***/
.header {height: 180px; text-align: center;}
.logo  {background: url(../images/logo_rare_small.png) no-repeat center 25px; width: 180px; height: 180px; cursor: pointer; margin: 0 auto;}
.topNav {border-top: solid 1px #a6a5a5; float: left; border-right: solid 1px #a6a5a5;}
.topNav .loc {display: block; float: left; width: 209px; padding-left: 30px; border-left: solid 1px #a6a5a5;
	 		  background-color: #5a5858; color: #FFF; font-size: 14px; line-height: 30px; text-transform: uppercase;
	          letter-spacing: 1px; display: inline;}
.topNav #rvw {width: 208px;}
.topNav .loc:hover {background: #7d7d7d; color: #FFF;} 
.topNav .on, .topNav .on:hover {background: #c1000d;}
.footer {clear: both; padding: 15px 0 40px 0; color: #666; font-size: 12px; line-height: 12px; float: left; width: 960px;}
.footer .left {padding: 0 2px;}
.footer .right {padding: 0 2px;}
.footer span {padding: 0 8px;}
.footer a {color: #8e8d8d; letter-spacing: 1px; font-weight: normal;}
.footer a:hover {color: #FFF;}

/*** global leftNav ***/
.leftNav {font-size: 13px; background: #f1f1f1; width: 160px; padding: 30px 0 0 0;}
.leftNav li {padding: 0 0 30px 30px;}
.leftNav a {color: #5a5858;}
.leftNav a:hover {color: #7d7d7d;}
.leftNav a.on {color: #c1000d; font-weight: bold; white-space: nowrap;/*background: url(../images/leftnav_bg.gif) 0 7px no-repeat;*/}
.leftNav a.on2 {color: #1695e8; font-weight: bold;  white-space: nowrap; /* background: url(../images/leftnav_bg_rvw.gif) 0 7px no-repeat;*/}

/*** global middle content area ***/
.middleCol .textArea {font-size: 13px; line-height: 17px; padding-right: 30px; text-align: right; margin-top: -2px;}
.middleCol .textArea  h1 {padding-bottom: 8px;}
.middleCol .textArea .tighten {padding-left: 20px;}

/*** global right column ***/
.slideshow {height: 400px; width: 420px; overflow: hidden; margin-left: 30px;}
.slideshow img {}
.rightCol #mapContainer {width: 420px; height: 400px; padding-left: 30px;}

/*** homepage ***/
#homepage .container {width: 843px;}
*html #homepage .container {width: 850px;}
#homepage .logo {background: url(../images/logo_rare_big.png) center no-repeat; width: 840px; height: 400px;}
#homepage .homeNav {margin-bottom: 20px; float: left;}
#homepage .homeNav .bucket {width: 280px; float: left; border-right: solid 1px #a6a5a5; margin-bottom: 20px;}
#homepage .homeNav #rvw {border-right: none;}
#homepage .homeNav ul a {color: #8e8d8d;}
#homepage .homeNav ul a:hover {color: #FFF;}
#homepage .homeNav h1 {cursor: pointer; display: block; border-bottom: solid 1px #a6a5a5; height: 32px; background: center top no-repeat; padding-bottom: 0;}
#homepage .homeNav #bkr h1 {background-image: url(../images/home_nav_bkr.png);}
#homepage .homeNav #lex h1 {background-image: url(../images/home_nav_lex.png);}
#homepage .homeNav #chs h1 {background-image: url(../images/home_nav_chs.png);}
#homepage .homeNav #rvw h1 {background-image: url(../images/home_nav_rvw.png);}
#homepage .homeNav ul {text-align: center; font-size: 14px; letter-spacing: 1px; line-height: 24px; padding: 15px 0 10px 0;}
#homepage .footer {width: 843px;}

/*** menu pages ***/
.middleColMenu {float: left; width: 616px; text-align: right;}
.menuHeader {margin-top: -2px; text-align: center;}
.menuHeader h3 {padding-bottom: 10px;}
.menuHeader a {text-decoration: underline;}
.menuBig {clear: both;}
.rightColMenu {float: left; width: 164px;}
.menuThumbs {clear: both; margin-top: 15px;}
.menuThumbs li {padding: 0 37px 10px 37px;}
.menuThumbs li a {cursor: pointer;}

/*** contact pages ***/
.contactTable {float: right; clear: both; margin-bottom: 15px;}
.contactTable td {white-space:nowrap;}
.contactTable .c1 {padding-right: 15px;}
.contactTable td h2 {padding: 10px 0 10px 0;}

/*** Chelsea pages ***/
#chelsea h1 {font-size: 13px; font-style: oblique; font-weight: bold;}

/*** Rare View pages ***/
#rareview .logo  {background-image: url(../images/logo_rareview_small.png);}
#rareview .topNav .on, #rareview .topNav .on:hover {background: #4baae8;}
#rareview .leftNav a.on {color: #4baae8; /*background-image: url(../images/leftnav_bg_rvw.gif);*/}

/*** COMMENTS page ***/
#comments .leftCol {width: 479px;}
#comments form {margin: 10px 0 0 30px;}
#comments p, #comments h1 {margin: 0 0 0 30px;}
#comments .fieldName {text-align: right; padding-right: 10px;}
#comments .field input {border: solid 1px #999; width: 200px; height: 18px;}
#comments .field textarea {border: solid 1px #999; width: 300px; height: 60px;}
#comments td {padding-bottom: 10px; white-space: nowrap;}

/*** PRESS page ***/
#press .leftCol {width: 479px;}
#press p, #press h1 {margin: 0 0 0 30px;}

/*** About page ***/
#about .leftCol {width: 479px;}
#about p, #about h1 {margin: 0 0 0 30px;}

/*** RESERVATIONS page ***/

/*** OPEN TABLE ***/

#OT_searchWrapperAll{width:250px; height:300px;position:relative;margin:0;padding:0;}
#OT_searchWrapper{border:none;width:250px; height:300px;position:relative;margin:0;}
#OT_searchWrapper .OT_feedTitle{position:absolute;top:0;right:0;margin:0 0 1px 5px;font-size:12px;font-weight:normal;line-height:normal; display:none;}
#OT_searchWrapper dl{position:absolute;top:10px;right:0;padding:0;margin:0;}
#OT_searchWrapper dt{clear:both;}
#OT_searchWrapper input, #OT_searchWrapper select {font-family:arial; font-size:12px;}
#OT_partySizeLbl{margin:0 0 0 5px;padding:3px 0;text-align:right;width:110px;display:block;}
#OT_partySize{margin:0 0 15px 0;padding:0; font-family:times; font-size:12px;}
#OT_dateLbl{margin:0 0 0 5px;padding:3px 0;text-align:right;width:110px;}
#OT_date{margin:0;padding:0;font-size:11px; font-family:times; font-size:12px;}
#OT_timeLbl{padding:0;text-align:right;}
#OT_time {margin:0 0 25px 0; font-family:times; font-size:12px; padding:0 0 3px 0;}
#OT_empty{position:absolute;width:0;height:0;padding:0;margin:0;top:100px;left:0;}
#OT_submitWrap{}
#OT_logo{width:100%;padding:0;margin:0;display:block;background:#fff;}
#OT_logoLink{width:100%;padding:0 0 10px 0;margin:0;font-size:9px;font-family:Verdana,Arial,Helvetica,Sans-Serif;display:block;background:#fff;}
#OT_logoLink a{padding:0 0 0 10px;}
#OT_imglogo{border:0;margin:0 0 0 10px;}
#OT_searchWrapper form{margin:0;padding:0;}
#OT_searchWrapper input.hidden{display:none;}
#OT_searchWrapper .feedFormField,#OT_searchWrapper .feedFormField option{font-size:12px;margin:2px 2px 2px 2px;}
#OT_searchWrapper .OT_feedFormfieldCalendar{margin:0;width:75px; text-align:right; height:16px;}
#OT_searchWrapper #dateDisplay{font-size:11px;color:#999;float:right;margin:0 0 0 0;display:block;}
#OT_searchWrapper .imgCal{position:absolute;display:none;z-index:100;}
#OT_searchWrapper #imageCal table{font-size:12px;width:150px;font-family:arial;font-weight:bold;background:#FFF;}
#OT_searchWrapper #imageCal td{padding:0;text-align:center;}
#OT_searchWrapper .clickableDays{color:#000;text-decoration:none;height:18px;}
#OT_searchWrapper .nonclickableDays{color:#CCC;height:18px;}
#OT_searchWrapper .months{color:#FFF;text-decoration:none;}
#OT_searchWrapper .weekdays{color:#000;text-decoration:none;color:#666;background-color:#EFEFEF;width:14%;}