/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

body {
   color:#010000;
   /*background:#f54403 url(../images/bg.gif) repeat-x top left;*/
   background:#333;
   font-family:Arial, Helvetica, sans-serif;
   font-size: 62.5%;}
 
* {
   margin:0;
   padding:0;
   }
  



/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/


/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	
input, textarea, select {
	font-family:Arial, Helvetica, sans-serif;}


/* 1.3	Links
-----------------------------------------------------------------------------------------------*/	
a:link, a:visited {
 color:#fcff00;
 text-decoration:none;}

a:hover, a:active {
 text-decoration:underline;}


/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	
hr { 
	display: none; }

img {
	border: none; }

fieldset br{
 clear:both;}
 
fieldset{
 border:none;}


/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;}
	
.clearfix:after { /* clear floats */
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
.clearfix {display: block;}
/* End hide from IE-mac */

/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
.container{
 width: 980px;
 margin: 0 auto;}

#header{
 background:url(../images/bg_header.gif) repeat-x top left;
 height:233px;}

#content{
 background:#f54502 url(../images/bg_content.gif) repeat-x top left;

 padding: 0 0 20px 78px;}

#footer{
 background:#000 url(../images/bg_footer_repeat.gif) repeat-x top left;
 height:98px;
 color:#fffc00;
 font-size:1.1em;}


/* 3.1 HEADER
-----------------------------------------------------------------------------------------------
===============================================================================================*/
.logo{
 background:url(../images/logo.png) no-repeat top left;
 width: 306px;
 height:185px;
 text-indent:-99999px;
 overflow:hidden;
 display:block;
 float:left;
 position:relative;
 left: 80px;
 margin: 24px  0 0 -30px;}

#radio-bars{
 left:0px;
 position:absolute;
 width: 100%;
 height:233px;}

#header-image{
 background:url(../images/header_image.png) no-repeat top left;
 width: 580px;
 height:233px;
 float:right;
 position:relative;
 z-index:50;}

 
/* 3.2 MAIN NAV
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#main-nav{
 background:#000 url(../images/bg_nav_repeat.gif) repeat-x top left;
 height:42px;}

#main-nav-wrapper{
 background:url(../images/bg_nav_left.gif) no-repeat top left;
 height:42px;}

#main-nav-wrapper2{
 background:url(../images/bg_nav_right.gif) no-repeat top right;
 height:42px;}
 
#main-nav ul {
 width: 873px;
 height:27px;
 margin: 0 auto;
 padding: 15px 0 0 28px;
 list-style-type:none;}
 
#main-nav ul li{
 float:left;
 padding: 0 41px 0 0;
 position: relative;
 height: 26px;
 }
#main-nav ul li.last {
	padding-right: 0;
}

#main-nav ul li a{
 display:block;
 float:left;
 height:12px;
 text-indent:-99999px;
 overflow:hidden;}

#main-nav ul li a.about{
 background:url(../images/nav_about.gif) no-repeat top left;
 width: 56px;}

#main-nav ul li a.equipment{
 background:url(../images/nav_equipment.gif) no-repeat top left;
 width: 97px;}

#main-nav ul li a.services{
 background:url(../images/nav_services.gif) no-repeat top left;
 width: 153px;}

#main-nav ul li a.staff{
 background:url(../images/nav_staff.gif) no-repeat top left;
 width: 50px;}

#main-nav ul li a.news{
 background:url(../images/nav_news.gif) no-repeat top left;
 width: 51px;}

#main-nav ul li a.tour{
 background:url(../images/nav_tour.gif) no-repeat top left;
 width: 45px;}

#main-nav ul li a.contact{
 background:url(../images/nav_contact.gif) no-repeat top left;
 width: 76px;}
 
#main-nav ul li a.dance{
 background:url(../images/nav_dance.gif) no-repeat top left;
 width: 125px;}
 
#main-nav ul li a.gallery{
 background:url(../images/nav_gallery.gif) no-repeat top left;
 width: 75px;}

#main-nav ul li a:hover,
#main-nav ul li.active a{
 background-position: 0 -12px !important;}
 
 
 
/* dropdown */
#main-nav li:hover ul.dropdown, #main-nav li.sfhover ul.dropdown {
	display: block;
}
#main-nav li:hover a, #main-nav li.sfhover a {
	background-position: 0 -12px !important;
}
#main-nav li ul.dropdown {
	display: none;
	width: auto;
	height: auto;
	position: absolute;
	left: -10px;
	top: 26px;
	margin: 0;
	padding: 0 10px 0 10px;
	background-color: #474747;
	border-color: #353535;
	border-style: solid;
	border-width: 0 1px 1px 1px;
}
#main-nav li ul.dropdown li {
	float: none;
	height: auto;
	color: #fcff00;
	font-size: 1.2em;
	font-weight: bold;
	margin: 10px 0 10px 0;
}
#main-nav li ul.dropdown li a {
	display: inline;
	float: none;
	height: auto;
	overflow: visible;
	text-indent: 0;
	color: #fcff00;
	text-decoration: none;
}
#main-nav li ul.dropdown li a:hover {
	color: #ff0000;
	text-decoration: none;
}

