/********************************
*	Cascading Style Sheet		*
*	Fernando Hartemink			*
*	Breathe-IT					*
*								*
*	First edit: March 1, 2010	*
*	Last edit: April 20, 2010	*
*	Last edit: May 17, 2011		*
********************************/

/********************************
*	Normal markup for tags		*
********************************/

img {
	border: 0px;
}

strong {
	font-weight: bold;
}

a {
	color: #ffffff;
}

a:hover {
	color: #90907d;
	text-decoration: none;
}

h1 {
	color: #ffffff;
	font-family: "Century Gothic", "Trebuchet MS", Verdana, "Mukti Narrow";
	font-size: 18px;
	
	letter-spacing: 1px;
}

h2 {
	color: #ffffff;
	font-family: "Century Gothic", "Trebuchet MS", Verdana, "Mukti Narrow";
	font-size: 16px;
	
	letter-spacing: 1px;
}

h3 {
	color: #ffffff;
	font-family: "Century Gothic", "Trebuchet MS", Verdana, "Mukti Narrow";
	font-size: 14px;
	
	letter-spacing: 1px;
}

/****************************************************************
*	Element markup, defined by classes. Edit only if needed		*
****************************************************************/
.strong14Green {
	font-size: 14px;
	font-weight: bold;
	color: #90907d;
}

.logoBonJazz {
	width: 232px;
	height: 180px;
	
	position: absolute;
	top: 0px;
	left: 0px;
	
	background: url( "/images/logoBonJazz.png" ) no-repeat;
}

.borderTopLeft {
	width: 5px;
	height: 5px;
	
	margin: 0 0 0 0;
	
	background: url( "/images/contentright_top_left.png" ) no-repeat;
}

.borderTopRight {
	width: 5px;
	height: 5px;
	
	margin: -5px 0 0 215px;
	
	background: url( "/images/contentright_top_right.png" ) no-repeat;
}

.borderBottomLeft {
	width: 5px;
	height: 5px;
	
	margin: 3px 0 0 0;
	
	background: url( "/images/contentright_bottom_left.png" ) no-repeat;
}

.borderBottomRight {
	width: 5px;
	height: 5px;
	
	margin: -5px 0 0 215px;
	
	background: url( "/images/contentright_bottom_right.png" ) no-repeat;
}

img.pictureSquare {
	padding: 2px 2px 2px 2px;
	border: 1px #ababab solid;
}

a.pictureSquare {
	display: block;
	
	width: 62px;
	height: 62px;
	
	padding: 2px 2px 2px 2px;
	margin: 0 5px 0 0;
	
	border: 1px #ababab solid;
}

a:hover.pictureSquare {
	display: block;
	
	width: 62px;
	height: 62px;
	
	padding: 2px 2px 2px 2px;
	margin: 0 5px 0 0;
	
	border: 1px #b6461e solid;
}

.pictureLink {
	color: #b6461e;
	
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	
	margin: 0 5px 0 0;
	
	border-bottom: 1px #90907d solid;
}

.pictureLink:hover {
	color: #a7a778;
	
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	
	margin: 0 5px 0 0;
	
	border-bottom: 1px #b6461e solid;
}

img.crawler {
	margin: 0 10px 0 10px;
	border: 1px #000000 solid;
	z-index: 100;
}

img.crawler:hover {
	margin: 0 10px 0 10px;
	border: 1px #90907d solid;
	z-index: 100;
}

a.crawlerLink {

}

/************************************************
*	Site markup, defined by IDs. Do not edit!	*
************************************************/

* {
	margin: 0px;
	padding: 0px;
	
	font-size: 12px;
	font-family: "Century Gothic", "Trebuchet MS", Verdana, "Mukti Narrow";
	font-weight: normal;
}

body {
	width: 100%;
	height: 100%;
	background: #333333;
}

div#form_tickets {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #000000;
	visibility: hidden;
	z-index: 1;
	filter: alpha(opacity=70);
		-moz-opacity: 0.70;
		-khtml-opacity: 0.70;
		opacity: 0.70;
}

div#orderTickets {
	position: absolute;
	top: 30%;
	left: 35%;
	
	min-width: 300px;
	min-height: 350px;
	
	border: 1px solid #90907d;
	background: #595959;
	z-index: 1;
	
	visibility: hidden;
}

	div#orderTickets table {
		width: 300px;
	}

