html,
body {
	width: 100%;
	height: 100%;
	}
	html {
		background: url('../img/tpl/backgruond.jpg') bottom center fixed;
	}
	body {
		color: #000;
		font: 13px/1 Arial, Helvetica, sans-serif;
	}

a {
	color: #b31a1d;
	font-weight: bold;
	text-decoration: underline;
	}
	a:hover {
		color: #740000;
	}

h2 {
	font-size: 17px;
	font-weight: bold;
	color: #b31a1d;
	margin-bottom: 5px;
}
	
h3 {
	font-size: 17px;
	margin-bottom: 5px;
	font-weight: normal;
}

p {
	margin-bottom: 15px;
	line-height: 1.6;
	text-align: justify;
}

ul.f {

	}
	ul.f li {
		display: block;
		position: relative;
		padding: 2px 0;
		margin: 0 !important;
		}
		ul.f li.lbl {
			font-weight: bold;
			padding-left: 2px;
		}
		ul.f li table td {
			padding: 2px;
		}
	
input.text, textarea, select, button {
	margin: 0;
}

button {
	background-color: #b31a1d;
	color: #fff;
	font-size: 17px;
	padding: 10px 15px;
	border: none;
	overflow: hidden;
	border-radius: 5px;
}

input.txt,
textarea,
select {
	background-color: #fff;
	border: 1px solid #a0917b;
	padding: 5px 3px;
	font: normal 13px/1 Arial, Helvetica, sans-serif;
	}
	input.txt {
		width: 500px;
	}
	textarea {
		width: 500px;
		height: 140px;
	}
	
div#wrap {
	height: 100%;
	}
	body > div#wrap {
		height: auto;
		min-height: 100%;
	}

div#container {
	width: 980px;
	position: relative;
	margin: 0 auto;
	padding-bottom: 40px;
	}
	div#left-col {
		float: left;
		width: 250px;
		position: relative;
		overflow: hidden;
	}
	
div#header {
	position: relative;
	overflow: hidden;
}

a#header-logo {
	width: 430px;
	height: 130px;
	position: relative;
	display: block;
	margin: 10px 0 10px 10px;
	text-indent: -1000em;
	background: url('../img/tpl/logo.png') no-repeat;
}
	
ul#main-nav li {
	position: relative;
	overflow: hidden;
	}
	ul#main-nav li a {
		display: block;
		width: 250px;
		text-indent: -1000em;
		background-repeat: no-repeat;
		background-position: -500px 0;
		}
		ul#main-nav li a:hover {
			background-position: -250px 0;
		}
		ul#main-nav li.current a {
			background-position: 0 0;
		}
	a#mn-friday {
		height: 50px;
		background-image: url('../img/tpl/nav/nav-friday.png');
	}
	a#mn-saturday {
		height: 49px;
		background-image: url('../img/tpl/nav/nav-saturday.png');
	}
	a#mn-tickets {
		height: 52px;
		background-image: url('../img/tpl/nav/nav-tickets.png');
	}
	a#mn-information {
		height: 47px;
		background-image: url('../img/tpl/nav/nav-information.png');
	}
	a#mn-vip {
		height: 50px;
		background-image: url('../img/tpl/nav/nav-vip.png');
	}
	a#mn-volunteers {
		height: 46px;
		background-image: url('../img/tpl/nav/nav-volunteers.png');
	}
	a#mn-partners {
		height: 41px;
		background-image: url('../img/tpl/nav/nav-partners.png');
	}
	a#mn-organisation {
		height: 61px;
		background-image: url('../img/tpl/nav/nav-organisation.png');
	}
	
div#socialmedia-slider {
	height: 119px;
	position: absolute;
	overflow: hidden;
	right: 0;
	top: 0;
	}
	ul#socialmedia-icons {
		width: 256px;
		float: right;
	}
	ul#socialmedia-icons li {
		float: left;
		width: 113px;
		height: 119px;
		position: relative;
		overflow: hidden;
		display: block;
		margin: 0 5px;
		}
		ul#socialmedia-icons li a {
			width: 113px;
			height: 119px;
			display: block;
			position: relative;
			float: left;
			text-indent: -1000em;
			margin-top: -119px;
		}
		a#smi-hyves { background-image: url('../img/tpl/socialmedia-hyves.png'); }
		a#smi-facebook { background-image: url('../img/tpl/socialmedia-facebook.png'); }
		a#smi-twitter { background-image: url('../img/tpl/socialmedia-twitter.png'); }
		
