/* - - - - - - - - - - - - - - - - - - - - - - - - - - - 

	RESET CSS

- - - - - - - - - - - - - - - - - - - - - - - - - - - */
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; line-height:22px}
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;}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - 

	TYPOGRAPHY + colours

- - - - - - - - - - - - - - - - - - - - - - - - - - - */
body { line-height:22px; font:15px helvetica, sans-serif; color:#a6856a }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: helvetica, serif; color:#444; }
h1{  }
h2{ font:17px verdana, sans-serif; color:#fb77b6; line-height:22px; font-weight:bold}
h3{}
h4{}
h6{ font:9px Verdana, sans-serif; }
a, .left .twitterBoxLink { color:#007eff; text-decoration:none; font:16px courier; font-weight:bold; border:0;} a:hover {color:#444; text-decoration:none; }
.pink { color:#fb77b6 /*ed0d72*/}
.blue { color:#76acf0; }
.cyan { color:#57d6fd;}
.grey { background:#eee; }
.white { background:#fff;}
.brown { color:#a6856a;}
p { padding:10px 0px; }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - 

	MAIN AREAS

- - - - - - - - - - - - - - - - - - - - - - - - - - - */
body { background:#f7a8d5 url(../gfx/bg.gif); }
.section, .scribble { text-align:center; margin:0px auto; width:1000px; }

.container { width:1000px; margin:0px auto; position:relative; }
.clear { clear:both; }
.left, .right { width:490px; display:block; float:left; }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - 

	SECTIONS

- - - - - - - - - - - - - - - - - - - - - - - - - - - */
#header { background:/*#990033*/ url(../gfx/bg-nav.png) no-repeat top; text-align:center; height:260px;}
	.logo { position:absolute; z-index:7; top:0px; left:0px; width:320px; height:160px; display:block; background:url(../gfx/bg-logo-new.png) no-repeat top left; }
	.nav { width:680px; display:block; float:right;}
	.nav li { float:left; display:block; }
	.nav li a { display:block; padding:8px 8px; font-size:18px; color:#fff; font-weight:bold; text-shadow: 0px 0px 3px#fff; font-family:Arial, Helvetica, sans-serif;  }
	.nav li a:hover { color:#ccc; text-shadow: 0px -1px -1px #990033; }
	#header .container .cassette { background:url(../gfx/cassette2.png) no-repeat bottom left; width:426px;height:233px; display:block; position:absolute; top:41px; right:140px; z-index:100000;}
		.controls {}
	.cas2 .controls {
		margin:168px 0 0 0;
	}
	.socialMedia { background:url(../gfx/bg-socialMedia2.png) no-repeat top left; width:231px; height:272px; display:block; position:absolute; right:0; top:42px; z-index:9/*always one less than .cassette*/;  }	
	.socialMedia ul { padding:32px 0 0 0;}
		.facebookLink, .myspaceLink, .twitterLink { background:url(../gfx/sprite-socialMedia.png) no-repeat 0px 0px; display:block; width:150px; height:44px; margin:0 0 0 70px; overflow:hidden; }
		.facebookLink span, .myspaceLink span, .twitterLink span, .youTubeLink span { position:relative; top:-2000px;}
		.facebookLink { background-position:-69px 0px}
			.facebookLink:hover { background-position:-69px -150px}
		.myspaceLink { background-position:-69px -47px}
			.myspaceLink:hover { background-position:-69px -197px}
		.twitterLink { background-position:-69px -100px}
			.twitterLink:hover { background-position:-69px -250px}
			
		.youTubeLink{background:url(../gfx/icon-youtube.png) no-repeat 0px 0px; display:block; width:150px; height:44px; margin:0 0 0 70px; overflow:hidden;}
		.youTubeLink:hover {background-position:0px -47px}
			
/*z-index fix*/
.containerSection {width:1000px; margin:0px auto; position:relative; top:0px; z-index:0;}
#section { background:url(../gfx/bg-page.gif) repeat-y top; position:relative; top:0; z-index:0;}	
	.sectionTop { background:url(../gfx/bg-page-top.png) no-repeat bottom; display:block; width:1000px; height:30px; margin:-20px 0 0 0;}
	.sectionFoot { background:url(../gfx/bg-page-foot.png) no-repeat top right; width:1000px; height:46px; display:block;}
	.CTAlink .FontJazz-Block17Black { }
	.videoPlayerHolder { width:474px; height:335px; float:left; display: block; position:relative; margin:-150px 0 0 0; }
		.videoPlayer { background:url(../gfx/bg-video.png) no-repeat top left; width:474px; height:375px; display:block; }
		.video { width:398px; overflow:hidden; }
		.thumbnails a:hover { cursor:pointer; }
	.homeTape { background:url(../gfx/bg-tape.png) no-repeat top right; width:520px; height:45px; display:block; float:left; margin:0 0 0 -23px;}
	.promo1 { width:230px; display:block; float:left; margin:-34px 10px 0 0; position:relative;}	
	.promo2 { width:230px; display:block; float:left; margin:-34px 0 0 0; position:relative;}
	.stickie { background:url(../gfx/bg-stickie.png) no-repeat top left; width:217px; height:209px; display:block; float:left; position:relative; padding:10px 10px 0 10px; }	
	.stickieDate { font-size:42px; display:block; padding:10px 0 0 16px; font-weight:bold;}
	.stickieDate .month { font-size:20px;}
	.stickie a { border:0; text-decoration: none; }
	.stickieDateLocation { font-weight:bold; display:block; padding:10px; 0 20px 16px;}
	.CTAlink { background:url(../gfx/stickieStar.png) no-repeat top left; display:block; padding:0px 0 0 20px;}
	
	.datesHolder { padding:0 10px 0 30px;}
	.datesList { margin:10px 0px; }
	.datesList li {line-height:26px;}
	.datesList li .dateDate { font-size:18px; padding:0 10px 0 0}
	.datesList li .dateLocation { padding:0 10px 0 0}
	.datesList li .dateCTA {}
	.sweets { background:url(../gfx/sweets.png) no-repeat top left; width:225px;height:76px; display:block;}
	
	
	
	.twitterBox { background:url(../gfx/bg-twitter.png) no-repeat top left; width:475px; height:219px; display:block; float:left; }
	.twitterBoxContent { 
		width:400px; 
		height:180px; 
		margin:60px 0 0 60px; 
		}
	.twitterBoxContent ul li, {
		white-space: pre-wrap; /* css-3 */
		white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
		white-space: -pre-wrap; /* Opera 4-6 */
		white-space: -o-pre-wrap; /* Opera 7 */
		word-wrap: break-word; /* Internet Explorer 5.5+ */
		}	
	.left .twitterBoxContent ul {
		padding:0;
		margin:0 0 0 20px;
		list-style:none;
	}
	.left .twitterBoxContent ul li {
		list-style:none;
	}
	.galleryHolder { background:url(../gfx/bg-gallery.png) no-repeat top; width:455px; height:319px; display:block; padding:32px 0 0 0 ; }
	.gallery { width:400px; height:255px; display:block; overflow:hidden; margin:0px 0 0 25px;  border:1px solid #fff; }
	.wide .gallery { width:800px; margin:0; }
	.galleryControl { width:100%; display:block; float:left; margin:20px 0 0 0;}
	.camera { background:url(../gfx/icon-camera.png) no-repeat top left;width:56px; height:45px; display:block; float:left; }	
	ul.controller {}
	ul.controller li { float:left; }
	ul.controller li a { display:block; width:14px; height:16px; display:block; background:#000; border:2px solid #fff; border-width:2px 2px 3px 2px; margin:10px;}
	
	
	#footer { background:#fefebf; width:100%; padding:60px 0 30px 0; margin:-60px 0 0 0;}
	.newsletterSignUp { background:url(../gfx/footer-stickie.png) no-repeat top left; width:315px; height:228px; display:block; float:left;}
	.newsletterSignUp form { padding:64px 0 0 0;}
	.newsSignUp { width:240px; font-size:16px; margin:10px 10px 0 40px; padding:10px 3px; background:none; border:none;}
	.newsSignUpBtn { background:url(../gfx/btn-signUp.png) no-repeat top left;width:117px;height:33px; display:block; float:right; margin:10px 30px 0 0; border:none; cursor:pointer; text-indent:-10000px; overflow:hidden;}
	.footBox { width:300px; float:left; display:block; margin: 0 0 0 20px;}
	
/* generic Page
------------------------------------- */
	.internalTitleHolder { position:relative; margin:-100px 0 0 40px;}
	.titleTop { background:url(../gfx/title-Top.png) no-repeat top left;width:398px;height:50px; display:block;}
	.titleBg { background:url(../gfx/title-bg.png) repeat-y top left; width:398px; display:block;}
		.titleBg div.FontJazz-Block35Pink { margin:0 0 0 20px;}
	.titleFoot { background:url(../gfx/title-Foot.png) no-repeat top left;height:42px; width:398px; display:block; }
	
	.left .contentArea { color:#537cbf; padding:0px 20px 20px 46px; }
	.left * a { color:#CC0000; font-weight: normal; text-decoration:none; font-family:Arial, Helvetica, sans-serif; border-bottom:1px solid #CC0000; padding-bottom:2px }
	.left * a:hover { color:#333; border-color:#efefef; background:#efefef; }
	.left .stickie a { border: 0; }
	.left * ul { padding:5px 0 5px 30px}
	.left * ul li { padding:0 0 0 0px; line-height:22px; color:#333; list-style-type:circle; }
	.left * ol { padding:5px 0 5px 30px}
	.left * ol li { padding:0 0 0 10px; line-height:22px; list-style-type:decimal; }
	
	.left.paperPage { padding: 0pt 0pt 0pt 22px; width: 475px; }
	
/* Internal Page
------------------------------------- */	
	.paperHolder { margin:20px 0 10px 30px;}
	.paperTop { background:url(../gfx/bg-paper-top.png) no-repeat top;width:940px;height:47px; display:block;}
	.paperBody { background:url(../gfx/bg-paper-body.png) repeat-y top; width:940px; display:block;}
	.paperContainer { padding:10px 10px 10px 26px;}
		.leftSide { width:400px; display:block; float:left; margin:0 20px 0 0; }
		.rightSide { width: 400px; display:block; float:left; }
		.rightSide.wide { width: 890px;  }
	.paperFoot { background:url(../gfx/bg-paper-foot.png) no-repeat top;width:940px;height:60px; display:block;}
	.paperContainer .contentArea { margin:0 0 20px 0; }
	
/* Internal form
-------------------------------------*/
	.textField { height:26px; background:#fff; border: 4px dashed #FF99CC; color:#FF0099; padding:4px; font-size:18px; width:380px; font-weight: bold; margin:0 0 8px 0; }
	textarea { height:100px; background:#fff; border: 4px dashed #FF99CC; color:#FF0099; padding:4px; font-size:18px; width:380px; font-weight: bold; margin:0 0 8px 0;}
	.formSubmit { background:url(../gfx/btn-send.png) no-repeat top left;width:132px;height:44px; display:block; border:0px; cursor:pointer; overflow:hidden; text-indent:2000px;}
	
/* Gallery page
-------------------------------------*/
	.galleryThumbHolder { width:290px; margin:0 10px 0 40px; float:left; display:block; overflow:hidden; }
	.wide .galleryThumbHolder { width:840px; margin-left:33px; }
		.galleryThumbHolder ul li { float:left; width:90px; height:90px; margin:0 5px 5px 0; overflow:hidden; }
		.wide .galleryThumbHolder ul li { width:150px; height:150px; }
		.galleryThumbHolder ul li a img { border:3px solid #fff; }
		.wide .galleryThumbHolder ul li a img { width:150px; }
	.galleryDateHolder { width:60px; float: left; display:block;}

/* Video page
-------------------------------------*/
	
	#VideoPage .videoPlayerHolder { width:474px; height:335px; float:left; display: block; position:relative; margin:0px 0 0 -26px; }
	#VideoPage.videoPlayer { background:url(../gfx/bg-video.png) no-repeat top left; width:474px; height:375px; display:block; }
	#VideoPage .video {}
	
/* Additions */
.videoPlayer { padding:39px 0 0 36px; }
#video-image { background:url(../gfx/video-image.png); background-repeat:no-repeat!important; background-position:center!important; width:398px; height:253px; }
#player { margin:-17px 0 0 0; }
.newsletterSignUp form input { color:#fff; }
#siteMap { margin:0 0 0 45px; }		

ul.video-page li {
	display:none;
}
ul.video-page li:first-child {
	display:block;
}	

ul.thumbnails {
	margin:38px 0 0 0;
}	

#blog-list { margin:10px 0 0 0; }
	#blog-list .FontJazz-Block24Pink { margin:0 0 10px 0; }
	#blog-list .FontJazz-Block17Black { margin:10px 0 0 0; }
	#blog-list .day-holder { margin:0 0 25px 0; }
	#blog-list .article-holder { margin:0 0 25px 0; }




/* Slider */
/*preload classes*/
.svw {width: 50px; height: 20px; background: #fff;}
.svw ul {position: relative; left: -999em;}

/*core classes*/
.stripViewer { 
position: relative;
overflow: hidden;  
margin: 0 0 0px 25px;
padding:0 0 0 0;
height:253px!important;
}
.stripViewer ul { /* this is your UL of images */
margin: 0;
padding: 0;
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
}
.stripViewer ul li { 
float:left;
}

.stripTransmitter {
overflow: auto;
width: 1%;
}
.stripTransmitter ul {
margin: 26px 0 0 24px;
padding: 0 0 0 68px;
position: relative;
list-style-type: none;
background:url(../gfx/icon-camera.png) no-repeat top left;
height:43px;
}
.stripTransmitter ul li{
float:left;
margin: 0 1px 1px 0;
}
.stripTransmitter a{
background:#000; border:2px solid #fff; border-width:2px 2px 3px 2px; 
color:#fff;
display:block; margin:10px;
width:21px; height:23px;
line-height:23px;
text-align:center;

}
.stripTransmitter a:hover, a.current{
color:#888;
}


/*tooltips formatting*/
.tooltip
{
padding: 0.5em;
background: #fff;
color: #000;
border: 5px solid #dedede;
}


#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

ul.gallery li img {
	width:120px;
}
.left ul.simplePagerNav {
	list-style:none;
}
.left ul.simplePagerNav li {
	list-style:none;
	float:left;
}
.left ul.simplePagerNav li a {
	font-family:courier;
	font-size:16px;
	font-weight:bold;
	background:#000; border:2px solid #fff; border-width:2px 2px 3px 2px; 
	color:#fff;
	display:block; margin:10px;
	width:21px; height:23px;
	line-height:23px;
	text-align:center;
}
.left ul.simplePagerNav li.currentPage a {
	color:#888888;
}