div#container {
	position: relative;
	top: 0px;
	left: 0px;
	
	background: #333333;
	
	z-index: 0;
}

	div#container div#tickets {
		position: absolute;
		top: 20px;
		width: 297px;
		height: 154px;
		display: block;
		background: url( "/images/tickets-2.png" ) no-repeat;
	}
	
	div#container div#tickets a {
		position: fixed;
		top: 57px;
		left: 40px;
		width: 100px;
		height: 70px;
		display: block;
	}

	div#container div#topLeft {
		width: 755px;
		height: 20px;
		
		position: absolute;
		top: 0px;
		left: 0px;
		
		background: #333333;
		filter: alpha(opacity=86);
		-moz-opacity: 0.86;
		-khtml-opacity: 0.86;
		opacity: 0.86;
	}

		div#container div#topLeft div#topBonJazz {
			width: 394px;
			height: 76px;
			
			position: absolute;
			top: 5px;
			left: 5px;

			background: url( "/images/BonJazz.png" ) no-repeat; 
		}

	div#container div#topRight {
		height: 20px;
		
		position: absolute;
		top: 0px;
		left: 755px;

		background: #333333;
	}
	
	div#container div#pictureBar {
		width: 755px;
		height: 461px;

		position: absolute;
		top: -118px;
		left: 0px;
		
		background: url( "/images/imgBar05.jpg" ) no-repeat;
		z-index: -1;
	}

	div#container div#logoBar {
		width: 100%;
		height: 180px;
		
		position: absolute;
		top: 20px;
		left: 0px;
		
		z-index: -2;
		
		background: #a7a778;
	}

		div#container div#logoBar div#logoBonJazz {
			width: 232px;
			height: 180px;
			
			position: relative;
			top: 0px;
			left: 755px;
			
			background: url( "/images/logoBar.png" ) no-repeat;	
		}

	div#container div#menuBar {
		width: 987px;
		min-height: 20px;
		
		position: absolute;
		top: 220px;
		left: 0px;
		
		background: #595959;
		
		z-index: 1;
	}
	
		div#container div#menuBar ul#menuContent {
			float: left;
			width: 755px;
			list-style: none;
			margin: 0 0 0 25px;
		}

		div#container div#menuBar ul#menuContent li {
			float: left;
			text-transform: uppercase;
		}

		div#container div#menuBar ul#menuContent li a {
			display: block;
			height: 20px;
			color: #000000;
			line-height: 18px;
			font-size: 14px;
			font-family: "Century Gothic", "Trebuchet MS", Verdana, "Mukti Narrow";
			letter-spacing: 1px;
			text-decoration: none;
			padding: 0 10px 0 10px;
			margin: 0 -1px 0 0;
			border-left: 1px #90907d solid;
			border-right: 1px #90907d solid;
		}

		div#container div#menuBar ul#menuContent li a:hover {
			color: #ffffff;
			background: #850900;
		}

		div#container div#menuBar ul#menuContent ul.submenu {
			position: absolute;
			left: 0px;
			border-top: 1px solid #90907d;
			margin: 0 0 0 0;
			letter-spacing: 0px;
			display: none;
			z-index: 10000;
		}

		
		div#container div#menuBar ul#menuContent li:hover ul.submenu {
			left: auto;
			width: 232px;
			list-style: none;
			letter-spacing: 0px;
			display: block;
		}

		div#container div#menuBar ul#menuContent li:hover ul.submenu li{
			margin: 0 0 0 0;
			letter-spacing: 0px;
			border-right: 1px #90907d solid;
			filter: alpha(opacity=90);
			-moz-opacity: 0.90;
			-khtml-opacity: 0.90;
			opacity: 0.90;
		}

		div#container div#menuBar ul#menuContent li:hover ul.submenu li a.sublink{
			display: block;
			color: #2d0f0f;
			background: #595959;
			line-height: 18px;
			width: 210px;
			text-decoration: none;
			border-bottom: 1px solid #90907d;
			letter-spacing: 0px;
		}

		div#container div#menuBar ul#menuContent li:hover ul.submenu li a.sublink:hover{
			color: #ffffff;
			background: #850900;
			letter-spacing: 0px;
		}

	div#container div#contentBGTransGrey {
		width: 755px;
		height: 193px;
		
		position: absolute;
		top: 200px;
		left: 0px;
		
		background: #333333;
		filter: alpha(opacity=86);
		-moz-opacity: 0.86;
		-khtml-opacity: 0.86;
		opacity: 0.86;
	}

	div#container div#contentBGImg { 
		width: 755px;
		height: 193px;
		
		position: relative;
		top: 200px;
		left: 0px;
		
		background: url( "/images/contentBG.png" ) no-repeat; 
	}

	div#container div#content {
		max-width: 705px;
		min-height: 370px;
		
		position: relative;
		top: 60px;
		left: 25px;
		
		margin: 10px 0 0 0;
		
		/*overflow: auto;*/
	}

		div#container div#content div#contentText p, table, i , strong {
			max-width: 705px;
			min-height: 30px;
			
			color: #ffffff;
			font-family: "Century Gothic", "Trebuchet MS", Verdana, "Mukti Narrow";
			font-size: 11px;
			
			line-height: 18px;
			letter-spacing: 1px;
			
			padding: 0 0 10px 0;
		}
		
		div#container div#content div#contentText img#artistPicture1 {
			max-width: 200px;
			max-height: 200px;
			float: right;
			padding: 5px 0px 5px 10px;
		}
		
		div#container div#content div#contentText img#artistPicture2 {
			max-width: 200px;
			max-height: 200px;
			float: left;
			padding: 5px 10px 5px 0px;
		}
		
		div#container div#content div#contentText img#artistPicture3 {
			max-width: 200px;
			max-height: 200px;
			float: right;
			padding: 5px 0px 5px 10px;
		}
		
		div#container div#content div#contentText img#artistPicture4 {
			max-width: 200px;
			max-height: 200px;
			float: left;
			padding: 5px 10px 5px 0px;
		}
		
		div#container div#content div#contentText pre#coming_soon {
			width: 705px;
			
			color: #ffffff;
			font-family: "Century Gothic", "Trebuchet MS", Verdana, "Mukti Narrow";
			font-size: 11px;
			
			line-height: 18px;
			letter-spacing: 1px;
			
			padding: 0 0 10px 0;
		}
		
		div#container div#content div#contentText pre#coming_soon h1 {
			color: #ffffff;
			font-family: "Century Gothic", "Trebuchet MS", Verdana, "Mukti Narrow";
			font-size: 18px;
			
			letter-spacing: 1px;
		}
		
		div#container div#content div#contentText pre#coming_soon h2 {
			color: #ffffff;
			font-family: "Century Gothic", "Trebuchet MS", Verdana, "Mukti Narrow";
			font-size: 16px;
			
			letter-spacing: 1px;
		}
		
		div#container div#content table#pictures {
			max-width: 705px;
			width: 705px;
			min-height: 50px;
		}
		
		div#container div#content table#pictures tr{
			color: #ffffff;
			padding: 10px 0 0 0;
			vertical-align: top;
		}
		
		div#container div#content table#pictures td{
			color: #ffffff;
			padding: 10px 0px 0 0;
			vertical-align: top;
		}
		
		
		
		/*div#container div#content div#contentPictures {
			width: 705px;
			min-height: 50px;
			
			margin: 10px 0 0 0;
		}*/

	div#container div#sponsorBar {
		clear: both;
		
		width: 987px;
		height: 58px;
		
		position: relative;
		top: 110px;
		left: 0px;
		
		background: #595959;
	}
	
	div#container div#greenBars {
		width: 230px;
		height: 100%;
		
		position: absolute;
		top: 20px;
		bottom: 0px;
		
		z-index: 100;
		
		margin: 0 0 0 755px;
		padding: 0 0 90px 0;
		
		border-left: 1px #90907d solid;
		border-right: 1px #90907d solid;
	}
	
	div#container div#containerRight {
		width: 220px;
		
		position: absolute;
		top: 240px;
		left: 5px;
	}
	
		div#container div#containerRight div#contentRightPicture {
			width: 220px;
			min-height: 180px;
		}
		
		div#container div#containerRight div#contentRightPicture img#rndPicture {
			max-width: 220px;
		}
		
		div#container div#containerRight div#contentRight {
			width: 220px;
			min-height: 180px;
			
			background: #595959;
		}

			div#container div#containerRight div#contentRight div#contentRightTitle {
				width: 202px;
				min-height: 13px;
				
				margin: 0 0 0 10px;
				
				/*background: url( "/images/BonViews.png" ) no-repeat;*/
			}
			
			div#container div#containerRight div#contentRight div#contentRightTitle h1{
				font-size: 16px;
				font-weight: bold;
				color: #90907d;
			}

			div#container div#containerRight div#contentRight div#contentRightContent {
				width: 202px;
				min-height: 144px;
				
				margin: 10px 0 0 0;
			}
			
			div#container div#containerRight div#contentRight div#contentRightContent img {
				margin: 15px 0 0 4px;
			}
			
			div#container div#containerRight div#contentRight div#contentRightContent p {
				width: 202px;
				height: 144px;
				
				margin: 10px 0 0 10px;
			}
		
		div#container div#containerRight div#sponsor {
			width: 220px;
			min-height: 10px;
			
			margin: 10px 0 0 0;
			
			background: #595959;
		}

			div#container div#containerRight div#sponsor div#sponsorContent p {
				width: 202px;
				min-height: 15px;
				
				margin: 0 0 0 10px;
				
				font-size: 14px;
			}
			
			div#container div#containerRight div#contentRight div#contentRightContent p {
				width: 202px;
				height: 374px;
				
				margin: 10px 0 0 10px;
			}
		
		div#container div#containerRight div#sponsor {
			width: 220px;
			min-height: 10px;
			
			margin: 10px 0 0 0;
			
			background: #595959;
		}

			div#container div#containerRight div#sponsor div#sponsorContent p {
				width: 202px;
				min-height: 15px;
				
				margin: 0 0 0 10px;
				
				font-size: 14px;
			}