/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

strong {
	font-weight: 600;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Defualt Body
   ========================================================================== */
   
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
    line-height: 1.4;
    background:#fff;
}
   


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

.clear {
	clear: both;
}



/*
 * Font Declarations
 * ASAP for use of all body text: http://www.google.com/webfonts/specimen/Asap
 */
 
body {
	text-align: center;
	background:#fffffa url(../img/arches.png);
	font-family: 'Asap', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	
	color:#333;
	color:#545454;

}



/* MAIN */
body#tinymce {
	background: #fff;
	text-align: left;
}


body h1,
body h2,
body h3,
body h4 {
	font-family: 'Gibson', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	
	text-transform: uppercase;
}


/* 
 * Header
 */
 
header {
	background: #114b66 url("../img/v1/bg-tile-header.gif") repeat top left;
	color:#fff;
	overflow: hidden;
	position: relative;
}

.lt-ie8 header {
	z-index:100;
}

header a { color:#fff; text-decoration: none;}

header h1 {
	margin: 10px 2.5% 10px 2.5%;
	width: 95%;
	height: 57px;
	display: block;
	text-indent: -5555px;
	float: none;
	-webkit-transform: translateZ(0);
	z-index: 55000;
}

header h1.logo a {
	display: block;
	background: transparent url("../img/v1/logo.png") no-repeat top left;
	width: 100%;
	height: 100%;
	background-size: cover;
}


header nav {
	float: none;
	position: relative;
	top: 0;
	right: 0;
}

	header nav ul {
		float: none;
		clear: none;
		margin: 0; padding: 0;
		width: 100%;
	}
	
	/* Language */
	header nav ul#lang_selector {
		float: right;
		display: none;
		margin: 0 0 25px;
	}
		
		header nav ul#lang_selector li {
			margin: 0 0 0 3px;
			font-size: 0.7em;
			line-height: 1.3;
			
		}
	
		header nav ul#lang_selector a {
			border-radius: 0;
		}
	
	header nav ul li {
		float: left;
		padding: 0;
		text-transform: uppercase;
		 font-size: 0.7em;
    	margin: 0 0 0 8px;
	}
	
	header nav ul li a {
		display: block;
		padding: 5px 8px;
		background: #000;
		background: rgba(0,0,0,0.7);
		border-radius: 5px;
		
		-webkit-transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000); 
   -moz-transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000); 
    -ms-transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000); 
     -o-transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000); 
        transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000); /* easeOutQuint */
	}
	
	.lt-ie9 header nav ul li a {
		border-radius: 5px;
		behavior: url(/pie/PIE.htc);
	}
	
	.lt-ie8 header nav ul li a {
		behavior: none;
	}
	
	header nav ul li a.selected {
		background:#45BC1F;
	}
	
	header nav ul li a:hover {
		background: #45BC1F;
	}
	
	header nav ul#lang_selector li a:hover,
	header nav ul#lang_selector li a.selected {
		padding: 10px 8px 5px;
	}
	
	header .inner {
		width: 98%;

	}

header #static {
	overflow: hidden;
	position: relative;
	display: block;
	z-index:1180;
	width: 100%;
	top: 0;
	left: 0;
	padding: 0 0 20px;
	
}

	header #static.magnet_active {
		position: fixed;
		z-index: 5000;
		-webkit-box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.5);
		box-shadow: 0 0px 3px 2px rgba(0, 0, 0, 0.2);
		/*font-weight: 700;*/
		background: #114b66 url("../img/v1/bg-tile-header.gif") repeat top left;
	}
	
	.cssanimations header #static.magnet_active {
		
		-webkit-animation: "slideIn" 0.3s 0s ease-in forwards;
    	-moz-animation: "slideIn" 0.3s 0s ease-in forwards;  
    	-ms-animation: "slideIn" 0.3s 0s ease-in forwards;  
    	-o-animation: "slideIn" 0.3s 0s ease-in forwards;  
    	animation: "slideIn" 0.3s 0s ease-in forwards; 
	}
	
	@-webkit-keyframes slideIn { from { top:-70px; opacity: 0; } to { top:0px; opacity: 1; } }
	@-ms-keyframes slideIn { from { opacity:0; } to { opacity:1; } }
	@-o-keyframes slideIn { from { opacity:0; } to { opacity:1; } }
	@-moz-keyframes slideIn { from { opacity:0; } to { opacity:1; } }
	@keyframes slideIn { from { opacity:0; } to { opacity:1; } }

	header #static .inner {min-height: 0px;}

#fullBackground {
	margin: 0;
	width: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	z-index: 30;
}

.cssanimations #fullBackground {
	opacity:0;
	background-size: cover;
	-ms-interpolation-mode: bicubic;
	background-position: center center;
	background-origin: center center;
}

#fullBackground.active {
	-webkit-transition:all 1.2s linear;
	/*-moz-transition:all 10.2s linear;
	-o-transition:all 10.2s linear;*/
	transition:all 1.2s linear;
	opacity:1;
	-ms-interpolation-mode: bicubic;
	
	
}

.screen {
	margin: 0px 0 0;
	width: 100%;
	display: block;
	/*position: fixed;*/
	clear: both;
	z-index: 40;
	top: 140px;
	opacity:0;
	left:0;
	opacity: 0;
	display: none;
}


.screen.active {
	-webkit-transition:all 1.2s linear;
	-moz-transition:all 1.2s linear;
	-o-transition:all 1.2s linear;
	transition:all 1.2s linear;
	display: block;
	opacity:1;
}

	.screen h2 {
		font-size: 2.4em;
		width: 50%;
		margin: 0 auto 0;
		padding: 0;
		text-shadow: 5px 5px 0px #000;
		
		font-size: 1.8em;
		width: 80%;
		margin: 0 auto 0;
		padding: 0;
		text-shadow: 3px 2px 0px black;
	}
	
	.screen i {
		display: block;
		margin: 40px auto 0;
		padding: 0;
		
	}
	
	.cssanimations .screen i {
		-webkit-animation: pulsate 1s ease-out;
    	-webkit-animation-iteration-count: infinite;
    	-ms-animation: pulsate 1s ease-out;
    	-ms-animation-iteration-count: infinite;
    	
    	-moz-animation: pulsate 1s ease-out;
    	-moz-animation-iteration-count: infinite;
    
    	
    	
    	-o-animation: pulsate 1s ease-out;
    	-o-animation-iteration-count: infinite;
    	
    	animation: pulsate 1s ease-out;
    	animation-iteration-count: infinite;
    	
    	 opacity: 0.0
	}
	
	@-webkit-keyframes pulsate {
   		0% {-webkit-transform: scale(0.5, 0.5); opacity: 0.0;}
    	50% {opacity: 1.0;}
    	100% {-webkit-transform: scale(1.5, 1.5); opacity: 0.0;}
	}
	
	@-o-keyframes pulsate {
   		0% {-o-transform: scale(0.3, 0.33); opacity: 0.0;}
    	50% {opacity: 1.0;}
    	100% {-o-transform: scale(1.1, 1.1); opacity: 0.0;}
	}
	
	@-moz-keyframes pulsate {
   		0% {-moz-transform: scale(0.3,0.3); opacity: 0.0;}
    	50% {opacity: 1.0;}
    	100% {-moz-transform: scale(1.1,1.1); opacity: 0.0;}
	}
	
	@-ms-keyframes pulsate {
   		0% {-ms-transform: scale(0.3, 0.33); opacity: 0.0;}
    	50% {opacity: 1.0;}
    	100% {-ms-transform: scale(1.1, 1.1); opacity: 0.0;}
	}
	
	@keyframes pulsate {
   		0% {     transform: scale(0.3,0.3); opacity: 0.0;}
    	50% {   opacity: 1.0;}
    	100% { transform: scale(1.1,1.1);   opacity: 0.0;}
	}
	
	.screen p {
		font-size: 1.4em;
		width: 50%;
		margin: 0 auto 0;
		padding: 10px 0 0 0;
		font-weight: 700;
		text-shadow: 2px 2px 0px #000;
		
		font-size: 0.9em;
		width: 70%;
	}
	
	#content_holder section {
		clear: both;
		padding: 0 0 35px;
	}
	
	#content_holder.festival_page {
		padding: 40px 0 0;
	}
	
	.inner {
		width: auto;
		margin: 0 auto;
		zoom: 1;
		min-height: 300px;
		overflow: hidden;
		position: relative;
		display: block;
		z-index: 80;
		
		width: 90%;

	}

