/* --------- Layout --------- */

html {
    min-height:100%;
    margin-bottom:1px;
}
body {
	font:76% Verdana, Arial, Helvetica, sans-serif;
	background:#fff url(../images/shadow.gif) 50% repeat-y;  
	margin:0;	
	padding:0;
}
#wrapper {
	width:1000px;
	margin:0 auto;
	padding:0;
}
#left-column {
	width:195px;
	float:left;
	margin:0 0 2em 0;
	padding:0 0 0 5px;
}
#right-column {
	width:780px;
	float:right;
	margin:0 0 2em 0;
	padding:0 5px 0 0;
	position:relative;
}

/* --------- Links --------- */

a {
	color:#c00707;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}

/* --------- Header --------- */

#header {
	height:200px;
	margin:0;
	padding:0 0 0 5px;
	background:#c00707 url(../images/header.jpg) 200px 0 no-repeat;
}
#header h1 {
	width:150px;
	margin:0;
	padding:30px 0 5px 10px;
	color:#fff;
	font:normal 4.4em "Times New Roman", Times, serif;
}
#header h1 span {
	font:normal .7em "Times New Roman", Times, serif;
	display:block;
}
#header h1 a {
	color:#fff;
	text-decoration:none;
}
#header p {
	margin:0;
	padding:0;
	color:#fff;
}

/* --------- Nav --------- */

ul#nav {
	height:2.1em;
	color:#fff;
	padding:10px 0 0 20px;
	margin:0 0 5px 0;	
	font:1em Trebuchet, "Trebuchet MS", Arial, Helvetica, sans-serif;
	background:#000 url(../images/nav-bg.jpg) repeat-x;
	list-style:none;
	text-transform:uppercase;
	}
ul#nav li {
	float:left;
	margin:0 4px 0 0;
	padding:0;
	display:inline; 
	border-left:1px solid #333;
	}
ul#nav li a {
	margin-top:6px;
	padding:0 9px;
	color:#fff;
	text-decoration:none;
	}
ul#nav li a:hover {
	color:#fff;
	text-decoration:underline;
	}
ul#nav li.first {
	border-left:none;
	}
ul#nav li.first a {
	padding-left:0;
	}
ul#nav li a.nowpage {
	color:#fff;
	text-decoration:none;
}

/* --------- Breadcrumb --------- */

ul#breadcrumb {
	margin:10px 0;
	padding:0;
	list-style:none;
	}
ul#breadcrumb li {
	display:inline;
	margin:0;
	padding:0;
	color:#666;
}
ul#breadcrumb li a {
	background:#fff url(../images/bullet.gif) right .4em no-repeat;
	margin:0 1px 0 0;
	padding:0 14px 0 0;
}
/* makes room for listings absolutely positioned above content (add roughly 70px for each listing) */
h2.sydney { margin-bottom:980px; }
ul#breadcrumb.bondi { margin-bottom:875px; }
ul#breadcrumb.quay { margin-bottom:372px; }
ul#breadcrumb.darling { margin-bottom:812px; }
ul#breadcrumb.rocks { margin-bottom:750px; }
ul#breadcrumb.cbd { margin-bottom:796px; }

/* --------- Content --------- */

h2 {
	font:normal 1.8em Verdana, Arial, Helvetica, sans-serif;
	margin:.7em 0 .8em;
	padding:0;
}
h3 {
	font:normal 1.4em Verdana, Arial, Helvetica, sans-serif;
	margin:.2em 0 .3em;
	padding:0;
}

strong {
	color:#666;
}

#left-column ul {
	margin:0;
	padding:0;
	list-style:none;
	border-top:#ccc 1px dashed;
}
#left-column ul li {
	margin:0;
	padding:0;
	border-bottom:#ccc 1px dashed;
}
#left-column ul li a {
	display:block;
	margin:1px 0;
	padding:.5em 1em;
	background:#fff url(../images/bullet.gif) 0 .9em no-repeat;
}
#left-column p {
	margin:0;
	padding:.5em 0;
	font-style:italic;
}

div#listings {
	position:absolute;
	top:90px;
	width:760px;
	border-top:#ccc 1px solid;
}
div#listings.sydney { top:55px; }

div#listings p.takeaway {
	margin:0;
	padding:0;
	height:105px;
	border-bottom:#ccc 1px solid;
	font-size:1.2em;
	background:#fff url(../images/take-away.gif) 25px 3px no-repeat;
}
div#listings p.takeaway a {
	margin:0;
	padding:42px 5px 42px 122px;
	display:block;
}
div#listings p.takeaway a:hover {
	background:url(../images/take-away-hover.gif) 0 0 no-repeat;
}

div#listings div {
	border-bottom:#ccc 1px solid;
	background-color:#fefefe;
	margin:0;
	padding:5px;
}
div#listings div img {
	border:#000 1px solid;
	float:left;
	margin:0 10px 0 0;
}
div#listings div p {
	float:right;
	width:630px;
	margin:18px 0 0;
	font-weight:bold;
}
div#listings div p a {
	font-weight:normal;
}

ul#sitemap {
   margin:10px 0 0 15px;
   padding:0;
   list-style:none;
}
ul#sitemap li {
   margin:.5em 0;
   padding:.2em 0 .2em 18px;
   background:#fff url(../images/sitemap.gif) 0 .2em no-repeat;
}

/* --------- Map --------- */

#map {
	width:775px;
	height:500px;
	border:#000 1px solid;
	margin-bottom:10px;
}

/* --------- Footer --------- */

#footer {
	background:#D8D8D8;
	clear:both;
	margin:0;
	padding:2em 0;
	font:.85em Arial, Helvetica, sans-serif;
}
#footer p {
	text-align:center;
	margin:0 0 1em;
	padding:0;
}
#footer a {
	color:#333;
	text-decoration:underline;
	text-transform:lowercase;
}
#footer a:hover {
	text-decoration:none;
}
#footer ul {
	margin:0;
	text-align:center
	}
#footer ul li {
	display:inline;
	padding:0 5px;
	border-right:#909395 1px solid;
}
#footer ul li.last {
	border:none;
}

/* --------- Float Clearer --------- */

.clearfloat:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both;
	visibility:hidden;
}
.clearfloat { display: inline-block; }

/* Hides from IE-mac */
* html .clearfloat { height: 1%; }
.clearfloat { display: block; }
/* End hide from IE-mac */
/*** end clearing hack ***/