@import "reset.css";

html { height: 100%; }

body
{
	background: #000 url('/images/background.gif') no-repeat 50% 0;
	color: #999;
	font: 14px/20px HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
}

body#properties
{
	overflow: hidden;
	height: 100%;
	max-height: 100%;
}

#container,#centeredColumn { text-shadow: #000 0 1px 1px; }

a
{
	color: #fff;
	text-decoration: none;
}

p { margin: 0 0 1em 0; }

ul.bullets
{
	list-style: disc;
	margin: 0 0 1em 0;
}

ul.bullets li { margin-left: 1.5em; }

#map_container
{
	position: absolute;
	z-index: 1;
	overflow: visible;
	height: 100%;
	max-height: 100%;
	width: 100%;
}

#map
{
	margin-left: 500px;
	height: 100%;
	position: relative;
}

#container
{
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	height: 100%;
	max-height: 100%;
	z-index: 2;
	position: relative;
	width: 500px;
}

#properties #masthead, #properties #footer
{
	position: absolute;
	top: 0;
	left: 0;
	width: 500px;
	height: 70px;
	margin: 0;
	/*Height of top frame div*/
	overflow: hidden;
	/*Disable scrollbars. Set to "scroll" to enable*/
	background-color: #000;
	color: white;
}

#properties #masthead { width: 500px; }

#properties #masthead
{
	background: transparent url(/images/interface/header_background.png) no-repeat -7px 0;
	z-index: 4;
}

#properties #footer
{
	top: auto;
	bottom: 0;
	height: 50px;
	/*Height of bottom frame div*/
	overflow: hidden;
	/*Disable scrollbars. Set to "scroll" to enable*/
	z-index: 3;
	background-color: #000;
}

#maincontent
{
	position: absolute;
	top: 70px;
	width: 500px;
	left: 0;
	bottom: 50px;
	overflow: hidden;
	background-color: #000;
	z-index: 2;
}

.content
{
	margin: 15px;
	/*Margins for inner DIV inside each DIV (to provide padding)*/
}

#about .content,
#contact .content,
#locations .content { margin: 15px 40px; }

#nav
{
	position: absolute;
	bottom: 15px;
	right: 10px;
}

#nav li { display: inline; }

#nav li a
{
	padding: .2em .5em;
	color: #FFF;
	font-weight: bold;
}

#filterBar
{
	width: 1500px;
	overflow: hidden;
	background-color: #000;
	font-size: 11px;
}

#filter,#back,#backtoproperty
{
	float: left;
	width: 500px;
}

#filter { overflow: hidden; }
#filter ul { padding: 5px 10px 4px 10px; }

#filter li
{
	float: left;
	height: 22px;
	margin-right: 2px;
	margin-bottom: 10px;
}

#back,#backtoproperty { padding: 5px 0 4px 0; }

#back a,#backtoproperty a
{
	padding: 0;
	margin-right: 1em;
	font-weight: bold;
	color: #fff;
	text-shadow: #000 0 -1px 1px;
	background: transparent url(/images/interface/button_arrow_background.gif) no-repeat 0 0;
	display: block;
	height: 22px;
	float: left;
	margin-left: 10px;
}

#back a span,#backtoproperty a span
{
	display: block;
	background: transparent url(/images/interface/button_background.gif) no-repeat 100% 0;
	height: 22px;
	padding: .1em 1em .1em 0;
	margin-left: 15px;
	float: left;
}

#filter li a
{
	padding: .1em 0 .1em .6em;
	margin-right: .5em;
	display: block;
	font-weight: bold;
	height: 22px;
	color: #999;
	text-shadow: #000 0 -1px 1px;
	float: left;
}

#filter li a:hover { color: #fff; }
#filter li.current { background: transparent url(/images/interface/button_background.gif) no-repeat 100% 0; }

#filter li.current a
{
	background: transparent url(/images/interface/button_background.gif) no-repeat 0 0;
	color: #fff;
}

#results
{
	font-size: 12px;
	line-height: 15px;
}

#results tr td
{
	padding: 10px;
	/*background: #000 url(/images/interface/cell_even_background-trans.png) no-repeat 0 0;*/
	color: #999;
	vertical-align: top;
	border-top: 1px #444 solid;
}

#results tr dl { position: relative; }

#results tr.selected td
{
	background: #111 url(/images/interface/cell_even_background-trans.png) no-repeat 0 0;
	color: #999;
	border-top: 1px #666 solid;
}

#results td dl dt,
#results td dl dd.location { font-weight: bold; }

#results td.thumbnail { padding-right: 0; }

#results td.thumbnail img
{
	border: #fff solid 1px;
	padding: 1px;
}

#results .more
{
	width: 31px;
	vertical-align: middle;
}

#results .more a
{
	display: block;
	height: 31px;
	width: 31px;
	overflow: hidden;
	text-indent: -1234em;
	background: transparent url(/images/interface/arrows-trans.png) no-repeat 0 0;
}