section h2 {
	font-size: 2.4em;
	font-size: 1.5em;
	line-height: 1em;
	margin: 60px auto 10px;
	padding: 0;
	width: 80%;
	text-shadow: 0 -1px 0 white;
}

section.home p {
	font-size: 1.3em;
	font-size: 1.1em;
	padding: 0;
	width: 90%;
	margin: 0 auto 40px;
	color: #6A6A6A;
}

#content_holder.home2 {
	background: #f1f1eb url(../img/bg2.gif) repeat;
	padding: 10px 0 0;
}	

/*
 * Box
 * Pads have overlay
 */
 
 	.pad,
 	.festival {
 		width: 23.1%;
 		width: 48%;
 	}
 	
 	.box-holder.festival {
 		width: 19%;
 		width: 49%;
 		margin: 0 1% 10px 0;
 	}
 	
 	

	.box-holder {
		position: relative;
		text-align: center; 
		float: left;
		margin: 0 2% 20px 0;
		padding: 0 0 20px;
		/*overflow: hidden;*/
		-webkit-transform: translateZ(0);
		 -webkit-transition: all 0.5s ease-out;
   		 -moz-transition: all 0.5s ease-out;
    	-o-transition: all 0.5s ease-out;
    	transition: all 0.5s ease-out;
	}
	
	.festivals {
		-webkit-transition:all 0.4s ease-in;
		-moz-transition:all 0.4s ease-in;
		-o-transition:all 0.4s ease-in;
		transition:all 0.4s ease-in;
	}

	
	.last {
		margin-right: 0 !Important;
	}
	
	.box-holder .box-inner {
		position: relative;
		z-index: 0;
		padding: 0 0.5%;
		width: 99%;
		float: left;
		-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
		box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
		overflow: hidden;
	}
	
	.lt-ie9 .box-holder .box-inner {
		-webkit-box-shadow: #666 0px 2px 3px;
		-moz-box-shadow: #666 0px 2px 3px;
		box-shadow: #666 0px 2px 3px;
		behavior: url(/pie/PIE.htc);
	}
	
	.lt-ie8 .box-holder .box-inner {
		behavior: none;
	}
	
	
	.box-holder:hover .box-inner {
		-webkit-box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.5);
		box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.5);
	
	}
	
	
	
	.box-holder:hover .box-inner h2 {
		color: #45BC1F;
	}
	
	.box-holder:hover .box-inner .box-overlay h2 {
		color:#fff;
	}
	
	.box-holder:hover .box-inner .box-overlay a {
		color:#fff;
	}

	.box-holder .box {
		background: #fff;
		display: block;
		color:#6b6b6b;
		padding: 0 0 10px;
	}
	
	#viewAllFestivals .box {
		background: #DA0083;
		display: block;
		color:#fff;
		padding: 0 0 10px;
		min-height: 236px;
		text-align: center;
	}
	
	#viewAllFestivals a {
		background: url(../img/viewAllFestivals.png) no-repeat top left;
		color: white;
		display: block;
		text-decoration: none;
		-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
		box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
		/*height: 247px;*/
		height: 206px;
		
	}
	
	
	
	#viewAllFestivals a:hover {
		text-decoration: underline;
	}
		#viewAllFestivals h2,
		#guide h2 {
			padding: 55px 0 0;
			margin: 0 auto 10px;
			font-size: 1.2em;
			text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
		}
		
		#guide h3 {
			padding: 25px 0 0;
			margin: 0 auto 6px;
			font-size: 1.2em;
			text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
		}
		
		#guide p,
		#viewAllFestivals p {
			padding: 0;
			margin: 0 auto;
			font-size: 0.9em;
			font-family: 'Asap', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
			color: #fff;
			text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
			display: none;
		}
	
		#guide a {
			width: 100%;
			/*background: url(../img/podpad_guide.jpg) no-repeat top left;*/
			width: 100%;
