body {
	background:#999;
	font-family: Arial, Tahoma, Helvetica, sans-serif, default;
	font-size:12px;
	color:#333;
	line-height:2;
}

strong { 
	font-weight: bold;}
	
em { 
	font-style: italic;}
	
img{
	border:0;}

	
/*Change all links color*/ 
a:link, a:visited, a:hover, a:active{
	color:#910202;
	text-decoration:underline;}

#wrapper {
    width:995px;
    margin:0px auto;
    background:#fff;
    position:relative;
}

/* Begining of Clay's temporary section (ie. single events) */
	
/* End of Clay's temporary section */



/*Page Headers*/


	   			/*This short section is for testing headers*/
				
#header-index2 {
    background:#a60303 url('../images/hdr-dancesport.jpg') 146px 0 no-repeat;
    width:995px;
    height:250px;
    position:relative;
    z-index:50;
}

 			    /*End of Testing Headers*/

#header {
    background:#a60303 url('../images/header-bg.png') 146px 0 no-repeat;
    width:995px;
    height:250px;
    position:relative;
    z-index:50;
}

#header h1 {
    width:670px;
    height:165px;
    position:absolute;
    bottom:0;
    right:23px;
    background: url('../images/header.png') top left no-repeat;
    text-indent:-9999px;
    font-size:36px;
    color:#fff;}

#header-about{
	background:#a60303 url('../images/hdr-about.jpg') top right no-repeat;
    width:995px;
    height:250px;
    position:relative;
    z-index:30;}

#header-dances{
	background:#a60303 url('../images/hdr-thedances.jpg') top right no-repeat;
	width:995px;
    height:250px;
    position:relative;
    z-index:30;}

#header-dancesport{
	background:#a60303 url('../images/hdr-dancesport.jpg') top right no-repeat;
	width:995px;
    height:250px;
    position:relative;
    z-index:30;}

#header-students{
	background:#a60303 url('../images/hdr-students.jpg') top right no-repeat;
	width:995px;
    height:250px;
    position:relative;
    z-index:30;}

#header-articles{
	background:#a60303 url('../images/hdr-articles.jpg') top right no-repeat;
	width:995px;
    height:250px;
    position:relative;
    z-index:30;}
	
#header-workwithus{
	background:#a60303 url('../images/hdr-workwithus.jpg') top right no-repeat;
	width:995px;
    height:250px;
    position:relative;
    z-index:30;}				

#header-faq{
	background:#a60303 url('../images/hdr-faq.jpg') top right no-repeat;
	width:995px;
    height:250px;
    position:relative;
    z-index:30;}
	
#header-events{
	background:#a60303 url('../images/hdr-events-specials.jpg') top right no-repeat;
	width:995px;
    height:250px;
    position:relative;
    z-index:30;}

#header-benefits{
	background:#a60303 url('../images/hdr-benefits.jpg') top right no-repeat;
	width:995px;
    height:250px;
    position:relative;
    z-index:30;}
	
#header-benefits h1 {
    text-indent:-9999px;}		

#header-experienced{
	background:#a60303 url('../images/hdr-experienced.jpg') top right no-repeat;
	width:995px;
    height:250px;
    position:relative;
    z-index:30;}	
	
#header-studioevents{
	background:#a60303 url('../images/hdr-studioevents.jpg') top right no-repeat;
	width:995px;
    height:250px;
    position:relative;
    z-index:30;}

#header-studio{
	background:#a60303 url('../images/hdr-studio2.jpg') top right no-repeat;
	width:995px;
    height:250px;
    position:relative;
    z-index:30;}		
	
#header-studio h1 {
    text-indent:-9999px;}		

#header-specials{
	background:#a60303 url('../images/hdr-specials.jpg') top right no-repeat;
	width:995px;
    height:250px;
    position:relative;
    z-index:30;}		

#header-gettingstarted{
	background:#a60303 url('../images/hdr-gettingstarted.jpg') top right no-repeat;
	width:995px;
    height:250px;
    position:relative;
    z-index:30;}		

#header-gettingstarted h1 {
    text-indent:-9999px;}	

#header-contact{
	background:#a60303 url('../images/hdr-married.jpg') top right no-repeat;
	width:995px;
    height:250px;
    position:relative;
    z-index:30;}			
	




/*Other section*/
   
#ballroom-logo {
    width:260px;
    height:256px;
    position:absolute;
    top:115px;
    left:15px;
    z-index:50;}

#ballroom-logo p {
    width:260px;
    height:256px;
    background: url('../images/ballroom-dance-logo.png') top left no-repeat;
    text-indent:-9999px;
    z-index:50;}

#welcome-message {
    width:167px;
    height:46px;
    background: url('../images/welcome-message.png') top left no-repeat;
    z-index:100;
    text-indent:-9999px;
    position:absolute;
    top:332px;
    left:90px;}


/*Navigation*/

#nav {
    width:722px;
    height:23px;
    background:#636466 url('../images/nav-bg.png') top left no-repeat;
    margin:0;
    position:absolute;
    top:259px;
    left:273px;}

#nav ul {
    margin:0 0 0 80px;
    height:23px;}
/*IE 8 hack*/
#nav ul {
	margin-left/*\**/:40px\9}

#nav ul li {
    line-height:23px;
    float:left;
    display:block;
    position:relative;}

#nav ul li a {
    height:23px;
    display:block;
    text-indent:-9999px;
}

#nav ul li a:hover,
#nav ul li a.current {
    background-position: bottom left !important; 
}

