/************************* Layout CSS Styles for Pacha */
/************************* Misc. */
body {
	background:url(/img/page-bg.gif);
}

.floatRight {
	float:right;
	margin:0 0 15px 15px;
}

.floatLeft {
	float:left;
	margin:0 15px 15px 0;
}

.spacer {
	margin-bottom:20px;
}

.clear {
	clear:both;
	display:block;
}

hr, div.hr {
	height:6px;
	display:block;
	width:100%;
	clear:both;
	border:none;
	background:url(/img/main_breaker.gif) repeat-x center center;
	padding-top:20px;
	padding-bottom:20px;
}

/************************* Main Layout */
#wrapper {
	margin:30px auto 10px auto;
	width:909px;
	background:url(/img/wrapper-bg.png) repeat-y;
}

#wrapper .topShadow {
	background:url(/img/wrapper-top-bg.png) no-repeat;
	width:909px;
	height:10px;
	float:left;
	margin-top:-10px;
}

#wrapper .padding {
	margin:0 5px 0 4px;
/*	background:url(/img/grunge-bg.jpg) no-repeat bottom left;*/
	clear:left;
	min-height:500px;
}

#wrapper .padding .header a.logo {
	display:block;
	width:225px;
	height:208px;
	background:url(/img/logo.gif) no-repeat;
	float:left;
}

#wrapper .padding .header .animation {
	width:591px;
	height:208px;
	float:left;
}

#wrapper .padding .header .animation img, #wrapper .padding .header .animation embed {
	position:absolute;
	margin-top:-39px;
}

#wrapper .menu {
/*	background:url(/img/menu-bg.gif) repeat-x;*/
	margin:0 8px 0 8px;
	height:39px;
	clear:both;
}

#footer {
	margin:0 auto 0 auto;
	width:700px;
	padding-top:10px;
	padding-bottom:20px;
}

/************************* Menu */
#wrapper .menu ul {
	margin-left:40px;
}

#wrapper .menu ul li {
	height:39px;
	display:block;
	float:left;
}

#wrapper .menu ul li a:hover, #wrapper .menu ul li a.selected {
	background-position:center 0;	
}

#wrapper .menu ul li a {
	background:url(/img/menu-item-bg.gif) repeat-x transparent;
	background-position:center -39px;
	padding:0 11px 0 11px;
	display:block;
}

#wrapper .menu ul li ul {
	display:none;
}

#wrapper .menu ul li.divider {
	width:5px;
	background:url(/img/menu-divider.gif) no-repeat;
}

/************************* Home Page */
#wrapper .homepage {
	padding-top:30px;
}

/*#wrapper .homepage .col {
	float:left;
	margin-left:50px;
}

#wrapper .homepage .one {
	width:330px;
}

#wrapper .homepage .two {
	width:450px;
}*/

#wrapper .homepage .notePad {
	width:209px;
	height:219px;
	padding:60px 15px 0 15px;
	background:url(/img/note-bg.jpg) no-repeat;
	float:left;
	margin-left:50px;
}

#wrapper .homepage div#introAnimation {
	position:absolute;
	margin-left:290px;
	width:610px;
	height:310px;
}

#wrapper .homepage .buttons {
	background:url(/img/temp-home-buttons.jpg) no-repeat;
	width:880px;
	height:337px;
	margin-left:8px;
}

#wrapper .homepage span {
	display:none;
}

#wrapper .homepage a.hotspot {
	display:block;
/*	position:absolute;*/
	position:relative;
/*	background:red;*/
}

#wrapper .homepage a.hotspot.book-tickets {
/*	margin:40px 0 0 68px;*/
	margin:0 0 0 70px;
	width:174px;
/*	height:85px;*/
	height:120px;
}

#wrapper .homepage a.hotspot.vip {
/*	margin:131px 0 0 164px;*/
	margin-left:164px;
	width:183px;
	height:86px;
}

#wrapper .homepage a.hotspot.myspace {
/*	margin:220px 0 0 287px;*/
	width:44px;
	height:54px;
	margin-left:287px;
}

#wrapper .homepage a.hotspot.music-player {
/*	margin:211px 0 0 348px;*/
	margin:-60px 0 0 348px;
	width:126px;
	height:72px;
}

#wrapper .homepage a.hotspot.facebook {
/*	margin:138px 0 0 357px;*/
	margin:-135px 0 0 357px;
	width:90px;
	height:60px;
}

