@charset "UTF-8";
/* Mandy Long 2010 | made by mef.design */

body{
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;

	
}

p{
	line-height:1.2em;
		color:#666666;
	
}

h3{
	color:#666;
	font-weight:bold;
	font-size:12px;
}

a {
  outline: none;
  color:#b9afa5;
  text-decoration:none;
}

a:hover{
	color:#666666;
}
	
*{margin:0;padding:0}


#main{
	margin:0;
	padding:0;
	width:1200px;
}



#left_content{
	width:275px;
	float:left;
	margin:0;
	padding:50px 0 0 25px;
	position:fixed;
	height:100%;
	background-color:#b9afa5;
	z-index:3;
	
}

.header{
	width:250px;
	height:133px;
	margin:0;
	padding: 0;
	border-bottom:2px solid #FFF;
	
}

.header a {
	margin:0;
	padding:0;
}

.header img{
	outline:none;
	border:none;
}
	

p.address{
	background-image:url(../images/address.gif);
	background-repeat: no-repeat;
	text-indent:-1000em;
	margin:10px 0 40px 0;
	height:27px;
	color:#fff;
	
}


.main_nav{
	margin:0;
	position:absolute;
	width: 250px;
}			

.main_nav ul{
	margin:0;
	padding:0;

}

.main_nav ul li {
	list-style-type:none;
	margin-bottom:10px;
	
	
	}


.main_nav ul li a{
	display:block;
	text-decoration:none;
	color:#666666;
	margin:0;
	padding:3px 0 3px 5px;
	background-color:#FFF;
	width:150px;
	
}

.main_nav ul li a:hover {
	background-color:#e3deda;
		
}

	
.main_nav ul.gallery{
	margin:0;
	padding:0;
}

.main_nav ul.gallery li {
	list-style-type:none;
	margin-bottom:2px;
	
	}
	
.main_nav ul.gallery li a{
	display:block;
	text-decoration:none;
	color:#fff;
	margin:0;
	padding:3px 0 3px 5px;
	background-color:#948c84;
	width:150px;
	
}

.main_nav ul.gallery li a:hover{
	background-color:#666;
	
}



p.footer_text{
		color:#fff;
	border-top:2px solid #FFF;
	padding:10px 0 0 0;
	margin:40px 0 0 0;
	width:250px;
	letter-spacing:-0.2px;
	

	
}


p.footer_text a {
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	
}

p.footer_text a:hover {
	color:#e3deda;
	
}


#right_content{
	background-color:#FFF;
	float:right;
	margin:50px 0 0 315px;
	padding:0;	
	width:700px;
	height:auto;
	position:absolute;
	


	
}

#about_content{
	background-color:#FFF;
	float:right;
	margin:50px 0 0 315px;
	padding:0;	
	width:400px;
	height:602px;
	position:absolute;


	
}



h1.welcome {
	font-size:18px;
	color:#666666;
	background-image:url(../images/welcome2.gif);
	background-repeat:no-repeat;
	text-indent:-1000em;
	height:112px;
	border-bottom:1px solid #666666;
	margin:10px 0 10px 0;
	padding:0 0 10px 0;
}

h1.about{
	font-size:18px;
	color:#666666;
	background-image:url(../images/about.gif);
	background-repeat:no-repeat;
	text-indent:-1000em;
	height:24px;
	border-bottom:1px solid #666666;
	margin:10px 0 10px 0;

}

h1.faces {
	font-size:18px;
	color:#666666;
	background-image:url(../images/faces_header.gif);
	background-repeat:no-repeat;
	text-indent:-1000em;
	height:24px;
	border-bottom:1px solid #666666;
	margin:10px 0 20px 10px;
	width:220px;
}

h1.dancers {
	font-size:18px;
	color:#666666;
	background-image:url(../images/dancers_header.gif);
	background-repeat:no-repeat;
	text-indent:-1000em;
	height:24px;
	border-bottom:1px solid #666666;
	margin:10px 0 20px 10px;
	width:220px;
}

h1.football {
	font-size:18px;
	color:#666666;
	background-image:url(../images/football_header.gif);
	background-repeat:no-repeat;
	text-indent:-1000em;
	height:24px;
	border-bottom:1px solid #666666;
	margin:10px 0 20px 10px;
	width:220px;
}

h1.rugby {
	font-size:18px;
	color:#666666;
	background-image:url(../images/rugby_header.gif);
	background-repeat:no-repeat;
	text-indent:-1000em;
	height:24px;
	border-bottom:1px solid #666666;
	margin:10px 0 20px 10px;
	width:220px;
}

h1.contact{
	font-size:18px;
	color:#666666;
	background-image:url(../images/contact.gif);
	background-repeat:no-repeat;
	text-indent:-1000em;
	height:30px;
	border-bottom:1px solid #666666;
	margin:10px 0 20px 0;

}