div#page-header {
	height: 75px;
	margin-bottom: 25px;
	}
	div#page-header h1 {
		display: block;
		height: 75px;
		background-repeat: no-repeat;
		}
		div#page-header h1.wide {
			background-image: url('../img/tpl/wooden-title-wide-bg.png');
		}
		div#page-header h1 span {
			display: block;
			text-indent: -1000em;
			background-position: center center;
			background-repeat: no-repeat;
			}
			div#page-header h1.wide span {
				height: 75px;
			}
			div#page-header h1.wide span.title-home { background-image: url('../img/tpl/title-home.png'); }
			
			div#page-header h1.wide span.title-date { background-image: url('../img/tpl/title-date.png'); }
			
			div#page-header h1.wide span.title-friday { background-image: url('../img/tpl/title-friday.png'); }
			div#page-header h1.wide span.title-saturday { background-image: url('../img/tpl/title-saturday.png'); }
			div#page-header h1.wide span.title-tickets { background-image: url('../img/tpl/title-tickets.png'); }
			div#page-header h1.wide span.title-vip { background-image: url('../img/tpl/title-vip.png'); }
			div#page-header h1.wide span.title-location { background-image: url('../img/tpl/title-location.png'); }
			div#page-header h1.wide span.title-festivalinfo { background-image: url('../img/tpl/title-festivalinfo.png'); }
			div#page-header h1.wide span.title-volunteers { background-image: url('../img/tpl/title-volunteers.png'); }
			div#page-header h1.wide span.title-sponsors { background-image: url('../img/tpl/title-sponsors.png'); }
			div#page-header h1.wide span.title-partners { background-image: url('../img/tpl/title-partners.png'); }
			div#page-header h1.wide span.title-contact { background-image: url('../img/tpl/title-contact.png'); }
			div#page-header h1.wide span.title-organisation { background-image: url('../img/tpl/title-organisation.png'); }
			
			div#page-header h1.wide span.title-quintino { background-image: url('../img/artistpage/titles/quintino.png'); }
			div#page-header h1.wide span.title-vatogonzalez { background-image: url('../img/artistpage/titles/vatogonzalez.png'); }
			div#page-header h1.wide span.title-rayfox { background-image: url('../img/artistpage/titles/rayfox.png'); }
			div#page-header h1.wide span.title-kennethg { background-image: url('../img/artistpage/titles/kennethg.png'); }
			div#page-header h1.wide span.title-thepartysquad { background-image: url('../img/artistpage/titles/thepartysquad.png'); }
			div#page-header h1.wide span.title-mcgoodgrip { background-image: url('../img/artistpage/titles/mcgoodgrip.png'); }
			div#page-header h1.wide span.title-lucienfoort { background-image: url('../img/artistpage/titles/lucienfoort.png'); }
			div#page-header h1.wide span.title-zawdimc { background-image: url('../img/artistpage/titles/zawdimc.png'); }
			div#page-header h1.wide span.title-gregorsalto { background-image: url('../img/artistpage/titles/gregorsalto.png'); }
			div#page-header h1.wide span.title-shermanology { background-image: url('../img/artistpage/titles/shermanology.png'); }
			div#page-header h1.wide span.title-marcov { background-image: url('../img/artistpage/titles/marcov.png'); }
			div#page-header h1.wide span.title-sidneysamson { background-image: url('../img/artistpage/titles/sidneysamson.png'); }
			div#page-header h1.wide span.title-funkerman { background-image: url('../img/artistpage/titles/funkerman.png'); }
			div#page-header h1.wide span.title-yellowclaw { background-image: url('../img/artistpage/titles/yellowclaw.png'); }
			div#page-header h1.wide span.title-lafuente { background-image: url('../img/artistpage/titles/lafuente.png'); }
			div#page-header h1.wide span.title-bassjackers { background-image: url('../img/artistpage/titles/bassjackers.png'); }
			div#page-header h1.wide span.title-apster { background-image: url('../img/artistpage/titles/apster.png'); }
			div#page-header h1.wide span.title-nickyromero { background-image: url('../img/artistpage/titles/nickyromero.png'); }
			div#page-header h1.wide span.title-djcontest { background-image: url('../img/artistpage/titles/djcontest.png'); }
			div#page-header h1.wide span.title-jethro { background-image: url('../img/artistpage/titles/jethro.png'); }
			div#page-header h1.wide span.title-ladybee { background-image: url('../img/artistpage/titles/ladybee.png'); }
	