background: #5BB75B;
color: white;
display: block;
height: auto;
text-decoration: none;
padding: 0px 0 20px 0;
text-align: left;
			
		}
		
		#guide a .inner {
			min-height: 0;
		}
		
			#guide a:hover h2 {
				text-decoration: underline;
			}
					
	
		
	
	/* 
	 * Quick View 
	 */
	 
	.box-holder .info {
		position: absolute;
		bottom:34px;
		 display: none;
		width: auto;
		font-size: 10px;
		text-transform: uppercase;
		-webkit-transition:all 0.2s linear;
		-moz-transition:all 0.2s linear;
		-o-transition:all 0.2s linear;
		transition:all 0.2s linear;
	}
	
	.box-holder .pink { left: 25px;}
	.box-holder .green { left: 115px;}
	.box-holder .orange { right: 25px;}
	
	.box-holder.festival .pink { left: 5px;}
	.box-holder.festival .green { left: 66px;}
	.box-holder.festival .orange { right: 6px;}
	
	.box-holder:hover .info,
	.expanded .info { bottom: 2px;}
	
	.lt-ie8 .box-holder:hover .info {
		bottom: 6px;
	}
	
	.box-holder .info a {
		box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
		color:#fff;
		font-weight: bold;
		text-decoration: none;
		padding: 6px 8px;
	}
	
	.box-holder .pink a { background: #DA0083; }
	.box-holder .green a { background: #45BC1F; }
	.box-holder .orange a { background: #FF6700; }
	
	.festival .info a.pink {
		background: #da0083 url("../img/v1/temp_tile.gif");
	}
	
	#festivals-container .box-inner .box p {
		width: 90%;
font-size: 0.9em;
color: #919190;
padding: 0 0 0 0;
margin: 0 auto 8px;
	}
	
		#festivals-container .festival-grp{
			clear:both;
		}
	
	/* 
	 * Overlay
	 */
	 
	.box-overlay {
		position: absolute;
		top: 101%;
		left: 0;
		z-index: 5000;
		color:#fff;
		float: left;
		text-align: left;
		height: 100%;
		display: block;
		margin: 0;
		padding: 8px 2.5% 0;
		width: 96%;
		-webkit-transition:all 0.2s linear;
		-moz-transition:all 0.2s linear;
		-o-transition:all 0.2s linear;
		transition:all 0.2s linear;
		color:#fff;
	}
	
	.pad .tab0,
	.festival .tab0 {
		background: #DA0083;
		background: rgba(218, 0, 131, 0.8);
	}
	.pad .tab1,
	.festival .tab1 {
		background: #45BC1F;
		background: rgba(69, 188, 31, 0.8);
	}
	
	.pad .tab2,
	.festival .tab2 {
		background: #FF6700;
		background: rgba(255, 103, 0, 0.8);
	}
	
	.box-holder .tab0.expanded,
	.box-holder .tab1.expanded,
	.box-holder .tab2.expanded {
		-webkit-transition:all 0.2s linear;
		-moz-transition:all 0.2s linear;
		-o-transition:all 0.2s linear;
		transition:all 0.2s linear;
		top:0;
	}
	
	.box-overlay h2 {
		margin:10px 0 8px;
		font-size: 1em;
		text-shadow: none;
	}	

	.box-overlay h3 {
		margin:10px 0 8px;
		font-size: 0.8em;
		font-family: 'Asap', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	}	

	section .box-overlay p {
		margin:0;
		font-size: 0.8em !important;
		line-height: 16px;
		color:#fff;
		width: auto;
	}
	
	.box-holder.expanded .box-overlay p {
		font-weight: 300;
	}
	

	.box-overlay ul {
		padding:0px;
		margin:0;
		list-style: none;
		font-size: 0.8em;
	}
	
	/*
	 * Box Inner Content 
	 */
	 
	 
	 .box .alert {
		position: absolute;
		top: -1px;
		left: 0;
		display: block;
		z-index: 5000;
		width: 92px;
		height: 92px;
		
	}
	
	.box .soldout {
		background: url(../img/soldout.png) no-repeat top left;
	}
	
	.box .new {
		background: url(../img/new.png) no-repeat top left;
	}
	
	.box .lastfew {
		background: url(../img/lastfew.png) no-repeat top left;
	}

	 .box .img {
		overflow: hidden;
		display: block;
		
	}
	
		
		  .festival .img ul {
		 	list-style: none;
		 	padding: 0;
		 	margin: 0;
		 }
	
	.box .img a {
		display: block;
		height: auto;
		-webkit-transition:all 0.2s linear;
		-moz-transition:all 0.2s linear;
		-o-transition:all 0.2s linear;
		transition:all 0.2s linear;
		-webkit-transform: translateZ(0);
		text-decoration: none;
	}
	
	.pad .img a span,
	.festival .img a span {
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		text-align: center;
		color: white;
		font-family: 'Gibson', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
		text-transform: uppercase;
		display: none;
	}
	
	.pad .img a:hover span,
	.festival .img a:hover span {
		z-index: 10000;
		display: block;
	}
	
	.pad .img a { height: 96px;}
	
	.festival .img a {
		border: 1px solid #EEE;
	}
	
	.pad .img a ul {
		 	padding: 0;
		 	margin: 0;
	}
	

	.festival .img a img {
		width: 100% !important;
	}
	
	.pad .img a img {
		width: 100% !important;
	}
	
	.pad .img a:hover {
		-webkit-transition:all 0.2s linear;
		-moz-transition:all 0.2s linear;
		-o-transition:all 0.2s linear;
		transition:all 0.2s linear;
	}
	
	.festival_page .festival a li.festival_bg {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    	filter: alpha(opacity=0);
		-webkit-transition:all 0.2s linear;
		-moz-transition:all 0.2s linear;
		-o-transition:all 0.2s linear;
		transition:all 0.2s linear;
	}
	
	.lt-ie8 .festival_page .festival a li.festival_bg {
		display: none;
	}
	
	.lt-ie8 .festival_page .festival a li.logo {
		display: block;
	}
	
	.festival_page .festival .img a:hover li.festival_bg {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    	filter: alpha(opacity=100);
		-webkit-transition:all 0.2s linear;
		-moz-transition:all 0.2s linear;
		-o-transition:all 0.2s linear;
		transition:all 0.2s linear;
	}
	
	.lt-ie8 .festival_page .festival a:hover li.festival_bg {
		display: block;
	}
	
	.lt-ie8 .festival_page .festival a:hover li.logo {
		display: none;
	}
	
	.festival_page .festival .img a:hover li.logo {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    	filter: alpha(opacity=0);
	}
	
	.festival li.logo {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 500;
		width: 100%;
	}
	
	.lt-ie8 .festival li.logo {
		display:none;
		position: relative;
		top: 0;
		left: 0;
	}
	
	.lt-ie8 .festival li.logo {
		width: auto;
	}
	
	.home .festival a li.festival_bg {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    	filter: alpha(opacity=100);
	}
	
	.lt-ie8 .home .festival a li.festival_bg {
		display: block;
	}
	
	.home .festival li.logo {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    	filter: alpha(opacity=0);
		-webkit-transition:all 0.2s linear;
		-moz-transition:all 0.2s linear;
		-o-transition:all 0.2s linear;
		transition:all 0.2s linear;
	}
	
	.lt-ie8 .home .festival li.logo {
		display:none;
		position: relative;
		top: 0;
		left: 0;
	}
	
	
	.home .festival a:hover li.logo {
		margin:0;
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    	filter: alpha(opacity=100);
		-webkit-transform-origin: 50% 0%;
		background: rgba(227,0,131,0.7);
	}
	
	.lt-ie8 .home .festival a:hover li.festival_bg {
		display:none;
	}
	
	.lt-ie8 .home .festival a:hover li.logo {
		display:block;
	}

	.box h2 {
		font-size: 1.3em;
		font-size: 1em;
		width: auto;
		margin: 14px 0 4px;
		
	}
	
	#home_festivals .box h2 {
		min-height: 68px; /*48px;*/
		
	}
	
	section.home .box p,
	section#available .box p {
		width: 90%;
		font-size: 0.9em;
		color:#919190;
		padding: 0 0 0 0;
		margin: 0 auto 8px;;
	}
	

.col {
	float: left;
	width: 48%;
}

.row {
	width: 100%;
	float: left;
	clear: both;
}

.col:nth-child(2),
.col:nth-child(4),
.col:nth-child(6),
.col:nth-child(8) {
	float: right;
}


.last {
	margin-right: 0;
}


/* 
* Festival page
*/
#festival,
#pad {
	padding: 50px 0 40px;
}

#page,
#blog {
	float: left;
	padding: 50px 0 40px;
	width: 100%;
}

#festival_header h2 {
	margin-top: 0;
}

