body {
	margin: 0;
	padding: 0;
	font: medium/2em 'Gill Sans', 'Humanist 521', Helvetica, Arial, sans-serif;
	text-align: center;
	/*----background: url(mockup2.jpg) no-repeat 0 0; ----*/
	}



#wrap_out	{
	margin: auto;
	padding: 0;
	text-align: center;
	background: url(../images/wrap_out_bg.jpg) no-repeat scroll top center; 
	}
	

#wrap_in  {
	margin: auto;
	padding: 0;
	width: 868px;
	text-align: center;
	background: url(../images/wrap_in_bg.jpg) no-repeat 0 0;
	background-color: #fff;
	border-left: 1px solid #c7c7c7;
	border-right: 1px solid #c7c7c7;
	}

	
#wrap_in.learn {
	background: url(../images/learntodance.jpg) no-repeat 0 0;
	}	
	
#wrap_in.contactus {
	background: url(../images/contactus.jpg) no-repeat 0 0;
	}	

#wrap_in.calendar {
	background: url(../images/calendar.jpg) no-repeat 0 0;
	}

#wrap_in.studionews {
	background: url(../images/studionews.jpg) no-repeat 0 0;
	}
	
#wrap_in.videos {
	background: url(../images/videos.jpg) no-repeat 0 0;
	}		
		
#wrap_in.photos {
	background: url(../images/photos.jpg) no-repeat 0 0;
	}

/* --------------------------------------------------------- HEADER --------------------------------------------------------*/

#wrap_in h1 {
	margin: 0;
	padding: 0; 
	text-indent: -8002px;
	text-align: left;
	line-height: 15px;
	}


#headernav {
	padding: 0;
	margin: 0 0 280px 0;
	list-style: none;
	width: 868px;
	height: 30px;
	}

#headernav.interior1 {
	margin: 113px 0 7px 0;
	}

#headernav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	}


#headernav li {
	float: left;
	position: relative;
	font-family: 'Century Gothic', 'Backtalk Sans BTN', Contax, Futura, Helvetica, Arial, sans-serif;
	color: #c7c7c7;
	font-size: 90%;
	width: 124px;
	margin: 0;
	padding: 0;
	}


#headernav a:link, #headernav a:visited {
	color: #c7c7c7; 
	text-decoration: none;
	margin: 0;
	padding: 0 0 3px 0;
	background: black;
	filter:alpha(opacity=70);
	opacity:.70;	
	display: block;
	font-weight: normal;
	}

	
#headernav a:hover, #headernav a:active {
	color: #fff; 
	display: block;
	background: #353535;
	filter:alpha(opacity=90);
	opacity: .9;	
	}	

.mainitem{
border-bottom: 1px dotted #c7c7c7;
}

.mainitem a:link {
margin: 0;
text-decoration: none;
color: #c7c7c7;

}

.mainitem a:hover {
margin: 0;
text-decoration: none;
color: #fff;
}

.dropdown{
display: none;
width: 125px;
position: absolute;
top: 1.2em;
left: 0;
	background: #353535;
	filter:alpha(opacity=95);
	opacity: .95;	
}

.dropdown li{
width: 100%;
}

.dropdown li a{
text-decoration: underline;
}



#headernav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;

}

#headernav li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
}



#restofcontent { /*wrap rest of content of the page inside this div*/
clear: left;
}



/* --------------------------------- SECTION 1 --------------------------------------------------------------- */


	
#section1 {
	margin: 0;
	padding: 15px 0 0 0;
	text-align: left;
	width: 868px;
	height: 370px;
	background: #fff url(../images/section1_bg.jpg) no-repeat scroll center bottom;
	clear: both;
	}

#section1.interior1 {
	background: #fff url(../images/interior_section1_bg.jpg) no-repeat scroll center bottom;
	height: 850px;
	padding: 25px 0 30px 0;
	}
	
#section1.interiorlong {
	background: #fff url(../images/interior_section1_bg.jpg) no-repeat scroll center bottom;
	height: 1400px;
	padding: 25px 0 30px 0;
	}	

