/*============== 00--> test area ===============*/


	
/*============== 1--> layout ===============*/
html { width: 100%;}

body {
	width: 100%;
	margin:0;
	padding:0;
	/* background:#C1C6C9; */
	background: #e8e9eb;
}

#wrapper {
	background:white url(../images/back-top.jpg) repeat-x;
	width:100%;
	padding-bottom:20px;
	min-width: 990px;
}

#header {
	width:950px;
	margin:0 auto 10px;
	height:60px;
	padding:0 20px;
	position: relative;
}

#music, #troupes, #people, #left {
	margin-top:3px;
	width:288px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	float:left;
	background:white url(../images/col-back2.jpg) repeat-x;
}



#container {
	width:950px;
	margin:0 auto;
	overflow-y:hidden;
	position:relative;
	padding-left:20px;
	padding-right:20px;
}

.col {
	padding:0 0 2000px;
	margin:0 0 -2000px;
	position:relative;
}

.col-end {
	width:950px;
	margin:0 auto;
	height:5px;
	padding:0 20px;
}

.col-end-1 {
	background: url(../images/310-col-bottom.jpg) no-repeat;
	float:left;
	width:310px;
	border:0;
	height:5px;
	margin-right:10px;
	display:inline;
}

.col-end-2 {
	background:url(../images/310-col-bottom.jpg) no-repeat ;
	float:left;
	width:310px;
	border:0;
	height:5px;
	margin-right:0;
}

.col-end-3 {
	background: url(../images/630-bottom.jpg) no-repeat;
	width:630px;
	border:0;
	height:5px;
	float:left;
}

.col-end-1,.col-end-2,.col-end-3 {
	font-size:0;
}/*ie6 height problems*/
	
.col-top-1 { position:absolute; top:-4px; left:-1px; height:4px; width:310px; background:url(../images/col-top.png) no-repeat; z-index:8; }


#content-wrap {
	width:100%;
	margin-left:-320px;
	float:right;
	position:relative;
}

#content-outer {
	background:#f5f5f5;
	margin-left:320px;
	position:relative;
	
}

#content-controls {
	position:absolute;
	color:maroon;
	top:-2.6em;
	left:-1px;
}

#content-banner {
	height:165px;
	margin-bottom:3.5em;
	margin-left:320px;
}

/* ---original footer 

*html #footer {
	height:200px;
}

#footer-content {
	width:950px;
	margin:0 auto 10px;
	height:60px;
	padding:0 20px;
}

------ */

#footer {
	clear:both;
	width:100%;
	min-width: 990px;
	min-height:80px;
	background:white url(../images/bottom-back2.jpg) repeat-x;
	border-top:1px solid #cfcfcf;
}




#footer-content {
	width:950px;
	margin:0 auto 10px;
	height:20px;
	padding:0 20px;
}

	
/*=============== 2--> functions ================*/

	
/*----- global clear fixes -----*/
#footer ul.ft-l2:after, .com-con:after, td.controls:after, ul.checkfield:after, ul.checkfield li:after, div.m-form-end:after, div.b-line-inner:after, li.m-form-sub:after, ul.m-form li.m-form-e:after,
a.card:after,
li.el-i:after, 
div.col-player:after,
#action-area .row1:after,
ul.ft-outer:after,
dl.dl-style1:after,
div.content-element:after, ul.six-grid:after, li.six-container:after, ul.four-grid:after,
.col-end:after,ul.content-tabs:after,.cf-fix:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;

}


#footer ul.ft-l2, .com-con, td.controls, ul.checkfield, ul.checkfield li, div.m-form-end, div.b-line-inner, li.m-form-sub, ul.m-form li.m-form-e,
a.card,
li.el-i,
div.col-player,
#action-area .row1,
ul.ft-outer,
dl.dl-style1,li.six-container,
div.content-element, ul.six-grid, ul.four-grid,
.col-end,ul.content-tabs,.cf-fix { zoom:1; }

/*universal horizontal centering for floats*/
.c-clip { overflow: hidden; }
.c-outer {  float: left; position: relative; left: 50%; text-align: left;  }
.c-inner {  position: relative; left: -50%;  height: 20px;  }
.u-center {  position: relative; float:left!important;   }	



	
/*=============== 3--> tabs ================*/
#content-controls ul.content-tabs {
	margin-left:10px;
}

ul.content-tabs li {
	float:left;
	border-width:1px 1px 1px 0px!important;
}

ul.content-tabs li.first {
	border-width:1px!important;
}

ul.content-tabs li.active {
	border-bottom:1px solid #f5f5f5;
	float:left;
	background:#f5f5f5;
}

ul.content-tabs li a {
	width:86px;
	display:block;
	text-align:center;
	height:2.2em;
	line-height:2.1em;
}


.off a{ background:url(../images/off-stripe.gif); color: #c5c8c2!important; } 

.off a:hover {background: url(../images/off-stripe.gif) !important;  }