body #festival p.festival_dates {
	font-style: normal;
	font-weight: bold;
	font-style: none;
	font-size: 1em;
	margin:-10px 0 20px;
	color: #919190;
	text-transform: uppercase;
}

.two_col {
	text-align: left;
	background: #fff;
	float: left;
	width: 100%;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
	position: relative;
}

#blog .two_col {
	background: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

	.two_col #festival_logo {
		position: absolute;
		z-index: 6000;
		right: 5px;
		display: none;
	}
	
	.two_col article {
		background: #fff;
		float: left;
		-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
		-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
		margin: 0 0 40px;
	}
	
	.two_col .full-width-image {
		width: 100%;
	}

	.two_col .box {
		padding: 20px 2% 0;
		width: 96%;
		/* Added - clients request */
		max-height: 217px;
		max-height: 527px;
		overflow-y: scroll;
	}
	
	.two_col .pad-snapshot {
		max-height: 100%;
		overflow-y: hidden;
	}
	
	.two_col .grey-box {
		padding: 20px 0 10px;
		width: 100%;
		background:#f5f5f5;
		clear: both;
		float: left;
	}
	
	#blog .two_col .grey-box {
		background: #fff;
	}
	
			.two_col .grey-box .description {
				padding: 0 40px 30px;
				float: left;
				width: 60%;
			}
			
			.two_col .grey-box .description img {
			width: 100%;
			}
			
			.two_col .shareBlog {
				padding: 20px 40px 10px;
				float: left;
				width: 90%;
				border-top: 1px dashed #CCC;
				margin: 10px auto 0;
			}
			
			.two_col .grey-box .description.full {
				width: 90%;
				padding: 0px 0;
				margin: 0 auto;
				float: none;
			}
			
			.two_col .grey-box .description h1,
			.two_col .grey-box .description h2,
			.two_col .grey-box .description h3,
			.two_col .grey-box .description h4 {
				color:#f56620;
				font-family: 'Asap', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
				text-transform: none;
				margin: 10px 0 4px;
				font-size: 17px;
			}
			
			.two_col .grey-box p {
				font-size: 14px;
			}
			
			.two_col .grey-box p a,
			.two_col .grey-box li a,
			p.loc a {
				color:#f56620;
				color:#114B66;
			}
			
			.two_col .grey-box li {
				font-size: 14px;
			}
			
			
			.two_col .grey-box .share {
				padding: 0 0 0;
				float: left;
			}
			
			.share-button {
				padding: 15px 0 0;
			}
			
			
		/* Pad Pages */
		.two_col .box.pad-snapshot {
			padding: 10px 0;
			width: 100%;
			float: left;
		}
		
		.title {
			margin: 0 0 0 20px;
			padding: 18px 0 18px;
			float: left;
			width: 94%;
		}
		
		.title_two {
			margin: 0 0 0 20px;
			padding: 18px 0 18px;
			float: left;
			width: 94%;
		}
		
		.pad-snapshot h3 {
			color:#3f3f3f;
			font-size: 24px;
			font-family: 'Asap', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
			text-transform: none;
			margin: 0;
		}
		
		article header {
			padding: 0 20px 20px;
		}
		
		article img {
			width: 100%;
			margin: 0 0 20px;
		}
		
		article header h1 {
			color:#fff;
			font-size: 24px;
			font-family: 'Asap', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
			text-transform: none;
			margin: 0;
			width: 100%;
			height: auto;
			float: none;
			padding: 14px 0 4px;
			background: none;
			text-indent: 0px;
		}
		
		article header p {
			margin: 0;
			font-size: 14px;
			float: left;
		}
		
		article header p.author {
			float: right;
		}
		
		.pad-snapshot p.one-liner {
			font-style: italic;
			color:#808080;
			font-size: 15px;
			padding: 0;
			margin: 0;
			width: auto;
		}
		
		.pad-snapshot ul#quick-features {
			float: right;
			list-style: none;
			padding: 0px;
			margin: 0;
			width: 100%;
		}
			
			.pad-snapshot ul#quick-features li {
				float: right;
				width: 100px;
				width: 24%;
				width: 19%;
				display: block;
				padding: 0px;
				margin: 0;
				text-align: center;
				font-size: 14px;
				font-size: 11px;
				border-left: 1px #dfdfdf dotted;
				padding: 5px 0;
			}
			
			.pad-snapshot ul#quick-features li.last {
				border-right: none;
			}
			
			.pad-snapshot ul#quick-features li i {
				color:#505050;
				font-size: 34px;
				padding: 0 0 4px;
			}
			
			.pad-snapshot ul#quick-features li i:hover {
				color:#F56620;
			}
			
			.pad-snapshot ul#quick-features li p {
				padding: 0;
				margin: 0 auto;
				width: 75%;
			}
			
		#pad h6,
		#page h6,
		#blog h6,
		#festival .box.normal h6 {
			color:#505050;
			font-size: 16px;
			font-family: 'Asap', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
			text-transform: none;
			margin: 20px 0 14px;
			padding:0;
			text-align: center;
		}
		
		#pad .box.normal,
		#page .box.normal,
		#blog .box.normal {
			text-align: left;
		}
		
		#pad .box.normal p,
		#page .box.normal p,
		#blog .box.normal p,
		#festival .box.normal p {
			margin: 12px 0 10px;
			font-size: 12px;
			width: 100%;
		}
		
		#pad .box.normal ul,
		#page .box.normal ul,
		#blog .box.normal ul,
		#page ul.faq {
			list-style: none;
			padding: 6px 0 0;
			border-top: 1px #dfdfdf dotted;
			margin: 0;
		}
		
			#pad .box.normal ul li,
			#page .box.normal ul li,
			#blog .box.normal ul li,
			#page ul.faq li {
				border-bottom: 1px #dfdfdf dotted;
				padding: 0 0 6px;
				margin: 0 0 4px;
				font-size: 16px;
			}
			
				#page .box.normal ul li,
				#pad .box.normal ul li {
					font-size: 12px;
				}
				
				#page .box.normal ul li.lvl1 {
					padding: 0 0 6px 10px;
				}
			
			#pad .box.normal ul li span,
			#page .box.normal ul li span {
				float: right;
				color:#919190;
			}
			
			#pad .box.normal a,
			#page .box.normal a,
			#blog .box.normal a,
			#festival .box.normal a{
				color: #45bc1f;
			}
			
			#pad .box.normal ul.faq li p,
			#page ul.faq li p {
				display: none;
			}
			
			#pad .box.normal ul.faq li p:target,
			#page ul.faq li p:target {
				display: block;
			}
			
			

#content_holder .inner {
	overflow: visible;
}

	#content_holder .press .inner {
		overflow: hidden;
	}

