/* 

*/

body {
	margin: 0;
	padding: 0 0 40px 0;
	background: #999 url('../images/background.gif') left top repeat;
	font-family: "Lucida Grande", "Trebuchet MS", "Verdana", "Arial", sans-serif;
	font-size: 75%;
}

#wrapper {
	min-width: 991px;
}

a img { border: 0; }

p, ul, li, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

/* Header nav menu */

#header-nav {
	list-style: none;
	padding: 22px 41px 0;
	background: #0F0F0F;
	height: 19px;
	border-bottom: 7px #7B5C62 solid;
}

#header-nav li {
	float: left;
}

#header-nav .contact {
	float: right;
}

#header-nav a {
	float: left;
	height: 19px;
	overflow: hidden;
	text-indent: -9999px;
	background-position: left top;
	background-repeat: no-repeat;
}
#header-nav a:hover {
	background-position: left center;
}
#header-nav a.current {
	background-position: left bottom !important;
}

#header-nav .rooftop,
#header-nav .lounge {
	margin-right: 36px;
}

#header-nav .rooftop a {
	width: 77px;
	background-image: url('../images/siteNav_rooftop.gif');
}
#header-nav .lounge a {
	width: 70px;
	background-image: url('../images/siteNav_lounge.gif');
}
#header-nav .curlys a {
	width: 71px;
	background-image: url('../images/siteNav_curlys.gif');
}
#header-nav .contact a {
	width: 69px;
	background-image: url('../images/siteNav_contact.gif');
}

/* Splash screen */

#splash {
	background: #0F0F0F url('../images/background_splash_dust.jpg') 50% 197px no-repeat;
	padding: 78px 0 0 0;
	height: 317px;
}

#splash h1,
#splash h2,
#splash li a {
	overflow: hidden;
	text-indent: -9999em;
}

#splash h1 {
	margin: 0 auto;
	width: 195px;
	height: 95px;
	background: url('../images/logo_splash_tattersalls.gif') left top no-repeat;
}

#splash h2 {
	margin: 50px auto 23px;
	width: 215px;
	height: 11px;
	background: url('../images/title_selectdestination.gif') left top no-repeat;
}

#splash ul {
	width: 382px;
	height: 101px;
	margin: 0 auto;
	list-style: none;
}

#splash li {
	float: left;
}

#splash li a {
	display: block;
	position: relative;
	height: 100px;
	overflow: hidden;
	cursor: pointer;
}

/* Have to put the PNG background on its own element and move it within the <a>
   as IE6 won't let us reposition a transparent PNG background */
#splash li a span {
	display: block;
	height: 200px;
}

#splash li a:hover span {
	margin-top: -102px !important;
}

#splash .rooftop a,
#splash .rooftop a span {
	width: 114px;
}
#splash .rooftop a span {
	background-image: url('../images/button_splash_rootop.png');
}

#splash .lounge a {
	margin: 0 23px 0 22px;
}
#splash .lounge a,
#splash .lounge a span {
	width: 108px;
}
#splash .lounge a span {
	background-image: url('../images/button_splash_lounge.png');
}

#splash .curlys a,
#splash .curlys a span {
	width: 114px;
}
#splash .curlys a span {
	background-image: url('../images/button_splash_curlysbar.png');
}

/* Common site section */

#site-section {
	padding: 42px 40px 40px;
	background-color: #0F0F0F;
	background-position: left top;
	background-repeat: repeat-x;
	zoom: 1;
}

#site-section:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

#section-header {
	width: 232px;
	float: left;
}

#section-title {
	height: 163px;
	background-position: left bottom;
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -9999em;
}

#section-nav {
	margin: 40px 0 0 0;
	list-style: none;
}

#section-nav li {
	margin: 0 0 0.2em 0;
}

#section-nav a {
	text-decoration: none;
	color: #777;
}
#section-nav a:hover {
	color: #FFF;
}
#section-nav a.current {
	color: #7A5D62 !important;
}

#section-inner {
	float: left;
	width: 679px;
}

img.section-header {
	display: block;
}

#section-contents {
	padding: 40px 37px 40px 40px;
	background: #51474A url('../images/background_contentArea.gif') left top no-repeat;
	color: #777;
	zoom: 1;
}

#section-contents:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

.contents-left {
	padding-right: 40px; 
	width: 193px;
	float: left;
}

.contents-right {
	float: left;
	width: 369px;
}

/* Section homepage */

#site-section.home {
	padding-bottom: 0;
}

#site-section.home img.section-header {
	margin-left: -21px;
}

/* Page contents */

#section-contents p {
	margin: 0 0 1em 0;
}

.gallery {
	list-style: none;
}

.gallery li {
	float: left;
	margin: 0 4px 4px 0;
}

.gallery img {
	display: block;
}

.events {
	list-style: none;
}

