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

/* STRUCTURE */
body, html {
	margin:0;
	padding:0;
	border:0;
	/*height:100%;*/
	background:#fffef9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:165%;
	color:#333;
}

a, a:active, a:visited {
	color:#a46a35;
	text-decoration:underline;
}
img{
	border:0px;
}
a:hover {
	color:#BBB;
	text-decoration:none;
}

input{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:150px;
}

.clear {
	clear:both;
}

#wrapper {
	position:absolute;
	width:980px;
	height:500px;
	left:50%;
	top:50%;
	margin-left:-490px;
	margin-top:-250px;
}

/*#outer {
	#position:relative;
	width:100%;
	height:100%;
	display:table; 
	overflow:visible;
}

#middle {
	#position:absolute; 
	#bottom:50%;
	width:100%;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

#inner {
	#position:relative;
	#bottom:-50%;
	width:980px;
	height:500px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}*/

#header {
	width:100%;
	height:100px;
}

#logo {
	width:355px;
	height:80px;
	float:left;
	
}
#button{
	position:absolute;
	left:353px;
	top:0px;
	width:103px;
	height:103px;
	background:url(../images/site/Button_RawSummer_Love.png) 0 0 no-repeat;
}
#mp3 {
	position:absolute;
	left:630px;
	top:57px;
	width:290px;
	height:20px;
	z-index:0;
	
}
#flags{
	margin-top:59px;
	margin-left:10px;
	height:17px;
	float:right;
	background-color:#E8E1D9;
}

.flag{
	margin-top:3px;
	margin-bottom:3px;
	margin-left:3px;
	margin-right:3px;
	float:left;
}

#menu {
	width:578px;
	height:20px;
	margin-left:45px;
	float:right;
}



.menu_items {
	float:right;
	padding-top:7px;
	font-size:12px;
	font-weight:bold;
	line-height:12px;
	text-align:center;
	text-transform:uppercase;
}

.menu_items a {
	color:#66370d;
	text-decoration:none;
}

.menu_items a:hover, .menu_items a:active {
	color:#BBB;
	text-decoration:none;
}

.menu_line {
	width:1px;
	height:20px;
	margin-left:10px;
	margin-right:10px;
	float:right;
	background:url(../images/site/menu_line.gif) 0 0 no-repeat;
}

#main {
	width:100%;
	height:350px;
}

#footer {
	width:100%;
	height:60px;
	margin-top:10px;
}

#community {
	width:100%;
	height:30px;
}

#community img {
	margin-left:10px;
	margin-right:10px;
}

#legal {
	width:100%;
	height:15px;
	margin-top:15px;
	line-height:15px;
	font-size:10px;
	text-align:center;
	color:#BBB;
}

#legal a, #legal a:active ,#legal a:visited {
	color:#BBB;
	text-decoration:underline;
}

#legal a:hover {
	color:#a46a35;
	text-decoration:none;
}


/* PAGES */
.headline {
	font-size:13px;
	font-weight:bold;
	color:#66370d;
}

#page_l {
	width:240px;
	height:350px;
	float:left;
	background:url(../images/site/page_l.gif) 0 0 no-repeat;
}

#page_l_content {
	width:180px;
	height:270px;
	margin-left:30px;
	margin-top:40px;
	margin-right:30px;
	margin-bottom:40px;
	overflow:hidden;
}

#deejays_menu a, #deejays_menu a:visited {
	margin-left:10px;
	color:#a46a35;
	font-weight:bold;
	text-decoration:none;
}

#references_menu a, #references_menu a:visited {
	color:#a46a35;
	font-weight:bold;
	text-decoration:none;
}

.references_menu_city {
	font-size:10px;
	font-weight:normal;
}

#deejays_menu a:hover, #deejays_menu a:active, #references_menu a:hover, #references_menu a:active {
	color:#66370d;
	font-weight:bold;
	text-decoration:none;
}

#page_lm {
	width:740px;
	height:350px;
	float:left;
	background:url(../images/site/page_lm.gif) 0 0 no-repeat;
}

