@charset "UTF-8";
/* CSS Document */
body
{
	color:				#000000;
	background:			url(../images/framework/background_block.gif);
	margin:				0px;
	font-family:		"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:			14px;
	height:				100%;
}


.clearme
{
	clear:				both;
	height:				1px;
}

#actionDiv
{
	position:			absolute;
	visibilty:			hidden;
	z-index:			99999999;
	border:				1px;
	border-color:		#203270;
	border-style:		solid;
	padding: 			0px;
	top:				-100px;
	background-color: 	#D9C24B;
}


#actionDivBG
{
	position:			absolute;
	visibilty:			hidden;
	background:			#666666;
	z-index:			999999;
	opacity:			0.8;
	filter:				alpha(opacity=80);
}




/* Containers & Rows */
#MasterContainer
{
	width:				1000px;	
	margin-left:		auto;
	margin-right:		auto;
	
}

#TopRow
{
	width:				100%;
	height:				100px;
	float:				left;
	background-color:	#000;
	filter:				alpha(opacity=80);
	opacity:			0.8;
}

.FbRow
{
	float:				right;
	width:				180px;
	height:				40px;
	color:				#FFF;
	text-align:			left;
	padding:			20px;
	font-size:			12px;	
}

.FbRow a
{
	font-family:		Georgia;
	font-size:			14px;
	text-transform:		uppercase;
	text-decoration:	none;
	color:				#FFF;
}

.FbRow a:hover
{
	color:				#D9C24B;
}

#HeaderRow
{
	width:				100%;
	height:				295px;
	float:				left;
}

.SocialNetworkRow
{
	width:				100%;
	height:				184px;
	float:				left;
}

.SocialNetworkRow a
{
	font-family:		"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:			12px;
	text-decoration:	none;
	color:				#666;
}

.SocialNetworkRow a:hover
{
	color:				#D9C24B;
}

#email
{
	float:				left;
	width:				245px;
	height:				45px;
	font-family:		"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:			12px;
	color:				#666;
	padding:			20px 0px 0px 20px;
}

#email input
{
	width:				177px;
	height:				22px;
	border:				#D9C24B 3px solid;
	padding:			1px 2px 1px 2px;
}

#facebook
{
	float:				right;
	width:				166px;
	height:				63px;
	padding:			20px 20px 0px 0px;
}


#ContentRow
{
	width:				100%;
	float:				left;
}


#FooterRow
{
	float:				left;
	width:				100%;
	height:				30px;
	margin-top:			10px;
	background-color:	#000;
	padding-top:		30px;
	filter:				alpha(opacity=80);
	opacity:			0.8;
	color:				#FFF;
	font-size:			12px;
}




/* Navigation Areas */
#LogoAreaJJWhispers
{
	width:				100%;
	height:				184px;
	float:				left;
	border-top:			solid 1px #D9C24B;
	border-bottom:		solid 1px #D9C24B;
	background:			#000 url(../images/framework/logoheader.png) center no-repeat;
}


#MainNavArea
{
	float:				left;
	width:				942px;
	height:				62px;
	padding:			0px 29px 0px 29px;
	background-color:	#000;
	filter:				alpha(opacity=80);
	opacity:			0.8;
}

/* JJ Whispers Nav */
#NavAbout
{
	float:				left;
	width:				72px;
	padding-top:		20px;
	text-align:			right;
}

#NavVenue
{
	float:				left;
	width:				156px;
	padding-top:		20px;
	text-align:			right;
}
#NavBookings
{
	float:				left;
	width:				181px;
	padding-top:		20px;
	text-align:			right;
}

#NavGallery
{
	float:				left;
	width:				168px;
	padding-top:		20px;	
	text-align:			right;
}

#NavWhatsOn
{
	float:				left;
	width:				193px;
	padding-top:		20px;
	text-align:			right;
}
#NavContact
{
	float:				left;
	width:				172px;
	padding-top:		20px;
	text-align:			right;
}


/* Content*/
#ContentTop
{
	float:				left;
	min-height:			600px;
	background:			url(../images/framework/redsq.png) repeat;
	border:				0px;
	margin-top:			53px;
}

#ContentTopSwirl
{
	position:			relative;
	float:				right;
	background:			url(../images/framework/upperswirl.png) no-repeat top right;
	width:				300px;
	height:				120px;
	top: 				-120px;
}

