html, body, #container { width: 100%; height: 100%; min-height: 100%; margin: 0px; padding: 0px; font: 11px/22px verdana; color: #999999; }
html { background: url(../images/back-intrinsic.jpg) 40% top no-repeat; }
html>body #container { height: auto; }
#container { position: relative; }
img { border: none; }
a { text-decoration: none; outline:none; }
#logo { position: absolute; top: 50px; left: 50px; }
#logo a:hover img, #share img:hover { opacity: 0.75; }

/* Menu */
#nav { width: 100%; height: 39px; background: url(../images/nav-back.png) repeat-x; position: absolute; top: 115px; }
#nav ul { margin: 0px 0px 0px 37px;	padding: 0;	list-style-type: none; position:relative; }
#nav li { height: 39px;	margin: 0;	padding: 0;	float: left; }
#nav a { height:39px; display: block; }
#nav span { position:absolute; top:-1000px; }

#submenu { width: 100%; height: 26px; background: url(../images/submenu-back.gif) repeat-x; color: #887e6e; position: absolute; top: 154px; }
#submenu ul { margin: 0 0 0 37px; padding: 0 0 0 19px; list-style-type: none; position:relative; }
#submenu li { height: 24px; padding: 1px 8px 0 8px; float: left; }
#submenu li.current { background: url(../images/sub-current-intrinsic.gif) repeat-x; font-weight: bold; }
#submenu a { color: #887e6e; }
#submenu a:hover { border-bottom: 1px dashed #887e6e; }

.menu1 a { width:91px; background: url(../images/m-overview-up.png) no-repeat; }
.menu1, .menu1 a:hover, .menu1 a.current { background: url(../images/m-overview-over.png) no-repeat; }
.menu2 a { width:144px; background: url(../images/m-difference-up.png) no-repeat; }
.menu2, .menu2 a:hover, .menu2 a.current { background: url(../images/m-difference-over.png) no-repeat; }
.menu3 a { width:99px; background: url(../images/m-localarea-up.png) no-repeat; }
.menu3, .menu3 a:hover, .menu3 a.current { background: url(../images/m-localarea-over.png) no-repeat; }
.menu4 a { width:117px; background: url(../images/m-guestrooms-up.png) no-repeat; }
.menu4, .menu4 a:hover, .menu4 a.current { background: url(../images/m-guestrooms-over.png) no-repeat; }
.menu5 a { width:150px; background: url(../images/m-meetings-up.png) no-repeat; }
.menu5, .menu5 a:hover, .menu5 a.current { background: url(../images/m-meetings-over.png) no-repeat; }
.menu6 a { width:73px; background: url(../images/m-dining-up.png) no-repeat; }
.menu6, .menu6 a:hover, .menu6 a.current { background: url(../images/m-dining-over.png) no-repeat; }
.menu7 a { width:80px; background: url(../images/m-contact-up.png) no-repeat; }
.menu7, .menu7 a:hover, .menu7 a.current { background: url(../images/m-contact-over.png) no-repeat; }
.menu8 a { width:70px; background: url(../images/m-offers-up.png) no-repeat; }
.menu8, .menu8 a:hover, .menu8 a.current { background: url(../images/m-offers-over.png) no-repeat; }
.menu9 a { width:40px; background: url(../images/m-home-up.png) no-repeat; }
.menu9, .menu9 a:hover, .menu9 a.current { background: url(../images/m-home-over.png) no-repeat; }