/* 3.3 CONTENT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#content p{
 font-size:1.6em;
 line-height:1.4em;
 padding: 0 0 22px 0;}
#content ul {
	margin: 0 0 22px 0;
} 
#content li {
	font-size:1.6em;
 	line-height:1.4em;
	margin: 0 0 .7em 0;
}
#content ul.bull {
	list-style-type: square;
	padding: 0 0 0 30px;
}

#content a{
 color:#000 !important;
 text-decoration:underline !important;}

#content a:hover{
 text-decoration:none !important;}

#content h3{
 font-size:2.4em;
 color:#fff600;
 padding: 0 0 5px 0;
 font-weight:normal;}

#intro{
 padding: 0 0 25px 0;}
 
#intro .text{
 width: 427px;
 padding: 34px 0 0 0;
 float:left;}

#intro h2{
 width: 401px;
 /*height:30px;
 overflow:hidden;*/
 color:#ffe710;
 font-size:30px;
 padding: 0 0 25px 0;}
 
 #intro p{
 padding-left:3px;
 line-height:20px;
 }

#intro img.intro-image{
 float:left;}

#categories{
 background:url(../images/bg_cols.gif) repeat-y top left;
 padding: 10px 0 0 0;
 width: 850px;}

#categories a.email{
 text-decoration:none !important;}

#categories h4{
 color:#000;
 font-size:1.4em;}

#categories p{
 font-size:1.2em;}

#categories .col-1{
 float:left;
 padding: 0 0 0 10px;
 width: 247px;}

#categories .col-2{
 float:left;
 padding: 0 50px 0 68px;
 width: 220px;}

#categories .col-3{
 float:left;
 padding: 0 0 0 70px;
 width: 176px;}

ul#tours{
 padding: 0 0 15px 0;
 list-style-type:none;}

ul#tours li{
 font-size:1.4em;
 clear:left;
 padding: 0 0 2px 0;}

ul#tours li a{
 text-decoration:none !important;}

ul#tours li a:hover{
 text-decoration:underline !important;}

ul#tours li span{
 float:left;
 width: 50px;
 display:block;
 font-weight:bold;}

a.button,
#content a.button{
 float:left;
 background:url(../images/bg_buttonleft.gif) no-repeat top left;
 height:25px;
 color:#ff6000 !important;
 font-weight:bold;
 font-size:1.4em;
 text-decoration:none !important;
 display:block;}

a.button span{
 height: 20px;
 background:url(../images/bg_buttonright.gif) no-repeat top right;
 margin: 0 0 0 3px;
 display:block;
 float:left;
 cursor:pointer;
 padding: 5px 15px 0 10px;}
 
.dance-schedule td {
	font-size: 1.5em;
	padding: 3px 10px 3px 0;
	vertical-align: top;
} 


/* forms */
.textbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	background-color: transparent;
	border: 2px solid #820303;
	padding: 1px;
	width: 250px;
}
input.button {
	cursor: pointer;
	background: transparent url(../images/form-button-bg.gif) no-repeat top left;
	border: none;
 	height: 25px;
	width: 105px;
 	font-weight: bold;
 	font-size: 1.4em;
	color: #ff6000;
}
td.label {
	font-size: 1.2em;
	text-align: right;
	vertical-align: top;
	padding: 2px 8px 0 0;
}
td.input {
	padding: 0 0 3px 0;
}
/* 3.4 FOOTER
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#footer-wrapper{
 background:url(../images/bg_footer_left.gif) no-repeat top left;
 height:98px;}

#footer-wrapper2{
 background:url(../images/bg_footer_right.gif) no-repeat top right;
 height:72px;
 padding: 26px 0 0 80px;}
#footer ul { list-style-type:none; }
 
#footer ul li{
 float:left;
 border-right:1px solid #fffc00;
 padding: 0 8px 0 0;
 margin: 0 8px 0 0;}

#footer ul li.last{
 border:none;}

#footer p{
 padding: 6px 0 0 0;}