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


/*** global ***/
* {margin:0;padding:0}
/* mac hide \*/
html,body{height:98%; width:100%; ^height:95%;}
/* end hide */
body {margin: 0; padding: 0; background: #99886b url(../images/bg_silk.png);
	  font: normal 11px/15px 'lucida grande', Arial, Helvetica, Sans-Serif; color: #333; text-align:center;
	  min-height:580px; /* for ie7*/ }
*html body {line-height: 14px;}
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: none; border-collapse:collapse;}
img {border: none;}
a {color: #8b0007; text-decoration: none;}
a:active {outline:none;}
:focus {-moz-outline-style:none;}
a:hover {color: #FFF; text-decoration: underline;}
input, select {font-size: 11px;}
input {outline: none; border: solid 1px #999; height: 15px;}
p, ul {padding-bottom: 15px;}
h1 {font-size: 14px; padding-bottom: 3px;}
h2 {font-size: 13px; padding-bottom: 3px;}
h3 {font-size: 12px; padding-bottom: 3px;}

/*** global  resuable classes ***/
.error {color: #8b0007;}
.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;}
ul.bullet li {background: url('../images/bullet.gif') no-repeat 0 4px; padding: 0 0 0 13px;}
ul.bullet li {^padding-left: 13px; ^text-indent: -16px;}
ul.bullet {^display: inline;}
.hiddenPic {display:none; position: absolute; top: 0; left: 0; width: 1px; height: 1px;}
.left {float: left;}
.right {float: right;}


/*** global structure -vertical align container ***/
#xouter {height:100%; width:100%; display:table; vertical-align:middle;}
#xcontainer {text-align: center; position:relative; vertical-align:middle; display:table-cell; height: 580px;}	
#xinner {width: 990px; height: 580px; text-align: center; margin-left:auto; margin-right:auto;}

/*** global structure ***/
.container {width: 990px; text-align: left;}
.content {width: 990px; background: url(../images/main_shadows.png) no-repeat;}
.main {padding-left: 15px; width: 960px; height: 380px; padding-top: 20px;}
/*** global structure IE HACKS ***/
*html .main {width: 975px;}


/*** global header ***/
.header {height: 100px; position: relative;}
.header .logo {background: url(../images/logo_michelangelo.gif) no-repeat center 10px; width: 400px; height: 90px; cursor: pointer; margin: 0 auto;}
.header .specials {position: absolute; top: 61px; left: 45px;}
.header .reservations {position: absolute; top: 61px; left: 850px;}


/*** top nav ***/
.topNav {position: absolute; z-index:100;}
.topNav a {color: #ddd7ce;}
.topNav a:hover {color: #FFF; text-decoration: none;}
.topNav li {float: left; position: absolute; z-index: 100;}
.topNav li img {padding: 0px 20px 5px 20px;}
.topNav .loc:hover {background: #7d7d7d; color: #FFF;} 
.topNav .on, .topNav .on:hover {background: #c1000d;}

.topNav .dropDown {height: 20px; width: 150px; float: left; overflow: hidden; background: url('../images/bg_subnav.png') top left no-repeat;}
.topNav .dropDown .subtext {color: #FFF; padding: 0px 0 0 2px; margin: 0 0 0 0; font-size: 11px;}
.topNav .dropDown .subtext li {display: block; padding: 0 0 5px 18px; float: none; position: static;}
.topNav .dropDown .subtext a {color: #ccc3b5;}
.topNav .dropDown .subtext a:hover {color: #FFF;}
.topNav .dest {width: 131px; left: 25px;}
.topNav .phot {left: 137px;}
.topNav .acco {width: 177px; left: 221px;}
.topNav .resi {width: 174px; left: 374px;}
.topNav .dini {width: 125px; left: 482px;}
.topNav .serv {width: 140px; left: 557px;}
.topNav .meet {width: 150px; left: 691px;}
.topNav .offe {width: 178px; left: 786px;}
.topNav .cont {width: 100px; left: 864px;}

.main .photo {z-index: 0;}
.main .mapLeft {float: left; display: inline;}
.main .photoLeft {float: left; display: inline; width: 480px; height: 380px;}
.main .photoLeft img {display: block; position: absolute; width: 480px; height: 380px;}
.main .textArea {float: left; display: inline; width: 480px; height: 380px; background: #fffefb; 
				font-family: 'lucida grande', verdana; font-size: 11px;
				filter:alpha(opacity=89); opacity:0.89;filter:alpha(opacity=89); position: relative;}
.main .textArea .padding {padding: 11px 0 0 30px;}
.main .textArea h1 {color: #fff; padding: 0; font-size: 1px; display: block; }
.main .textArea h1 img { }
.main .textArea h1 span {position: absolute;}
.main .textArea h2 {color: #fff; float: left; font-size: 10px; padding: 0;}
.main .textArea h2 img {position: relative; padding: 0px 0 8px 13px;}
.main .textArea h2 span {position: absolute;}
.main .textArea h3 {clear: both; color: #444; font-size: 11px; padding-bottom: 3px;}
.main .textArea a {color: #8b0007;}
.main .textArea a:hover {color: #941e23; text-decoration: underline;}
.main .textArea .split {width: 215px; float: left; display: inline;}
.main .textArea .scroller {height: 270px; z-index: 0; width: 437px; overflow: hidden;}
*html .main .textArea .scroller {float: left; display: inline;}
.main .textArea .scroller p {padding-right: 10px;}
#acco .scroller {height: 252px;}
.main .textArea .bullet  {margin-top: 2px; margin-bottom:0px}
.main .textArea .bullet li {line-height: 12px; padding-bottom: 6px; clear: both;}
.main .textArea .column {width: 172px; float: left; display: inline; margin-right: 15px;}
*html .main .textArea .column {width: 185px;}
.wide .textArea {width: 960px;}
.wide .textArea .padding {padding: 0 0 0 30px;}


/*** main subnav ***/
.main .textArea .subNav {/*padding-bottom: 27px; */font-size: 11px; line-height: 20px; clear: both;}
.main .textArea .subNav a.on {font-weight: normal; color: #333;}
.main .textArea .subNav a.on:hover {text-decoration: none; color: #333;}
.wide .subNav {margin-left: 480px; margin-top: 11px;}


/*** bottom Bar / Res Form ***/
.botBar {background-color: #333; height: 35px; width: 960px; margin-left: 15px;}
.resForm {position: relative;}
.resForm a {color: #ddd7ce;}
.resForm a:hover {color: #FFF; text-decoration: none;}
.resForm .hdr {float: left; padding: 0 10px 0 0px;}
.resForm .fieldName {float: left; padding: 10px 4px 0 7px; display: inline;} 
.resForm .select {float: left; margin: 8px 10px 0 2px; display: inline;}
.resForm  input {float: left; display: inline; background: #333; color: #ABABAB; 
						 font-size: 11px;  border: solid 1px #666; height: 16px;
						 text-align: left;  width: 80px; padding: 1px 0 0 3px;}
.resForm .guests input {width: 20px;}
.resForm .submit {float: left; padding: 8px 0 0 10px; display: inline;}
.resForm .submit input {border: none; height: 18px; width: 65px;}
.resForm .sideLinks {float: right; display: inline; font-size: 10px; line-height: 14px; padding: 3px 30px 0 0px; white-space: nowrap;}
.resForm .sideLinks a {color: #999;}
.resForm .sideLinks a:hover {color: #CCC; text-decoration: none;}
.resForm .specials {position: absolute; left: 830px; top: 0; width: 130px; height: 31px; background: #8b0007;}
.resForm .specials img {padding: 11px 28px 0 30px;}
*html .resForm #startDatePicker {font-size: 12px;}
*html .resForm #endDatePicker {font-size: 12px;}
*html .resForm .guests input {font-size: 12px;}

/*** global footer ***/

.footer {position: relative; text-align: center; clear: both; padding: 8px 0 0 0; color: #ccc3b5; font-size: 11px; line-height: 12px; float: left; width: 990px;}
.footer a {color: #e4dacb;}
.footer a:hover {color: #FFF; text-decoration: none;}
.footer .left {position: absolute; left: 15px; top: 10px;}
.footer .middle {text-align: center;}
.footer .botNav {font-size: 11px;}
.footer .botNav a {padding: 0 17px 0 17px;}
.footer .address {padding: 10px 0 0 0; color: #444; font-size: 10px;}
.footer .right {position: absolute; left: 860px; top: 10px;}
.footer span {padding: 0 8px;}



/*** homepage ***/
#home .main {}
#home .main .photo img {display: block;}
#home .whiteStripe a:hover {color: #333; text-decoration: none;}

/*** residences ***/
#resi #floorPlan {width: 170px;}
#resi #floorPlan li {padding-left: 30px;}
#resi #floorPlan h3 {margin-top: 30px; padding-left: 30px; font-size: 11px;}
#resi #floorPlan a {color: #c00; cursor: pointer;}
#resi #floorPlan a.on {color: #333;}
#resi #floorPlan a.on:hover {text-decoration: none;}
#resi #floorPlanImg {width: 310px;}

/*** rfp ***/
#rfp {position: relative;}
#rfp .scroller {width: 900px;}
*html #rfp .scroller {width: 922px;}
#rfp form {margin-top: 10px;}
#rfp .colOne {width: 275px; margin-right: 30px; display: inline; float: left;}
#rfp .colTwo {width: 245px; margin-right: 30px; display: inline; float: left;}
#rfp .colThree {width: 305px; margin-right: 0; display: inline; float: left;}
#rfp .colOne input {width: 170px;}
#rfp .colTwo input {width: 170px;}
#rfp .colThree input {width: 170px;}
#rfp textarea {width: 170px; height: 40px;}
#rfp td {padding-bottom: 10px;}
#rfp .fieldName {text-align: right; padding-right: 10px; white-space: nowrap;}
#rfp .fieldInpt {white-space: nowrap;}
#rfp .fieldInpt select {margin-right: 7px; height: 18px;}
#rfp #multiple td {padding: 0 5px 5px 0;}
#rfp .required {position: absolute; top: 75px; left:30px;}
#rfp .submit {width: 70px; height: 18px; margin-top: 0px; cursor: pointer;}
*html #rfp .submit {margin-top: -15px; padding: 0;}  
#rfp .submit:hover {background: #FFF;}

.jScrollPaneContainer {margin-top:20px;}

#phot .photoLeft {background: #FFF; position: relative;}
#phot .thumbs {width: 410px; float: left; padding: 0 0 39px 0;}
#phot .thumbs li {height: 51px; width: 64px; float: left; margin: 0 2px 2px 0; cursor: pointer;}
#phot .thumbs li.hover{border-color:#bbb;}
#phot .thumbs li.active{}
#phot .thumbs li div{left:240px}
#phot .thumbs li div .caption {color: #000;}
.thumbs li div{position:absolute;display:none;}
.thumbs li.active div img, .thumbs li.active div{display:block}
#phot .caption {display:block; position: absolute; z-index: 100; width: 410px; left: 510px; top: 324px; color: #333; font-size: 12px; font-style: oblique;}
#phot .photoNav {clear:both; font-size: 12px;}
.replaced {position:absolute;}

#guestbook form {}
#guestbook .fieldInpt input {width: 125px;}
#guestbook .fieldInpt textarea {width: 125px; height: 40px;}
#guestbook .radioTable td {padding-right: 5px; padding-top: 5px;}
#guestbook .radio {background: none; border: none;}
#guestbook td {padding-bottom: 5px;}
#guestbook .column {width: 190px; float: left; display: inline; margin-right: 15px;}
#guestbook .fieldName {text-align: right; padding-right: 5px; white-space: nowrap;}
#guestbook .submit {width: 70px; height: 18px; margin-top: 15px; cursor: pointer;}
#guestbook .submit {^margin-top: 10px;}  


.markerInfo a:hover {color: #333;}

#serv .bullet li {padding-bottom: 10px;}
#attractions .bullet li {padding-bottom: 9px;}
.sitemap li {padding-bottom: 13px;}
.sitemap li ul.bullet {padding-bottom: 0px;}
.sitemap li ul.bullet li {padding-bottom: 3px;}

#offe .reserve {^padding-top: 15px;}


*html .main .textArea .sitemap ul.bullet li {margin-left: 0}
*html .main .textArea .sitemap ul.bullet li a {padding-left: 0px;}