#results td .more:hover { background-position: 0 -40px; }

.rating
{
	position: absolute;
	top: 0;
	right: 0;
}

#panels
{
	height: 100%;
	overflow: hidden;
	width: 400%;
	position: relative;
}

.panel
{
	overflow-y: auto;
	height: 100%;
	float: left;
	width: 25%;
}

#property_images
{
	position: relative;
	height: 300px;
	overflow: hidden;
	margin-bottom: 10px;
}

#property_images li
{
	position: absolute;
	top: 0;
	left: 0;
}

#next_image
{
	width: 21px;
	height: 21px;
	background: transparent url(/images/interface/next_arrow-trans.png) no-repeat 0 0;
	position: absolute;
	right: 10px;
	top: 269px;
	z-index: 10;
	cursor: pointer;
	text-indent: -1234em;
}

.property h2
{
	font: bold 14px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
}

#secondPanel h2
{
	border-bottom: 1px #333 solid;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#thirdPanel h2
{
	border-top: 1px #333 solid;
	padding-top: 10px;
	margin-bottom: 10px;
}

.property.content
{
	padding: 0 15px 15px 15px;
	margin: 0;
	position: relative;
}

.property.content p,
.property.content ul { margin: 0 0 1em 0; }
.property.content a { font-weight: bold; }

#facilities
{
	float: right;
	margin: 0 0 15px 20px;
	width: 30%;
	font-size: 85%;
	clear: right;
	background-color: #1c1c1c;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 10px;
}

#facilities dt
{
	color: #fff;
	font-weight: bold;
}

#facilities dd { }

.rating
{
	display: block;
	height: 15px;
	width: 70px;
	background: transparent url(/images/interface/stars_30-trans.png) no-repeat 0 0;
	position: relative;
	margin-top: 3px;
}

#results td .rating
{
	position: absolute;
	right: 0;
	top: 0;
	margin-top: 0;
}

.r0,
.r0-5,
.r1,
.r1-5,
.r2,
.r2-5,
.r3,
.r3-5,
.r4,
.r4-5,
.r5
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: transparent url(/images/interface/stars_100-trans.png) no-repeat 0 0;
	overflow: hidden;
	text-indent: -1234em;
}

.r0 { width: 0px; }
.r0-5 { width: 7px; }
.r1 { width: 12px; }
.r1-5 { width: 21px; }
.r2 { width: 27px; }
.r2-5 { width: 35px; }
.r3 { width: 41px; }
.r3-5 { width: 49px; }
.r4 { width: 55px; }
.r4-5 { width: 63px; }
.r5 { width: 100%; }

a.button
{
	padding: 0;
	margin: 0 0 5px .5em;
	font-weight: bold;
	color: #fff;
	text-shadow: #000 0 1px 1px;
	background: transparent url(/images/interface/button_arrow_background.gif) no-repeat 100% 0;
	display: block;
	height: 22px;
	float: right;
	overflow: hidden;
}

a.button span
{
	display: block;
	background: transparent url(/images/interface/button_background.gif) no-repeat 0 0;
	height: 22px;
	padding: .1em 0 .1em 1em;
	margin-right: 15px;
	float: left;
}

