/* RESET http://meyerweb.com/eric/tools/css/reset/ v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
/* remember to define focus styles! */:focus {outline:0;}
/* remember to highlight inserts somehow! */ins {text-decoration:none;}
del {text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse;border-spacing:0;}
/* END RESET */

/* ----------- BASE ----------------------*/
body {font-family:Helvetica,arial,verdana,sans-serif;font-size:12px;text-align:left;color:#fff;background-color:#000;line-height:24px;}
/*
	Variable Grid System (Fluid Version).
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/ & 960 Fluid - http://www.designinfluences.com/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_4 {
	width: 98%;
	padding-left: 0.5%;
	padding-right: 0.5%;
	max-width:1240px;
		margin-left: auto;
	margin-right: auto;

}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_h,
.grid_1,
.grid_2,
.grid_3,
.grid_4 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 4 Columns
----------------------------------------------------------------------------------------------------*/

.container_4 .grid_h {
	width:11.6%;
}


.container_4 .grid_1 {
	width:24.0%;
}

.container_4 .grid_2 {
	width:48.0%;
}

.container_4 .grid_3 {
	width:73.0%;
}

.container_4 .grid_4 {
	width:98.0%;
}



/* Prefix Extra Space >> 4 Columns
----------------------------------------------------------------------------------------------------*/


.container_4 .prefix_1 {
	padding-left:25.0%;
}

.container_4 .prefix_2 {
	padding-left:50.0%;
}

.container_4 .prefix_3 {
	padding-left:75.0%;
}



/* Suffix Extra Space >> 4 Columns
----------------------------------------------------------------------------------------------------*/


.container_4 .suffix_1 {
	padding-right:25.0%;
}

.container_4 .suffix_2 {
	padding-right:50.0%;
}

.container_4 .suffix_3 {
	padding-right:75.0%;
}



/* Push Space >> 4 Columns
----------------------------------------------------------------------------------------------------*/


.container_4 .push_1 {
	left:25.0%;
}

.container_4 .push_2 {
	left:50.0%;
}

.container_4 .push_3 {
	left:75.0%;
}



/* Pull Space >> 4 Columns
----------------------------------------------------------------------------------------------------*/


.container_4 .pull_1 {
	left:-25.0%;
}

.container_4 .pull_2 {
	left:-50.0%;
}

.container_4 .pull_3 {
	left:-75.0%;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* LINKS */
a {color:#000;text-decoration:none; display:block} 
a:hover {color:#d53131;text-decoration:none;} 

/* IMAGES */
img {border:none} 

/* TYPOGRAPHY */
p {margin:0 0 24px 0;}
h1 {color:#fff;font-size:48px; line-height:normal;  font-weight:normal; font-family:"cabinbold"; margin:0; text-shadow:-5px -5px 0 rgba(0,0,0,0.23); text-transform:uppercase; position: absolute; bottom:1px}
h2 {font-size:18px;font-weight:normal;margin:0px 0 24px 0}
h3 {font-size:12px;margin:0 0 4px 0;}
h4 {font-size:11px;margin:0 0 4px 0;}
@font-face {
    font-family: 'cabinbold';
    src: url('cabin-bold-webfont.eot');
    src: url('cabin-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('cabin-bold-webfont.woff') format('woff'),
         url('cabin-bold-webfont.ttf') format('truetype'),
         url('cabin-bold-webfont.svg#cabinbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* BEHAVIOURS */
.bigger {font-size:14px !important;line-height:24px !important;}
.smaller {font-size:11px !important;line-height:16px !important;}
.lighter {color:#808080;}
.auto-width {width:auto !important;}
.nodim {width:0 !important;height:0 !important;}
.wsn {white-space:normal !important;}
.ttn {text-transform:none !important;}
.ttu {text-transform:uppercase !important;}
.red {color:#d93636 !important;}
.clear {display:block !important;clear:both !important;}
.left {float:left !important;}
.right {float:right !important;}
.inline {display:inline !important;}
.block {display:block !important;}
div.column-container {margin-bottom:20px !important;}
.ttn {text-transform:none !important;}
.fwn {font-weight:normal !important;}
.tac {text-align:center !important;}
.tar {text-align:right !important;}
.pointer {cursor:pointer;}

.col1 {width:595px;float:left;margin-right:35px;padding:0 0 0 10px}
.col2 {width:305px;float:right;}

article{ background:#000}
.crumbs {font-size:11px;color:#666;float:left;margin:0 0 0 10px;}
.crumbs li {float:left;}
.crumbs li a {color:#666;padding:3px 8px;border:1px solid #fff;}
.crumbs li.levelhome a {background:#999;}
.crumbs li.level1 a {background:#ccc;}
.crumbs li.level2 a {background:#ddd;}
.crumbs li.level3 a {background:#eee;}

/* ADS */
.topad {width:728px;margin:10px auto 10px auto; float:right}
.ad72890 {width:728px;height:90px;}
.ad300250 {width:300px;height:250px;margin:0 0 20px 0}
li.ad300250 {height:343px;}
.ad300100 {width:300px;height:100px;margin:0 0 20px 0}
.ad46860 {width:468px;height:60px;margin:0 66px 20px 66px;}

/* HEADER */
header{background:#000; background-position:center 160px; height:313px; background-repeat:no-repeat; position:relative}
.logo {font-family:"cabinbold"; font-size:400%;color:#fff;line-height:85%;padding:20px 0;text-transform:uppercase; text-shadow: -5px -5px 0 #3b3b3b}
.logo a{color:#fff}
.nsw header{background-image:url(../images/layout/header-nsw.jpg)}
.au header{background-image:url(../images/layout/header-au.jpg)}
.qld header{background-image:url(../images/layout/header-qld.jpg)}
.vic header{background-image:url(../images/layout/header-vic.jpg)}
.act header{background-image:url(../images/layout/header-act.jpg)}
.nt header{background-image:url(../images/layout/header-nt.jpg)}
.sa header{background-image:url(../images/layout/header-sa.jpg)}
.wa header{background-image:url(../images/layout/header-wa.jpg)}
.tas header{background-image:url(../images/layout/header-tas.jpg)}


/* NAV */
nav a{font-weight:bold; font-size:14px; color:#fff;padding:6px; margin:6px}
#statenav a.change-state{ border:1px solid rgba(255,255,255,0.57); background:rgba(255,255,255,0.16) url(../images/icons/icons.png) 110px 12px no-repeat; margin-bottom:0; padding-right:30px}
#statenav:hover ul {display:block;border:1px solid rgba(255,255,255,0.57); border-top:0 }
#statenav:hover a.change-state{border-bottom:0}
#statenav {float:left; position:relative}
#statenav p {color:#fff;font-style:italic;font-size:16px;text-align:right;}
#statenav ul {display:none;padding:0; position:absolute; background:#dc5252; width:90.5%; margin:0 0px 0 6px; z-index:6}
#statenav li {list-style:none;margin:0; width:100%}
#statenav a.active {background:#77af24;color:#fff;}
#statenav a:hover {background:#fff;}

/* NAV */
.nav-wrap {background:#d53131; height:49px;border-bottom:1px solid #000;}
#nav {position:relative;float:left;}
#nav ul {display:block;position:relative;padding:0;}
#nav li {float:left;list-style:none;margin:0;}
#nav a {font-size:14px;padding:13px 14px 12px 14px;display:block;float:left;margin:0;text-align:center;}
#nav a.active {background:#fff url('../images/layout/nav-active.jpg') repeat-x;color:#333;}
#nav a:hover {background:#fff;}

/* SEARCH */
#search {float:right;position:relative;width:300px;padding:13px 0px 6px 0;}
#search p {float:right;margin:5px 10px 0 0;color:#000;vertical-align:middle;text-transform:uppercase;font-weight:bold;}
#search input {float:right;vertical-align:middle;padding:4px;height:15px;width:180px;margin-right:8px;font-size:12px;}
#search .btnsearchtop {float:right; font-weight:bold; background:#333;height:25px;color:#fff;border:none;width:44px;padding:0;margin:0;cursor:pointer}

/* FOOTER */
#footer {margin:0 auto;background:#000;}
#legals {clear:both;line-height:16px;clear:both;background:#3b3b3b;padding:10px 20px 150px 10px;color:#a3a3a3;font-size:11px;}
#legals a {color:#a3a3a3;text-decoration:none;}

/* ----------- FORMS ----------------------*/

/* FIELDSETS */
fieldset {border:1px solid #ddd;color:#333;padding:20px;margin-bottom:10px;display:block;}
fieldset br {clear:left;}
fieldset legend {font-size:16px;font-weight:bold;padding:10px;text-transform:uppercase;}
fieldset h2 {border-bottom:1px dashed #fff;margin:10px 0;}
fieldset label {color:#333;display:block;width:165px;float:left;margin:5px 10px 12px 0;text-align:right;font-weight:bold;}
fieldset label.req {border-right:3px solid #2f99bc;width:150px;padding-right:15px;}
fieldset input {color:#333;font-size:12px;border:1px solid #ccc;padding:3px 4px;background:#fff;}
fieldset select {color:#333;font-size:12px;}
fieldset textarea {width:250px;height:200px;margin-bottom:3px;border:1px solid #ccc;background:#f7f7f7;color:#666;}
fieldset .tip {font-size:11px;color:#333;padding:0 5px;}

/* FORM CONTROLS */
.checkbox {padding-right:10px;text-align:left;background-color:Transparent;}
.checkbox input {border:none;background-color:Transparent;}
.radio {text-align:left;}
.radio label {display:inline;float:none;width:auto;font-size:11px;font-weight:normal;margin:0;}
.radio input {border:none;background-color:Transparent;width:auto;}
.formbutton {margin:5px 0 0 175px;}
input.greybutton {background:#333;height:25px;color:#fff;border-right:1px solid #555;border-top:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #555;width:auto;padding:3px 8px;margin:3px 0 8px 125px;text-transform:uppercase}
.focusfield {border:1px solid #2f99bc;color:#333;background:#b0ebff;}  
.idlefield {border:1px solid #ccc;background:#f7f7f7;color:#666;}
.valsummary {padding:20px;margin:0 0 10px 0;color:#c00;background-color:#ffd3d1;border:1px solid #f8b1ac;}
.valsummary ul {margin:15px 0 0 20px;list-style-type:disc}
.validator {font-size:11px;color:#c00;}
.loader {padding:25px 20px 25px 70px;margin:0 0 10px 0;background:#ddd url(../images/loaders/indicator.gif) no-repeat 15px 15px;border:1px solid #ccc;font-size:16px;color:#666;}

/* RESPONSES */
.error-wrap {width:700px;margin:20px auto 0 auto;background:#fff;padding:20px;}
.info, .success, .error {padding:20px;margin:5px 0 10px 0;}
.info h3, .success h3, .error h3 {margin:0 0 8px 0;font-size:16px;}
.info p, .success p, .error p {margin:0;}
.info {color:#666666;background-color:#f5f5f5;border:1px solid #e9e9e9;}
.info h3 {color:#666666;}
.error {color:#c00;background-color:#ffd3d1;border:1px solid #f8b1ac;}
.error h3 {color:#c00;}
.success {color:#499524;background-color:#e1ffd1;border:1px solid #c5f8ac;}
.success h3 {color:#499524;}

/* ----------- PANELS ----------------------*/
/* IMAGES */	
.imgl {float:left;margin:5px 15px 15px 0;}
.imgr {float:right;margin:5px 10px 15px 15px;}
.border {border:1px solid #333}
.bullet-list {margin:0 0 0 20px;list-style-type:disc;}
.bullet-list li {padding:5px 10px 5px 0;border-bottom:1px dotted #ddd;}

/* ----------- HOMEPAGE ----------------------*/
/* SLIDER */
.anythingSlider {height:260px;position:relative;margin:0 0 10px 0;overflow:hidden;}
.anythingSlider .wrapper {overflow:hidden;height:260px;position:absolute;top:0;left:0;}
.anythingSlider .wrapper ul {width:99999px;list-style:none;position:absolute;top:0;left:0;background:#fff;margin:0;height:260px;}
.anythingSlider ul li {display:block;float:left;padding:0;height:260px;margin:0;}

#thumbNav {position:relative;top:260px;text-align:center;position:absolute;right:100px;}
#thumbNav a {color:#fff;font-size:11px;display:inline-block;padding:2px 8px;height:18px;margin:0 5px 0 0;background:#9d0d00;text-align:center;}
#thumbNav a:hover {background-image:none;}
#thumbNav a.cur {background:#be1f24;}

#start-stop {background:green;background-repeat:repeat-x;color:white;padding:2px 5px;width:40px;text-align:center;position:absolute;right:45px;top:260px;height:18px}
#start-stop.playing {background-color:red;}
#start-stop:hover {background-image:none;}

.anythingSlider .wrapper ul ul {position:static;margin:0;background:none;overflow:visible;width:auto;border:0;}
.anythingSlider .wrapper ul ul li {float:none;height:auto;width:auto;background:none;}

/* SLIDER OVERLAY */
.slide-wrap {width:960px;height:260px;overflow:hidden;}
.slide-content {width:370px;background:url(../images/layout/opaque.png) repeat;float:right;height:75px;overflow:hidden;margin:25px 20px 0 0;padding:20px;}
.slide-content p {line-height:16px;margin:0 0 4px 0;font-size:11px;}
p.slide-header {font-size:22px;font-weight:normal;background:Transparent;margin:0 0 10px 0;}

.home-region-section {padding:0 0 20px 0;}
.home-region-section h3 {font-size:18px;font-weight:normal;margin:8px 0 10px 0;border-bottom:2px solid #00b0ff;color:#00b0ff;padding:0 0 4px 0;}
.home-region-section img {float:left;border:3px solid #ccc;margin:0 20px 0 0;}
.home-region-section ul {margin:0 0 0 0;}
.home-region-section li {width:235px;float:left;background:url('../images/layout/bullet.gif') no-repeat 0 5px;padding:0 0 0 15px;}
.home-region-section a {color:#5d5d5d;font-size:11px;}

.home-whatson-section {margin:0 0 30px 0}
.home-whatson-section ul {padding:10px;margin:5px;border:1px solid #ddd;background:#fff;font-size:11px;}
.home-whatson-section li {padding:0 0 8px 0;}
.home-whatson-section a {color:#d00202;font-weight:bold;}
.home-whatson-section strong {color:#eaa203;}

/* MAP PANEL */
#map-left {width:320px;float:left;height:300px;overflow:hidden;color:#515151;margin:40px 0 0 40px;border-right:1px solid #ddd;padding-right:30px;}
#map-left h1 {color:#515151;line-height:26px;}
#map-right {width:380px;float:right;height:375px;position:relative;margin:-40px 0 0 0;}
#map-right img {float:right;}
#map-regionlist {width:150px;font-size:11px;float:left;margin:40px 0 0 30px}
#map-regionlist a {font-weight:bold;color:#333;}
#splitter {width:940px;background:url(../images/layout/splitter.png) no-repeat bottom left;height:16px;color:#fff;padding:10px;text-transform:uppercase;}

/* ----------- PAGES ----------------------*/

/* RESULTS */
.results{clear:both;}
.result-name{background:#fff; position:relative; margin:-8px 0 0 0; text-align:center; font-size:18px; padding:12px 0}
.grid_h .result-name{font-size:14px; height:48px; font-weight:bold; color:#d53131 }
.grid_h .result-address{background:#fff; color:#111; text-align:center; padding-top:10px; min-height:24px}
.result-image img, .avatar img{width:100%} 
.results li{position:relative; margin-bottom:2%;}
.results li:hover .details{display:block}
.results li .details{display:none; position:absolute; background:rgba(255,255,255,0.8); top:12px; left:12px; margin:0 12px 0 0; padding:6px}
.results li *{cursor:pointer;}
.results .details {color:#111}
.result-sub-type{ text-align:center; }
.result-suburb{position:relative; z-index:4; color:#fff; background:#d53131; font-family:Georgia, Times New Roman, Serif; font-style:italic; border-radius:20px; font-size:16px; padding:6px; text-align:center; margin:-75px 20% 36px;}

/* PAGING */
.count{color:#fff; float:right; margin:-29px 0 10px 0; position:relative; clear:both;}
.paging {color:#666;margin:10px 0;}
.paging p {position:relative;text-align:left;font-size:14px;}
.paging p a, .paging p a:hover {text-decoration:none;background:#fff;padding:2px 5px;border:1px solid #ccc; display:inline}
.paging p a:hover {background:#2f99bc;color:#fff}
.paging p span {text-decoration:none;background:#fff;padding:2px 5px;border:1px solid #ccc;color:#ccc}
.paging .count {margin:0 0 8px 0;font-size:14px;font-weight:normal; float:none}

/* DETAILS */
.details {padding:10px 0 30px 0}
.details h1 {clear:both;line-height:24px;margin:20px 0 10px 10px;}
.details .left {width:260px;float:left;padding:0 0 0 10px}
.details .infobox {border:1px solid #ddd;background:#f7f7f7;padding:10px;}
.details .right {width:302px;float:right;}
.details .right img {border:1px solid #333;margin:0 0 8px 0;}
.map {width:300px;height:300px;border:1px solid #333;}
.infobox, .result-sub-type{font-size:22px; font-style:italic; font-family:Georgia, Times New Roman, Serif}
.listing{padding-top:48px}
.price{float:right}
.phone{padding-top:12px}
.listing .shortdesc{font-family:'cabinbold'; font-size:32px; text-transform:uppercase; line-height:48px; font-style:normal}
.website{float:left;  background:#dc5252; border-radius:20px; padding:12px 20px; display:inline-block; color:#fff; margin:0 24px 24px 0}
.listing .address{margin:0 0 24px 0}

#map_canvas{width:300px; height:300px}
.listing-pin{top:5px; right:5px; padding:4px 4px 4px 6px; border-radius:7px !important}
.listing-pin{position:absolute;  background:#fff; letter-spacing:normal; font-size:11px; font-family: Arial ; font-weight:bold; line-height:10px; border-radius:7px 7px 7px 0; border:1px solid #999; text-align:center}
.info-link{font-size:14px; font-weight:bold}
.info-link img{display:block;}