.one_col {
	text-align: center;
	float: right;
	width: 25%;
	 position: relative;
	width: 100%;
margin: 20px 0 0;
}

	.one_col img.festival_logo {
		width: auto;
		margin: 0 auto;
	}

	.one_col img {
		width: 100%;
	}

	.one_col h4 {
		margin: 0 0 14px;
		color:#6b6b6b;
		font-size: 1.1em;
	}
	
	#festival .one_col p.loc {
		margin: 8px 0 0;
		padding: 10px 0;
		color:#6b6b6b;
		font-size: 0.75em;
	}
	
	.one_col #scrollNav {
		width: 100%;
		top: 140px;
	}
	
	.one_col .festival_aside {
		margin: 0 0 20px;
	}
	
	.one_col #price_box {
		margin: 0 0 20px;
	}

	.one_col .box {
		text-align: center;
		padding: 10px;
		background:#fff;
		box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.07);
	}
	
	.one_col .box ul.subnav {
		text-align: left;
		font-size: 12px;
	}
	
	.ripped {
		background: transparent url(../img/v1/ripped_paper.png) repeat-x bottom left;	
		padding-bottom: 8px;
		margin-bottom: 10px;
		box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.07);
	
	}
	
	.ripped .box {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	

	#festival #breadcrumbHolder .breadcrumb {
		display: inline;
	}
	
	#festival h3 {
		font-size: 1.2em;
		margin:10px 0 14px;
		color:#6B6B6B;
		text-transform: none;
		font-family: 'Asap', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	}
	
	#festival h3:first-of-type {
		font-size: 34px;
	line-height: 1;
	margin: 0.33333em 0;

	}
	
	#festival p {
		font-size: 1em;
		width: 100%;
		margin: 0 0 18px;
	}
	
	#festival #two_col p:first-of-type {
		font-size: 26px;
font-weight: 300;
line-height: 1.3em;
margin: 16px 0 24px;
}
	#festival p a {
		color:#114B66;
	}
	

	
	#festival p.p_from {
		font-size: 1em;
		font-weight: 300;
		margin: 30px 0 0;
		text-transform: uppercase;
	}
	
	#festival .based_on {
		font-size: 0.7em;
		margin: 10px auto 18px;
		width: 80%;
	}
	
	#price_box a.button {
		margin: 0 auto;
		width: 80%;
		font-size: 0.8em;
	}
	
	#festival .price {
		font-size: 2.2em;
		font-weight: normal;
		color: #45BC1F;
		width: 85%;
	}
	
	#festival .price span {
		color: #919190;
		font-size: 10px;
		display: block;
		width: 80px;
		width: 100%;
		float: none;
		margin: 8px -10px 0 0px;
	}
	

/*
 * Pagination
 * Styles for the blog
 */
ul.pagination {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.pagination li {
	display: inline-block;
	margin-right: 4px;
}

ul.pagination li a {
	display: inline-block;
	padding: 4px 9px;
	border-radius: 3px;
	border: solid 1px silver;
	background: #E9E9E9;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F8F8F8), to(#E9E9E9));
	background: -moz-linear-gradient(0% 0% 270deg,#F8F8F8, #E9E9E9);
	box-shadow: inset 0px 1px 0px rgba(255, 255, 255, .8), 0px 1px 3px rgba(0, 0, 0, .1);
	font-size: .875em;
	font-weight: bold;
	text-decoration: none;
	color: #717171;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
}

ul.pagination li a:hover {
background: #FEFEFE;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#F0F0F0));
background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #F0F0F0);
}

ul.pagination li.selected a {
	border: none;
background: #616161;
box-shadow: inset 0px 0px 8px rgba(0, 0, 0, .5), 0px 1px 0px rgba(255, 255, 255, .8);
color: #F0F0F0;
text-shadow: 0px 0px 3px rgba(0, 0, 0, .5);
}





#content_holder .press {
	background: rgba(255,103,0, 0.7) url(../img/background_repeat.png) repeat;
	background: #fff;
	
	padding: 70px 0 0px;
	margin: 0;
	
}

section.press h2 {
		margin: 0 0 40px;
		width: 100%;
		color:#ff6700;
		/*color:#fff;
		text-shadow: 0 0 -1px rgba(0,0,0,.3);*/
}

#testimonals {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 155px;
	margin: 0 0 20px;
}

section.press ul#testimonals_items {
	list-style: none;
	padding: 0;
	width: 100%;
	display: block;
	position: relative;
}

section.press ul#testimonals_items li {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	width: 100%;
}

section.press ul#testimonals_items li.active {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}

section.press ul#testimonals_items li.active {
    -webkit-animation-delay: 1s;
}


	.press p {
		font-style: italic;
		margin:0 auto 10px;
		font-size: 1.6em;
		width: 80%;
	}
	
	.press p.whattheysaid {
		font-size: 1.3em;
	}
	
	
	.press p.author {
		font-style: normal;
		font-weight: bold;
		font-style: none;
		font-size: 1em;
		color: #c74100;
		text-transform: uppercase;
	}

#festivals-container {
	float:left;
	width: 100%;
}

#content_holder section#home_festivals {
	/*max-height: 850px;
	overflow: hidden;
	margin: 0 0 0 0;
	position: relative;
	-webkit-transition:all 0.4s ease-in;
	-moz-transition:all 0.4s ease-in;
	-o-transition:all 0.4s ease-in;
	transition:all 0.4s ease-in;
	*/
}

#content_holder section#home_festivals #transparent {
	position: absolute;
	background: #000;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #F3F3F3;
	background: rgba(243,243,243,0.9);
	background: rgba(251, 250, 249, 0.79);
	padding: 18px 0 0;
	
		-webkit-transition:all 0.2s 0s linear;
	-moz-transition:all 0.2s 0s linear;
	-o-transition:all 0.2s 0s linear;
	transition:all 0.2s 0s linear;
}

#content_holder section#home_festivals #transparent.hide {
	bottom: -80px;
}

#content_holder section#home_festivals #transparent a {
	background: #da0083;
	display: block;
	width: 140px;
	padding: 10px 5px;
	margin: 0 auto;
	color: #fff;
	text-decoration: none;
	font-size: 0.8em;
	font-weight: bold;
}



ul.circles { list-style: none;padding: 0;margin: 0 0 40px;}

ul.circles li {
	font-size: 0.4em;
	display: inline;
}

ul.circles li a {
	text-decoration: none;
	color:#ccc;
}

ul.circles li a:hover,
ul.circles li a.selected {
	color:#ccc;
}
/* 
* Footer
* Made up of 3 columns (middle column bigger)
*/


