/*	Standard font family for site */
body, table, tr, td, a, p, h1, h2, h3, h4, h5, h6 { font-family: verdana, arial, sans-serif; }
/*	Page body style */
body { background: #000 url("../images/bg_a.jpg") no-repeat fixed center top; overflow: visible; margin: 0; padding: 0; }
/* Standard paragraph style */
p {	font: normal 0.8em verdana, arial, sans-serif; color: #fff; margin: 0 0 5px 0; padding: 0; }
/* Headings */
h1 { font: bold 22px Helvetica, Arial, sans-serif; font-style: normal; text-transform: normal; letter-spacing: -1px; line-height: 1.1em; color: #fff;  }
h2 { font-weight: bold;	letter-spacing: -0.03em; font-size: 0.7em; color: #fff; margin: 0; padding: 0; }
h3 { font-weight: bold;	letter-spacing: -0.03em; font-size: 1.0em; color: #0066ff; margin: 0 0 0 0;	padding: 0 0 0 0; }
h4 { font-weight: bold;	letter-spacing: 0.03em;	font-size: 0.6em; color: #ffffff; margin: -31px -5px 0 0; padding: 15px; text-align: right; }
h5 { font-weight: bold;	letter-spacing: -0.03em; font-size: 0.7em; color: #fff;	margin: 0; padding: 0; text-align: right; }
h6 { font-weight: bold;	letter-spacing: 0.02em;	font-size: 0.7em; color: #fff; text-align: left; }
img { border: none; }
.clear { position: relative; clear: both; height: 0; line-height: 0; font-size: 0; }
.blue { font: bold 1.1em Verdana, Arial, Sans-serif; color: #0066ff; margin: 0; padding: 0; }
/* Style for standard links
   background-color: #000; margin: 0 0 10px 0; padding: 5px; border: 1px solid #333; */

a {	color: #0066ff;	text-decoration: none; }
a:visited {	color: #0066ff; text-decoration: none; }
a:hover { color: #fff; text-decoration: none; }
a:visited:hover { color: #fff; text-decoration: underline; }

/* logo links */

h1 a { color: #fff; text-decoration: none; }
h1 a:visited { color: #fff; text-decoration: none; }
h1 a:hover { color: #ff0000; text-decoration: none; }
h1 a:visited:hover { color: #ff0000; text-decoration: none; }

/* The highlight colour for the logo */

.highlight-colour { color: #da0373; }

/* BASIC LAYOUT */

/* Outer Container for page */
#wrapper {
	width: 920px;
	left: 50%;
	margin-left: -460px;
 	padding: 0;
	margin-top: 0;
	position: absolute;
    }

/* Header */
#header {
	width: 920px;
 	height: 150px;
 	margin: 0 auto;
 	padding: 20px 0 0 0;
    }

/* Content wrapper */
#content-container {
	width: 920px;
	margin: 0 auto;
	padding: 0;
    }


/* HEADER STYLES */


/* logo */
#logo {
    background: transparent url(../images/logo.gif) no-repeat 0 0;
	width: 420px;
 	height: 130px;
	padding: 0;
	margin: 0;
	position: relative;
	float: left;
    }
#logo h2 { font-size: 0.9em; color: #fff; margin: 0; padding: 105px 100px 0 0; text-align: right; }

/* Top navigation */
#intro { 
    width: 498px; 
	height: 90px; 
	position: relative; 
	float: left; 
	border: 0px solid #dadada; 
	margin: 0; 
	padding: 0; 
	text-align: left; 
	}
#navbar { 
    width: 920px; 
	height: 25px; 
	position: relative;
	float: left;
	border: 1px solid #dadada;
	margin: 0 0 10px 0;
	padding: 5px 0 0 0;
	background: #222;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
    }

#newsletter { 
    width: 340px; 
	height: 21px; 
	position: relative;
	float: right;
	margin: 0;
	padding: 0;
    }
.form_news { 
    width: 340px; 
	height: 21px; 
	position: relative;
	float: right;
	margin: 0;
	padding: 0;
    }
.menu { position: relative; float: left; margin: 0 auto; padding: 0; height: 25px; width: 500px; display: block; }
.menu li { padding: 0; margin: 0; list-style: none; display: inline;}
.menu li a { float:left; padding: 3px 20px 3px 20px; display:block; color:#999; border-right: 1px solid #ccc; text-decoration:none; font: 12px Verdana, Arial, Helvetica, sans-serif; cursor:pointer;}
.menu li a:hover { color: #fff;}
.menu li a.active, .menu li a.active:hover { font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #0099ff; }
	
	
	
/* HOMEPAGE ONLY */
#top-promo { width: 920px; height: 700px; }
#top-promo-left {
	width: 484px;
	float: left;
	padding: 0;
	margin-bottom: 10px;
    }
.banner {
	width: 484px;
	height: 119px;
	position: relative;
	float: left;
	padding-top: 10px;
	margin: 0;
    }

#featured {
	width: 480px;
	font-size: 0.8em;
	padding: 0;
	margin: 10px 0 20px 0;
	text-align: justify;
    }

#featured img { float: left; margin: 10px 20px 10px 10px; }
#featured h1 { color: #fff; margin: 0 10px; padding-top: 5px; text-align: right; }
#featured h2 { font-size: 0.9em; margin: 0 10px; padding-top: 5px; text-align: right; }
#featured h3 { margin: 0 10px; padding-top: 0; text-align: right; }
#featured p { padding: 10px; text-align: justify; }

#top-promo-right {
	width: 410px;
	height: auto;
	float: left;
	padding: 0;
	margin: 0 0 0 20px;
	border: 0px solid #fff
	/* Provides the gradient in the coloured box 
	background-image: url("../images/");
 	background-repeat: no-repeat; */
    }
    #top-promo-right p { font-size: 0.6em; padding: 0px; text-align: justify; }
	#top-promo-right h1 { padding: 0 0 5px 0; margin: 0; text-align: left; }
    #top-promo-right h2 { font-size: 0.9em; color: #fff; padding: 0 0 5px 0; margin: 0; text-align: left; }
    #top-promo-right h3 { font-size: 0.7em; color: #0066ff; padding: 15px 0 5px 0; margin: 0; text-align: left; }
    #top-promo-right h4 { font-size: 0.7em;	letter-spacing: 0.03em; color: #fff; margin-top: 10px; padding: 15px 0 0 0; text-align: right; }
    #top-promo-right .text-promo-1 { width: 400px; height: auto; float: left; padding: 0 0 15px 0; margin: 0; border-bottom: 1px solid #ccc}
    #top-promo-right .bed { font-size: 0.8em; width: 409px; height: 566px; position: relative; float: left; padding: 5px 0px 10px 0px; }
	
    .worx {	background-color: #000; margin: 2px 0 15px 0; padding: 3px; border: 1px solid #222; float: left; }
	#top-promo-right .bed h1, #text-column-2 h1 { 
    background: #000; 
	font: bold 0.9em verdana, arial, sans-serif; 
	width: auto; 
	height: 20px; 
	margin: 0; 
	padding: 5px 8px 0 8px;
	float: left;
	letter-spacing: 0;
	color: 0099ff;
	border: 1px solid #333;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	-webkit-border-topleft-radius: 7px;
	-webkit-border-topright-radius: 7px;
	}
	#top-promo-right .bed h6 { 
    background: #000; 
	float: right;
	width: auto; 
	height: 20px; 
	margin: 0 0 10px 0; 
	padding: 7px 7px 0 7px;
	border: 1px solid #333;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottomleft-radius: 5px;
	-webkit-border-bottomright-radius: 5px;
	}
    #top-promo-right .booking { width: 400px; height: 60px; position: relative; float: left; margin: 0; padding: 5px 0 0 0; border: 0px solid #ccc }
	#top-promo-right .booking h2 { font-size: 0.7em; color: #0066ff; margin: 0; padding: 0 0 5px 0; text-align: justify; }
	#top-promo-right .form { width: 400px; height: 110px; position: relative; float: left; margin: 5px 0 10px 0; padding: 0; border: 3px solid #000 }

/* Start Rates Grid */
#grid { padding: 0; margin: 0; list-style: none; }
#grid  ul { padding: 0; margin: 0; list-style: none; }
#grid  li { display:block; margin: 0;}
/* Main Tab Panels */
#grid  b { display:block; position: relative; float:left; }
#grid  b.tab0 { top:0px; background:#fff; border-top: 0px solid #dadada; }
/* Main Tab Content */
#grid li { float:left; margin:0; }
#grid li ul { position:relative; width:400px; height:auto; margin: 0; padding: 0; text-align: left; }
#grid li ul li { display:block; display:inline; color:#0066ff; width:92px; height:10px; margin:1px 1px; padding: 3px 0 3px 3px; line-height:0px; text-align: left; }
#grid li ul li a { font: bold 0.7em Arial, Verdana, sans-serif; color: #fff; display:block; width:92px; height:10px; padding: 3px 0 3px 3px; line-height:10px; text-decoration:none; }
* html #grid li a:hover { position:relative; white-space:normal; color:#ff0000; }
* html #grid li a:hover ul li a:hover { color:#000; background: #bcd; }
#grid li:hover { position:relative; }
#grid li:hover ul li a:hover { background: #0066ff; color:#fff; border: 1px solid #fff; }

	
#imagerotator {
	width: 400px;
	height: 150px;
	float: left;
	margin: 10px 0 15px 0;
	padding: 0;
	border: 5px solid #000;
	/* Provides the gradient in the coloured box 
	background-image: url("../images/");
 	background-repeat: no-repeat; */
    }

#text-columns { width: 920px; margin: 20px 0 20px 0; padding: 0; text-align: justify; }
*:first-child+html #text-columns { width: 920px; margin: 130px 0 20px 0; padding: 0; text-align: justify; }

#mid-column { width: 915px; height: auto; position: relative; float: left; padding: 10px 0; margin: 0px 0 20px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: left; }
#mid-column img { float: left; padding: 0 4px 0 0; margin: 0; }
#mid-column .poster { width: 920px; height: 255px; position: relative; float: left; margin: 0; padding: 0; }
#list { width: 920px; display: inline; list-style-type: none; margin: 0; padding: 0; }
#list li { width: 180px; height: 255px; display: inline; list-style-type: none; padding: 0; margin: 0; }

#text-column-1 {
	font-size: 0.8em;
	width: 484px;
	float: left;
	padding: 0;
	margin: 0 20px 10px 0;
    }

#text-column-1 img { float: left; margin: 0 20px 10px 0; }
#text-column-1 h3 {	margin: 0 10px; padding: 0; }
#text-column-1 p { margin-top: 10px; }

#text-column-2 { font-size: 0.8em; width: 409px; float: left; margin: 0; }
#text-column-2 img { float: left; margin: 0 20px 10px 0; }
#text-column-2 h3 {	margin: 0 10px; padding: 0; }
#text-column-2 p { color: #ccc; padding-left: 5px; margin-top: 0; }

#text-column-3 {
	font-size: 0.8em;
	width: 410px;
	float: left;
	padding-top: 0;
    }

#text-column-3 img { float: left; margin: 0 20px 10px 0; }
#text-column-3 h3 {	margin: 0 10px; padding: 0; }
#text-column-3 p { margin-top: 10px; }

#flashban { width: 468px; margin: 10px 0 0 0; }
#div.clearer{ clear: left }

/* Footer styling */
#footer {
    width: 920px;	
	height: 60px;
 	margin: 0px 0px 0 0px;
 	padding: 10px 0 0 0;
 	border-top: 1px solid #fff;
	text-align: left;
    }

#footer p {
	text-align: left;
	font-size: 0.6em;
	color: #fff;
    }