#back a:hover,
#backtoproperty a:hover,
a.button:hover { color: #999; }

#actions
{
	float: right;
	clear: right;
	font-size: 85%;
	width: 30%;
}

#rooms_icon
{
	display: block;
	width: 30px;
	height: 20px;
	text-indent: -1234em;
	overflow: hidden;
	float: left;
	background: #000 url(/images/interface/icons.gif) no-repeat 50% 0;
}

#bathrooms_icon
{
	display: block;
	width: 22px;
	height: 20px;
	text-indent: -1234em;
	overflow: hidden;
	float: left;
	background: #000 url(/images/interface/icons.gif) no-repeat 0 -20px;
}

#filter select
{
	font-size: 80%;
	background-color: #000;
	color: #fff;
	margin-right: 5px;
	border: 1px #666 solid;
}

#about #masthead,
#contact #masthead,
#locations #masthead
{
	background-color: transparent;
	height: 300px;
	position: relative;
}

#about,#contact,#locations { background: #000 url(/images/panoramic_header.jpg) 50% 0 no-repeat; }

#columns,.columns
{
	width: 900px;
	overflow: hidden;
}

#col1,.col1
{
	width: 440px;
	margin-right: 20px;
	float: left;
}

#col2,.col2
{
	width: 440px;
	float: left;
}


input.text,input.email,textarea
{
	width: 100%;
	background-color: #222;
	font: 12px/20px "Helvetica Neue", arial, sans-serif;
	color: #fff;
	border: 0;
	padding: 6px;
	text-shadow: #000 0 1px -1px;
	margin: .2em 0;
}

h2.replaced
{
	height: 50px;
	overflow: hidden;
	text-indent: -1234em;
	background: #000 url(/images/interface/header_matrix.gif) 0 0 no-repeat;
	margin: 0 0 20px 0;
}

h3 {font-weight:bold;color:#fff;margin-top:1em;}


#locations h2 { background-position: 0 -100px; }
#contact h2 { background-position: 0 -50px; }

#footer
{
	clear: both;
	width: 900px;
	margin: 50px auto;
	color: #555;
	text-shadow: #000 0 1px -1px;
}

#frontpage #footer { margin: 0 auto; }
#hero a,
#footer a { color: #999; }

#hero a:hover,
#footer a:hover
{
	color: #fff;
	border-color: #fff;
}

#enquiryForm { width: 460px; }
.message { font-weight: bold; }
#badserver,#bademail { color: #990000; }
#success { color: #006633; }

/* Frontpage */
#centeredColumn
{
	width: 980px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	overflow: hidden;
}

h1
{
	width: 980px;
	position: absolute;
	height: 80px;
	overflow: hidden;
	text-indent: -1234em;
	background: transparent url(/images/interface/stay_in_byron_small-trans.png) no-repeat 50% 0;
	z-index: 103;
	top: 70px;
}

h1#stay_in_byron { background: transparent url(/images/interface/stay_in_byron_small-trans.png) no-repeat 50% 0; }
h1#stay_in_ballina { background: transparent url(/images/interface/stay_in_ballina_small-trans.png) no-repeat 50% 0; }
h1#stay_in_lennox { background: transparent url(/images/interface/stay_in_lennox_small-trans.png) no-repeat 50% 0; }
h1#stay_in_suffolk_park { background: transparent url(/images/interface/stay_in_suffolk_small-trans.png) no-repeat 50% 0; }
#frontpage h1#stay_in_ballina { background: transparent url(/images/interface/stay_in_ballina-trans.png) no-repeat 50% 0; }
#frontpage h1#stay_in_lennox { background: transparent url(/images/interface/stay_in_lennox-trans.png) no-repeat 50% 0; }

h1 a
{
	display: block;
	height: 100%;
}

#frontpage h1 { top: 240px; }

#properties h1
{
	background-image: none;
	width: 90px;
	height: 90px;
	position: absolute;
	left: 0;
	top: 0;
}

#frontpage #stay { top: 500px; }

#stay
{
	position: absolute;
	top: 240px;
	margin-left: 0;
	z-index: 100;
	overflow: hidden;
	left: 40px;
}

#frontpage #menu { top: 500px; }

#menu
{
	position: absolute;
	top: 240px;
	left: 640px;
	width: 400px;
	z-index: 101;
}

#menu li
{
	display: inline;
	float: left;
}

#stay dt,
#stay dd
{
	float: left;
	display: block;
	margin: 0;
	padding: 0;
}

#menu li a,
#stay dt,
#stay dd a
{
	display: block;
	float: left;
	text-indent: -1234em;
	overflow: hidden;
	height: 40px;
}

#byron-bay-menu
{
	background: transparent url(/images/interface/byron-bay-trans.png) no-repeat 0 0;
	width: 115px;
}

#suffolk-park-menu
{
	background: transparent url(/images/interface/suffolk-park-trans.png) no-repeat 0 0;
	width: 128px;
}

#lennox-menu
{
	background: transparent url(/images/interface/lennox-trans.png) no-repeat 0 0;
	width: 95px;
}

#ballina-menu
{
	background: transparent url(/images/interface/ballina-trans.png) no-repeat 0 0;
	width: 91px;
}

#stay-in-menu
{
	background: transparent url(/images/interface/stay-in-trans.png) no-repeat 0 0;
	width: 50px;
}

#locations-menu
{
	background: transparent url(/images/interface/locations-trans.png) no-repeat 0 0;
	width: 130px;
}

#about-us-menu
{
	background: transparent url(/images/interface/about-us-trans.png) no-repeat 0 0;
	width: 85px;
}

#contact-us-menu
{
	background: transparent url(/images/interface/contact-us-trans.png) no-repeat 0 0;
	width: 97px;
}

#frontpage #menu li a:hover { color: #999; }
#frontpage #stay dd a { font-weight: bold; }
#frontpage #stay dd a:hover { }
#stay dt { padding: 10px; }

#hero dd
{
	position: absolute;
	top: 650px;
	right: 40px;
}

#hero dd,#footer
{
	font-size: 12px;
	color: #555;
}

#hero { height: 650px; }

#hero dl
{
	position: absolute;
	top: 0;
	overflow: hidden;
	height: 680px;
}

#footer dl,
#footer ul
{
	overflow: hidden;
	float: left;
}

#footer dt,
#footer dd,
#footer li
{
	float: left;
	margin-right: .8em;
}

#footer
{
	position: relative;
	z-index: 100;
}

#footer dl { padding-right: 2em; }

.location_image {margin-top:20px;}