#section1.signuppage {
	background: #fff url(../images/interior_section1_bg.jpg) no-repeat scroll center bottom;
	height: 500px;
	padding: 25px 0 30px 0;
	}

#section1.dancespage {
	background: #fff url(../images/interior_section1_bg.jpg) no-repeat scroll center bottom;
	height: 550px;
	padding: 25px 0 30px 0;
	}

	
#section1left {
	float: left;
	margin: 0;
	padding: 0;
	width: 680px;
	}	
	
	
#section1_1 {
	float: left;
	margin: 0;
	padding: 0 50px 0 58px;
	width: 147px;
	}

	
			/* ---------------------------------  SIDE MENU -------------------------------- */

#section1_1.sidemenu {
	padding: 0;
	margin: 0;
	width: 200px;
	height: 250px;
	border-right: 1px dotted #e7e7e7;
	border-bottom: 1px dotted #a5a5a5;
	background-color: #fff;
	background: url(../images/leftmenu_bg2.jpg) no-repeat 0 bottom;
	}
	
#section1_1.sidemenu ul {
	list-style: none;
	}	
	
#section1_1.sidemenu li {
	font-size: 100%;
	line-height: 3em; 
	padding-left: 40px;
	}	



	
	
	
	
	
	
#section1_1 h2 {	
	background: url(../images/getstarted.gif) no-repeat 0 0;
	text-indent: -8002px;
	margin: 0;
	padding: 0;
	}
	

	
	
#section1_2 {
	float: right;
	margin: 0;
	padding: 0 25px 0 45px;
	width: 355px;
	}
	
#section1_2.interior1 {
	padding: 0 25px 0 0;
	width: 400px;
	}		

#section1_2 h2 {	
	background: url(../images/dancenight.gif) no-repeat 0 0;
	text-indent: -8002px;
	margin: 0;
	padding: 0;	
	}	



#section1_2 h2.learn {
	background: url(../images/dancelessons.gif) no-repeat 0 0;
	}	
	
#section1_2 h2.meetstaff {
	background: url(../images/meetthestaff.gif) no-repeat 0 0;
	}	
	
#section1_2 h2.seedances {
	background: url(../images/seethedances.gif) no-repeat 0 0;
	}	
	
#section1_2 h2.signup {
	background: url(../images/signuptoday.gif) no-repeat 0 0;
	}		
	
#section1_2 h2.contactus {
	background: url(../images/contactus.gif) no-repeat 0 0;
	}	
	
#section1_2 h2.sitemap {
	background: url(../images/sitemap.gif) no-repeat 0 0;
	}		
	
#section1_2 h2.terms {
	background: url(../images/termsofuse.gif) no-repeat 0 0;
	}		

#altsection1_2 h2.calendar {
	background: url(../images/calendar.gif) no-repeat 0 0;
	}

#section1_2 h2.studionews {
	background: url(../images/studionews.gif) no-repeat 0 0;
	}
	
#videosection1 h2.videos {
	background: url(../images/videos.gif) no-repeat 0 0;
	}		
		
#photosection1 h2.photos {
	background: url(../images/photos.gif) no-repeat 0 0;
	}
	
	
	
#section1_2 p {
	margin: 0 0 10px 0;
	padding: 0;
	}	


#imgwrap {
	width: 135px;
	margin: 10px 0 0 0;
	padding: 0;
	float: right;
	margin-left: 10px;
	}

#imgwrap2 {
	width: 145px;
	margin: 0;
	padding: 0;
	float: right;
	margin-left: 10px;
	}

#section1_2 img.lessonsmargin {
	margin: 0;
	padding: 2px;
	border-top: 1px solid #e7e7e7;
	border-right: 1px solid #a5a5a5;
	border-left: 1px solid #e7e7e7;
	border-bottom: 1px solid #a5a5a5;
	}
	
	

