body {
background-image: url(../images/bg_top.jpg);
background-repeat: no-repeat;
}


#container
{
width: 960px;
margin: 10px auto;
padding: 0;
background-color: #fff;
color: #333;
line-height: 130%;
background-image: url(../images/background_slice.png);
background-repeat: repeat-y;
}


#masthead
{
padding: .5em;
/*border-bottom: 1px solid gray;*/
}

#header
{
height: 200px;
margin: 0;
padding: 0;
}





/* Navigation */
#navigation {
position: absolute;
left: auto;
top: 245px;
width: 600px;
/*border: 1px solid black;*/
text-transform: uppercase;
z-index: 999;
}

#navigation ul {
list-style: none;
margin: 0;
padding: 0 0 0 0;
width: 4.8em;
float: right;
text-align: center;
}

#navigation a, #navigation h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .95em;
font-weight:normal;
display: block;
margin: 0;
padding: 2px 3px;
}

#navigation li ul li a {
font-size: .70em;
border: 1px dotted gray;
}

#navigation h2 {
color: #666666;
}

#navigation a {
color: #0066FF;
background: transparent;
text-decoration: none;
}

#navigation h2 a {
padding-top: 20px;
}

#navigation a:hover {
color: #009999;
background-color: transparent;
}

#navigation h2 a:hover {
color: #006600;
}

#navigation li {position: relative;}

#navigation ul li active
{
color: #FFFF00;}

#navigation ul ul {
position: absolute;
z-index: 500;
}

#navigation ul ul ul {
top: 0;
left: 100%;
}

div#navigation ul ul,
div#navigation ul li:hover ul ul,
div#navigation ul ul li:hover ul ul
{display: none;}

div#navigation ul li:hover ul,
div#navigation ul ul li:hover ul,
div#navigation ul ul ul li:hover ul
{display: block;}

/* end Navigation */



#colour_bar
{
clear: both;
}

div#colour_bar p
{
vertical-align: bottom;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
color:#FFFF00;
margin: 0;
padding: 0 1em 0 0;
}



/* Page Structure*/

#left_column {
float: left;
width: 210px;
margin: 0;
padding: 0;
}


#center_column {
position: relative;
margin-left: 220px;
margin-right: 220px;  
padding: 3em 1em 1em 1em;
text-align: center;
min-height: 310px;
}

#center_column_wide {
margin-left: 0px;
margin-right: 190px;  
padding: 1em;
text-align: justify;
}


#right_column {
float: right;
width: 180px;
margin: 0;
padding: 1em;
text-align: justify;
}

#footer {
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: white;
}
/* end page structure */






/* Header Styles */
#logo_grad {
float: left;
clear: left;
margin: 0.8em 0 0.8em 0;
padding: 0.5em 0 0.5em 0;
background-image: url(../images/logo_grad.jpg);
background-repeat: repeat-y;
}

#header h1 {
text-indent: -99999px;
background-image: url(../images/jade_waters_heading.png);
background-repeat: no-repeat;
padding: 0;
margin: 0 0 0 0.5em;
width: 333px;
height: 72px;
}

#header h2 {
text-indent: -99999px;
background-image: url(../images/luxury_apartments.png);
background-repeat: no-repeat;
padding: 0;
margin: 0 0 0 0.6em;
width: 256px;
height: 29px;
}

#header h3 {
text-indent: -99999px;
background-image: url(../images/relax_slogan.png);
background-repeat: no-repeat;
padding: 0;
margin: 0 0 0 0.8em;
width: 282px;
height: 37px;
}

#header h4 {
text-indent: -99999px;
background-image: url(../images/jade_stars.png);
background-repeat: no-repeat;
padding: 0;
margin: 0 0 0 0.8em;
width: 103px;
height: 21px;
}

#header_movie {
margin: 0.8em 0 0.8em 0;
padding: 0;
width: 400px;
height: 200px;
float: right;
}

#header_movie img {
width: 385px;
height: 170px;
}



 

/* Left Column Styles */
#lifestyle_bar {
margin-left: 2.6em;
}

.lifestyle_images {
width: 150px;
height: 100px;
}



/* Content Styles */
#center_column p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
}

#reservation_button {
width: 287px;
height: 87px;
}

#myGallery {
float: right;
margin: 0.4em 0 1em 1em;
}


/* Links (Right Column) */
.links_images {
width: 90px;
margin-left: 20px;
}


/* Footer divs */
#developer
{
float: right;
clear: none;
text-align: right;
font-size: 70%;
}

.vivid {color: #00CC00;}
.image {color: #FF0000;}
.marketing {color: #0000FF;}


#footer_agency_details
{
float: left;
font-size: 70%;
width: 400px;
}

#w3c {
font-size: 70%;
text-align: left;
float: left;
}

#w3c img
{
float: left;
border-style: none;
}

#footer a
{
text-decoration: none;
color:#333333;
}

#footer a:hover
{
text-decoration:underline;
}


/* ENQUIRIES FORM LAYOUT */
form {
width: 180px !important;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
}

fieldset {
	float: left;
	width: 100%;
	margin: 0 0 1.5em 0;
	padding: 0 0 1.5em 0;
	border: 1px solid #BFBAB0;
	background-color: #FFFFFF;
	background-image: url(../images/bg_top.jpg);
	background-repeat: repeat-x;
}

legend {
	margin-left: 1em;
	padding: 0 0.3em 0 0.3em;
	color: #FFFFFF;
	background-color: #00ACEC;
	border: 1px solid #2D4679;
	font-weight: bold;
}

fieldset ol {
	padding: 1em 1em 0 1em;
	list-style: none;
	zoom: 1;
}

fieldset li {
	float: left;
	clear: left;
	width: 100%;
	padding-bottom: 0.4em;
}

label {
	text-align: left;
	float: left;
	width: 10em;
	margin-right: 1em;
	font-size: 1em;
	color: #444444;
}

label.instructions {
width: 150px;
}

input, textarea, select {
float: left;
clear: left;
margin-left: 0.5em;
width: 120px;
}

textarea {
width: 120px;
}

fieldset.submit {
	float: none;
	clear: both;
	width: auto;
	border-style: none;
	padding-left: 16em;
	background-color: transparent;
	background-image: none;
}

.form_error {
float: left;
width: 10em;
text-align: left;
}

input.submit {
background-color: #00ACEC;
}


#captcha_image {
float: left;
clear: none;
margin-left: 4em;
}




/* Extras */
.dropcap
{
float: left;
width: 1.1em;
font-size: 3.7em;
line-height: 83%;
}

.reservation {
font-size: 1.3em;
font-weight: bolder;
}

#scooter_hire {
position: absolute;
left: -160px;
bottom: -70px;
}

#wifi {
position: absolute;
left: -160px;
top: 370px;
}


a img.holiday_hervey_bay_logo {
	border: none;
}