div#page-header2 {
	height: 75px;
	margin-bottom: 25px;
	}
	div#page-header2 h1 {
		display: block;
		height: 75px;
		background-repeat: no-repeat;
		}
		div#page-header2 h1.wide {
			background-image: url('../img/tpl/wooden-title-wide-bg.png');
		}
		div#page-header2 h1 span {
			display: block;
			text-indent: -1000em;
			background-position: center center;
			background-repeat: no-repeat;
			}
			div#page-header2 h1.wide span {
				height: 75px;
			}
			div#page-header2 h1.wide span.title-date { background-image: url('../img/tpl/title-date.png'); }
	
div#main-content {
	float: right;
	width: 720px;
	overflow: hidden;
	position: relative;
}

div#footer-wrapper {
	width: 100%;
	background: url('../img/tpl/footer-layer.png');
	position: relative;
	margin-top: -40px;
	height: 40px;
	overflow: hidden;
	clear: both
	}
	div#footer {
		padding: 15px 0;
		width: 980px;
		margin: 0 auto;
		color: #fff;
		}
		div#footer a {
			color: #fff;
			text-decoration: none;
			}
			div#footer a:hover {
				text-decoration: underline;
			}

div.wooden-box {
	background-repeat: repeat-y;
	background-position: center bottom;
	position: relative;
	padding: 15px 15px 20px 15px;
	margin-bottom: 10px;
	}
	div.wooden-box.wide {
		background-image: url('../img/tpl/wooden-box-wide-bg.png');
	}
	div.wooden-box div.wooden-box-layer {
		position: relative;
		padding: 10px;
		background: url('../img/tpl/wooden-box-layer.png') repeat;
		border-radius: 5px;
	}
	
div.artistwall {
	width: 700px;
	overflow: hidden;
	position: relative;
	}
	div.artistwall ul li {
		position: relative;
		display: block;
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
		}
		div.artistwall ul li a,
		div.artistwall ul li div {
			display: block;
			float: left;
			width: 326px;
			height: 166px;
			background-position: 0 0;
			background-repeat: no-repeat;
			position: relative;
			border: 2px solid #a0917b;
			}
			div.artistwall ul li a:hover {
				border-color: #b31a1d;
				background-position: 0 -170px;
			}
			div.artistwall ul li a span.layer{
				height: 34px;
				position: absolute;
				bottom: 0;
				left: 0;
				margin: 0;
				background: url('../img/tpl/footer-layer.png');
				width: 100%;
				}
				div.artistwall ul li a span.layer span {
					display: block;
					height: 34px;
					width: 100%;
					background-position: center center;
					background-repeat: no-repeat;
					text-indent: -1000em;
				}
				
div.artistwall ul li.quintino a { background-image: url('../img/artistwall/quintino.jpg'); }
div.artistwall ul li.quintino span.layer span { background-image: url('../img/artistwall/names/quintino.png'); }

div.artistwall ul li.vatogonzalez a { background-image: url('../img/artistwall/vatogonzalez.jpg'); }
div.artistwall ul li.vatogonzalez span.layer span { background-image: url('../img/artistwall/names/vatogonzalez.png'); }

div.artistwall ul li.rayfox a { background-image: url('../img/artistwall/rayfox.jpg'); }
div.artistwall ul li.rayfox span.layer span { background-image: url('../img/artistwall/names/rayfox.png'); }

