/* CSS Document */
html{
	background-color:#000;
	
}
body{
	background-color:#000;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	margin:0px;
	

}

body a img{
	border:none;
}

#main{
	float:left;
	position:relative;
	width:1024px;
	height:100%;
	background-color:#FFF;
	background-image:url(../img/MainBack.jpg);
	background-repeat:no-repeat;
	border-style:solid;
	border-color:#000;
	/*padding-bottom:242px;*/
}

#fblink{
	position:absolute;
	top:265px;
	left:860px;
}

.content{
	float:left;
	position:static;
	width:870px;
	margin-left:85px;
	margin-top:275px;
	margin-bottom:32px;
}
.ctop{
	background-image:url(../img/TextTop.png);
	background-repeat:no-repeat;
	width:870px;
	height:65px;
	margin-bottom:0px;
	margin-top:-35px;
}

.ctext{float:left;
	background-image:url(../img/TextMid.png);
	background-repeat:repeat-y;
	width:830px;
	
	padding-left:20px;
	padding-right:20px;
	padding-bottom:25px;
	margin-top:0px;
}

.cbottom{
	background-image:url(../img/TextBottom.png);
	background-repeat:no-repeat;
	width:870px;
	height:82px;
}

#cmargin{
	margin-top:-35px;
}

.button:hover{
	cursor:pointer;
}

.contact{
	position:absolute;
	left:710px;
	top:70px;
}

#bshows:hover{
	background-image:url(../img/ShowsBig.png);
	background-repeat:no-repeat;

	position:absolute;
	left:700px;
	top:35px;
	width:229px;
	height:69px;
}

#hshows{
	display:none;
	background-image:url(../img/ShowsBig.png);
	background-repeat:no-repeat;

	position:absolute;
	left:100px;
	top:245px;
	width:229px;
	height:69px;
}


#babout{
	background-image:url(../img/AboutSmall.png);
	background-repeat:no-repeat;

	position:absolute;
	left:790px;
	top:95px;
	width:126px;
	height:31px;
}

#babout:hover{
	background-image:url(../img/AboutBig.png);
	background-repeat:no-repeat;

	position:absolute;
	left:760px;
	top:80px;
	width:229px;
	height:69px;
}

#habout{
	display:none;
	background-image:url(../img/AboutBig.png);
	background-repeat:no-repeat;

	position:absolute;
	left:100px;
	top:245px;
	width:229px;
	height:69px;
}

#bcontact{
	background-image:url(../img/ContactSmall.png);
	background-repeat:no-repeat;

	position:absolute;
	left:750px;
	top:135px;
	width:126px;
	height:31px;
}

#bcontact:hover{
	background-image:url(../img/ContactBig.png);
	background-repeat:no-repeat;

	position:absolute;
	left:724px;
	top:115px;
	width:229px;
	height:69px;
}

#hcontact{
	display:none;
	background-image:url(../img/ContactBig.png);
	background-repeat:no-repeat;

	position:absolute;
	left:100px;
	top:245px;
	width:229px;
	height:69px;
}

#bmedia{
	background-image:url(../img/MediaSmall.png);
	background-repeat:no-repeat;

	position:absolute;
	left:810px;
	top:165px;
	width:126px;
	height:31px;
}

#bmedia:hover{
	background-image:url(../img/MediaBig.png);
	background-repeat:no-repeat;

	position:absolute;
	left:770px;
	top:145px;
	width:229px;
	height:69px;
}

#hmedia{
	display:none;
	background-image:url(../img/MediaBig.png);
	background-repeat:no-repeat;

	position:absolute;
	left:100px;
	top:245px;
	width:229px;
	height:69px;
}

img .media{
	border:solid;
	border-color:#cab7b0;
	border-width:3px;
}

a{
	color:#cab7b0;
	text-decoration:none;
}

a:visited{
	color:#cab7b0;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}


.area_block{
	
	float:left;
	width:370px;
	margin-right:45px;
	margin-bottom:15px;
}

.box{
	float:left;
	
	margin-bottom:15px;
	background-color:rgba(0,0,0,0.5);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000, endColorstr=#88000000)"; 	 
	border-style:solid;
	border-color:#cab7b0;
	padding:8px;
	width:100%;

}


.datebox{
	/*float:left;*/
	margin-top:50px;
	margin-bottom:15px;
	background-color:rgba(0,0,0,0.5);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000, endColorstr=#88000000)"; 	 
	border-style:solid;
	border-color:#cab7b0;
	padding:8px;
	width:94%;


}

@media (max-width: 1024px){
#main{
	float:left;
	position:static;
	background-size:contain;
	
	width:100%;

}


.ctop{
	float:none;
	position:static;
	width:100%;
}

.content{
	float:left;
	position:static;
	margin-top:240px;
	margin-left:5%;
	width:100%;
	padding-left:0px;
	padding-right:0px;
	
}
.ctext{
	float:left;
	position:static;
	width:100%;
	
	
	padding-left:20px;
	padding-right:0px;
	
}
.area_block{
	float:left;
	position:static;
	width:40%;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	padding-right:20px;
}

.box{
	float:none;
	width:100%;

}


}

@media (max-width: 870px){
.content{
	float:none;
	position:static;
	margin-top:240px;
	margin-left:3px;
	width:100%;
	padding-left:0px;
	padding-right:0px;
}
.ctext{
	float:none;
	position:static;
	width:100%;
	
	
	padding-left:20px;
	padding-right:0px;
	margin-top:35px;
}
.area_block{
	float:none;
	position:static;
	width:90%;
	
	margin-left:0px;
	margin-right:0px;
	margin-bottom:15px;
}

.box{
	width:90%;

}
}



@media (max-width: 600px){
	#main{
		background-image:url(../img/Mainback_mob.jpg);
		background-repeat:no-repeat;
		background-size:contain;
	}
	
	.content{
		position:static;
		margin-top:200px;
	}
}