* {margin: 0;padding: 0}
html,body {height: 100%;min-width: 1200px;min-height: 850px;}
body {background: #93a9d5 url(images/NobHill.jpg) no-repeat right bottom;background-attachment: fixed;color: black;font: normal 14px/1.5 georgia,times,serif}


/**** Contained Header ****/
#header {width: 100%;height: 135px;background: transparent url(images/redline.png) repeat-x top left;position: fixed;left: 0px;bottom: 0px;text-align: center;z-index: 1;}
#header div {width: 1088px;margin: 0 auto;}
#header h1 {width: 292px;height: 131px;position: relative;bottom: -4px;float: left;z-index: 2;}
#header h1 a {width: 292px;height: 131px;text-indent: -9999px;display: block;float: left;text-decoration: none;background: transparent url(images/logo.png) no-repeat bottom left;}
#header h1 a:hover {background-position: top left;}
#header ul {width: 796px;float: left;position: relative;bottom: -4px;right: 40px;z-index: 3;}
#header ul li {width: 199px;height: 135px;float: left;list-style-type: none;text-align: left;}
#header ul li:hover {}
h1 a:focus, h4 a:focus, #header ul li a:focus {-moz-outline: none;}

 
#header li a {display:block;height:135px;width: 199px;text-decoration:none;}
#header li a:hover {background-color:#5e0000;}
#header strong {display: block;font-family:helvetica, san-serif; color:white;font-size:13px;padding:30px 0px 10px 15px;font-weight:lighter; letter-spacing:.75px;text-transform: uppercase;}
#header em {display: block;font-family:georgia, serif; color:#c18586;font-size:12px;padding:0px 15px 0px 15px;}
.available {height:20px;}
.available a {display:block;padding:0px 0px 0px 10px;font-family:georgia, serif; color:#c18586;font-size:12px;height:20px !important;}
.available a:hover {background-color:#870000;color:white;}

/**** Main Container ****/
#container {text-align: right;width: 530px;float: right;position: relative;clear: left;right: 615px;padding-bottom: 500px;}
#container h2, #content h2 {font-size: 27px;line-height: 41px;font-weight: normal;text-shadow: 1px 1px 5px #7485a2;position: relative;top: 100px;}
#container p{font-size: 16px;line-height: 24px;padding: 15px 0 0 85px;position: relative;top: 100px;clear: both}
.about_pitch p {text-align: left !important;top: 0px !important;}
.about_pitch h2 {text-align: left !important;padding-left: 80px;}
#wait {text-align: left;padding-left: 190px !important;top: 0px  !important;padding-top: 80px !important;}


/**** Contact Form ****/
form {padding: 35px 0 0 0;width: 340px;text-align: left;float: right;font-size: 14px;}
fieldset {border: none}
label {display: block;padding: 30px 0 2px 0;color: black;}
input {color: black;display: block;width: 274px;padding: 8px;border: none;background: white;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 0px 0px 5px #888;-webkit-box-shadow: 0px 0px 5px #888;box-shadow: 0px 0px 5px #888;border: 1px solid black;}
textarea {color: black;display: block;width: 274px;height: 100px;padding: 8px;border: none;background: white;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 0px 0px 5px #888;-webkit-box-shadow: 0px 0px 5px #888;box-shadow: 0px 0px 5px #888;border: 1px solid black;}
legend {display: none;}
button {position: relative;top: 25px;border: 1px solid black;cursor: pointer;font-size: 10px;font-weight: bold;padding: 10px;font-family: gotham,helvetica,arial,sans-serif;background: black;color: black;text-transform: uppercase;color: white;-moz-box-shadow: 0px 0px 5px #888;-webkit-box-shadow: 0px 0px 5px #888;box-shadow: 0px 0px 5px #888}
button:hover {background: white;color: black;}
#contact {text-align: left;width: 340px;float: right;padding-bottom: 40px;}


/**** Service Request Form ****/
#request form {padding: 35px 0 0 0;width: 380px;text-align: left;float: right;font-size: 14px;}
#request fieldset {border: none}
#request label {display: block;padding: 30px 0 2px 0;color: black;}
#request input {color: black;display: block;width: 274px;padding: 2px;border: 1px solid black;border-width: 0 0 1px 0;background: transparent;}
#request textarea {padding: 2px;color: black;display: block;width: 274px;height: 100px;border: 1px solid black;background: transparent;}
#request legend {display: none;}
#request button {position: relative;top: 25px;border: 1px solid black;cursor: pointer;font-size: 10px;font-weight: bold;padding: 10px;font-family: gotham,helvetica,arial,sans-serif;background: transparent;color: black;text-transform: uppercase;}
#request button:hover {background: black;color: white;}
#request h2 {text-align: left;width: 380px;float: right;padding-bottom: 40px;}


/**** Available Units ****/
#available {text-align: center;width: 340px;float: right}
dl {padding: 100px 0 0 0;text-align: left;width: 340px;float: right;font-size: 16px;clear: both}
dt {padding-top: 40px;clear: both;border-bottom: 1px dotted #637492;font-weight: bold;}
dd {clear: both;padding: 5px 0;overflow: hidden;border-bottom: 1px dotted #637492;}
dd strong {float: left;}
dd em {float: right}
#available_p {clear: both;padding: 50px 0 100px 0;width: 320px;top: 0px !important;float: right;text-align: center;}
p a {color: black;padding: 2px;font-family: gotham,helvetica,arial,sans-serif;background: transparent;}
p a:hover {background: black;color: white;text-decoration: none}


/**** single 
#single #rooms {height: 830px;text-align: left;width: 642px;float: right;overflow-x: hidden;position: relative;clear: left;right: 375px;}
****/
.single {background: white url(images/nobhill.jpg) fixed no-repeat left top;color: black;font: normal 14px/1.5 georgia,times,serif;}

.single #rooms {height: 1630px;text-align: left;width: 642px;margin: 0 auto;overflow-x: hidden;position: relative;clear: left;}
.single #rooms h2, #content h2 {font-size: 27px;line-height: 41px;font-weight: normal;text-shadow: 1px 1px 5px #7485a2;position: relative;top: 100px;}

.single #rooms p{display:block;font-family:helvetica, san-serif;font-size: 14px;line-height: 21px;padding: 20px 5px 0 0;position: relative;top: 0px;}

.single #rooms h3 {float:left;font-family:helvetica, san-serif; color:black;font-size:50px;padding:40px 0px 0px 0px;}

.single #rooms h5 {float:right; font-family:helvetica, san-serif; color:black;font-size:22px;font-weight:normal;padding:75px 0px 0px 0px;}
.single #rooms h5 strong {font-weight:bold;padding:0px 20px 0px 0px;}
.single #rooms h5 cite {font-size:15px;font-style:normal;}
.single #rooms #gallery {clear:both;height:345px;width:640px;background:yellow;}

.single #rooms #comm  {float:right;width:172px;padding:}
.single #rooms #comm  li {list-style:none;}
.single #rooms #comm  li a {display:block;font-family:helvetica, san-serif; color:black;font-size:18px;font-weight:bold;text-decoration:none;margin:20px 0px 0px 0px;padding:0px 0px 0px 32px;}
.single #rooms #comm  li a:hover {color:white;background-position:7px -21px;background-color:#880000;}

#askq a {background: transparent url(images/question.gif) no-repeat 7px 7px;}
#vtour a {background: transparent url(images/virtual_icon.gif) no-repeat 7px 7px;}
#bphotos a {background: transparent url(images/photos.gif) no-repeat 7px 7px;}

#list_items {clear:both;}
#list_items li {list-style-type:circle;}

#specs {width:440px;float: left;padding: 20px 0;}
#specs ul {padding: 20px 0;font-size: 14px;}
#specs ul li {padding: 5px 0 5px 10px;list-style-type: disc;list-style-position: inside}

/**** double 
#double #rooms {height: 830px;text-align: left;width: 642px;float: right;overflow-x: hidden;position: relative;clear: left;right: 375px;}
****/
.double {background: transparent fixed no-repeat left top;color: black;font: normal 14px/1.5 georgia,times,serif;}

.double #apt {height: 1630px;text-align: left;width: 450px;margin: 0 auto;overflow-x: hidden;position: relative;clear: left;}
.double #apt h2, #content h2 {font-size: 27px;line-height: 41px;font-weight: normal;text-shadow: 1px 1px 5px #7485a2;position: relative;top: 100px;}

.double #apt p{display:block;font-family:helvetica, san-serif;font-size: 14px;line-height: 21px;padding: 20px 5px 0 0;position: relative;top: 0px;}

.double #apt h3 {float:left;font-family:helvetica, san-serif; color:black;font-size:50px;padding:40px 0px 0px 0px;}

.double #apt h5 {float:right; font-family:helvetica, san-serif; color:black;font-size:22px;font-weight:normal;padding:0px 0px 0px 0px;background-color: pink;}
.double #apt h5 strong {font-weight:bold;padding:0px 20px 0px 0px;}
.double #apt h5 cite {font-size:15px;font-style:normal;}
.double #apt #gallery {clear:both;height:345px;width:640px;background:yellow;}

.double #apt #comm  {float:right;width:172px;padding:}
.double #apt #comm  li {list-style:none;}
.double #apt #comm  li a {display:block;font-family:helvetica, san-serif; color:black;font-size:18px;font-weight:bold;text-decoration:none;margin:20px 0px 0px 0px;padding:0px 0px 0px 32px;}
.double #apt #comm  li a:hover {color:white;background-position:7px -21px;background-color:#880000;}


/* Galleria */
#slideshow {margin:130px 0px 0px 0px;}
#slideshow li{list-style:none;}
#slideshow a {text-decoration:none;}
#slideshow img {width:520px;float:left;border:3px solid #b9d0f2;}
#slideshow .caption{font-style:italic;color #000000;width:420px;transparent: transparent url(images/caption_strip.png) repeat-y 0px 0px;margin:0px 0px 30px 0px;text-align:center;position:absolute;}
#slideshow .gallery_demo{width:110px;float:right;}
#slideshow .gallery_demo li{width:98px;height:63px;border:3px solid #b9d0f2;margin: 0px 0px 17px 5px;background:#b9d0f2;}
#slideshow .gallery_demo li img {border: none;}
#slideshow .gallery_demo li div{left:240px;padding:0px 0px 0px 0px;}
#slideshow .gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
.galleria{list-style:none;width:200px:}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer;}
.galleria li.active div img,.galleria li.active div{display:block;}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto;}
.galleria li .caption{display:block;padding-top:.5em}


/**** Tours****/
#vrtour_panel {margin: 0 auto;padding:200px 0px 0px 0px;background-image: none !important}
#vrtour_panel {background: transparent url(images/vrtour_panel.png); padding: 20px 20px 0 0;height: 322px;width: 642px;clear: both;}
#vrtour_panel ul {width:105px;float:right;list-style-type:none;}
#vrtour_panel ul li a{display:block;height:50px;margin:0px 0px 12px 0px;text-indent:-9999px;border:3px solid #b9d0f2;}
#vrtour_panel ul li a:hover {background-position: 0px 0px;}

#bed_502 a {background: transparent url(images/thumb_502_bed.gif) no-repeat 0px -50px;}
#bed_502b a {background: transparent url(images/thumb_502_bedb.gif) no-repeat 0px -50px;}
#bed_502_dining a {background: transparent url(images/thumb_502_bed_dining.gif) no-repeat 0px -50px;}
#bed_502_kitchen a {background: transparent url(images/thumb_502_bed_kitchen.gif) no-repeat 0px -50px;}
#bed_502_living a {background: transparent url(images/thumb_502_bed_living.gif) no-repeat 0px -50px;}

#vrtour_panel #r701 li a{display:block;height:65px;margin:0px 0px 14px 0px;text-indent:-9999px;border:3px solid #b9d0f2;}
#vrtour_panel #r701 li a:hover {background-position: 0px 0px;}

#bed_701 a {background: transparent url(images/thumb_701_bed.gif) no-repeat 0px -65px;}
#bed_701_kitchen a {background: transparent url(images/thumb_701_kitchen.gif) no-repeat 0px -65px;}
#bed_701_hall a {background: transparent url(images/thumb_701_hall.gif) no-repeat 0px -65px;}
#bed_701_living a {background: transparent url(images/thumb_701_living.gif) no-repeat 0px -65px;}

.now a {background-position: 0px 0px !important;}

#virtualtour {width:520px;height:322px;border:3px solid #b9d0f2;}


/**** night****/
#night {background: black url(images/NobHill_night.jpg) no-repeat right bottom;background-attachment: fixed;color: white;}
#night #container h2, #content h2 {text-shadow: 1px 1px 5px #5d6a80;}
#night p a {color:white;}
#night p a:hover {background: white;color: black;}
#night label {color: white;}
#night input {color: white; border: 1px solid white ;border-width: 0 0 1px 0;}
#night textarea {padding: 2px;color: white;border: 1px solid white;background: transparent;}
#night button {border: 1px solid white;color: white;}
#night button:hover {background: white;color: black;}

.night {background: black url(images/NobHill_night.jpg) fixed no-repeat left bottom !important;background-attachment: fixed;color: white;}
.night h2, .night h3, .night h5 {color: white !important;}
.night #rooms #comm li a {color: white;}
.night #askq a {background: transparent url(images/question.gif) no-repeat 7px -21px;}
.night #vtour a {background: transparent url(images/virtual_icon.gif) no-repeat 7px -21px;}
.night #bphotos a {background: transparent url(images/photos.gif) no-repeat 7px -21px;}
.night #rooms #comm li a:hover {color: black;background-color: white;background-position:7px 7px;}
.night #slideshow img {border:3px solid #000;}
.night #slideshow .gallery_demo li{border:3px solid #000;background:#000;}

/**** photos ****/
#photos {text-align: left;margin: 120px 0 0 -10px;padding: 0 0 0 85px }
#photos li {float: left;list-style-type: none;}
#photos li a {text-decoration: none;padding: 5px;margin: 5px;display: block;width: 100px;height: 67px;}
#photos li a:hover {background-color: #b9d0f2;}
#photos img {padding:0px;margin: 0;border: none;}


/**** Fancy Box ****/

div#fancy_overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #666;display: none;z-index: 30;}
* html div#fancy_overlay {position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
div#fancy_wrap {text-align: left;}
div#fancy_loading {position: absolute;height: 40px;width: 40px;cursor: pointer;display: none;overflow: hidden;background: transparent;z-index: 100;}
div#fancy_loading div {position: absolute;top: 0;left: 0;width: 40px;height: 480px;background: transparent url('images/fancy_progress.png') no-repeat;}
div#fancy_loading_overlay {position: absolute;background-color: #FFF;z-index: 30;}
div#fancy_loading_icon {position: absolute;background: url('images/fancy_loading.gif') no-repeat;z-index: 35;width: 16px;height: 16px;}
div#fancy_outer {position: absolute;top: 0;left: 0;z-index: 90;padding: 18px 18px 33px 18px;margin: 0;overflow: hidden;background: transparent;display: none;}
div#fancy_inner {position: relative;width:100%;height:100%;border: 1px solid #BBB;background: #FFF;}
div#fancy_content {margin: 0;z-index: 100;position: absolute;}
div#fancy_div {background: #000;color: #FFF;height: 100%;width: 100%;z-index: 100;}
img#fancy_img {position: absolute;top: 0;left: 0;border:0;padding: 0;margin: 0;z-index: 100;width: 100%;height: 100%;}
div#fancy_close {position: absolute;top: -12px;right: -15px;height: 30px;width: 30px;background: url('images/fancy_closebox.png') top left no-repeat;cursor: pointer;z-index: 181;display: none;}
#fancy_frame {position: relative;width: 100%;height: 100%;display: none;}
#fancy_ajax {width: 100%;height: 100%;overflow: auto;}
a#fancy_left, a#fancy_right {position: absolute;bottom: 0px;height: 100%;width: 35%;cursor: pointer;z-index: 111;display: none;background-image: url(data:image/gif;base64,AAAA);outline: none;}
a#fancy_left {left: 0px;}
a#fancy_right {right: 0px;}
span.fancy_ico {position: absolute;top: 50%;margin-top: -15px;width: 30px;height: 30px;z-index: 112;cursor: pointer;display: block;}
span#fancy_left_ico {left: -9999px;background: transparent url('images/fancy_left.png') no-repeat;}
span#fancy_right_ico {right: -9999px;background: transparent url('images/fancy_right.png') no-repeat;}
a#fancy_left:hover {visibility: visible;}
a#fancy_right:hover {visibility: visible;}
a#fancy_left:hover span {left: 20px;}
a#fancy_right:hover span {right: 20px;}
.fancy_bigIframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;}
div#fancy_bg {position: absolute;top: 0; left: 0;width: 100%;height: 100%;z-index: 70;border: 0;padding: 0;margin: 0;}
div.fancy_bg {position: absolute;display: block;z-index: 70;border: 0;padding: 0;margin: 0;}
div.fancy_bg_n {top: -18px;width: 100%;height: 18px;background: transparent url('images/fancy_shadow_n.png') repeat-x;}
div.fancy_bg_ne {top: -18px;right: -13px;width: 13px;height: 18px;background: transparent url('images/fancy_shadow_ne.png') no-repeat;}
div.fancy_bg_e {right: -13px;height: 100%;width: 13px;background: transparent url('images/fancy_shadow_e.png') repeat-y;}
div.fancy_bg_se {bottom: -18px;right: -13px;width: 13px;height: 18px;background: transparent url('images/fancy_shadow_se.png') no-repeat;}
div.fancy_bg_s {bottom: -18px;width: 100%;height: 18px;background: transparent url('images/fancy_shadow_s.png') repeat-x;}
div.fancy_bg_sw {bottom: -18px;left: -13px;width: 13px;height: 18px;background: transparent url('images/fancy_shadow_sw.png') no-repeat;}
div.fancy_bg_w {left: -13px;height: 100%;width: 13px;background: transparent url('images/fancy_shadow_w.png') repeat-y;}
div.fancy_bg_nw {top: -18px;left: -13px;width: 13px;height: 18px;background: transparent url('images/fancy_shadow_nw.png') no-repeat;}
div#fancy_title {position: absolute;bottom: -33px;left: 0;width: 100%;z-index: 100;display: none;}
div#fancy_title div {color: #FFF;font: bold 12px Arial;padding-bottom: 3px;}
div#fancy_title table {margin: 0 auto;}
div#fancy_title table td {padding: 0;vertical-align: middle;}
td#fancy_title_left {height: 32px;width: 15px;background: transparent url(images/fancy_title_left.png) repeat-x;}
td#fancy_title_main {height: 32px;background: transparent url(images/fancy_title_main.png) repeat-x;}
td#fancy_title_right {height: 32px;width: 15px;background: transparent url(images/fancy_title_right.png) repeat-x;}