@charset "utf-8";
/* CSS Document */

html, body, div, span, h1, h2, h3, h4, h5, h6, h7, h8, h9, h10, a, img, ol, ul, li, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
	font-size: 100%;
}


body { -webkit-background-size: 1600px 4016px;
	background: url(http://wunderbarmontreal.com/images/By_Peter_Chase.jpg) top center no-repeat;
	background-color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000;
}


html { }
h1 { font-size: 20px; font-weight:bold; color:#d3ce1a;}
h2 { font-size: 16px; font-weight:bold; }
h3 { font-size: 13px; font-weight:bold; }


.blueTxt{ color:#0faad9; }
.orangeTxt{ color:#F15A29; }
.whitetext { color:#FFFFFF; }

div.contenu {	padding: 3px 5px;
	padding-top: 10px;
	padding-bottom: 0;
	margin-top: -16px;
	border: 1px solid #C6CBCD;
	margin-bottom: 15px;
}

a{ color:#0faad9; text-decoration:none; }
a:hover{ color:#6ed5f4; text-decoration:underline; }


/* Structure -------------------------------------------------------------  */

.autoscroll { overflow: hidden; } .paused { overflow: auto; }

.top{
	position:absolute;
	width:100px;
	margin: -250px auto 0 auto;
	padding: 0;
}


.bpc{
	position:relative;
	width:645px;
	margin: 320px auto 0 auto;
	padding: 0;
}

.press {
	position:relative;
	width:800px;
	margin: 675px auto auto auto;
	padding: 0;
}
.press2 {
	position:relative;
	width:800px;
	margin: 525px 0px 0 0px;
	padding: 0;
}


.photo{
	position:relative;
	width:870px;
	margin: 675px auto auto auto;
	padding: 0;
}
.photo2{
	position:relative;
	width:870px;
	margin: 475px 0 0 0px;
	padding: 0;
}

.contact2{
	position:relative;
	width:870px;
	margin: 120px auto 0 auto;
	padding: 0;
}
.contact{
	position:relative;
	width:870px;
	height:950px;
	margin: 250px auto 0 auto;
	padding: 0;
}



#content {
	width:656x;
	padding:10px;
	font-size:11px;
	margin:0 auto;
	overflow:hidden;
}			
#content .gallery, .player, .video, .vimeo, .other {
	float:left;
	width:100%;
}
#content img {
	padding:5px;
	background:#373737;
	border:solid 1px #464646;
	margin:2px;
}
.player a, .other a {
	display: block;
	padding:5px;
	margin:5px;
	width:130px;
	background:#f8f8f8;
	border:solid 1px #999999;
	float:left;
}
	



#column_left { 
	width:156px;
	float:left;
	display:inline;
	margin:25px 0 0 0px;
}

#column_left2 { 
	width:200px;
	float:left;
	display:inline;
	margin:650px 0 0 0px;
}

	
	/* column_left subclasses */

#column_left .InfoBox  .topG{
	background: url(http://wunderbarmontreal.com/images/window_left_g_top.png) top center no-repeat;
}
#column_left .InfoBox  .sideG{
	background: url(http://wunderbarmontreal.com/images/partners.png) top center no-repeat;
}

#column_left .InfoBox  .topG h2{ color:#fff; font-size:15px; font-weight:bold; padding:8px 0 8px 10px; }

#column_left .InfoBox  .topO{
	background: url(http://wunderbarmontreal.com/images/window_left_o_top.png) top center no-repeat;
}
#column_left .InfoBox  .topO h2{ color:#fff; font-size:15px; font-weight:bold; padding:8px 0 8px 10px; }

#column_left .InfoBox  .content{
	background: #fff;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:10px;
}

#column_left .InfoBox2  .content{
	height:192px;
	padding:0px;
}
#column_left .InfoBox  .bottom{

}

#column_right { 
	width:180px;
	margin: 0px 5px 0 0;
	float:right;
	display:inline;
	z-index:5;
}
	

#column_cue{
	margin: 25px 25px 0 275px;


}
#column_cue ul li{ 
	margin-left: 30px;
}

#column_cue ol li{ 
	margin-left: 30px;
}

#column_cue td { 
	padding: 10px;
}

#column_cue blockquote{ 
	margin-left: 30px;
	margin-right: 5px;
}	
#twitter { 
	width:400px;
	margin: 25px 115px 0 0;
	float:right;
	display:inline;
	z-index:5;
}
#bpc_world{ 
	width:400px;
	margin: 25px 115px 0 0;
	float:right;
	display:inline;
	z-index:5;
}