div.artistwall ul li.kennethg a { background-image: url('../img/artistwall/kennethg.jpg'); }
div.artistwall ul li.kennethg span.layer span { background-image: url('../img/artistwall/names/kennethg.png'); }

div.artistwall ul li.thepartysquad a { background-image: url('../img/artistwall/thepartysquad.jpg'); }
div.artistwall ul li.thepartysquad span.layer span { background-image: url('../img/artistwall/names/thepartysquad.png'); }

div.artistwall ul li.mcgoodgrip a { background-image: url('../img/artistwall/mcgoodgrip.jpg'); }
div.artistwall ul li.mcgoodgrip span.layer span { background-image: url('../img/artistwall/names/mcgoodgrip.png'); }

div.artistwall ul li.lucienfoort a { background-image: url('../img/artistwall/lucienfoort.jpg'); }
div.artistwall ul li.lucienfoort span.layer span { background-image: url('../img/artistwall/names/lucienfoort.png'); }

div.artistwall ul li.zawdimc a { background-image: url('../img/artistwall/zawdimc.jpg'); }
div.artistwall ul li.zawdimc span.layer span { background-image: url('../img/artistwall/names/zawdimc.png'); }

div.artistwall ul li.gregorsalto a { background-image: url('../img/artistwall/gregorsalto.jpg'); }
div.artistwall ul li.gregorsalto span.layer span { background-image: url('../img/artistwall/names/gregorsalto.png'); }

div.artistwall ul li.shermanology a { background-image: url('../img/artistwall/shermanology.jpg'); }
div.artistwall ul li.shermanology span.layer span { background-image: url('../img/artistwall/names/shermanology.png'); }

div.artistwall ul li.marcov a { background-image: url('../img/artistwall/marcov.jpg'); }
div.artistwall ul li.marcov span.layer span { background-image: url('../img/artistwall/names/marcov.png'); }

div.artistwall ul li.sidneysamson a { background-image: url('../img/artistwall/sidneysamson.jpg'); }
div.artistwall ul li.sidneysamson span.layer span { background-image: url('../img/artistwall/names/sidneysamson.png'); }

div.artistwall ul li.funkerman a { background-image: url('../img/artistwall/funkerman.jpg'); }
div.artistwall ul li.funkerman span.layer span { background-image: url('../img/artistwall/names/funkerman.png'); }

div.artistwall ul li.yellowclaw a { background-image: url('../img/artistwall/yellowclaw.jpg'); }
div.artistwall ul li.yellowclaw span.layer span { background-image: url('../img/artistwall/names/yellowclaw.png'); }

div.artistwall ul li.lafuente a { background-image: url('../img/artistwall/lafuente.jpg'); }
div.artistwall ul li.lafuente span.layer span { background-image: url('../img/artistwall/names/lafuente.png'); }

div.artistwall ul li.bassjackers a { background-image: url('../img/artistwall/bassjackers.jpg'); }
div.artistwall ul li.bassjackers span.layer span { background-image: url('../img/artistwall/names/bassjackers.png'); }

div.artistwall ul li.apster a { background-image: url('../img/artistwall/apster.jpg'); }
div.artistwall ul li.apster span.layer span { background-image: url('../img/artistwall/names/apster.png'); }

div.artistwall ul li.djcontest a { background-image: url('../img/artistwall/djcontest.jpg'); }
div.artistwall ul li.djcontest span.layer span { background-image: url('../img/artistwall/names/djcontest.png'); }

div.artistwall ul li.jethro a { background-image: url('../img/artistwall/jethro.jpg'); }
div.artistwall ul li.jethro span.layer span { background-image: url('../img/artistwall/names/jethro.png'); }

div.artistwall ul li.nickyromero a { background-image: url('../img/artistwall/nickyromero.jpg'); }
div.artistwall ul li.nickyromero span.layer span { background-image: url('../img/artistwall/names/nickyromero.png'); }

div.artistwall ul li.ladybee a { background-image: url('../img/artistwall/ladybee.jpg'); }
div.artistwall ul li.ladybee span.layer span { background-image: url('../img/artistwall/names/ladybee.png'); }
	
