html, body, #container { width: 100%; height: 100%; min-height: 100%; margin: 0px; padding: 0px; font: 11px/22px verdana; color: #999999; }

html a:hover { visibility: visible }
html>body #container { height: auto; }
#container { position: relative; }
img { border: none; }
a { text-decoration: none; }
#logo { left:15px;
position:absolute;
top:10px; }
#logo a:hover img { opacity: 0.75; }


.menu2 {
float:left;
width:100%;
font-family: verdana, arial, sans-serif; font-size:11px;
border-top:1px solid #78A8CE;
background:#ddd url(images/menu2.gif) repeat-x; 
margin:0px 0px 20px 0px; 
}
.menu2 ul {
padding:0;margin:0;list-style-type:none;padding-top:5px;
}
.menu2 ul li {
float:left; position:relative; padding-top:5px;
}

.menu2one
{
padding-top:5px;
}


.menu2 ul li a, .menu2 ul li a:visited {
float:left;
display:block;
text-decoration:none;
color:#444;
padding:0px 16px; line-height:25px; height:30px;
}

.menu2 ul li:hover {width:auto;}

.menu2 ul li a:hover {background:#aaa url(images/sub2a.gif); color:#ffffff;}

.menu2 ul li:hover a {background:#aaa url(images/sub2a.gif); color:#ffffff;}

.menu2 ul li ul {
display: none;
}
.menu2 table {
margin:0; border-collapse:collapse; font-size:11px; position:absolute; top:0; left:0;
}


.menu2 ul li:hover ul {
display:block; position:absolute;top:29px; background:#aaa; margin-top:1px; left:0; width:152px;
}

.menu2 ul li:hover ul.scroller {
height:138px; width:172px; overflow:auto;}

.menu2 ul li:hover ul.endstop {
left:-90px;
}
.menu2 ul li:hover ul li ul {
display: none;
}
.menu2 ul li:hover ul li a {
display:block; background:#aaa; color:#fff;height:auto;line-height:15px;padding:4px 16px; width:120px;
}
.menu2 ul li:hover ul li a.drop {
background:#888;
}
.menu2 ul li:hover ul li a:hover {
color:#ffffff; background: #888;
}
.menu2 ul li:hover ul li a:hover.drop {
background: #888; color:#ffffff;
}
.menu2 ul li:hover ul li:hover ul {
display:block; position:absolute; left:153px; top:-70px; color:#000; left:152px; height:138px; width:172px; overflow:auto; background:#888;
}
.menu2 ul li:hover ul li:hover ul li a {background:#888;}
.menu2 ul li:hover ul li:hover ul li.group {width:152px; padding:5px 0;}


.menu2 ul li:hover ul li:hover ul.left {
left:-172px;
}
.menu2 ul li:hover ul li:hover ul li a:hover {background:#666; color:#ffffff;}




.menu2 ul li a:hover ul {
display:block;position:absolute;top:30px; t\op:29px; background:#aaa;left:0; marg\in-top:1px;
}
.menu2 ul li a:hover ul.scroller {
height:138px; overflow:auto;}

.menu2 ul li a:hover ul.endstop {
left: -90px;
}
.menu2 ul li a:hover ul li a {
display:block; color:#fff; height:1px; line-height:15px; padding:4px 16px; width:152px; w\idth:120px;
}
.menu2 ul li a:hover ul li a.drop {
background:#888; padding-bottom:5px;
}
.menu2 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}
.menu2 ul li a:hover ul li a:hover {
color:#ffffff; background: #888;
}
.menu2 ul li a:hover ul li a:hover.drop {
 background: #888; color:#ff0;
}
.menu2 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:-69px; t\op:-70px; color:#000; left:152px; height:138px; width:170px; overflow:auto; background:#888;
}
.menu2 ul li a:hover ul li a:hover ul.left {
left:-170px;
}
.menu2 ul li a:hover ul li a:hover ul li a:hover {background:#666; color:#0ff;}


.left {clear:both;}




#nav { width: 100%; height: 30px; 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; }
#nav li { height: 30px;	margin: 0;	padding: 0;	float: left; }
#nav a { display: block; }
#nav a:hover img { visibility: hidden; }





#book { 
width: 320px;
 height: 80px;
  background: url(../images/hotel-book-back.gif);
   position: absolute;
    top:0px;
	 left: 682px;
}


#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: 170px; right: 5px; }




/* Content */
#content { padding: 160px 0px 200px 15px;  }
/*#layout1, #layout2, #layout3, #layout4 { width: 870px; }*/
#layout1 .left 
{ 
width: 480px;
padding-top:10px !IMPORTANT;
padding-left:0px !IMPORTANT;
padding-right:0px !IMPORTANT;
padding-bottom:0px !IMPORTANT;

/*height:360px !IMPORTANT;*/
 }
#layout1 .right 
{ 
width: 340px !IMPORTANT;
padding-left:0px !IMPORTANT;
padding-right:0px !IMPORTANT;
padding-top:15px !IMPORTANT;
margin-left:0px;
margin-top:15px;
border-left: 0px dashed #999999;
border-right: 0px dashed #999999;

}
#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 0 0 0; height:360px !IMPORTANT; background:url(../images/divider.jpg) top right no-repeat; }
#layout2 .right { width:300px; padding: 0 0 0 21px; height:360px !IMPORTANT; }
#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; }



h4 { margin: 0px 0 0px 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 #78A8CE; }
.box { background:url(../images/cornerbox.jpg) left top no-repeat; width: 90%; clear: left; float: left; padding: 13px 12px 12px 12px; margin: 16px 0 0 0; }
.box h2 { margin: 4px 0 0 0; color: #78A8CE; }
.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: #78A8CE; }
/*#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; }
*/

p a:hover, h2 a:hover, #content li a:hover, #confrooms a:hover { border-bottom: 1px solid #78A8CE;  }
h1 { margin: 0; font: 22pt arial; letter-spacing: 0px; color: #78A8CE; }
h2 { color: #78A8CE; padding-bottom: 1px; font: 20px arial; }

.quotes 
{
 color: #000000; padding-bottom: 0px; font: 26px arial;
}

h2 span { font: bold 13px arial; }
h2 sup { font: 12px arial; }
h3 { font: bold 15px arial; color: #999999; }
.colour { color: #78A8CE; }
td { vertical-align: top; }
a { color: #78A8CE; }

 .bullet
		 {
		 font-family: verdana,ariel ;
		 color: #999999;
		 font-size: 11px;
		 font-weight:normal;
		 text-align:justify;
		 line-height:18pt;
		 }
		 
ul
{
color:#8DB1C7;
list-style-type:square;
margin-left:30px;
margin-right:40px;
margin-top:00px;
padding:0px;
}

li 
{
color:#8DB1C7;


padding:0px;
}

/* Footer */

#footer 
{ 
width: 100%;
 height: 190px;
  margin: 0px !IMPORTANT;
  	background: url(../images/footer-back.jpg) bottom repeat-x;
	 position: absolute !IMPORTANT;
	  bottom: 0px !IMPORTANT;
	   font: 10px/18px verdana;
	    color: #DDDDDD;
		 }
#footer p { margin: 0 0 10px 0; font-size:8pt; color:#000000; }
#footerlogos { width: 910px; height: 50px; background: url(../images/f-back.gif) left no-repeat; }
#footerlogos img { float:left; }
#footerlogos a:hover img { opacity: 0.67; }
#footercopy { width: 910px; padding: 34px 0 0 50px; }
#footer a, #footer strong, #footer span { color: #737373; }
#footer a:hover { color: #887e6e; }
#footer span a { color: #78A8CE; }
#footer span a:hover { color: #78A8CE; border-bottom: 1px solid #78A8CE; }

.subfooter,.subfooter a, .subfooter a:hover
{
color: #999999 !IMPORTANT;

text-decoration:none !IMPORTANT;
font-size:7pt;
border-top: solid 1px #cccccc;
width:107%;

}

.subfooter a, .subfooter a:hover
{
text-decoration:none !IMPORTANT;
font-size:7pt;
border-top: solid 0px #cccccc  !IMPORTANT;
}