#column_bpc{
	margin: 105px auto 0 auto;

}
#about { 
margin: auto 0px 0px 0 auto;
}
#add_this { 
	width:180px;
	margin: -40px 0 0 75px;
	float:right;
	display:inline;
	z-index:5;
}

#music { 
	position: relatives;
	width:210px;
	margin: 150px 0 0 0px;
	float:right;
	display:inline;
	z-index:6;
}

#bpc_tag {position: absolute;
	width:210px;
	margin: 400px 0 0 280px;
	float:right;
	display:inline;
}

#wrapper {
			
				position: absolute;
				top: 50%;
				left: 50%;
				
			}
			
			#container_mix {
				
				margin-left: -200px;
				margin-top: 700px;				
				width: 200px;
				padding: 15px 70px 10px 5px;

				background-color: #252525;
				
				-webkit-box-shadow: 0px 5px 15px 1px #222;
				-moz-box-shadow: 0px 5px 15px 1px #222;
				box-shadow: 0px 5px 15px 1px #222; 
				
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				border-radius: 10px;
				
			}



#column_bpc ul li{ 
	margin-left: 30px;
}

#column_bpc ol li{ 
	margin-left: 30px;
}

#column_bpc td { 
	padding: 10px;
}

#column_bpc blockquote{ 
	margin-left: 30px;
	margin-right: 5px;
}	


#column_cocktail{
	margin: -150px 0px 0 635px;


}
#column_press2{
	margin: -590px 0px 0 567px;


}
#column_map{
	margin: -390px 0px 0 378px;


}


#column_work{
	margin: 0px 45px 0 175px;


}
#column_work ul li{ 
	margin-left: 30px;
}

#column_work ol li{ 
	margin-left: 30px;
}

#column_work td { 
	padding: 10px;
}

#column_work blockquote{ 
	margin-left: 30px;
	margin-right: 5px;
}	


#column_press{
	margin: 0px 0px 0 315px;


}
#column_press ul li{ 
	margin-left: 30px;
}

#column_press ol li{ 
	margin-left: 30px;
}

#column_press td { 
	padding: 10px;
}

#column_press blockquote{ 
	margin-left: 30px;
	margin-right: 5px;
}	





#table1 {
	padding: 1px;}
#table1 td{
	padding: 0px;}

.List_cue{
	display: block;
	background-color:#b9be01;
	font-weight:bold; color: #FFF;
	border:1px solid #C6CBCD;
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 15px;
}


/*.break {
	display: block;
	padding: 5px 5px;
	background-color:#b7dae8;
	font-weight:bold;
	border:1px solid #b7dae8;
	background-image: url(http://wunderbarmontreal.com/images/bullet_programme.jpg);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 15px;
}*/

/* Menu -------------------------------------------------------------  */


#menu_01 { 
}


#menu_01 ul{ margin: 10px 0px 0 100px ; padding:0; }
#menu_01 ul li {
	list-style: none; 
	position: relative;
	width:159px;
	}
#menu_01 ul li a {
	display: block;
	color: #fff;
	text-decoration: none;
	}


	
/* Menu 2-------------------------------------------------------------  */

#menu_02 { 
}


#menu_02 ul{ margin: -380px 0 0 55px; }
#menu_02 ul li {
	list-style: none; 
	position: relative;
	width:159px;
	}
#menu_02 ul li a {
	display: block;
	color: #fff;
	text-decoration: none;
	}
	
/* Menu 3-------------------------------------------------------------  */

#menu_03 { 
}


#menu_03 ul{ margin: -45px 0 100px 9px; }
#menu_03 ul li {
	list-style: none; 
	position: relative;
	width:159px;
	}
#menu_03 ul li a {
	display: block;
	color: #fff;
	text-decoration: none;
	}	
	
	
/* Menu 04-------------------------------------------------------------  */


#menu_04 { 
}


#menu_04 ul{ margin: 10px 0px 0 55px ; padding:0; }
#menu_04 ul li {
	list-style: none; 
	position: relative;
	width:159px;
	}
#menu_04 ul li a {
	display: block;
	color: #fff;
	text-decoration: none;
	}	
/* Footer -------------------------------------------------------------  */

#footer {
	background-color:#5f9e43;
	color:#fff;
	margin:15px 0 0 0;
}

#footerContainer {
	position:relative;
}

	/* footer subclasses */
#footer a { color:#fff; text-decoration:none; }
#footer a:hover{ text-decoration:underline; }
	

/* General -------------------------------------------------------------  */

.whiteBG { background-color:#fff; }

.fl_l { float:left; }
.fl_r { float:right; }

.pad15 { padding:15px; }
.pad10 { padding:10px; }