/* Booking Panel */
#book { width: 320px; height: 80px; background: url(../images/hotel-book-back.gif); position: absolute; top:0px; left: 582px; }
#book select { width: 110px; border: 1px solid #DADADA;	font: 11px verdana;	color: #666666;	padding: 3px; position: absolute; top: 11px; left: 135px; }
#book select:hover, #book select:focus { border: 1px solid #BFB7A7; background: #F9F9F9; }
.button2 a { width: 115px; height: 26px; padding: 9px 0 0 10px; font: bold 12px verdana; color: #FFFFFF; position: absolute; top: 34px; left: 20px; background: url(../images/b2-intrinsic.gif) left; }
.button2 a:hover { background: url(../images/b2-intrinsic.gif) right; }
.hotelname { position:absolute; top:8px; left:22px; }
.tollfree { position:absolute; top:35px; left:143px; }
.email { position:absolute; top:47px; left:148px; font-weight:bold; }

/* Switcher */
#switch { position: absolute; top: 125px; right: 10px; }
#switch ul { margin: 0;	padding: 0;	list-style-type: none; }
#switch li { width: 17px; height: 16px;	margin: 0 0 0 5px;	padding: 0;	float: left; }
#switch a { width: 17px; height: 16px; display: block; }
#mood { position: absolute; top: 159px; right: 8px; }

.intrinsic a { background: url(../images/switch-intrinsic.gif) right; }
.intrinsic a:hover { background: url(../images/switch-intrinsic.gif) right; }
.energized a { background: url(../images/switch-energized.gif) left; }
.energized a:hover { background: url(../images/switch-energized.gif) right; }
.empowering a { background: url(../images/switch-empowering.gif) left; }
.empowering a:hover { background: url(../images/switch-empowering.gif) right; }
.unconstrained a { background: url(../images/switch-unconstrained.gif) left; }
.unconstrained a:hover { background: url(../images/switch-unconstrained.gif) right; }

/* Forgotten */
#forgotten { width: 140px; height: 114px; position: absolute; top: 0; right: 0; display: block; }
#forgotten img { visibility: hidden; }
#forgotten:hover img { visibility: visible; }

#share { position:absolute; top:192px; right:10px; }
#share img { margin:0 0 0 7px; }

/* Content */
#content { padding: 220px 0px 228px 50px; }
#layout1, #layout2, #layout3, #layout4 { width: 848px; }
#layout3 { *padding-right:15px; }
#layout1 .left { width: 546px; }
#layout1 .right { width: 300px; }
#layout1 .left2 { padding: 0 40px 0 0; width: 506px; background: url(../images/divider.jpg) top right no-repeat; }
#layout1 .right2 { padding: 0 0 0 30px; }
#layout2 .left { width: 478px; padding: 0 40px 0 0; background:url(../images/divider.jpg) top right no-repeat; }
#layout2 .right { width:300px; padding: 0 0 0 21px; }
#layout3 .left { padding: 0 220px 0 0; width: 600px; }
#layout3 .left2 { width: 835px; }
#layout4 .left { width: 478px; padding: 0 40px 0 0; background: url(../images/divider.jpg) top right no-repeat; }

#flashcontent { width: 514px; text-align: center; margin-bottom: 25px; }
p, h1, h2, h3 { margin: 16px 0 16px 0; }
hr { margin: 10px 0 0 0; border: 1px dashed #FFFFFF; border-top: 1px dashed #CCCCCC; }
.border img, .border2 { float: left; background: #FFFFFF; padding: 1px; border: 1px solid #c6c6c6; margin: 0 30px 15px 0; }
.border:hover img, .border2:hover { border: 1px solid #aec12d; }
.box { background:url(../images/cornerbox.jpg) left top no-repeat; width: 100%; clear: left; float: left; padding: 13px 12px 12px 12px; margin: 16px 0 0 0; }
.box h2 { margin: 4px 0 0 0; }
.box img { width: 120px; height: 120px; color: #FFFFFF; }
.box .heading { width: auto; height: auto; }
.box2 { width: 255px; margin: 0 0 32px 0; }
.box2 h2 a { font: bold 16px arial; color: #939393; }
#content ul { margin: 15px 0 0 20px; padding: 0; }
#content li { list-style: none; background: url(../images/arrow-intrinsic.gif) top left no-repeat; padding: 0 0 0 12px; }
.fine { font-size: 9px; color: #BBBBBB; }
.download div { width: 31px; height: 37px; background: url(../images/b-download-intrinsic.gif); float: left; display: block; margin: -12px 8px 0 0; cursor: pointer; }
.enquire div { width: 40px; height: 37px; background: url(../images/b-enquire-intrinsic.gif); float: left; display: block; margin: -12px 8px 0 0; cursor: pointer; }
.download2 { padding: 0 0 3px 19px; background: url(../images/b-download2-intrinsic.gif) top left no-repeat; }
.enquire2 { padding: 0 0 3px 24px; background: url(../images/b-enquire2-intrinsic.gif) top left no-repeat; }
#map-container, #map-container2 { width: 493px; height: 387px; padding: 13px; background: url(../images/back-slideshow.jpg) no-repeat; }
#map { width: 486px; height: 379px; border: 1px solid #CCCCCC; text-align: left; }
#map-container2 { width: 848px; height: 408px; background: url(../images/back-map.jpg) no-repeat; }
.zoom { width: auto !important; height: auto !important; float: right; margin: 0 10px 0 0; }

#MapBuilderMap { width: 620px; height: 379px; border: 1px solid #CCCCCC; }
.IWCaption { color: #aec12d; font: bold 15px arial; margin-bottom: 5px; }
#MapBuilder img { margin: 5px 15px 0 0; padding: 1px; border: 1px solid #CCCCCC; }
.MapBuilderSideBar { float: right; margin-left: 10px; }
.MapBuilderSideBar ul { margin: 10px 0 0 0 !important; }

.button { width: 87px; height: 35px; float: right; }
.button img { width: 12px !important; height: 7px !important; }
.button a { width: 87px; height: 26px; padding: 9px 0 0 10px; float: right; background: url(../images/b1-intrinsic.gif) left; font: bold 12px verdana; color: #FFFFFF; }
.button a:hover { background: url(../images/b1-intrinsic.gif) right; }

.special { margin: 0px 0px 40px 0px; }
.special p { margin: 8px 0px 0px 0px; padding: 0px; }
.box a:hover img, .special a:hover img, .download:hover div, .enquire:hover div { opacity: 0.75; }
p a:hover, h2 a:hover, #content li a:hover, #confrooms a:hover { border-bottom: 1px dashed #aec12d;  }
h1 { margin: 0; font: 38px helvetica, arial; letter-spacing: -2px; color: #aec12d; }
h1 span { font-size:20px; letter-spacing:0; }
h2 { color: #aec12d; padding-bottom: 1px; font: 20px helvetica, arial; }
h2 span { font: bold 13px helvetica, arial; }
h2 sup { font: 12px helvetica, arial; }
h3 { font: bold 15px helvetica, arial; color: #999999; }
h3 span { font:13px helvetica, arial }
.colour { color: #aec12d; }
td { vertical-align: top; }
a { color: #aec12d; }
.virtualtour { width:226px; height:55px; _height:33px; }
.virtualtour a { width:226px; height:33px; display:block; background:url(../images/headings/vt-intrinsic.gif) no-repeat; }
.virtualtour a:hover { opacity:0.7; }

#capacities { width: 492px; padding: 11px; margin-bottom: 25px; background: url(../images/back-capacities.jpg) top no-repeat; }
#confrooms { width: 100%; font: 9px verdana; background: #FFFFFF; border: 1px solid #CCCCCC; }
#confrooms tr.hover:hover { background: #F9FBF0; }
#confrooms tr.pad td { padding: 18px 3px 18px 3px; background: #EBEFCA; }
#confrooms td { padding: 10px 3px 10px 3px; text-align: center; }
#confrooms td.no { padding: 0; }
.highlight { background: #F5F7E4; }

#form label {
	position: absolute;
	width: 144px;
}
#form .label2 { width: 250px; }
#form2 { float: left; }
#form2 label { margin: 3px 0 0 0; color: #aec12d; }
.text1, .text2, .text4, #form2 input, #form2 textarea, #form2 select { padding: 3px !important; font: 11px verdana; color: #999999 !important; border: 1px solid #DDDDDD; }
.text1 { width: 180px; margin: 2px 0 2px 150px; }
.text2 { width: 60px; margin: 2px 0 2px 0; }
.text4 { width: 188px; margin: 2px 0 2px 150px; }
.text1:hover, .text2:hover, .text4:hover, #form2 input:hover, #form2 textarea:hover, #form2 select:hover, .checkbox:hover { border: 1px solid #aec12d !important; }
.checkbox {margin: 2px 0 2px 250px; border: 1px solid #DDD; padding: 3px !important; }
#form2 input:hover { opacity: 0.8; }
#form h3 { border-bottom: 1px dashed #CCCCCC; background: url(../images/arrow-intrinsic.gif) top left no-repeat; padding: 2px 0 0 10px; }
.formbutton { width: 84px; height: 37px; background: url(../images/b4-intrinsic-up.gif); border: none; font: bold 12px verdana; color: #FFFFFF; cursor: pointer; }
.formbutton:hover { background: url(../images/b4-intrinsic-over.gif); }

/* Footer */
#fade { width: 50px; height: 49px; background: url(../images/divider-fade.png) repeat-x; position: absolute; bottom: 208px; left: 562px; }
#subscribe { width: 203px; position: absolute; right: 12px; bottom: 97px; }
#subscribe a.tag { width: 71px; height: 94px; background: url(../images/tag-intrinsic.gif) top right no-repeat; display: block; float: right; }
#subscribe a:hover { border: none !important; opacity: 0.7; }
#subscribe img { padding: 15px 0 0 0; }
#footer { width: 100%; height: 205px; margin: 0px;	background: url(../images/footer-back.jpg)  bottom repeat-x; position: absolute; bottom: 0px; font: 10px/18px verdana; color: #DDDDDD; }
#footer p { margin: 0 0 10px 0; }
#footerlogos { width: 825px; height: 60px; margin:0 0 0 50px; font-size:1px; }
#footerlogos img, #footerlogos table { float:left; }
#footerlogos a:hover img { opacity: 0.67; }
#footercopy { width: 935px; padding: 40px 0 0 50px; }
#footer a, #footer strong, #footer span { color: #737373; }
#footer a:hover { color: #887e6e; border-bottom: 1px dashed #887e6e; }
#footer span a { color: #aec12d; }
#footer span a:hover { color: #aec12d; border-bottom: 1px dashed #aec12d; }

.links { position:absolute; top:-2000px; }