#nav ul li#nav-home a {
    width:45px;
    background: url('../images/nav-home.png') top left no-repeat;
}

#nav ul li#nav-about a {
    width:70px;
    background: url('../images/nav-about.png') top left no-repeat;
}

#nav ul li#nav-whatwedo a {
    width:93px;
    background: url('../images/nav-whatwedo.png') top left no-repeat;
}

#nav ul li#nav-faq a {
    width:35px;
    background: url('../images/nav-faq.png') top left no-repeat;
}

#nav ul li#nav-events a {
    width:128px;
    background: url('../images/nav-events.png') top left no-repeat;
}

#nav ul li#nav-gallery a {
    width:54px;
    background: url('../images/nav-gallery.png') top left no-repeat;
}


#nav ul li#nav-contact a {
    width:80px;
    background: url('../images/nav-contact.png') top left no-repeat;
}

#nav ul li.nav-bullet {
    width:18px;
    height:23px;
    background: url('../images/nav-bullet.png') top left no-repeat;
    text-indent:-9999px;
}

#nav ul li ul {
    position:absolute;
    top:23px;
    left:0;
    background:#fff;
    margin:0;
    padding:10px 10px 0px 5px;
    height:auto;
    display:none;
    border-width:0 1px 1px 1px;
    border-color:#636466;
    border-style: solid;
}

#nav ul li ul.hover {
    display:block;
}

#nav ul li ul li {
    display:block;
    background:#fff;
    color:#636466;
    float:none;
    font-size:11px;
    padding:0;
    line-height:13px;
    margin:0 0 10px 0;
    overflow:hidden;
}

#nav ul li ul li a {
    color:#636466;
    background-image:none !important;
    text-decoration:none;
    background:#fff;
    text-align:left;
    text-indent:0;
    width:auto !important;
    height:auto !important;
    display:block !important;
    float:left;
    clear:left;
    
}

#nav ul li ul li a:hover {
    color:#910202;
}

#nav ul li#nav-about ul {
    width:130px;
}

#nav ul li#nav-whatwedo ul {
    width:120px;
}

#nav ul li#nav-faq ul {
    width:100px;
}

#nav ul li#nav-contact ul {
    width:100px;
}

#nav ul li#nav-tickets ul {
    width:100px;
}

#content-container {
    width:995px;
    overflow: hidden;
    z-index:100;
}

#sidebar {
    width:270px;
    float:left;
    position:relative;
    padding:128px 10 10 10;
    z-index:5;
	text-align:left;
}

#sidebar h3 {
    font-size:12px;
    line-height:14px;
    font-style:italic;
    font-weight:normal;
    color:#910202;
    margin:10px 15px 15px 35px;
}

#sidebar p {
    font-size:12px;
    line-height:20px;
    color:#333;
    margin:10px 20px 0px 35px;
}



/*Contents*/

#main-content {
    width:725px;
    float:left;
    padding:32px 0 0 0;
    background: url('../images/main-content-bg.png') 2px 1px no-repeat;
}



#content {
    width:722px;
    background:#fff url('../images/content-bg.png') top left no-repeat;
    padding:0 0 0 3px;
}

#interior-content {
    width:600px;
    padding:26px 42px 20px 60px;
    background:#fff url('../images/content-bg.png') top left no-repeat;
}

#interior-content h1 {
    color:#636466;
    font-size:18px;
    line-height:20px;
    font-weight:bold;
    margin:0 0 5px 0;
}

#interior-content p {
    color:#636466;
    font-size:12px;
    line-height:20px;
    font-weight:normal;
    margin:0 0 25px 0;
}


.clear { clear: both;}

#leftcolumn {width: 300px; border: 1px; float:left;}

#rightcolumn {width: 225px; border: 1px; float:right; padding: 0px 0px 0px 0px}



#content img.homepage-image {
    margin:0;padding:0;
    vertical-align: middle;
}


/*Footer*/

#homepage-footer {
    background:#636466;
    height:25px;
    line-height:25px;
    margin:0 0 0 3px;
    width:722px;
    text-align:left;
	color:#fff;
	overflow:hidden;
}


#homepage-footer p{
	float:left;}

#interior-footer {
    background:#636466 url('../images/footer-info.png') top right no-repeat;
    text-indent:-9999px;
    height:25px;
    line-height:25px;
    width:995px;
}


/*This is the Color section at the bottom of the page (white directions)*/

.footer {
    
}

.footer p {
    font-size:14px;
    line-height:25px;
    font-weight:bold;
    color:#d1d1d1;
}

.footer p strong {
    color:#adacac;
}

.footer p span.phone-number {
    color:#fff;
}

.footer p span.bullet {
    margin:0 10px;
}

a.directions-link{
	color:#fff;
	font-weight:normal;
	font-size:12px;
	margin-left:10px;}
	
	
/*This is extra stuff about marking divs and other stuff.*/	
div#social{
	float:right;
	width:100px;
	}
	
div#social img{
	margin-left:5px;}	

.callout{
	width:250px;
	margin:5px auto;
	margin-bottom:15px;
	font-size:12px;
	text-align:center;
	border:1px solid #b44444;
	line-height:2;
	background:#efefef;
	padding:5px;
}

.faq-answer{
	display:none;}

/*Change faq link color*/
span.faq{
	display:block;
	color:#910202;
	text-decoration:none;
	font-weight:bold;
	}

ul.whatwedo, ul.employees, ul.benefits{
	list-style-type:disc;
	margin:auto 15px;}	

.odd{
	background:#f3f2f2;}