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



/*--------------------------------------------------------------------------------------------------------------------------------------------

oooooooooooo                             oooo          .oooooo.                   .          .oooo.     .oooo.     .o    .oooo.   
`888'     `8                             `888         d8P'  `Y8b                .o8        .dP""Y88b   d8P'`Y8b  o888   d8P'`Y8b  
 888         oooo d8b  .ooooo.   .oooo.o  888 .oo.   888          oooo  oooo  .o888oo            ]8P' 888    888  888  888    888 
 888oooo8    `888""8P d88' `88b d88(  "8  888P"Y88b  888          `888  `888    888            .d8P'  888    888  888  888    888 
 888    "     888     888ooo888 `"Y88b.   888   888  888           888   888    888          .dP'     888    888  888  888    888 
 888          888     888    .o o.  )88b  888   888  `88b    ooo   888   888    888 .      .oP     .o `88b  d88'  888  `88b  d88' 
o888o        d888b    `Y8bod8P' 8""888P' o888o o888o  `Y8bood8P'   `V88V"V8P'   "888"      8888888888  `Y8bd8P'  o888o  `Y8bd8P'  


											All Code is Copywrite Fresh Cut Film ©2006-2010
   											  If you really need to steal, give us a link
											  				Thanks x x x

--------------------------------------------------------------------------------------------------------------------------------------------*/


html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
background: #000000 fixed left top  ;
color:#FFF;
height:100%;
}

img { border:0px;}
a img { border:0px;}
a, a:visted, a:hover img { border:0px;}



h1 { 	margin:0 0 5px 0;
		padding:0;
		font-size:15px;
		text-transform:uppercase;
		font-weight:bold;
		
}

h2 { 	margin:0 0 0px 0;
		padding:0;
		font-size:12px;
		text-transform:uppercase;
		
}


.nav a:hover { font-family:Arial, Helvetica, sans-serif;
						color:#a0a0a0;
						text-decoration:none;}
						
.bigger {font-size:13px;}
.biggest {font-size:16px;}

/*-------------------------------------------------------------------------------------------------------------------

SITE LAYOUT

---------------------------------------------------------------------------------------------------------------------*/

.holding {
	left: 50%; 
	top: 50%; 
	margin: -150px 0 0 -250px; 
	height: 300px; width: 500px; 
	position:absolute; }


/*--- 
.site-holder {
	width:1006px;
	margin:0px auto 0px auto;
	height: auto; 
	position:absolute;
	background:url(../images/thin-line.jpg) repeat-x 0px 95px;
}

.site-holder {
	width:1006px; 
	left: 50%; 
	top: 50%; 
	margin: -300px 0 0 -503px; 
	height: auto; 
	position:absolute;
	background:url(../images/thin-line.jpg) repeat-x 0px 95px;
}


----*/

.site-holder {
width: 1006px;
    border: 0px solid #666666;
    text-align: left;
    position: absolute;
    top: 10%;
    left: 50%;
    margin-left: -503px;
	}

.page-holder {
	width:1006px;
	height:200px;
	margin-top:40px;
	background:url(../images/thin-line.jpg) repeat-x 0px 50px;
	

}

.content {
	width:528px;
	height:auto;
	float:left;
	/* border:solid #999 1px; */
	
}
.logo {
	width:300px; 
	height:83px;
	margin-left:50px;
	margin-right:71px;
	margin-bottom:100%;
	float:left;
	/* border:solid #999 1px; */
}