table.pricelist {
	width: 100%;
	margin-bottom: 15px;
	}
	table.pricelist th {
		text-align: left;
		width: 350px;
	}
	table.pricelist th, table.pricelist td {
		padding: 6px 0;
		vertical-align: middle;
	}
	
table.timetable {
	width: 100%;
	margin-bottom: 15px;
	}
	table.timetable th {
		text-align: left;
		width: 250px;
	}
	table.timetable th, table.timetable td {
		padding: 6px 0;
		vertical-align: middle;
	}
	
/*****************************
SPONSORS
*****************************/
div.sponsorswall-wrapper {
	width: 680px;
	overflow: hidden;
	position: relative;
	}
	div.sponsorswall-wrapper ul li {
		position: relative;
		display: block;
		float: left;
		margin-right: 10px;
		margin-top: 10px;
		}
		div.sponsorswall-wrapper ul li img {
			border: 5px solid #fff;
		}
		
ul.disc {
	margin-bottom: 15px;
	list-style-position: inside;
	list-style-type: disc;
	}
	ul.disc li {
		padding: 3px 0;
		position: relative;
	}
	
.gallery {
	margin: 0;
	position: relative;
	overflow: hidden;
	}
	.gallery .holder {
		width: 100%;
		position: relative;
		overflow: hidden;
		z-index: 2;
		}
		.gallery .holder ul {
			margin: 0;
			padding: 0;
			list-style: none;
			width: 30000px;
			}
			.gallery .holder ul li {
				float: left;
				width: 240px;
				padding: 0 1px 1px 0;
			}
			.gallery .holder ul li img {
				display: block;
			}

.gallery-fade {
	width: 240px;
	}
	.gallery-fade .holder ul {
		width: 100%;
		height: 180px;
		}
		.gallery-fade .holder ul li {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 180px;
			padding: 0;
		}
		
.gallery6 {
	width: 670px;
}

.gallery6 .thumbs {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 135px;
	}
	.gallery6 .thumbs li {
		padding: 0 0 5px;
		}
		.gallery6 .thumbs li a {
			position: relative;
			overflow: hidden;
			display: block;
		}
		.gallary6 .thumbs li a img {
			width: 135px;
			height: 83px;
		}
.gallery6 .thumbs li span {
	position: absolute;
	top: 0;
	left: 0;
	background: url('/assets/css/slidegallery/fader.png');
	width: 100%;
	height: 90px;
	text-indent: -9999px;
	cursor: pointer;
}
.gallery6 .thumbs li .active span { background: none; }
.gallery6 .thumbs img { vertical-align: top; }
.gallery6 .holder {
	float: left;
	width: 530px;
	margin: 0 5px 0 0;
	display: inline;
}
.gallery6 .holder ul {
	width: 100%;
	height: 350px;
}
.gallery6 .holder ul li { height: 350px; }

.gallery6 .title {
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #000;
	color: #fff;
	padding: 10px;
	width: 530px;
}

ul.expandable-list li {
	position: relative;
	display: block;
	margin-bottom: 10px;
	}
	ul.expandable-list li a.main {
		font-size: 17px;
		text-decoration: none;
		padding: 10px;
		display: block;
		position: relative;
		background-color: #2f2517;
		font-weight: normal;
		color: #fff;
	}
	ul.expandable-list li a.main.opened {
		background-color: #b31a1d;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		}
		ul.expandable-list li div.expandable {
			overflow: hidden;
			padding: 20px 10px 0;
			position: relative;
			background: url('../img/tpl/expandable-list-arrow.png') 15px 0 no-repeat;
		}

	
.align-l { text-align: left; }
.align-c { text-align: center; }
.align-r { text-align: right; }
.align-j { text-align: justify; }

.float-l { float: left; }
.float-r { float: right; }
.float-n { float: none; }

.clear-margin { margin: 0 !important; }

.pos-relative { position: relative; }
.pos-absolute { position: absolute; }

.hidden-el { display: none; }

.clearfix:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* This is a hack \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* This was the hack */