/************************ Mailing List form */
#wrapper .homepage form.mailingList {
	position:absolute;
}

form.mailingList {
	margin-top:38px;
	margin-left:523px;
	margin-bottom:30px;
/*	width:275px;*/
/*	height:230px;*/
/*	padding:70px 0 0 25px;*/
/*	background:url(/img/mailing-list-bg.jpg) no-repeat;*/
	background:url(/img/post-it-bg.png) no-repeat;
	padding:100px 0 0 90px;
	width:290px;
	height:280px;
}

form.mailingList label {
	width:50px;
	display:block;
	float:left;
	margin-bottom:5px;
	line-height:20px;
}

form.mailingList input {
/*	border:1px solid #be9d3e;*/
/*	background:#be9d3e;*/
	border:1px solid #fff;
	background:#fff;
/*	background:url(/img/mailing-list-bg.gif) no-repeat;*/
	margin-bottom:5px;
	width:140px;
	padding:1px 6px 1px 6px;
}

form.mailingList div.submit input {
	float:right;
	background:transparent;
	width:auto;
	border:0;
	margin-right:85px;
	margin-top:5px;
	margin-bottom:20px;
	cursor:pointer;
}

/************************* Inside Pages */
#wrapper .content.insidePages {
	margin-top:0;
	padding:30px 20px 0 20px;
}

#wrapper .content.corporateHire {
	background:url(/img/corporate-bg.jpg) no-repeat 0 10px;
/*	padding:369px 393px 81px 228px;*/
/*	height:230px;*/
	width:880px;
	height:644px;
	padding-bottom:30px;
}

#wrapper .content.corporateHire .section.corporate-hire-intro {
	float:left;
	width:245px;
	height:195px;
	margin:378px 0 0 114px;
	padding:0;
}

#wrapper .content.corporateHire .section.corporate-hire-testimonials {
	padding:0;
	margin:-110px 0 0 400px;
	float:left;
}

#wrapper .content.venue {
	padding-bottom:30px;
}

/************************ Latest News Headlines */
.news .articleImage {
	border:5px solid white;
	float:left;
	margin-right:20px;
}

.news .snippet {
	height:110px;
}

#wrapper .content .news .snippet h2 {
	margin-bottom:10px;
}

#wrapper .content .news .snippet p {
	margin-bottom:10px;
}

#wrapper .content .two .headlines {
	height:400px;
	overflow:auto;
}

.news {
	clear:left;
	margin-bottom:30px;
	padding-right:10px;
}

div.fade img {
	float:left;
}

div.fade .colour {
	position: absolute;
	display: none;
}

/************************ Viewing news article page */
#wrapper .newsArticle {
	margin-left:30px;
	margin-bottom:40px;
}

#wrapper .newsArticle .images, #wrapper .newsArticle .article {
	float:left;
}

#wrapper .newsArticle .images {
	width:300px;
}

#wrapper .newsArticle .article {
	width:500px;
}

#wrapper .newsArticle .images img {
	border:6px solid white;
	float:left;
	clear:left;
	margin-bottom:15px;
}

/***************** Calendar Page */
#wrapper .calendar {
	margin:0 auto 0 auto;
	width:794px;
	height:859px;
	background-repeat:none;
	background-position:0 0;
	background-image:url(/img/calendar/thirty.jpg);
}

#wrapper .calendar.month28 {
	background-image:url(/img/calendar/twenty-eight.jpg);
}

#wrapper .calendar.month29 {
	background-image:url(/img/calendar/twenty-nine.jpg);
}

#wrapper .calendar.month30 {
	background-image:url(/img/calendar/thirty.jpg);
}

#wrapper .calendar.month31 {
	background-image:url(/img/calendar/thirty-one.jpg);
}

#wrapper .calendarContainer {
	padding-top:40px;
}

#wrapper .calendarContainer .events a.event {
	display:block;
	position:absolute;
	background-repeat:no-repeat;
/*	background-position:0 0;*/
	background-position:7px 7px;
	width:94px;
	height:87px;
	text-indent:-9999em;
}

#wrapper .calendarContainer .events a.event.marker1 {
	background-image:url(/img/calendar/cherry_icon.gif);
}

#wrapper .calendarContainer .events a.event.marker2 {
	background-image:url(/img/calendar/cherry_icon2.gif);
	background-position:-5px -5px;
}