.events li {
	border-top: 1px #5E5B5C solid;
	padding: 9px 0;
	zoom: 1;
}

.events li:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

.events .thumbnail {
	float: right;
	margin: 0 0 0 10px;
}

.events h2 {
	color: #1C1819;
	font-size: 1.0em;
}

.events .date {
	font-weight: normal;
	display: block;
	color: #B1B1B1;
}

.events p {
	margin: 0 !important;
}

.events p.download {
	margin-top: 0.5em !important;
	color: #1C1819;
}

.events .button {
	float: left;
	margin: 0.1em 0.5em 0 0;
}

a.download { width: 82px; }
a.viewallevents { width: 114px; }

.contents-right p.download {
	margin-top: 0.5em !important;
	color: #1C1819;
}

.contents-right .button {
	float: left;
	margin: 0.1em 0.5em 0 0;
}

#curlys-event .button {
	float: right;
	margin: 13px 41px 0 14px;
}

/* Section sub-nav */

.section-subnav {
	list-style: none;
}

.section-subnav li {
	margin: 0 0 0.2em 0;
}

.section-subnav a {
	text-decoration: none;
	color: #777;
}
.section-subnav a:hover {
	color: #FFF;
}
.section-subnav a.current {
	color: #1C1819 !important;
}

/* The Rooftop */

#site-section.rooftop {
	background-image: url('../images/background_rooftop_tile.gif');
}
#site-section.rooftop #section-title {
	background-image: url('../images/logo_rooftop.gif');
}

/* The Lounge */

#site-section.lounge {
	background-image: url('../images/background_lounge_tile.gif');
}
#site-section.lounge #section-title {
	background-image: url('../images/logo_lounge.gif');
}

/* Curly's Bar */

#site-section.curlys {
	background-image: url('../images/background_curlys_tile.gif');
}
#site-section.curlys #section-title {
	background-image: url('../images/logo_curlys.gif');
}

#curlys-event {
	background-image: url('../images/background_curlys_event.gif');
	background-repeat: no-repeat;
	background-position: left;
	height: 41px;
	margin-bottom: 41px;
	background-color: #161314;
}

#curlys-event p {
	float: right;
	margin-top: 13px;
}

#curlys-event a {
	color: #525052;
}

#curlys-event a:hover {
	color: #87588c;
}

#curlys-event strong {
	color: #87588c;
	font-weight: normal;
}


/* Generic (Tattersalls) */

#site-section.tattersalls {
	background-image: url('../images/background_rooftop_tile.gif');
}
#site-section.tattersalls #section-title {
	background-image: url('../images/logo_splash_tattersalls.gif');
	margin-top: 21px;
}

/* Contact form */

form {
	margin: 0;
	padding: 0;
}

label {
	display: block;
	color: #1C1819;
	margin: 0 0 0.4em 0;
}

label strong {
	color: #681810;
}

input, textarea {
	font-size: 1.0em;
	font-family: "Lucida Grande", "Trebuchet MS", "Verdana", "Arial", sans-serif;
	display: block;
	border: none;
	margin: 0 0 1em 0;
	background: #1C1819;
	color: #777;
	width: 355px;
	padding: 5px;
}

select {
	display: block;
	margin-bottom: 1em;
	width: 50%;
}

.button {
	display: block;
	position: relative;
	overflow: hidden;
	height: 15px;
}

.button img {
	position: absolute;
	left: 0;
	top: 0;
}

.button:hover img {
	top: -15px;
}

#submit {
	width: 59px;
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

/* Facebook */

#facebook {
	background-color: #564d50;
	padding: 11px 0 11px 11px;
}

#facebook a {
	text-decoration: none;
	color: #777;
}

#facebook a:hover {
	color: #FFF;
}


/* Footer */

#footer {
	background: #DDD url('../images/footer_lines.gif') left top no-repeat;
	padding: 40px 0 0 0;
}

#footer-content {
	background: #C2C1C2;
	padding: 40px;
	position: relative;
	font-size: 0.9em;
	color: #525052;
	zoom: 1;
}

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

#footer-content a {
	color: #525052 !important;
}

#footer-content a:hover {
	color: #7A5D62 !important;
}

#footer-content .copyright {
	font-size: 0.9em;
	margin-top: 1em;
}

#footer-content img {
	float: right;
}

#footer-content .tradingLabels {
	float: right;
	margin-left: 4em;
}

#footer-content .tradingLabels a {
	text-decoration: none;
}

#footer-content .tradingLabels li {
	list-style: none;
}

#footer-content .tradingLabels li.selected {
	list-style-image: url('../images/arrow.gif');
}

#footer-content .tradingHours {
	float: right;
	margin-left: 0.5em;
	margin-right: 40px;
}

#footer-content .tradingHours li {
	list-style: none;
}

#footer-content .address {
	float: left;
}