.nav {
	width:528px;
	height:auto;
	margin-top:72px;
	float:left;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	}
	
	
	.gallery {
		width:508px;
		height:auto;
		float:left;
				}
	
	
	/*------------------------------------------------------------------------------------------------------
	
	COLOURS
	
	--------------------------------------------------------------------------------------------------------*/
	.contact-text {
	font-size: 15px;
	font-weight: bold;
	letter-spacing:-2px;
	}
	
	.brown-nav {color:#6d6d6d;}
	.brown-nav a {color:#b6b99b; text-decoration:none;}
	.brown-title {color:#5e5b4b;}
	.brown-text {color:#9b9483;}
	.brown-bg {background:url(http://www.maddogsdancetheatre.com/images/bg-brown.jpg) #000 no-repeat 70px 10px;}
	.brown-bg-alt {background:url(http://www.maddogsdancetheatre.com/images/bg-commission.jpg) #000 no-repeat 70px 280px;}
	.brown-color-1 {color:rgb(88,77,59);}
	.brown-color-2 {color:rgb(90,85,82);} 
	.brown-nav2 {color:#aba57a;}
	
	
	.red-nav {color:#9b8482;}
	.red-nav a {color:#9b8482; text-decoration:none;}
	.red-title {color:#9b8482;}
	.red-text {color:#9b8482;}
	.red-bg {background:url(http://www.maddogsdancetheatre.com/images/com-bg.jpg) #000 no-repeat 120px 250px;}	
	.red-color-1 {color:rgb(92,58,59);}
	.red-color-2 {color:rgb(97,79,79);}
	
	.blue-nav {color:#959795;}
	.blue-nav a {color:#959795; text-decoration:none;}
	.blue-title {color:#506464;}
	.blue-text {color:#a1b8b6;}
	.blue-bg {background:url(http://www.maddogsdancetheatre.com/images/bg-blue.jpg) #000 no-repeat 120px 320px;}
	.blue-color-1 {color:rgb(107,131,133);}
	.blue-color-2 {color:rgb(135,157,155);}
		
	.purple-nav {color:#644b71;}
	.purple-nav a {color:#644b71; text-decoration:none;}
	.purple-title {color:#7c6b85;}
	.purple-text {color:#97949a;}
	.purple-bg {background:url(http://www.maddogsdancetheatre.com/images/bg-purple.jpg) #000 no-repeat 160px 230px;}
	.purple-bg-alt {background:url(http://www.maddogsdancetheatre.com/images/creative-learning-bg.jpg) #000 no-repeat 160px 250px;}
	.purple-color-1 {color:rgb(71,61,88);}
	.purple-color-2 {color:rgb(89,76,93);}
	
	.green-nav {color:#6f7c63;}
	.green-nav a {color:#6f7c63; text-decoration:none;}
	.green-title {color:#6b8670;}
	.green-text {color:#849886;}
	.green-bg {background:url(/images/bg-green-2.jpg) #000 no-repeat 130px 380px;}	
	
	.grey-nav {color:#5e5c5e;}
	.grey-nav a {color:#5e5c5e; text-decoration:none;}
	.grey-title {color:#7e7e7d;}
	.grey-text {color:#a5a4a2;}
	.grey-bg {background:url(http://www.maddogsdancetheatre.com/images/bg-brown.jpg) #000 no-repeat 50px 190px;}	
	
	.yellowbrown-nav {color:#7f7d7c;}
	.yellowbrown-nav a {color:#7f7d7c; text-decoration:none;}
	.yellowbrown-title {color:#5e5b4b;}
	.yellowbrown-text {color:#9b9483;}
	.yellowbrown-bg {background:url(http://www.maddogsdancetheatre.com/images/bg-home.jpg) #000 no-repeat 110px 140px;}	
	.yellowbrown-color-1 {color:rgb(64,51,30);}
	.yellowbrown-color-2 {color:rgb(99,95,70);}
	
	
	.brown {color:#54340A;}

	
	.page-content {
		width:548px;
		height:auto;
		float:left;
		margin-top:18px;

	}
	
	.page-text {
		width:275px;
		height:auto;
		float:left;
		font-size:10px;
	}
	
	.page-contact {
		width:243px;
		height:auto;
		float:left;
		margin-left:20px;
		color:#575555;
		font-size:9px;
		text-transform:uppercase;
		text-align:right;
	}
	
	
	.sitemap {
		width:243px;
		height:auto;
		float:left;
		margin-left:20px;
		color:#575555;
		font-size:9px;
		text-transform:uppercase;
		text-align:left;
	}
	
	.sitemap a, a:hover { font-family:Arial, Helvetica, sans-serif;
						color:#575555;
						text-decoration:none;}
	
	.page-contact a, a:hover { font-family:Arial, Helvetica, sans-serif;
						color:#575555;
						text-decoration:none;}
	
	.floatclear {float:right; clear:both;}

	
	/*-------------------------- MENU DROP DOWNS -----------------------------------------------------------------------------------------------------------------------------*/
	
	
	.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% Arial, "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:10px;
	width:548px;
		height:auto;
	margin-top:72px;
	font-weight:bold;
	text-transform:uppercase;
	cursor:pointer;
	}
.menu ul{
/*	background:#333333; */
	height:15px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		float:left;
		padding:0px;
		}
	.menu li a{

		color:#cccccc;
		display:block;
		font-weight:normal;
		line-height:10px;
		margin:0px;
		padding:0px 3px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
			/* background: #2580a2 url("images/hover.gif") bottom center no-repeat; */
			color:#ababab;
			text-decoration:none;
			
			}
	.menu li ul{
	background:#000; 
		display:none;
		height:auto;
		padding:0px;
		margin:auto;
		border:5px;
		position:absolute;
		width:225px;
		z-index:300;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
/*		background:url('images/sub_sep.gif') bottom left no-repeat; */
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:185px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:10px;
		font-size:10px;
		font-style:normal;
		margin:0px;
		padding:10px 5px 0px 4px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			/* background:#2580a2 url('images/hover_sub.gif') center left no-repeat; */
			border:0px;
			color:#aaaaaa;
			text-decoration:none;
					background:#000; 
			}
	.menu p{
		clear:left;
		}