#section1_2 img.signupmargin {
	margin: 3px 0 0 10px;
	padding: 2px;
	border-top: 1px solid #e7e7e7;
	border-right: 1px solid #a5a5a5;
	border-left: 1px solid #e7e7e7;
	border-bottom: 1px solid #a5a5a5;	
	}

#section1_2 img.contacting {
	margin: 13px 0 0 0;
	padding: 2px;
	border-top: 1px solid #e7e7e7;
	border-right: 1px solid #a5a5a5;
	border-left: 1px solid #e7e7e7;
	border-bottom: 1px solid #a5a5a5;	
	}

	
#section1_3 {
	float: right;
	margin: 0;
	padding: 0;
	width: 188px;
	}
	
#section 1_3 img {
	border: none;
}	
	
	
	
	
	

/* --------------------------------- SECTION 2 --------------------------------------------------------------- */	
	



	
#section2 {
	text-align: left;
	margin: 0;
	padding: 30px 0 0 0;
	width: 868px;
	height: 175px;
	background-color: #000;
	}
	
#section2 p {
	color: #c7c7c7;
	margin: 0 0 5px 0;
	}
	
#section2 a:link, #section2 a:visited, #section2 a:active {
	background-color: #22c7aa; 
	padding: 0px 2px 0 2px;
	color: #e7e7e7;
	text-decoration: none;
	}	
	
#section2 a:hover {
	text-decoration: none;
	color: #fff;
	}		
	
#section2left {
	float: left;
	margin: 0;
	padding: 0;
	width: 480px;
	}	

	
#section2_1 {
	float: left;
	margin: 0;
	padding: 0 0 0 58px;
	width: 197px;
	}
	

#section2_2 {
	float: right;
	margin: 0;
	padding: 0 0 0 45px;
	width: 180px;
	}
	
#section2_2.interior1 {
	padding: 0;
	width: 225px;
	}	
	

#section2right {
	float: right;
	margin: 0;
	padding: 0;
	width: 388px;
	}	

	
#section2_3 {
	float: left;
	margin: 0;
	padding: 0 0 0 20px;
	width: 180px;
	}


	
#section2_4 {
	float: right;
	margin: 0;
	padding: 0;
	width: 188px;
	}	
	
#section2_4 h3 {
	width: 125px;
	line-height: 1.1em;
	margin-bottom: 20px;
	}
	
#section2_4 img {
	margin-right: 10px;
	}
	
#section2_4 a:link, #section2 a:visited, #section2 a:active {
	background-color: #000; 
	padding: 0;
	text-decoration: none;
	}		
	
	
/* --------------------------------- SECTION 3 --------------------------------------------------------------- */	
	
	
	
#section3 {
	text-align: left;
	margin: 0;
	padding: 30px 0 10px 58px;
	width: 810px;
	background: #000 url(../images/separator.jpg) no-repeat 0 0;
	}

#section3.interior1 {
	background: #000;
	}	
	
#section3 p {
	font-size: 75%;
	color: #a5a5a5;
	}
	
	
	
.footerlinks a {
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
	display: block;
	}


.footerlinks a:visited {
	text-decoration: none;
	color: #a5a5a5;
	}	
	
.footerlinks a:hover {
	text-decoration: underline;
	}		
	
	
.space {
	margin: 10px 0 10px 0;
	padding: 0;
	}
	
	
.spacer {
	clear: both;
	}		
	
	

	
/* --------------------------------- ALT SECTION 1 --------------------------------------------------------------- */	
	
#altsection1 {
	margin: 0;
	padding: 25px 0 30px 0;
	text-align: left;
	width: 868px;
	height: 600px;
	background: #fff url(../images/interior_section1_bg.jpg) no-repeat scroll center bottom;
	clear: both;
	}

	
#altsection1_1 {
	float: left;
	margin: 0;
	padding: 0 50px 0 58px;
	width: 147px;
	}


#altsection1_1 h2 {	
	background: url(../images/getstarted.gif) no-repeat 0 0;
	text-indent: -8002px;
	margin: 0;
	padding: 0;
	}
		
	