footer {
	/*background: #2C2B2B url(../img/v1/footerwave.png) repeat-x;*/
	background: #114B66  url(../img/v1/footerwave.png) repeat-x top left;
	/*background: #272727 url(../img/background_repeat.png) repeat;
	background: rgba(0,0,0,.7) url(../img/background_repeat.png) repeat;*/
	color:#fff;
	text-align: left;
	font-weight: 400;
}

	footer .inner {
		position: relative;
	}
	
	footer #backtotop {
		position: absolute;
		bottom: 80px;
		right: 0;
		font-size: 36px;
		opacity: 0.6;
		text-decoration: none;
		-webkit-transition:all 0.4s ease-in;
		-moz-transition:all 0.4s ease-in;
		-o-transition:all 0.4s ease-in;
		transition:all 0.4s ease-in;
		font-size: 0.8em;
	}
	
	footer #backtotop i {
		font-size: 2em;
	}
	
	.lt-ie8 footer #backtotop {
		background: url(../img/top-icon.png) no-repeat top left;
			height: 42px;
			width: 45px;
	}
	
	footer #backtotop:hover {
		opacity: 1;
		-webkit-transition:all 0.4s ease-in;
		-moz-transition:all 0.4s ease-in;
		-o-transition:all 0.4s ease-in;
		transition:all 0.4s ease-in;
		bottom: 85px;
	}

	footer h6 {
		color:#f56620 /* Orange */;
		color:#fff /* Orange */;
		font-family: 'Asap', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
		font-weight: 700;
		font-size: 1em;
		margin: 0 0 24px;
		padding: 0;
	}
	
	 footer ul {
	 	list-style: none;
	 	padding: 0;
	 	margin: 0;
	 }
	
	footer p, footer li {
		font-size: .8em;
	}
	
		footer ul#social li {
		 	float: left;
		 	margin: 0 0 8px;
		 }
		 
		footer ul#social li a { text-decoration: none; }
		 
		footer ul#social li#fb a:hover {color:#3B5998; }
		footer ul#social li#pt a:hover {color:#D43638; }
		
		.lt-ie8 footer ul#social li#fb a {
			background: url(../img/facebook-icon.jpg) no-repeat top left;
			height: 23px;
			width: 23px;
			cursor: pointer;
		}
		
		.lt-ie8 footer ul#social li#tw a {
			background: url(../img/twitter-icon.jpg) no-repeat top left;
			height: 23px;
			width: 23px;
			cursor: pointer;
		}

	footer a {
		color:#fff;
		text-decoration: none;
	}
	
	footer a:hover, footer a:focus {
		text-decoration: underline;
	}
	
	footer .col {
		width: 98%;
		float: left  !important;
		padding: 20px 0 10px 2%;
	}
	
	footer #newsletter.col {
		width: 50%;
		float: left;
	}
	
	footer #credit {
		clear: both;
		border-top: 1px solid #000;
		border-top: 1px solid rgba(0,0,0,0.2);
		padding: 10px 0 10px;
		float: left;
		width: 100%;
		color:#989898;
		color:#fff;
	}
	
	footer #credit p { float: left; }
	footer #credit a { color:#fff }
	footer #credit #author { float: right; }
	
	footer form input {
		display: inline;
		border: none;
		background: #222;
		border-radius: 5px 0 0 5px;
		width: 160px;
		font-size: 14px;
		color: white;
		padding: 7px 5px;
		float: left;
	}
	
	footer form input:focus {
		outline: none;
		font-weight: 700;
	}
	
	footer form div {
		background: #222;
		border-radius: 5px;
		width: 270px;
		display: block;
		float: left;
		padding: 5px 3px 3px;
		margin: 0 0 8px;
	}
	
	footer form button {
		display: inline;
		font-size: 11px;
		padding: 6px 10px;
		font-weight: 600;
		margin: -2px 0 0;
		float: right;
		font-weight: 700;
	}
	
	footer form p {
		clear: both;
		color:#fff;
		font-size: 0.8em;
	}


#home_viewall,
#home_viewallpads {
	clear: both;
	margin: -30px auto 20px;
	width: 200px;
	font-weight: 700;
}

#home_viewallpads { width: 290px;}


#notification {
	color: #5F5F57;
	background:#fff;
	width: 620px;
	margin: 40px auto 40px;
	padding: 30px 20px 10px 20px;
	text-align: left;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
}

	#notification h2 {
		color:#f56620;
		font-family: 'Asap', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
		text-transform: none;
		margin: 6px 0 4px;
		font-size: 17px;
	}
	
	#notification p {
		font-size: 14px;
	}
	
	#notification a {
		color:#F56620;
	}

table {
	width: 100%;
}


/*
* Modules PopUps 
*/

.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 7777;
	background-color: black;
	opacity: 0;

	-webkit-transition: all 1s .15s linear;
	-moz-transition: all 1s .15s linear;
	-o-transition: all 1s .15s linear;
	transition: all 1s .15s linear;
}

.modal-backdrop.fadein {
	-webkit-transition: all 1s .15s linear;
	-moz-transition: all 1s .15s linear;
	-o-transition: all 1s .15s linear;
	transition: all 1s .15s linear;

	opacity: .8;
	filter: alpha(opacity=80);
}

.modal {
	position: fixed;
	position: absolute;
	top: 2%;
	right: 1%;
	z-index: 7778;
	width: 98%;
	margin-left: -400px;
	background-color: white;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);

	outline: 0;
	text-align: left;
		-webkit-transition:all 0.2s 0s linear;
	-moz-transition:all 0.2s 0s linear;
	-o-transition:all 0.2s 0s linear;
	transition:all 0.2s 0s linear;
	
}

.cssanimations .modal {

	top: 0%;
	opacity: 0;
}

.modal.hide,
.modal-backdrop.hide {
	display: none;
}

.modal.fadein {
	top: 2%;
	opacity: 1;
	-webkit-transition:all 0.2s 0s linear;
	-moz-transition:all 0.2s 0s linear;
	-o-transition:all 0.2s 0s linear;
	transition:all 0.2s 0s linear;
}

	.modal .modal-header {
		padding: 9px 15px;
		border-bottom: 1px solid #EEE;
		text-align: left;
	}
	
	.modal .modal-header a.close {
		font-size: 20px;
		font-weight: bold;
		line-height: 20px;
		color: black;
		text-shadow: 0 1px 0 white;
		opacity: .2;
		filter: alpha(opacity=20);
		text-decoration: none;
		float: right;
		-webkit-transition: opacity .15s linear;
		-moz-transition: opacity .15s linear;
		-o-transition: opacity .15s linear;
		transition: opacity .15s linear;
	}
	
	.modal .modal-header a.close:hover {
		color:#da0083;
		opacity: 1;
		filter: alpha(opacity=100);	
	}
	
	.modal .modal-header h4 {
		margin: 9px 0 0px;
		font-size: 1.3em;
		color: #333;
	}
	
	.modal .modal-body h5 {
		margin: 6px 0 10px;
		font-size: 1em;
		color:#6B6B6B;
	}
	
	.modal .modal-body {
		text-align:left;
		padding: 9px 15px;
	}
	
	.modal .modal-body form {
		float: left;
	}
	
	.modal .modal-body p {
		font-size: 0.8em;
		color:#6B6B6B;
	}
	
	.modal .modal-body a {
		color:#45bc1f;
	}
	
/* Contact form has 2 cols */

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

#contactAddress {
	float: right;
	width: 100%;
}
	
	
	
	
	
form.general label {
	display: block;
	font-size: 12px;
	font-weight: 700;
	line-height: 20px;
	color: #333;
	float: left;
	color:#6B6B6B;
}
	
