@charset "UTF-8";
/* CSS Document */

img {margin:0; padding:0; border:0;}
html {font-size: 100%; margin:0; padding:0;}
body {font-family: Arial, "Helvetica", sans-serif; background: #ccc; font-size: 100%; margin:0; padding:0; background:#D0DB20 url(../i/backtile1.jpg) repeat-x 0 0}

#header { width: 820px; padding: 0px; margin:0 auto; height: 110px; position: relative;}

#subnav ul { position:absolute; top:10px; right:0; padding:0!important; margin:0!important; }
#subnav li { display:inline; list-style: none; padding:0!important; margin:0 20px 0 0!important; color:#999999;  font-size:12px; }
#subnav li a { list-style: none; margin: 0; padding:0; color:#637281;}
#subnav li a:hover { text-decoration:none; color:#93AFC9;}


#navbox { margin:0; padding:0; position:absolute; bottom:0; left:0;}

#navbox #nav {font: 16px Arial, "Helvetica", sans-serif; margin:0; padding:0;}
#navbox #nav li { list-style: none; margin: 0; display: inline;}
#navbox #nav li a { padding: 10px 25px; margin: 0 0 0 0; text-decoration: none; font-weight:bold; color:#fff; display:block; float:left; font-size:16px;}
#navbox #nav li a:hover { color: #fff; }
#navbox #nav li a#current {background: #1B1718; color: #fff; font-weight:bold;}

#page-day #navbox #nav li a#current {background: #ED2421; color: #fff; font-weight:bold;}
#page-night #navbox #nav li a#current {background: #2B4972; color: #fff; font-weight:bold;}



#page-home #banner { width: 100%; background:#ED2421 url(../i/back-both.jpg) repeat-x 0 0; height: 320px;}
#page-day #banner { width: 100%; background:#ED2421 url(../i/back-day.jpg) repeat-x 0 0; height: 320px;}
#page-night #banner { width: 100%; background:#2B4972 url(../i/back-night.jpg) repeat-x 0 0; height: 320px;}
#page-package #banner { width: 100%; background:#ED2421 url(../i/back-both.jpg) repeat-x 0 0; height: 320px;}

#bannermain { width: 820px; margin: 0px auto; padding: 0px; position: relative; height: 320px;}

.both-pic { background:#ED2421 url(../i/banner-both.jpg) no-repeat 0 0;}
.day-pic { background:#ED2421 url(../i/banner-day.jpg) no-repeat 0 0;}/* could change background image by adding further classes like this one */
.night-pic { background:#2B4972 url(../i/banner-night.jpg) no-repeat 0 0;}

.ad a:hover { color:#FF6600;}



#content { width: 820px; padding: 20px 0 0 0; margin:0 auto 0 auto; /*position: relative;*/ display:block; background:url(../i/back1.jpg) no-repeat 0 0 }
#content .main {width:430px; padding:0 20px; float:left;}
#content .rightcol {width:310px; padding:0 20px; float:left;}

#logo { width:242px; height:109px; position:absolute; top:0; left:0; background:url(../i/logo.gif) no-repeat 0 0;}
#introtxt { width:300px; position:absolute; top:114px; left:20px;}
#introtxt p {font-size:18px; line-height:138%; color:#0A3A68; margin:0;}
#introtxt a {font-size:12px; color:#DF2F32; font-weight:bold;}

div.article { width:100%; background: url(../i/dot-horiz.gif) repeat-x top left; margin:0 0 10px 0; padding:10px 0 0 0; clear:both; float:left;}
.rightcol div.article { background:none;}
.article img { float:left; clear:right; margin:0 10px 0 0}
.article p { color:#000;}

.links { width:50%; margin:0 0 10px 0; padding:10px 0 0 0; float:left; background: url(../i/dot-vert.gif) repeat-y 95% top;}
.links ul { margin:0 0 0 10px; padding:0 0 0 10px; line-height:100%; }
.links li { list-style:url(../i/bullet1.gif); padding:3px 0; color:#DF2F32; font-size:12px;}

div.clear {width: auto;height: auto; padding: 0; margin: 0; clear: both;}



#enquiry td { color:#FFFFFF; font-size:12px; padding:4px;}

#enquiry td input { width:200px; padding:5px; background:#fff; border:#666 1px solid; color:#333}
#enquiry td input.btn { width:100px; background:#F37723; font-size:14px; color:#FFFFFF; padding:3px;}


ul.listhome { padding: 0  18px }
ul.listhome li {
	font-size:13px;
	color:#000000;
	padding:4px 0;
}

a { color:#fff; text-decoration:none;}
a:hover { color:#fff; text-decoration:underline; }
p { font-size:13px; color:#000; line-height:140%; margin: 0 0 15px 0;}
h1 { font-size:30px; }
h2 { font-size:22px; margin:15px 0; color:#F37723; text-transform: uppercase; background:#FFFFFF; padding:3px 5px; display:inline-block   }
h3 { font-size:14px; margin: 0; color:#F37723; font-weight:bold; text-transform: uppercase; }
a img {border:none;}


#footer { width: 100%; padding: 0; margin:20px auto 0 auto; height:150px;  background:#336699; float:left;}
#footercontent {width: 820px; margin: 0px auto; padding: 0;}
#footercontent ul { margin:0 0 0 8px; padding:0; float:left; }
#footercontent li { list-style: none; margin: 0; display: inline;  font-weight:normal; color:#ccc; font-size:11px; float:left; display:block; }

#footer-logos { float:right; margin-top:10px;}

#footercontent ul.copyright { margin:20px; padding:0; float:right; }