#wrapper .calendarContainer .events a.event.marker3 {
	background-image:url(/img/calendar/cherry_icon3.gif);
	background-position:-5px -5px;
}

#wrapper .calendarContainer .events a.event.marker4 {
	background-image:url(/img/calendar/cherry_icon4.gif);
	background-position:-5px -5px;
}

#wrapper .calendarContainer .events a.event.marker5 {
	background-image:url(/img/calendar/cherry_icon5.gif);
	background-position:-5px -5px;
}

#wrapper .calendarContainer .events a.event.marker6 {
	background-image:url(/img/calendar/cherry_icon.gif);
}

#wrapper .calendarContainer .events a.event.day1 {
	margin:170px 0 0 250px;
}

#wrapper .calendarContainer .events a.event.day2 {
	margin:170px 0 0 327px;
}

#wrapper .calendarContainer .events a.event.day3 {
	margin:170px 0 0 404px;
}

#wrapper .calendarContainer .events a.event.day4 {
	margin:170px 0 0 481px;
}

#wrapper .calendarContainer .events a.event.day5 {
	margin:170px 0 0 558px;
}

#wrapper .calendarContainer .events a.event.day6 {
	margin:170px 0 0 635px;
}

#wrapper .calendarContainer .events a.event.day7 {
	margin:247px 0 0 250px;
}

#wrapper .calendarContainer .events a.event.day8 {
	margin:247px 0 0 327px;
}

#wrapper .calendarContainer .events a.event.day9 {
	margin:247px 0 0 404px;
}

#wrapper .calendarContainer .events a.event.day10 {
	margin:247px 0 0 481px;
}

#wrapper .calendarContainer .events a.event.day11 {
	margin:247px 0 0 558px;
}

#wrapper .calendarContainer .events a.event.day12 {
	margin:247px 0 0 635px;
}

#wrapper .calendarContainer .events a.event.day13 {
	margin:320px 0 0 250px;
}

#wrapper .calendarContainer .events a.event.day14 {
	margin:320px 0 0 327px;
}

#wrapper .calendarContainer .events a.event.day15 {
	margin:320px 0 0 404px;
}

#wrapper .calendarContainer .events a.event.day16 {
	margin:320px 0 0 481px;
}

#wrapper .calendarContainer .events a.event.day17 {
	margin:320px 0 0 558px;
}

#wrapper .calendarContainer .events a.event.day18 {
	margin:320px 0 0 635px;
}

#wrapper .calendarContainer .events a.event.day19 {
	margin:398px 0 0 250px;
}

#wrapper .calendarContainer .events a.event.day20 {
	margin:398px 0 0 327px;
}

#wrapper .calendarContainer .events a.event.day21 {
	margin:398px 0 0 404px;
}

#wrapper .calendarContainer .events a.event.day22 {
	margin:398px 0 0 481px;
}

#wrapper .calendarContainer .events a.event.day23 {
	margin:398px 0 0 558px;
}

#wrapper .calendarContainer .events a.event.day24 {
	margin:398px 0 0 635px;
}

#wrapper .calendarContainer .events a.event.day25 {
	margin:470px 0 0 250px;
}

#wrapper .calendarContainer .events a.event.day26 {
	margin:470px 0 0 327px;
}

#wrapper .calendarContainer .events a.event.day27 {
	margin:470px 0 0 404px;
}

#wrapper .calendarContainer .events a.event.day28 {
	margin:470px 0 0 481px;
}

#wrapper .calendarContainer .events a.event.day29 {
	margin:470px 0 0 558px;
}

#wrapper .calendarContainer .events a.event.day30 {
	margin:470px 0 0 635px;
}

#wrapper .calendarContainer .events a.event.day31 {
	margin:547px 0 0 250px;
}

#wrapper .calendar .navigation {
	color:black;
	text-align:center;
	width:50%;
	margin:0 auto 0 auto;
	padding-top:100px;
	padding-left:50px;
	font-weight:bold;
	text-transform:uppercase;
	font-size:110%;
}

#wrapper .calendar .navigation span {
	font-size:70%;
	line-height:20px;
	color:#636466;
	text-transform:uppercase;
	font-weight:normal;
}

#wrapper .calendar .navigation span a {
	color:#636466;
}

#wrapper .calendar .navigation span.next {
	float:right;
}