#ContentTopSwirl39Prime
{
	position:			relative;
	background:			url(../images/framework/39prime_upperswirl.png) no-repeat top right;
	z-index:			500;
	width:				986px;
	height:				120px;
	top: 				-118px;
}

#ContentBottom
{
	float:				left;
	width:				100%;
	height:				120px;
	background:			url(../images/framework/lowerswirl2.png) top right no-repeat;
}

 
#ContentLeft /*total width 309*/
{
	float:				left;
	width:				225px;
	min-height:			1000px;
	float:				left;
	padding:			23px 56px 0px 28px;
	text-align:			center;
}


.ContentCentre
{	
	float:				left;
	width:				505px;
	min-height:			162px;
	padding-top:		35px;
	padding-bottom:		20px;
	text-align:			justify;
}


.ContentCentre2
{	
	float:				left;
	width:				641px;
	min-height:			162px;
	padding-top:		35px;
	text-align:			justify;
}


.ContentCentre3
{	
	float:				left;
	width:				505px;
	padding-top:		35px;
	text-align:			justify;
}
#ContentRight
{
	width:				155px;
	float:				left;
	padding:			50px 0px 0px 31px;
}

#ContentRightCalendar
{
	width:				50px;
	float:				left;
}


.ContentPlaceholder
{
	width: 				207px;
	height:				151px;
	background:			url(../images/framework/frame.png) center no-repeat;
	padding:			24px 0px 0px 18px;
	margin-bottom:		30px;
	text-align:			left;
}

.ContentPlaceholder a
{
	border:				0px;
	text-decoration:	none;
}

#ContentCalendar
{
	float:				left;
	width:				320px;
	min-height:			400px;
	background:			url(../images/framework/calendarplaceholder2.png) no-repeat center top;
	padding:			0px 62px 0px 63px;
	margin-top:			20px;
}
	
.PlaceholderOverlay
{
	width:				188px;
	height:				20px;
	z-index:			99;
	position:			relative;
	top:				-40px;
	text-align:			center;
	background-color:	#000;
	filter:				alpha(opacity=80);
	opacity:			0.8;
	font-family:		Georgia;
	color:				#FFF;
	letter-spacing:		5px;
	text-transform:		uppercase;
	text-align: 		center;
}
	
.PlaceholderOverlay a
{
	font-family:		Georgia;
	color:				#FFF;
	letter-spacing:		5px;
	text-transform:		uppercase;
	text-align: 		center;
	text-decoration:	none;
}

.Bubbles
{
	float:				left;
	width:				505px;
	padding:			30px 0px 30px 0px;
}
	
#CalendarTable
{
	width:				265px;
	height:				215px;
	margin:				35px 0px 0px 30px;
}
	
table
{
	border-collapse:	collapse;
}

.CalendarAlign th
{
	border-bottom:		1px solid #F4D240;
}

.39MenuNav
{
	width: 				207px;
	height:				151px;
	padding:			24px 0px 0px 18px;
	margin-bottom:		30px;
}

.GalleryTable
{
	border:				none;
	margin-bottom:		20px;
}

#ContentEventLeft
{
	float:				left;
	width:				250px;
	min-height:			400px;
	background:			url(../images/framework/swirl.png) no-repeat center top;
	margin-top:			45px;
}

#ContentCentre a
{
	color:				#FFF;
	text-decoration:	none;
}

#ContentCentre a:hover
{
	color:				#D9C24B;
	text-decoration:	underline;
}

.ContentEventCentre
{	
	float:				left;
	width:				705px;
	min-height:			162px;
	padding:			45px 45px 0px 0px;
	text-align:			justify;
}

.EventFlyer
{	
	text-align:			left;
	padding:			20px 0px 120px 0px; 
}



/* Footer*/
#FooterCopyright
{
	width:				410px;
	float:				left;
	padding-left:		80px;
	text-transform:		uppercase;
}

.FooterCredits
{
	width:				150px;
	float:				right;
	text-align:			right;
	padding-right:		80px;
}

.FooterCredits a
{
	color:				#FFFFFF;
	text-decoration:	none;
}

.FooterCredits a:visited
{
	color:				#FFFFFF;
	text-decoration:	none;
}

.FooterCredits a:hover
{
	color:				#FFFFFF;
	text-decoration:	underline;
}