/* CSS Document */
html,body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #ffffff;
}

body {
background-color: #999999;
}

p {
color: #D6DADD;}

div {
	/*border: 1px #FFFFFF solid;*/
font-size: 10px;
font-weight: normal;}

table {
padding: 0px;
margin: 0px;
border: none;
width: 100%;}

td {
vertical-align: middle;
text-align: center;
padding: 0px;
margin: 0px;
border: none;
}

tr {
padding: 0px;
margin: 0px;
border: none;
}


/* TOP SECTION FORMAT */
div.top {
position:relative;
width: 760px;
height: 90px;
background-color: #000000;
margin-left: auto;
margin-right: auto;
}

div.top div.fadedtitle {
position: absolute;
top: -30px;
left: 145px;
height: 65px;
width: 415px;
background-image: url(../photos/index_page_title.gif);
background-repeat:no-repeat;
background-position:center center;
}

div.top div.storefront {
position: absolute;
top: -10px;
left: 570px;
height: 90px;
width: 190px;
background-image: url(../photos/flatselitestorefront200x116.jpg);
background-repeat:no-repeat;
background-position:center center;
}

div.top div.bermagui {
position: absolute;
top: 35px;
left: 120px;
height: 20px;
width: 440px;
background-image: url(../photos/Bermagui.jpg);
background-repeat:no-repeat;
background-position:center center;
z-index: 100;}

div.top div.flashmenu {
position: absolute;
top: 65px;
left: 0px;
height: 25px;
width: 570px;
background-color: #000000;
}

div.top div.stars {
position: absolute;
top: -13px;
left: 0px;
height: 65px;
width: 145px;
background-color: #000000;
}

img.stars {
margin: 0px;
padding: 0px;
border: none;
width: 30px;
height: 30px;
}

/* BOTTOM SECTION FORMAT */
div.bottom {
position: absolute;
top: 360px;
left: 0px;
width: 760px;
height: 50px;
background-color: #000000;
}

div.bottom p {
border: none;
margin: 0px;
padding: 0px;
text-align: center;
}

/* CENTRE SECTION FORMAT */
div.centre {
position: relative;
height: 260px;
width: 800px;
background-image:url(../photos/bluepoolfrontpage.jpg);
background-repeat:no-repeat;
background-position:center center;	
background-color: #999999;	
margin-left: auto;
margin-right: auto;
}

div.centre div.attractions {
position: absolute;
left: 200px;
top: 0px;
height: 260px;
width: 200px;
background-image: url(../photos/bluepoolfrontpage_part02.jpg);
background-repeat:no-repeat;
background-position:center center;
}

div.centre div.attractions p {
border: none;
margin: 0px;
padding-left: 10px;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 10px;
text-align: left;
color: #000000;
}

div.centre div.attractions p.title {
font-weight: bold;
padding-top: 5px;
padding-bottom: 10px;
font-size: 15px;}

div.centre div.information {
position: absolute;
left: 0px;
top: 0px;
height: 260px;
width: 200px;
background-image: url(../photos/bluepoolfrontpage_part01.jpg);
background-repeat:no-repeat;
background-position:center center;
}

div.centre div.information p {
border: none;
margin: 0px;
text-align: left;
color: #000000;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 10px;
}

div.centre div.information p.title {
font-size: 15px;
font-weight: bold;
}

div.centre div.image_tage {
color: #ffffff;
font-family: monospace;
font-size: 11px;
position: absolute;
width: 200px;
height: 15px;
top: +245px;
left: +600px;
font-style: italic;
text-align: right;
}

div.logo {
position: absolute;
left: 560px;
top: 0px;
height: 130px;
width: 200px;
background-image: url(../photos/bluepoolfrontpage_part5_600x800.jpg);
background-repeat:no-repeat;
background-position: center center;
}

/* STORE FRONT SECTION FORMAT */



div.onthebeach {
position: absolute;
top: 260px;
left: 0px;
height: 90px;
width: 200px;
background-image: url(../photos/frontpageonthebeach200x116.jpg);
background-repeat:no-repeat;
background-position: center center;
}

div.pelican {
position: absolute;
top: 260px;
left: 560px;
height: 90px;
width: 200px;
background-image: url(../photos/pelican200x116.jpg);
background-repeat:no-repeat;
background-position: center center;
}


table.bordered {
border: 1px #000000 solid;
}

table.bordered th {
background-color: #000000;
text-align: left;
color: #ffffff;
font-family: sans-serif;
font-size: 11px;}

table.bordered td {
padding: 0px;
margin: 0px;
border: none;
width: 100%;
}

table.bordered tr {
padding: 0px;
margin: 0px;
border: none;
width: 100%;
}

a, a:link, a:active, a:visited  {
color: #000000;
text-decoration: none;
font-weight: bold;
}

a:hover, a:visited:hover {
color: #a41720;
font-weight: bold;
text-decoration: none;
font-size: 11px;}

p{
border: none;
margin: 0px;
padding: 0px;
text-align: center;
color: #ffffff;
font-size: 10px;}

p.copyright{
font-family: monospace;
color: #ffffff;
font-size: 10px;
font-weight: bold;
text-align: center;
border-top-color: #FFFFFF;
border-top-style: solid;
border-top-width: 1px;}

div.submenu {
position:relative;
width: 760px;
height: 25px; 
margin-left:auto; 
margin-right:auto;
}

div.submenu div.menu{
position: absolute;
width: 465px;
height: 25px; 
left: 0px;
top: 0px; 
}