#wrapper .calendar .navigation span.previous {
	float:left;
}

p#preview {
	position:absolute;
/*	border:1px solid #ccc;*/
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	font-size:80%;
	line-height:18px;
}

p#preview img {
	margin-bottom:5px;
}

/****************** Content Sections from the CMS for pages like Venue and VIP */

h1.section {
	padding-left:73px;
	width:auto;
	height:auto;
}

.section {
	clear:left;
	display:block;
	height:275px;
	overflow:auto;
	padding-left:73px;
}

.section.venue {
	background:url(/img/sections/venue-bg.jpg) no-repeat top left;
	height:auto;
}

.section.venue span {
	float:right;
	width:440px;
	margin-right:20px;
}

.section.floorplans {
	background:url(/img/sections/floorplans-bg.jpg) no-repeat 400px -10px;
	height:320px;
	padding-top:15px;
}

.section.floorplans span {
	float:left;
	width:290px;
}

.section.viproom {
	background:url(/img/sections/viproom-bg.jpg) no-repeat top left;
	height:auto;
	padding-bottom:20px;
}

.section.viproom span {
	float:right;
	width:400px;
	margin-right:80px;
}

.section.viproom span {
	background:url(/img/dom_logo.jpg) no-repeat bottom right;
}

.section.viptables .cmsRolloverImage {
	float:right;
	border:3px solid white;
	margin-right:60px;
	margin-top:18px;
}

.section.viptables {
	background:url(/img/sections/viptables-bg.jpg) no-repeat top right;
	height:400px;
}

.section.viptables span {
	float:left;
	width:340px;
}

.section.contact-us {
	background:url(/img/sections/contact-us-bg.jpg) no-repeat right -10px;
	height:auto;
}

.section.featured-in {
	background:url(/img/sections/featured-in-bg.jpg) no-repeat right top;
	height:350px;
}

.section.featured-in span {
	float:left;
	margin-left:20px;
	width:400px;
	margin-top:18px;
}

.section.contact-us span {
	width:200px;
}

/************************ Section image galleries e.g. venue.ctp in layouts folder */
.section .gallery {
	float:left;
	width:300px;
	margin-top:18px;
}

.section .gallery .image {
	float:left;
	border:3px solid white;
	margin:0 15px 15px 0;
}

/*********************** VIP page, VIP Tables enquiry form */

form.mailingList.vipBooking {
	float:left;
	margin:-260px 0 0 0;
	background-image:url(/img/post-it-bg-flipped.png);
	padding:100px 0 0 60px;
	width:320px;
}

form.mailingList.vipBooking input {
	width:120px;
	padding-left:3px;
	padding-right:3px;
}

form.mailingList.vipBooking label {
	margin-right:10px;
	width:100px;
}

/**************** Gallery Page */
iframe.gallery {
	margin-left:58px;
}

/******************** Feedback Page */
#wrapper .content.feedback {
	padding-left:95px;
}

.feedbackForm {
	background:url(/img/feedback-bg.jpg) no-repeat;
	margin:0 auto 0 auto;
	width:797px;
	height:487px;
}

.feedbackForm form {
	padding:150px 0 0 211px;
}

.feedbackForm form div.input input, .feedbackForm form textarea {
	border:none;
	background:url(/img/feedback-arrow.gif) no-repeat left center transparent;
	padding:5px 5px 5px 15px;
	width:250px;
	margin-bottom:3px;
	font-family:arial;
	font-size:12px;
}

.feedbackForm form textarea {
	background-position:left 6px;
	height:100px;
	line-height:25px;
	padding:0 5px 5px 15px;
}

.feedbackForm form label {
	display:none;
}

.feedbackForm form div.submit input {
	margin:10px 0 0 300px;
}

/******************** Videos */
.videoResult {
	float:left;
	margin:0 30px 30px 0;
}

.videoResult .event {
	margin-right:0;
}

.pagination#paginationRight {
	float:right;
	margin-right:40px;
}

/******************** Image Galleries */
.galleryTable td img {
	border:3px solid white;
	margin-bottom:10px;
}

.galleryTable td a:hover img {
	border-color:#f9bc01;
}

/******************** Safari / Google Chrome Fixes */
@media screen and (-webkit-min-device-pixel-ratio:0){

	.section span {
		margin-top:-18px;
	}
	
	.section.viptables .cmsRolloverImage {
		margin-top:0;
	}
}