.contact_text {
	width:620px;
	float:left;
	margin:0 0 0 10px;
	padding:0;

	
}
	

p.contact_info {
	text-align:left;
	color:#666666;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	width:185px;
	border-bottom:1px solid #666666;
	
}

p.contact_address {
	text-align:left;
	color:#666666;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	width:185px;
	border-bottom:1px solid #666666;
	
}

.about_text {
	width:400px;
	margin:0;
	padding:0 10px 0 10px;

	
}
	

.about_text p {
	text-align: justify;
	color:#666666;
	margin:10px 0 0 0;
	padding:0;

	
}





.home_text {
	width:220px;
	float:left;
	margin:0 0 0 10px;
	padding:0;

	
}
	

.home_text p {
	text-align:left;
	color:#666666;
	margin:0 0 5px 0;
	padding:0;
	
}




p.border_bottom{
	padding:0 0 10px 0;
	border-bottom:1px solid #666666;
	margin:0 0 40px 0;
	
}


.exhibitions{
	margin:50px 0 0 0;
	padding:0;
	
}

h2.exhibitions {
	font-size:18px;
	color:#666666;
	background-image:url(../images/exhibitions.gif);
	background-repeat:no-repeat;
	text-indent:-1000em;
	width:220px;
	height:18px;
	border-bottom:1px solid #666666;
	margin:10px 0 10px 2px;
	padding:0 0 5px 0;
}



#right_content img{
	float:right;
	margin:0;
	padding:0;
	border:none;
	position:relative;
	
}


/**************** Image Gallery ****************/


.galleria{margin:0;list-style:none;width:220px; position:absolute; z-index:2;}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0;}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;}
.galleria li div img{cursor:pointer; }
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{ cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}

* html .galleria li div span{width:400px} /* MSIE bug */


	.caption{color:#666;position:absolute;top:185px;left:10px;width:220px; margin:0 0 0 -250px; border-bottom:1px solid #666; border-top:1px solid #666; padding:5px 0 5px 0; }
	
	.demo{
	position:absolute;
	float:right;
	background-color:#FFF;
	float:right;
	margin:50px 0 0 315px;
	padding:0;
	width:900px;
	height:auto;
	}
	
	.gallery_demo{width:220px;float:left; margin:0 10px 0 10px; padding:0;	}
	.gallery_demo li{width:65px;height:30px;border:1px double #eee;margin: 0 6px 6px 0;background:#fff;}
	.gallery_demo li.hover{border:1px solid #999;}
	.gallery_demo li.active{ border:1px solid #666;}
	.gallery_demo li div{left:230px}

	
	.galleria_container{
	margin:0;
	width:auto;
	height:600px;
	z-index:1;
	position:absolute;
	}
	
#main_image{
	margin:-60px 0 0 250px;
}
	



	
	.nav{
	margin:200px 0 0 0;
	padding:0;
	width:230px;

}

	.nav a{
		margin:0 0 0 10px;
		padding:0;
}
	
	
.nav a.next{
	float:right;
	
}

.nav a.prev{
	float:left;
	
}
	
.nav a img{
	outline:none;
	border:none;
	
}


/**************** Exhibition info Slider ****************/


   /* image replacement */
        .graphic, #header h1, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
	
	
#slider{
		border-bottom:1px solid #666666;
		margin:0 0 10px 0;
		padding:0;
	}

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width:220px;
	height:160px;
	overflow:hidden; 
	}	
	
		#prevBtn, #nextBtn{ 
			display:inline-block;
			width:13px;
			height:25px;
			margin:0 0 0 0;
			padding:0;
			position:relative;
	
		}
			
			
		#prevBtn a{ 
		background-image:url(../images/prev_small.gif);
		background-repeat:no-repeat;	
		display:block;
		width:13px;
		height:25px;
		background-position:top;
		float:left;
		
			}	
			
		
		#prevBtn a:hover{
		background-position:bottom;
		}
			
		#nextBtn a{ 
		background-image:url(../images/next_small.gif);
		background-repeat:no-repeat;	
		display:block;
		width:13px;
		height:25px;
		background-position:top;
		float:right;
			}
			
		#nextBtn a:hover{
		background-position:bottom;
		}
			
			
			
			
			
/**************** feedback form ****************/


form {
	margin:5px 0 0 0; 
	padding:0 0 0 0;
	
}
label {
	display:block;
	margin:10px 0 0 0;
}
input {
	padding:2px;
	font: normal 1em  Arial, Helvetica, sans-serif;
	color: #111;
	border:none;
	background-color:#e3deda;
}
textarea {
	width:300px;
	max-width:615px;
	max-height:150px;
	padding:2px;
	font: normal 1em  Arial, Helvetica, sans-serif;
	border:none;
	height:100px;
	display:block;
	color:#111;
	background-color:#e3deda;
}
input.button { 
	margin: 0;
	background-color:#fff;
	padding: 2px 3px; 
	
}