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



body {
	background-color:#bdbec0;
}

img {
	border:none;
}

#wrapper {
	margin:0 auto;
	position:relative;
	width:1024px;
	height:768px;
	background-color:#e8e8e8;
	z-index:1;
}

#wrapper-home {
	margin:0 auto;
	position:relative;
	width:1024px;
	height:768px;
	background-image:url(../dancer-images/home-bg.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-color:#e8e8e8;
	z-index:1;
}

#header-space {
	/*height:32px;*/
	height:58px;
}

#top-links {
	width:240px;
	height:40px;
	margin:25px 75px 0 0;
	float:right;
	text-align:right;
}


#logo-container {
	float:left;
	margin:-30px 0 0 38px;/* for IE 7 */
	/*margin:0 0 0 38px;*/
	/*width:200px;
	height:92px;*/
}


/****************
TOP NAVIGATION BAR 
****************/
#nav-container {	
	width:610px;
	height:79px;
	float:left;
	margin:44px 0 0 79px;
}

#menu-box-home-static  {
	float:left;
	width:92px;
	height:74px;
	padding:5px;
	background-color:#9a3267;
	font-size:14px;
	color:#fff;
}

/* home button box - has different left margins to the rest */
#menu-box-home a {
	float:left;
	width:92px;
	height:74px;
	padding:5px;
	background-color:#bdbec0;
	font-size:14px;
	color:#414143;
}

#menu-box-home a:hover {
	float:left;
	display:block;
	/*margin:54px 0 0 89px;*/
	width:92px;
	height:74px;
	padding:5px;
	background-color:#9a3267;
	font-size:14px;
	color:#fff;
}

/* box for page currently active - no rollover state */
#menu-box-static {
	float:left;
	display:block;
	margin:0 0 0 25px;
	width:92px;
	height:74px;
	padding:5px;
	background-color:#9a3267;
	font-size:14px;
	color:#fff;
}

/* all other boxes */
#menu-box a {
	float:left;
	margin:0 0 0 25px;
	width:92px;
	height:74px;
	padding:5px;
	background-color:#bdbec0;
	font-size:14px;
	color:#414143;
}

#menu-box a:hover {
	float:left;
	display:block;
	margin:0 0 0 25px;
	width:92px;
	height:74px;
	padding:5px;
	background-color:#9a3267;
	font-size:14px;
	color:#fff;
}

/*****************
END TOP NAV BAR
*****************/

/******************
MAIN CONTENT AREAS 
******************/

/* big content box */
#content-box {
	float:right;
	position:relative;
	margin:37px 96px 69px 0;
	width:610px;
	height:445px;
	background-color:#bdbec0;
	z-index:2;
    opacity:0.9;
}

#scrolling-content {
	overflow:auto;
	height:365px;
	width:585px;
	padding:0 3px 0 0;
	margin:15px 0 25px; 0;
}

/* home page gallery */
#image-container {
	width:194px;
	height:129px;
	float:right;
	margin:14px 14px 0 24px;
	clear:right;
}


/*************************
	Dancer images
*************************/
/* about us dancer container */
#about-us-dancer {
	position:relative;
	z-index:100;
	float:right;
	margin:-25px -58px 0 0;
}

/*ballet dancer container */
#ballet-dancer {
	float:right;
	margin:-58px -65px 0 0;
}

/*tap dancer container*/
#theatre-dancer {
	float:right;
	margin:35px -95px 0 0;
}

/*teen jazz dancer container */
#jazz-dancer {
	float:right;
	margin:70px -90px 0 0;
}

#tap-dancer {
	float:right;
	margin:93px -95px 0 0;
}

/*boys street dancer container */
#boy-dancer {
	float:right;
	margin:134px -93px 0 0;
}

#classes-dancer {
	float:right;
	margin:-20px -65px 0 0;
}

/*********************
END MAIN CONTENT AREAS
*********************/

#gallery-container {
	overflow:auto;
	width:580px;
	height:290px;
	margin:10px 0 0 17px;
}

#gallery-thumbs {
	float:left;
}

/**********
FOOTER
**********/

#footer-space {
	height:79px;
	clear:both;
}

#footer {
	clear:both;
	height:36px;
	background-color:#bdbec0;
}