#altsection1_2 {
	float: right;
	margin: 0;
	padding: 0 10px 0 0;
	width: 603px;
	}
	

#altsection1_2 h2 {	
	background: url(../images/dancenight.gif) no-repeat 0 0;
	text-indent: -8002px;
	margin: 0;
	padding: 0;	
	}	
	
#altsection1_2 p {
	margin: 0 0 10px 0;
	padding: 0;
	}	


/* --------------------------------- CALENDAR SECTION 1 --------------------------------------------------------------- */


#calendarsection1 {
	margin: 0;
	padding: 15px 50px 30px 53px;
	text-align: left;
	width: 765px;
	height: 1050px;
	background: #fff url(../images/interior_section1_bg.jpg) no-repeat scroll center bottom;
	clear: both;
	}

	
#calendarsection1 h2 {	
	background: url(../images/calendar.gif) no-repeat 0 0;
	text-indent: -8002px;
	margin: 0;
	padding: 0;
	}
	
#calendarsection1 p {
	margin: 0 0 20px 0;
	padding: 0;
	}
	
	
#videosection1 {
	margin: 0;
	padding: 15px 50px 30px 53px;
	text-align: left;
	width: 765px;
	height: 650px;
	background: #fff url(../images/interior_section1_bg.jpg) no-repeat scroll center bottom;
	clear: both;
	}

	
#videosection1 h2 {	
	background: url(../images/calendar.gif) no-repeat 0 0;
	text-indent: -8002px;
	margin: 0;
	padding: 0;
	}
	
#videosection1 p {
	margin: 0 0 20px 0;
	padding: 0;
	}	


#photosection1 {
	margin: 0;
	padding: 15px 90px 30px 133px;
	text-align: left;
	width: 645px;
	height: 725px;
	background: #fff url(../images/interior_section1_bg.jpg) no-repeat scroll center bottom;
	clear: both;
	}

	
#photosection1 h2 {	
	background: url(../images/calendar.gif) no-repeat 0 0;
	text-indent: -8002px;
	margin: 0;
	padding: 0;
	}
	
#photosection1 p {
	margin: 0 0 20px 0;
	padding: 0;
	}	
	
	
	
	
	
	



/* --------------------------------- TABLE STYLE --------------------------------------------------------------- */


table#staff  { 
	width: 380px;
	padding: 0;
	margin: 0;
	border: none;
	}

table#staff td {
	margin: 0;
	padding: 0;
	width: 33%;
	}


ul#dance1 {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 175px;
	float: left;
	}

ul#dance1 li {
	font-size: 120%;
	color: #a5a5a5;
	margin: 10px 0 25px 0;
	padding: 0;
	}

ul#dance2 {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 175px;
	float: right;
	}

ul#dance2 li {
	font-size: 120%;
	color: #a5a5a5;
	margin: 10px 0 25px 0;
	padding: 0;
	}

	


/* --------------------------------- STYLES --------------------------------------------------------------- */


	

h1 	{
	font-size: 300%;
	}

h2 	{
	font-size: 200%;
	}
	
h3 	{
	font-size: 120%;
	color: #c7c7c7;
	line-height: 1em;
	padding: 0;
	margin: 0 0 8px 0;
	font-weight: normal;
	}	
	
h3.darkgray {
	color: #a5a5a5;
	margin-top: 17px;
	}
	
h3.darkgray2 {
	color: #a5a5a5;
	margin-top: 25px;
	}	
	
	
	
h4	{
	font-size: 90%;
	text-transform: uppercase;
	}
	
p	{
	font-size: 90%;
	color: #000;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
	}

.pink {
	color: #e67399;
	}

.blue {
	color: #668cd9;
	}
	
.green {
	color: #29bb16;
	}

.bold {
	font-weight: bold;
	}
	
	
a:link { color: #22c7aa; text-decoration: none;}

a:hover { color: #a5a5a5; text-decoration: underline;}	

a:visited { color: #a5a5a5; text-decoration: underline;}
	
a:active { color: #b5b5b5; text-decoration: underline;}