#page_lm_content {
	width:680px;
	height:270px;
	margin-left:30px;
	margin-top:40px;
	margin-right:30px;
	margin-bottom:40px;
	overflow:hidden;
}

.darkbrown_bold{
	color:#66370d;
	font-weight:bold;
	text-decoration:none;
}

a.darkbrown_bold {
	text-decoration:none;
}

a:hover.darkbrown_bold {
	color:#66370d;
	text-decoration:none;
}

a.text_underline {
	text-decoration:none;
}

a:hover.text_underline {
	color:#BBB;
	text-decoration:none;
}

.lightbrown {
	color:#a46a35;
}

.lightbrown_italic {
	color:#a46a35;
	font-style:italic;
}

.lightbrown_bold {
	color:#a46a35;
	font-weight:bold;
}

#page_m {
	width:500px;
	height:350px;
	float:left;
}

#page_m_content {
	width:440px;
	height:270px;
	margin-left:30px;
	margin-top:40px;
	margin-right:30px;
	margin-bottom:40px;
	overflow:hidden;
}

.imageBox,.imageBoxHighlighted{
	width:110px;	/* Total width of each image box */
	height:110px;	/* Total height of each image box */
	float:left;
}
.imageBox_theImage{
	width:100px;	/* Width of image */
	height:100px;	/* Height of image */
	cursor:pointer;
	
	/* 
	Don't change these values *
	*/
	background-position:center top;
	background-repeat: no-repeat;		
	margin: 0 auto;
	margin-bottom:2px;
}

.imageBox .imageBox_theImage{
	border:#a46a35 2px solid;
}
.imageBox a:hover .imageBox_theImage {
	border:#BBB 2px solid;
}

.refBox,.refBoxHighlighted{
	width:55px;	/* Total width of each image box */
	height:55px;	/* Total height of each image box */
	float:left;
}
.refBox_theImage{
	width:50px;	/* Width of image */
	height:50px;	/* Height of image */
	cursor:pointer;
	
	/* 
	Don't change these values *
	*/
	background-position:center top;
	background-repeat: no-repeat;		
	margin: 0 auto;
	margin-bottom:2px;
}

.refBox .refBox_theImage{
	border:#a46a35 2px solid;
}
.refBox a:hover .refBox_theImage {
	border:#BBB 2px solid;
}


.videoBox{
	width:100px;	/* Total width of each image box */
	height:100px;	/* Total height of each image box */
	float:left;
}
.videoBox_theImage{
	width:120px;	/* Width of image */
	height:120px;	/* Height of image */
	cursor:pointer;
	
	/* 
	Don't change these values *
	*/
	background-position:center top;
	background-repeat: no-repeat;		
	margin: 0 auto;
	margin-bottom:2px;
}

.videoBox .videoBox_theImage{
	border:#a46a35 2px solid;
}
.videoBox a:hover .videoBox_theImage {
	border:#BBB 2px solid;
}


.flyerBox{
	width:140px;	/* Total width of each image box */
	height:140px;	/* Total height of each image box */
	float:left;
}
.flyerBox_theImage{
	width:140px;	/* Width of image */
	height:140px;	/* Height of image */
	cursor:pointer;
	
	/* 
	Don't change these values *
	*/
	background-position:center top;
	background-repeat: no-repeat;		
	margin: 0 auto;
	margin-bottom:2px;
}

.flyerBox .flyerBox_theImage{
	border:#a46a35 2px solid;
}
.flyerBox a:hover .flyerBox_theImage {
	border:#BBB 2px solid;
}

div.schedule_left{
	width:250px;
	float:left;
}

div.schedule_right{
	width:150px;
	float:left;
}

#page_ml {
	width:710px;
	height:350px;
	margin-left:30px;
	float:left;
	background:url(../images/site/contact.jpg) 0 0 no-repeat;
}

#page_r {
	width:240px;
	height:350px;
	float:left;
}