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

#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; }
#submenu li { height: 24px; padding: 1px 8px 0 8px; float: left; }
#submenu li.current { background: url(../images/sub-current-difference.gif) repeat-x; font-weight: bold; }
#submenu a { color: #887e6e; }
#submenu a:hover { border-bottom: 1px dashed #887e6e; }

/* Booking Panel */
#bookhome { width: 272px; height: 79px; background: url(../images/book-back2.gif); position: absolute; top:0px; left: 704px; }
.selectup, .selecthover { width:110px; position:absolute; top:11px; right:26px; z-index:1; }
.selecthover ul, #selecthover li { margin:0; padding:0; list-style:none; }
.selectup ul { display:none; }
.selecthover ul { width:108px; border:1px solid #DADADA; border-top:none; float:right; clear:right; display:block; }
.selecthover li { width:108px; }
.selecthover li a { width:101px; padding:0 0 0 7px; color:#666; display:block; background:#FFF; float:none; }
.selecthover li a:hover { background:#EEE; }
.select { width:103px; height:22px; padding:1px 0 0 7px; display:block; color:#666; background:url(../images/select-up.png); float:right; clear:right; }
.select:hover, .selecthover .select { background:url(../images/select-over.png); }
.worldwide { font: 11px verdana; color: #887E6E; display: block; position: absolute; top: 45px; left: 26px; }
.worldwide:hover { color: #887e6e; border-bottom: 1px dashed #887e6e; }

/* Content */
#content { width: 920px; padding: 215px 0px 210px 50px; }
#layout { width: 920px; }
#layout .left { width: 520px; padding: 0 40px 0 0; }
#layout .right { width:400px; padding: 0 0 0 21px; }

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 { float: left; background: #FFFFFF; padding: 1px; border: 1px solid #c6c6c6; margin: 0 30px 15px 0; }
.box { background:url(../images/cornerbox.jpg) left top no-repeat; width: 100%; clear: left; float: left; padding: 12px; margin: 16px 0 0 0; }
.box img { width: 120px; height: 120px; color: #FFFFFF; }
.box .heading { width: auto; height: auto; }
.boxleft { float: left; }
.boxright { width: 296px; float: right; }
.box h2 { margin: 4px 0 0 0; }
#content ul { margin: 15px 0 0 0; padding: 0; font-size: 12px; }
#content li { list-style: none; background: url(../images/arrow-difference.gif) top left no-repeat; margin: 0 13px 0 0; padding: 0 0 0 10px; float: left; }
.image { width: 387px; height: 275px; background: url(../images/back-difference.jpg); padding: 11px; }
.image img, #flashcontent { border: 1px solid #CCCCCC; }

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

.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 { border-bottom: 1px dashed #B4B86C;  }
h1 { margin: 15px 0 0 0; font: 34px arial; letter-spacing: -1px; color: #B4B86C; }
h1 span { font-size: 24px; }
td { vertical-align: top; }
a { color: #B4B86C; }

/* Footer */
#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: 910px; padding: 48px 0 0 50px; }
#footer a, #footer strong { color: #737373; }
#footer a:hover { color: #887e6e; border-bottom: 1px dashed #887e6e; }