body { font-family:Helvetica, Arial, sans-serif; font-size:12px; color:#ccc; margin:0;color:#333;}
#top { background:#000; height:19px; padding-top:6px; color:#FFF; font-size:90%; overlow:hidden; }
#banner { height:120px; background:url(../images/bannerBg.png) repeat-x; }
#bannerHeight { height:120px;}
.navBar { position:absolute;left:0;padding-top:10px; width:960px;height:25px; bottom:0;border-top:1px solid #CCC;}
#wrapper { background:url(../images/wrapperBg.png) repeat-x; border-top:1px solid #999;padding-top:15px; }
*:first-child+html #wrapper {margin-bottom:15px;}
#content { background:url(../images/contentBg.png) no-repeat; width:970px; margin:0 auto;padding-top:20px;min-height:600px;}
#padded { background:url(../images/paddedBg.png) no-repeat; width:905px;padding:10px; margin:0 auto 10px auto;min-height:600px}
#footer { background-color:#000; color:#fff; padding:20px 0; font-size:90%;}

/* BOXES 
*************************************************************/
#main, #subMain {width:897px; height:311px; background:url(../images/main.jpg) no-repeat;margin:0 auto; position:relative;color:#FFF; font-family:"Times New Roman", Times, serif;}
#subMain {height:179px; background:url(../images/subMainBg.jpg) no-repeat;}
#callNow { width:250px; font-size:180%; position:absolute; top:10px; right:20px;}
#mainBox, #subMainBox { width:260px; height:230px; position:absolute; top:40px; left:45px;position:relative;}
#subMainBox {top:20px;}
#subMainBox {height:130px; }
#mainTxtBox, #subMainTxtBox { position:absolute; top:80px; left:15px;  width:227px; height:150px; font-family:Helvetica, Arial, sans-serif}
#subMainTxtBox {height:50px; }
.width { width:960px; margin:auto;}
#topLeft {float:left; width:500px;}
#searchBox { width:203px; height:50px; background:url(../images/searchBg.png) no-repeat; position:absolute; right:0; top:30px;}
.panelBox { width:262px; min-height:160px; padding:0 10px 0 10px; background:url(../images/panelBoxBg.jpg) no-repeat; float:left; display:inline; margin:10px 25px 20px 0; position:relative; left:4px; top:0;}
#lastBox { margin-right:0;}
#map {height:300px; margin:20px 50px 40px 50px; border:1px solid #ccc;}
#contactContent { float:right; display:inline; width:362px; padding:10px 10px 0 10px; position:relative; top:0; left:-50px;margin-bottom:50px; background:url(../images/contactContentBg.png) no-repeat;}
#clientLogin {width:400px; min-height:200px; border:1px solid #666; margin:50px auto;}
#clientNav { border:1px solid #ccc; width:190px; height:19px; float:right; display:inline; position:relative; top:-50px; left:0; background:#666; padding:3px 10px; color:#CCC;}
#errorBox { width:400px; margin:10px auto; background:#FFF url(../images/warningIcon.png) no-repeat top right; padding:10px; border:1px solid #FF0000;color:#FF0000;min-height:50px;}
#createInfo { width:600px; margin:25px auto; background:#FFF; padding:10px; border:1px solid #666}

/* NAVIGATION 
*************************************************************/
a {outline:none;}
.navBar ul { list-style-type:none; margin:0; padding:0;}
.navBar li { float:left; margin:0; padding:0;}
.navBar a {  padding:3px 0 0 0; margin:0 20px 0 0; text-decoration:none;color:#333; text-transform:uppercase; position:relative;left:5px;border-top:2px solid #FFF}
.navBar a:hover, #current { border-top:1px solid #000; outline:none;}
#footer a { color:#CCC; text-transform:lowercase; text-decoration:none;}
.none { text-decoration:none;}
.panelBox a { text-decoration:none;}
.panelBox a:hover { text-decoration:underline;}
#bookNow { position:absolute; left:30px; bottom:5px;}
#top a {text-decoration:none;}
#top a:hover { text-decoration:underline;}
.panelBox a { color:#666;}
#clientNav a {color:#FFF; text-decoration:none;}
.bg { background:url(../images/linkBg.gif) no-repeat; width:185px; height:26px; padding-top:6px; text-decoration:none; text-align:center; color:#FFF; display:block;}
.bg:hover { background:url(../images/linkBgOver.gif) no-repeat;}
#topSignin { position:absolute; bottom:0; right:37px;color:#999; text-align:right;}
#topSignin a { color:#999; text-decoration:none;}
#topSignin a:hover { color:#666; text-decoration:underline;}

/* IMAGES 
*************************************************************/
#logo { position:absolute; top:30px; left:10px;}

/* FORMS 
*************************************************************/
form {margin:0; padding:0;}
.keyword {width:150px; position:absolute; left:4px; top:5px; border:1px solid #FFF; color:#666;}
#go {position:absolute; right:0; top:0;}
.loginField { width:167px; height:30px; background:url(../images/loginFieldBg.png) no-repeat;margin:5px 0;}
#loginSubmit, #send { position:absolute; top:34px; left:175px;}
#send { top:0;}
.loginField input { position:absolute; top:5px; left:5px; width:150px;border:1px solid #FFF; color:#666;}
.Input, #enquiry { border:1px solid #CCC; padding:2px; width:250px;}
.borderinput { border:1px solid #CCC; padding:2px; width:200px;}
#enquiry { height:100px;}
textarea { font-family:Arial, Helvetica, sans-serif; font-size:12px; }

/* STYLES 
*************************************************************/
#errorBox strong { color:#000;}
#Booking { position:relative; left:40px; top:0;}
.txtRight { text-align:right;}
.txtLeft { text-align:left;}
.txtCenter { text-align:center;}
.smallest {font-size:80%;}
#top h1 { font-weight:normal; font-size:12px; margin:0; padding:0; float:left; display:inline;}
#banner h1 { margin:0; padding:0; font-size:28px; color:#000; font-family:"Times New Roman", Times, serif; position:absolute; top:33px; left:0;}
h3 { margin:10px 0 10px 0; padding:0; font-size:22px; font-family:"Times New Roman", Times, serif; }
#clientLogin h3 { background:#666; color:#fff; width:380px; margin:0;padding:5px 10px;font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.tenPadder {padding:10px;}
#panelBox h3, #mainBox h3, #subMainBox h3, #mainBox h4, #subMainBox h4, h6, h7{ margin:0 0 10px 0; padding:0; font-size:22px;}
#mainBox h3, #subMainBox h3 {font-size:28px; position:absolute; top:0; left:6px;z-index:2000;font-weight:normal; }
#mainBox h4, #subMainBox h4 {font-size:28px; position:absolute; top:2px; left:5px; color:#000; z-index:1000; font-weight:normal;}
h5, h6{ margin:0; padding:0; font-size:28px;position:absolute; top:35px; left:51px;z-index:2000; font-weight:normal;}
h5 { margin:0; padding:0; position:absolute; top:36px; left:49px;z-index:2000;font-size:28px;color:#000}
.white {color:#FFF;}
.red {color:#FF0000;}
.black {color:#000;}
.seperator { background:#CCC; height:1px; overflow:hidden; margin:0; padding:0;float:none; clear:both;}
.txtRight { text-align:right;}
.zero { position:relative; top:0; left:0; }
.strong { font-weight:bold;}
.clear { margin:0; padding:0; height:1px; overflow:hidden; float:none; clear:both;}