form.general input {
	display: block;
	border: 1px solid #DDD;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
	border-radius: 2px;
	width: 96%;
	font-size: 14px;
	color: #333;
	padding: 7px 2%;
	margin: 0 0 10px;
	float: left;
	font-weight: 700;
	font: 'Asap', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

	 
form.general label.checkbox input {
	width: auto;
	margin: 4px 5px 0 0;
	
}

form.general select.full {
	float: left;
	display: block;
	width:100%;
	margin: 0 0 10px;
}

form.general textarea {
	display: block;
	border: 1px solid #DDD;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
	border-radius: 2px;
	width: 98%;
	font-size: 14px;
	color: #333;
	padding: 7px 1%;
	margin: 0 0 10px;
	float: left;
	font: 'Asap', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	height: 70px;
}

form.general .button {
	font-size: 13px;
	font-weight: 700;
	clear: both;
}

/* 
* Text Colour 
*/

.green {
	color:#45bc1f;
}

button.pink,
a.button.pink {
	background:#da0083;
	text-transform: uppercase;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
	
}

button.green,
a.button.green {
	background:#45bc1f;
	text-transform: uppercase;
	
	color:#fff;
	text-shadow:0 -1px 0 rgba(0,0,0,0.25);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
	background-color:#5bb75b;
	background-image:-moz-linear-gradient(top,#45bc1f,#51a351);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#45bc1f),to(#51a351));
	background-image:-webkit-linear-gradient(top,#45bc1f,#51a351);
	background-image:-o-linear-gradient(top,#45bc1f,#51a351);
	background-image:linear-gradient(to bottom,#45bc1f,#51a351);
	background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff51a351',GradientType=0);
	
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
	border: 1px solid #51a351;
}

button.green:hover,
a.button.green:hover {
	
	background-color:#5bb75b;
	background-image:-moz-linear-gradient(top,#51a351,#45bc1f);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#51a351),to(#45bc1f));
	background-image:-webkit-linear-gradient(top,#51a351,#45bc1f);
	background-image:-o-linear-gradient(top,#51a351,#45bc1f);
	background-image:linear-gradient(to bottom,#51a351,#45bc1f);
	background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff51a351',endColorstr='#ff45bc1f',GradientType=0);
}

button.red,
a.button.red {
	font-size: 13px;
	font-weight: bold;
		text-transform: uppercase;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
	background-color:#C44747;background:-moz-linear-gradient(top,#DD5F5F 10%,#A92C2C 90%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0.1,#DD5F5F),color-stop(0.9,#A92C2C));-pie-background:linear-gradient(top,#DD5F5F 10%,#A92C2C 90%);border:1px solid #A92C2C;color:#fef4e9;text-shadow:0 1px 1px rgba(0,0,0,0.25);
}

footer .button.pink {
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
}

.pink {
	color:#da0083;
}

.orange {
	color:#f56620;
}

/* 
* Button Colour 
*/

.dgreen {
	background: #90b708; /* Old browsers */
	background: -moz-linear-gradient(top,  #90b708 0%, #77a628 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#90b708), color-stop(100%,#77a628)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #90b708 0%,#77a628 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #90b708 0%,#77a628 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #90b708 0%,#77a628 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #90b708 0%,#77a628 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90b708', endColorstr='#77a628',GradientType=0 ); /* IE6-9 */
	
	text-shadow:0 -1px 0 rgba(0,0,0,0.2);
}

.grey {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 50%, #bbbbbb 98%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#eeeeee), color-stop(98%,#bbbbbb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 50%,#bbbbbb 98%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 50%,#bbbbbb 98%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 50%,#bbbbbb 98%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 50%,#bbbbbb 98%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bbbbbb',GradientType=0 ); /* IE6-9 */
}

.grey.button {
		border: 1px solid #bbbbbb;
	color:#444;
}

.button {
	color:#fff;
	padding: 10px 6px;
	border-radius: 5px;
	text-decoration: none;
	display: block;
	text-align: center;
	border: none;
	
	-webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}

.button:hover {
	/*-webkit-transform:scale(1.05);
    -moz-transform:scale(1.05);
    -ms-transform:scale(1.05);
    -o-transform:scale(1.05);
    transform:scale(1.05);*/
}

.page_download .button {
	text-transform: uppercase;
	width: 100%;
	font-size: 16px;
	padding: 18px 0;
}


.notice {
		background:#E7FFBC;
		border: 1px solid #C3C3C3;
		color:#5F5F57;
		padding: 5px 2%;
		font-size: 12px;
		width: 96%;
		margin: 0 0 12px;
	}

footer h6 {
		font-size: 1em;
	}
	

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   ========================================================================== */
@media only screen and (min-width: 480px) {
    .inner {
		max-width: 100%;
	}
	
	header .inner {
		width: 90%;

	}
	
	.box h2 { font-size: 0.8em;}
	#guide .box a {width: 100%;}
	
	section h2 {
    font-size: 1.7em;
	}
	
	.pad, .festival {width: 31.1%;}
	
	.press p.whattheysaid {
		font-size: 1.2em;
	}
	
	.pad .img a {height: 114px;}
	

	#guide p, #viewAllFestivals p { display: none; }
	
	.pad-snapshot ul#quick-features {
			width: 65%;
	}
	
	#contact_form {
		width: 65%;
	}

	#contactAddress {
		width: 30%;
	}

	header h1 {
		height: 70px;
	}
	
	header h1.logo a {
		display: block;
		background: transparent url("../img/v1/logo.png") no-repeat top left;
		width: 100%;
		height: 100%;
		background-size: contain;
	}


	#viewAllFestivals a {
		height: 247px;
	}
	
	
	
}
@media only screen and (min-width: 600px) {
	#viewAllFestivals a {
		height: 247px;
	}
	
	
	
		header h1 {
	margin: .9em 0 10px 0;
	width: 330px;
	height: 54px;
	display: block;
	text-indent: -5555px;
	float: left;
	-webkit-transform: translateZ(0);
	z-index: 55000;
}

header h1.logo a {
	display: block;
	background: transparent url("../img/v1/logo.png") no-repeat top left;
	width: 100%;
	background-size: contain;
	height: 54px;
}


	.box-holder .info {
		display: block;
	}
  .inner {
		max-width: 675px;
	}
	
	.box h2 { font-size: 0.8em;}
	#guide .box a {width: 100%;}
	
	section h2 {
    font-size: 1.7em;
	}
	section.home p { font-size: 0.8em;}
	
	.screen h2 {font-size: 2.4em;width: 77%;} 
	
	.screen p { font-size: 1.2em; width: 50%;}
	
	.box-holder.festival {width: 32%;margin: 0 1% 10px 0;	}
	.pad, .festival {width: 31.1%;}
	
	#viewAllFestivals a { display: none; }
	.pad.last { margin-right: 2% !important; }
	
	footer .col {width: 25%;padding: 80px 0 38px 0;}
	
	.two_col {
	text-align: left;
	background: #fff;
	float: left;
	width: 70%;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
	position: relative;
	}
	
	.one_col {
	text-align: center;
	float: right;
	width: 25%;
	margin: 0;
	}
	
	.press p.whattheysaid {
		font-size: 1.3em;
	}
	

		.two_col #festival_logo {
	display: none;
	}
	
	.pad .img a {height: 143px;}

	#guide p, #viewAllFestivals p { font-size: 0.8em; display: block;}
	
	header nav ul li {
		margin: 0 0 0 10px; 
		font-size: 0.80em;
	}
	
	.title {

			width: 30%;
		}
		
	.modal {
	right: 10%;
	width:620px;
	position: fixed;
	top: 20%;
	}
	
	.modal.fadein {
		top: 20%;
	}
	
	section .box-overlay p {
		font-size: 0.7em;
	}
	
	.box-holder .pink { left: 2px;}
	.box-holder .green { left: 82px;}
	.box-holder .orange { right: 2px;}
	 
	 header h1 {
		width: 240px;	
	}
	
	header nav {
		float: none;
		margin: 40px 0 0;
	}

}
@media only screen and (min-width: 768px) {
	section .box-overlay p {
		font-size: 0.7em;
	}
	
	
	
	header nav ul {
	float: none;
	clear: none;
		margin: 0px 0 0;
	}
	
	
	.inner {
		max-width: 735px;
	}
	
	.box h2 { font-size: 1em;}
	
	#guide .box a {width: 100%;}
	
	section h2 { font-size: 1.7em;}
	section.home p { font-size: 1.1em;}
	
	.screen h2 {font-size: 2.4em;width: 77%;} 
	
	.screen p { font-size: 1.2em; width: 50%;}
	
	.box-holder.festival {width: 32%;margin: 0 1% 10px 0;	}
	.pad, .festival {width: 31.1%;}
	
	#viewAllFestivals a { display: none; }
	.pad.last { margin-right: 2% !important; }
	
	footer .col {width: 25%;padding: 80px 0 38px 0;}
	
	.press p.whattheysaid {
		font-size: 1.5em;
	}
	
	footer h6 {
		font-size: 1.2em;
	}
	
	.two_col #festival_logo {
		display: none;
	}
	
		.pad .img a {height: 157px;}

		#guide p, #viewAllFestivals p { font-size: 0.8em;}
		
	.box-holder .pink { left: 2px;}
	.box-holder .green { left: 92px;}
	.box-holder .orange { right: 5px;}
	
	.one_col #scrollNav {
		width: 183px;
		/*position: fixed;*/
		
	}
	
	.modal {
	right: 10%;
	
	width: 760px;
	}
	
	
		
header h1 {
	width: 240px;
}


}
@media only screen and (min-width: 992px) {
	
	#home_viewallfestivals {
		display: none;
	}
header h1 {
	width: 330px;
}
#festival .price span { 
		width: 80px;
		float: right;
	}
	


	header nav {
		float: right;
		width: 499px;
	}
	
	header nav ul {
	float: left;
	clear: both;
	}
	
	
header nav {
		/*position: absolute;*/
	
}
	header nav ul li {
		font-size: 0.85em;
	}
	.inner {max-width: 968px;}
	
	.screen.home p { font-size: 1.4em; width: 50%;}
	.screen h2 {font-size: 2.4em;width: 50%;} 
	
	.box h2 { font-size: 1em;}
	#guide .box a {width: 80%;}
	
	section h2 { font-size: 2.2em;}
	section p { font-size: 1.2em;}
	
	.two_col .grey-box .description {
			width: 50%;
		}
		
	.box-holder .pink { left: 5px;}
	.box-holder .green { left: 92px;}
	.box-holder .orange { right: 5px;}
	
	.box-holder.festival .pink { left: 1px;}
	.box-holder.festival .green { left: 57px;}
	.box-holder.festival .orange { right: 2px;}
	
	#home_festivals .box h2 {min-height: 48px;}
	
	#viewAllFestivals a { height: 216px; display: block; }
	
	.box-holder.festival {width: 19%;margin: 0 1% 10px 0;	}
	.pad, .festival {width: 23.1%;}
	.pad.last { margin-right: 0% !important; }
	
	footer .col {width: 25%;padding: 80px 0 38px 0;}
	
	.screen p {
		font-size: 1.2em;
		width: 70%;
	}
	
	.press p.whattheysaid {
		font-size: 1.6em;
	}
	
	#price_box a.button {font-size: 1em;}
	#festival .price span { display: block; width: 65px;}
	
	.two_col #festival_logo {
		display: block;
	}
	
	.pad .img a {height: 140px;}

	#guide p, #viewAllFestivals p { font-size: 0.8em;}
	
	.one_col #scrollNav {
		width: 242px;
	}
	
	.modal {
	right: 20%;
	width: 760px;
	}
	
}

	
@media only screen and (min-width: 1382px) {
	.two_col .grey-box .description {width: 60%;	}
	
	.screen p { font-size: 1.4em; width: 50%;}
	.screen h2 {font-size: 2.4em;width: 50%;} 		
			
   .inner {
 	max-width: 1170px;
  }
  
   .inner {
 	max-width: 1170px;
  }
  
  .box h2 { font-size: 1.15em;}
  #guide .box a {width: 80%;}
	section h2 { font-size: 2.4em;}
	section.home p { font-size: 1.3em;}
	
	
	.box-holder .pink { left: 25px;}
	.box-holder .green { left: 115px;}
	.box-holder .orange { right: 25px;}
	
	.box-holder.festival .pink { left: 15px;}
	.box-holder.festival .green { left: 78px;}
	.box-holder.festival .orange { right: 16px;}
	#home_festivals .box h2 {min-height: 57px;}
	#viewAllFestivals a { height: 247px; }
	
	
	.box-holder.festival {width: 19%;margin: 0 1% 10px 0;	}
	
 	.pad, .festival {width: 23%;}
 	
 	footer .col {width: 25%;padding: 80px 0 38px 0;}
 	
 	header .screen p {
		font-size: 1.4em;
		width: 50%;
	}
	
		.screen h2 {
		font-size: 2.4em;
		width: 50%;
		margin: 0 auto 0;
		padding: 0;
		text-shadow: 5px 5px 0px #000;
		}
		
	.press p.whattheysaid {
		font-size: 1.8em;
	}
	
	#testimonals {
		height: 165px;
	}
	#festival .price span { display: block; width: 80px; margin: 8px 0px 0 -45px;}
	
	.pad .img a {height: 184px;}

	#guide p, #viewAllFestivals p { font-size: 0.9em;}
	
	.pad-snapshot ul#quick-features li {
		font-size: 12px;
	}
	
	.one_col #scrollNav {
		width: 290px;
	}
	
	.modal {
	right: 25%;
	width: 760px;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {

}
/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/* IE7 Styles and below */

.lt-ie8 .box-holder.festival {
	width: 18.5% !important;
}

.lt-ie8 .inner {
	max-width: 968px !important;
}

.lt-ie8 .pad, 
.lt-ie8 .festival {
	width: 23.1% !important;
}

.lt-ie8 .two_col {
	width: 70% !important;
}

.lt-ie8 .one_col {
	width: 25% !important;
}

.lt-ie8 header nav {
		float: right;
		width: 495px;
	}
	
.lt-ie8 header nav ul {
	float: left;
	clear: both;
	}


.processing {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../img/ajax-loader.gif) center center no-repeat #000;
 	background:url(../img/ajax-loader.gif) center center no-repeat rgba(255,255,255,0.8);
	z-index:1001;
}