* { margin: 0; padding: 0; }
p { margin: 15px 0 15px 0; padding: 0; }
a:link, a:active, a:visited { font-weight:bold; color: #8E8C48; text-decoration:none; }
a:hover { text-decoration:underline; }
fieldset { border: none; }
img { border: none; margin: 0; padding: 0; }
ul { list-style: none; }
.clear { clear: both; height: 0px; line-height: 0; }
em { font-style: normal; }
select, input, textarea { border: 1px solid #ccc; padding: 2px; color: #483822; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

button, button span       { font-family: Arial, Helvetica, sans-serif; font-size:12px; border:0; padding:0; margin:0; display:block; background-color:transparent; background-repeat:no-repeat; cursor:pointer; }
button                    { width:104px; height:22px; overflow:visible; vertical-align:bottom; }
button span               { text-align:center; line-height:22px; white-space:nowrap; background:#8e8c48 url(../images/ICNarrow01.png) no-repeat 85px 50%; color:#fff; }
button:focus              { outline-width:1px; outline-style:dotted; }
button::-moz-focus-inner  { padding:0; border:0; }
.btn                      { float:left; width:104px; text-align:center; background:#8e8c48 url(../images/ICNarrow01.png) no-repeat 85px 50%; color:#fff !important; font-weight:normal !important; text-decoration:none !important; line-height:22px; }

body { padding: 7px 0 30px 0; background:#fbfdf2 url(../images/BKGbody01.jpg) no-repeat }
#container { width: 880px; color:#858379; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
#shadow { zoom:1; margin-top:56px; padding-right:17px; background:url(../images/BKGshadow.png) repeat-y 100% 0; _background:none; }

/* header */
#logo { position: absolute; top:10px; left:0; width:214px; height:50px; padding:14px 0 0 22px; background:#fff; }
#lang { display: block; text-align: right; margin: 11px 0 15px 0; }
#lang a { padding: 0 9px 0 8px; border-right: 1px solid #bfb6aa; }

#topnav { display: block; text-align: right; margin: 0 17px 0 0; }
#topnav li { zoom:1; position:relative; display: inline; }
#topnav li a { cursor:pointer; text-transform:lowercase; font-size:10px; font-family: Arial, Helvetica, sans-serif; color: #fff; font-weight: bold; text-decoration: none; padding: 0 9px 0 8px; border-left: 1px solid #fff; }
#topnav .nopad { padding: 0 8px 0 0; border: none; }

#lang-select ul { display:none; width:50px; padding:5px; position:absolute; right:0; top:20px; border:1px solid #b8b2aa; background:#fff; }
li#lang-select a { padding-right:12px; background:url(../images/ICNarrow02.png) no-repeat 100% 50%; }
#lang-select li { display:block; }
#lang-select li a { border:none; padding:0; margin-bottom:3px; display:block; color:#4d4d4d; background:none; }

#header { padding:0 20px 0; background:#fff; }
#header h1 { margin-top:22px; font-size:26px; float:left; font-weight:normal; color:#999; text-transform:lowercase; }
#header .contact-info { float:right; width:282px; margin:22px 0 0; color: #858379; font-size: 10px; }

#nav            { float:left; clear:both; width:100%; margin:0; padding:15px 0 0; }
#nav li         { float:left; }
#nav li a       { display:block; font-weight:normal; font-size:12px; font-family: Arial, Helvetica, sans-serif; color: #827668; text-transform:lowercase; text-decoration: none; padding:5px 13px; }
#nav li:hover a,
#nav li.on a    { font-weight:bold; }
#nav li:hover li a,
#nav li.on li a { font-weight: normal; }

#nav li:hover ul { display: block; }

#nav ul { display: none; position: absolute; }
#nav ul li  { clear: left; }
#nav ul li a  { background: #fff; width: 165px; padding: 5px 5px 5px 15px; border-top: 1px solid #827668; font-weight: normal; }
#nav ul li a:hover,
#nav ul li.on a  { font-weight: bold; }

#imghead       { clear:left; margin:0; padding:0; height:234px; color:#616161; }
#imageholder   { float: left; padding: 0 2px 0 2px; width: 823px; background: #fff; }
#imghead #imageholder span { display: block; width: 823px; height: 234px; overflow: hidden; padding: 0 !important; }
#imghead em    { display: block; padding: 12px 0 0 357px; }
#imghead span  { display: block; padding: 4px 0 0 357px; }

/* general content styles*/
#wrapper { zoom:1; padding:16px 20px 36px; background:#fff; }
.title { font-weight: bold; color: #616161; display: block;  border-bottom: 1px solid #dcd7d2; width: 142px; padding: 0 0 7px 1px; margin: 0 0 9px 0; }

/* text */
#content { zoom:1; }

#text { zoom:1; overflow:hidden; padding: 0 30px 30px 22px; color:#858379; }
h2 { color: #827668; font-weight: normal; font-size: 15px; margin: 0; padding: 0;}
h3 { font-size: 12px; margin: 17px 0 12px 0; clear: left;  }
.text2  { overflow: hidden; zoom: 1; padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px solid #dedede; }
#text ul li, .text2 ul li { background: url(../images/dot.gif) left 5px no-repeat; padding: 0 0 0 8px; margin: 0 0 0 15px; }
#textholder { zoom:1; overflow:hidden; }
.nobord { border-bottom: none; }
.textleft { float: left; width: 630px; }
.textright { float: right; width: 115px; margin-right:20px; display:inline; padding: 0 0 10px 0; }
.textright div { margin: 0 0 23px 0; }
.textright img { display: block; margin: 0 0 6px 0; }
.textright a { display: block; }
.magnif { background: url(../images/ICONlocation.gif) left 3px no-repeat; padding: 0 0 6px 11px; }
.titlesmall { font-weight: bold; color: #616161; display: block;  border-bottom: 1px solid #dcd7d2;  padding: 0 0 5px 1px; margin: 0 0 6px 0; }
#textholder .last { margin: 0; border-bottom: none; }

#text #sitemap-list       { margin: 15px 0; }
#text #sitemap-list li    { margin-bottom: 7px; }
#text #sitemap-list ul    { margin-left: 15px; }

#sitemap-link { float: right; margin: 5px 15px 0 0; color: #4d4d4d; text-decoration: none; }

.pricelist { width: 100%; text-align: left; margin: 20px 0 15px 0; clear: both; }
.pricelist td, .pricelist th { vertical-align: top; padding: 3px 0; }
.pricelist td { border-top: 1px solid #eee; }
.GOreserv { margin-left: 353px; }
.roomreserv { margin-top: 30px; width: 75px; }

.hall { width: 100%; font-size: 11px; text-align: left; margin: 20px 0 15px 0; clear: both; }
.hall td, .hall th { vertical-align: top; padding: 3px 2px 2px 0px; }
.hall td { border-top: 1px solid #eee; }

#contact { width: 220px; margin-top: 15px; float: left; }
#contact dt { font-weight: bold; padding-bottom: 12px; }
#contact dd { padding: 1px 0; }

/* gallery */
#text #gallery { overflow: hidden; margin-bottom: 10px; *height: 1%; width: 430px; }
#text #gallery li { float: left; background: none; padding: 0; margin: 0 10px 10px 0;}

/* box bottom */
#box-bottom { zoom:1; overflow:hidden; background: #858279; margin-top:20px; padding: 15px; }

#location { padding: 8px 10px 21px 10px; margin: 0 0 2px 0; height: 70px; border: 1px solid #ded9d4; border-right: none; background: #e9e6da; }
#location img { border: 1px solid #d1c8bf; float: left; margin: 0 8px 0 0; }
#location em { background: url(../images/ICONlocation.gif) left 3px no-repeat; padding: 0 0 0 11px; }
#weather { padding: 8px 10px 0px 10px; border: 1px solid #ded9d4; border-right: none; background: #faf9f5; }
#weather em { position: relative; width: 130px; display: block; margin: 0 0 5px 0; }
#weather .box { width: 45px; float: left;color: #aaa196; margin: 0 4px 20px 0; }
#weather .box img { display: block; margin: 4px 0 4px 4px; }
#weather .last { margin: 0; }
#weather .box span { display: block; }

/* reservation form */
#reservationholder         { zoom:1; overflow:hidden; margin-bottom:20px; background:#ebeae6; }
#reservationholder form    { float:right; padding:10px 10px 10px 0; }
#reservationholder label   { display:block; font-size:11px; }
#reservationholder div     { position:relative; float:left; margin-right:10px; }
#reservationholder .inputs { width:125px; }
#reservationholder input,
#reservationholder select  { color:#483822; }
#reservationholder input   { width:90px; }
#reservationholder img     { position:absolute; right:0; bottom:0; cursor:pointer; }
#reservationholder button  { margin-top:10px; }

.reservform       { margin:20px 0 0; }
.reservform div   { margin:10px 0; }
.reservform label { display:block; }
.reservform img   { margin-left:7px; cursor:pointer; vertical-align:bottom; }

/* contact form */
#contactform        { width: 165px; float: right; }
#contactform label  { display: block; float: none;  }
#contactform input.text, #contactform textarea {  margin: 3px 0 10px 0; width: 160px; }
#contactform button {  margin: 15px 0 0; float: right; cursor: pointer; }

/* newsletter form */
#newsletter        { width:300px; float:left; }
#newsletter input  { float:left; }
#newsletter button { float:left; margin:-1px 0 0 5px; display:inline; }

/* footer */
/* footer pop up */
#brandNavBrandList { position: absolute; visibility: hidden; background: #F9F8F5; border: 1px solid #85796B; margin: -150px 0 0 320px; *margin: -150px 0 0 160px; }
#brandNavBrandList a { display: block; margin: 3px 5px 3px 10px; text-decoration: none; color: #4D4D4D; }
#brandNavBrandList a.border { margin-bottom: 10px; }
#brandNavBrandList a:hover { text-decoration: underline; }

#footer { zoom:1; padding-top:50px; background:url(../images/BKGbottom-shadow.png) no-repeat; _background:none; color: #645344; font-size: 10px; font-family: Arial, Helvetica, sans-serif; }
#footer .inner { zoom:1; padding-top:5px; background:#fbfdf2; }
#hup { display: block; width: 165px; height: 82px; text-align: center; float: left; }
#hup img { display: block; margin: 20px auto 11px auto; }
#hup a { color: #999; text-decoration: none; }
#hup :hover { text-decoration: underline; }

#footer dl { margin: 20px 0 0 183px; }
#footer dd { display: inline; color: #999; }
#footer dd a { margin: 0 20px 0 30px; }
#signin { float: right; margin: -14px 37px 0 0; }

#footer ul { margin: 12px 0 0 180px; }
#footer ul li { display: inline; padding: 0 2px 0 3px; color: #999; }
#footer ul li a, #footer em a { color: #999; font-weight:normal; text-decoration: none; }
#footer ul li a:hover, #footer em a:hover { text-decoration: underline; }
#footer em { margin: 0 0 0 18px; }

#footimage { border-top: 1px solid #c8c8c8; padding: 2px 0 0 10px; clear: both;}
#star { border-right: 1px solid #c8c8c8; }
#wood { border-left: 1px solid #c8c8c8; }

/*** home extra ***/
#text .home-banner  { float: left; margin-right: 41px; }

#text .home-multimedia  { float: left; width: 225px; }
#text .home-multimedia li { display: block; background:none; padding:0; margin:0 0 10px 0; }
#text .home-multimedia li h3  { margin: -5px 0 10px 0; padding: 5px 39px 0 0; font-size: 15px; line-height: 17px; color: #827668; font-weight: normal; float: left; }
#text .home-multimedia li.video { margin-bottom: 31px; }
#text .home-multimedia li.video h3 { background: url(../images/icon-video.gif) top right no-repeat; }
#text .home-multimedia li.virtual h3 { background: url(../images/icon-virtual.gif) top right no-repeat; }
#text .home-multimedia li a { display:block; font-size:10px; text-decoration:none; clear: left; }

#text #keywordnav { float: right; width: 235px; }
#text #keywordnav h3 { margin: 0 0 10px 0; font-size: 15px; line-height: 17px; color: #827668; font-weight: normal; }
#text #keywordnav li { background:none; padding:0; margin:0 0 6px 0; float: left; clear: left; width: 235px; }
#text #keywordnav li a { display:block; font-size:10px; text-decoration:none; }

/* DIMEDIA SIGN ******************************************************/
#sign { margin: 0px auto; margin-top: 1px; width: 810px; padding: 34px 0 4px 10px; background: url(../images/pattern.gif) top left repeat; }
#sign a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: black; }
#sign a:hover { color: red; }
#sign span { color: red; }

/* PANORAMA FLASH */
#westinNewYearFlash { margin-top:1px; }

/* VIDEO POPUP */
.videoPopupButton { cursor: pointer; color: #3d8a87; }
.textVideo  { display: block; color: #8e8c48; font-weight: bold; background: url(../images/icon-video.gif) top left no-repeat; padding: 5px 0 5px 30px;  }



#video-popup-overlay  { position: absolute; top: 0; left: 0; z-index: 1000; background: #000; cursor: pointer; }
#video-popup          { position: absolute; top: 0; left: 0; z-index: 1001; background: #fff; padding: 0px 0px 25px 0px; width: 640px; height: 480px; display: none; }
#video-popup span     { font-family: ariel,sans-serif; font-size: 11px; color: #333; position: absolute; bottom: 6px; left: 10px; display: block; font-weight: bold; }
#video-popup .close   { position: absolute; bottom: 7px; right: 10px; cursor: pointer; display: block; }


.christmasBanner  { display: block; margin-top: 2px; width:165px; }

/* SHARE TOOLBAR */
a.dimedia-toolbar-button { width: 54px; float:right; margin-right:20px; display:inline; line-height: 14px; padding:0 0 0 4px; background: url(../images/toolbar/button.png); font-size:10px; font-family: arial, sans-serif; text-transform: uppercase; text-decoration:none; color:#929292; cursor: pointer; }
#dimedia-toolbar { display: none; opacity: 0; width: 96px; padding-top:20px; background: url(../images/toolbar/dimedia-toolbar-top.png) top left no-repeat; *background-image:url(../images/toolbar/dimedia-toolbar-top-ie.png); position: absolute; z-index:100; }
#dimedia-toolbar .bottom-bkg { zoom:1; padding-bottom:31px; background: url(../images/toolbar/dimedia-toolbar-bottom.png) bottom left no-repeat; *background-image:url(../images/toolbar/dimedia-toolbar-bottom-ie.png); }
#dimedia-toolbar .middle-bkg { zoom:1; background: url(../images/toolbar/dimedia-toolbar-middle.png) top left repeat-y; padding: 1px 0; }
#dimedia-toolbar ul { margin: -11px 0 -13px 9px; position: relative; padding: 0; list-style: none; overflow: hidden; zoom: 1; }
#dimedia-toolbar ul li  { float: left; margin: 0 5px 4px 0; background: #fff; }
#dimedia-toolbar ul a,
#dimedia-toolbar ul a img { display: block; border: 0; height: 16px; width: 16px; cursor: pointer; }
#dimedia-toolbar ul a { opacity: 0.6; }
#dimedia-toolbar ul a:hover { opacity: 1; }

.picassa { float:right; margin-right:10px; display:inline; position:relative; top:-1px; }
