@charset "utf-8";
/* CSS Document */
/*
Author & Copyright: Jason Healy -  © Jasheal Creative Media 2009. All Right reserved. Please do not copy or alter this code. 
Contact: info@jasonhealy.net www.jasonhealy.net. Thank you.
*/



/*ALTERING ANY VALUES ON THIS PAGE IS UNNECESSARY AND WILL CAUSE OTHER ELEMENTS TO FALL OUT OF PLACE*/
body{margin:0; padding:0; background-color:#000000; background:url(../images/diagonal_black.gif);}
h1 a { display:block; width:190px;height:127px;background:url(../images/logo.gif) no-repeat; text-indent:-9000px;}
h2{}
h3{ font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#FF0099;}
h4{font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; color:#FF0099; border-bottom:1px dashed #cccccc;}
h5{font-family:Verdana, Arial, Helvetica, sans-serif; color:#CC0099; font-size:12px; text-align:center;}
h6 { height: 20px; font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; color:#FFFFFF; background:#333333;}
h7{height: 20px; font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; color:#FFFFFF; border-bottom:1px dashed #333333; border-top:1px dashed #333333; background:#FF00FF;}
p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333;}
#countbox {background: #5f497a; color: #fff; font-size: 15px; padding: 10px; margin-top: 1px; margin-bottom: 1px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; color:#FFFFFF;}
#notice p {background: #5f497a; color: #fff; font-size: 15px; padding: 10px; margin-top: 1px; margin-bottom: 1px;}
#notice a {color: #fff; text-decoration: none;}
#notice a:hover {text-decoration: underline;}
a {text-decoration:none; color:#FF00CC;}
a:hover {text-decoration:underline;}
img {border:none;}
.sidebar{width:200px; float:left;}
#wrapper{width:840px; margin:0 auto; padding:20px; background-color:#FFFFFF;}
#header{ height:150px; background-color:#FFFFFF;}
#content{background-color:#FFFFFF;}
#content_inner{ background:url(../images/diagonal_grey.gif); padding: 20px 00px 20px 0px;}
#footer{height:330px; background:#000000;}
#gallery{width:840px; height:550px; padding:}
#slide {margin:0; height:300px; background-color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#CCCCCC; background-image:url(../images/noflash.jpg);}
.detail_holder_event{ float:left; margin-left:20px; padding:10px; width:530px; background:#FFFFFF; float:left; border-bottom:#999 1px dashed;}
.detail_holder{ float:left; margin-left:20px; padding:10px; width:530px;height:150px; background:#FFFFFF; float:left;}
.press_detail_holder{ line-height:18px; float:left; margin-left:20px; padding:10px;  width:530px; background:#FFFFFF; float:left;}
.imageholder{margin:o;; padding:0; width:200px; float:right; color:white;}
.imageholder_event {margin:o;; padding:0; width:200px; float:right; color:white;}
.imageholder_inner_event {margin:0; padding:0; border:2px solid #666; height:178px; width:200px; background:#333333; float:right; color:white; margin-bottom:20px;}
.infobox {padding:15px; float:left;width:300px;background:#FFFFFF;	margin-top: 0;	margin-right: 0;margin-bottom: 0px;	margin-left: 20px;}
.infobox_right {margin:0 0px 0px 40px; padding:15px; float:left; width:400px; background:#FFFFFF; text-align:center;}
.imagebox{ float:left; width:400px; height:300px; background:#999999; margin:0px 0 0 60px;}
.listing {padding:10px; background:#FFFFFF; margin: 20px 20px 20px 20px;}
.selectbox{ float:right; background: #FFFFFF; padding:10px;margin: 0 20px 10px 0;}
.select_inner{width:120px; height:150px;}
.name{text-align:center;font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; margin-top:5px; color:#333333; background:#FFFFFF;}
.main_holder {width:280px; height:350px; margin-left:10px;}
.clientlogo {height:50px; float:right;}
.clientwrap{height:175px; float:left; margin: 30px 0 15px 37px; border:1px solid #999999;}
.fltleft {float:left;}
.clearfloat{ clear:both;}
.footerbox{width:260px; float:left; height:200px; padding: 50px 10px 0 10px;}
.footlinks{ list-style:none; margin:0; padding:0 ; font-family:Verdana, Arial, Helvetica, sans-serif;}
.footlinks li { text-align:center;}
.footlinks li a{ text-decoration:none; background-color:#000000; color:#999999; height: 20px; font-size:10px; display:block; border-bottom: 1px dashed; padding: 10px 0 0 0;}
.footlinks li a:hover{text-decoration:none; color:#FFFFFF; background-color:#333333;}
.clientbox{ height:50px; clear:both; background:#333333; background-image:url(../images/clients.gif);}
.topbox{border-top: 1px dashed;}
#credits{ margin: 0 auto; padding: 5px 10px 0 10px; width:850px; height: 15px;}
#jasheal{ float: right; }
#jasheal a{ text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFE; text-transform:uppercase;}
#jasheal a:hover{ text-decoration:underline;}
#copyright{ float: left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFE;}
.clearrt{clear:right}
.clearlt{ clear:left}
#form{margin:0; padding:0; background:#666666; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#FFFFFF;margin-top:20px;}
.timetable{ margin:20px;float:left; background:#fff; width:800px; text-align:center;}
.active{background:url(../images/active.gif) no-repeat left;}
.pending{ background:url(../images/pending.gif) no-repeat left;}

ul #menu a {text-decoration:none; color:#FF00CC;}
ul #menu a:hover {text-decoration:underline;}


#topnav {
	 
	list-style: none;
  	padding: 0;
  	margin: 0;
  	width: 840px;
  	height: 50px;
  	position: relative;
	background:url(../images/topnav_slice.jpg);
 	}

#topnav a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:none;
	text-align:center;
	color:#FFFFFE;
	display: block;
	position: absolute;
	outline: none;
	top: 0px;
	text-transform:uppercase;

}
#topnav a:hover{ text-decoration:none; color:#FF0099; background:#000000;}

#topnav a:hover span {
  display: block;}

#topnav .home{
	left:0px;
	padding-top:15px;
	height:35px;
	width:60px;
}
#topnav .about{
	left:60px;
	padding-top:15px;
	height:35px;
	width:60px;
}
#topnav .classes{
	left:120px;
	padding-top:15px;
	height:35px;
	width:80px;
}
#topnav .choreographers{
	left:200px;
	padding-top:15px;
	height:35px;
	width:140px;
}
#topnav .agency{
	left:340px;
	padding-top:15px;
	height:35px;
	width:70px;
}
#topnav .blitz{
	left:410px;
	padding-top:15px;
	height:35px;
	width:100px;
}
#topnav .events{
	left:511px;
	padding-top:15px;
	height:35px;
	width:60px;
}
#topnav .press{
	left:572px;
	padding-top:15px;
	height:35px;
	width:60px;
}
#topnav .gallery{
	left:633px;
	padding-top:15px;
	height:35px;
	width:70px;
}
#topnav .blog{
	left:703px;
	padding-top:15px;
	height:35px;
	width:60px;
}
#topnav .contact{
	left:763px;
	padding-top:15px;
	height:35px;
	width:76px;
}

	
#menu {
  list-style: none;
  padding: 0;
  margin: 15px 0 15px 0;
  width: 840px;
  height: 250px;
  position: relative;
  background:url(../images/diagonal_grey.gif);
}

#menu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
	top: 44px;
	left: 683px;
}
#menu a:hover {
  background-position: center bottom;
}
#menu a:hover span {
  display: block;
}

#menu .dance_blitz {
	width: 168px;
	height: 150px;
	background: url(../images/dance_blitz.gif) no-repeat;
	left:0px;
	top:50px;
}

#menu .schedules {
	width: 168px;
	height: 150px;
	background: url(../images/schedules.gif) no-repeat;
	left:168px;
	top:50px;
}

#menu .dancers {
	width: 168px;
	height: 150px;
	background: url(../images/dancers.gif) no-repeat;
	left:336px;
	top:50px;
	}
#menu .masterclasses {
	width: 168px;
	height: 150px;
	background: url(../images/masterclasses.gif) no-repeat;
	left:504px;
	top:50px;
}
#menu .upcoming {
	width: 168px;
	height: 150px;
	background: url(../images/events.gif) no-repeat;
	left:672px;
	top:50px;
}


#menu .schedules_l2 {
	width: 168px;
	height: 150px;
	background: url(../images/schedules.gif) no-repeat;
	left:168px;
	top:50px;
}

#menu .masterclasses_l2 {
	width: 168px;
	height: 150px;
	background: url(../images/masterclasses.gif) no-repeat;
	left:336px;
	top:50px;
	}
#menu .booknow_l2 {
	width: 168px;
	height: 150px;
	background: url(../images/booknow.gif) no-repeat;
	left:504px;
	top:50px;
}

#menu .male__dancers_l2 {
	width: 168px;
	height: 150px;
	background: url(../images/male.gif) no-repeat;
	left:247px;
	top:50px;
}

#menu .female_dancers_l2 {
	width: 168px;
	height: 150px;
	background: url(../images/female.gif) no-repeat;
	left:415px;
	top:50px;
	}
#menu .our_choreographrs_l2 {
	width: 168px;
	height: 150px;
	background: url(../images/choreographers.gif) no-repeat;
	left:504px;
	top:50px;
}
.thumb_menu {
  list-style: none;
  padding: 0;
  margin: 15px 0 15px 0;
  width: 840px;
  height: 250px;
  position: relative;
  background:url(../images/diagonal_grey.gif);
  display:block;
}
.profile{ text-align:left;}
.thumb_menu a {
	display: block;
	position: absolute;
	outline: none;
	top: 55px;
	left: 683px;
}
.thumb_menu a:hover {}

.thumb_menu a:hover span {
  display: block;}
  
.thumb_menu .thumbnail_1 {

	width: 120px;
	height: 150px;
	left:37px;
	}
	
.thumb_menu .thumbnail_2 {
	width: 120px;
	height: 150px;
	left:203px;
	}
.thumb_menu .thumbnail_3 {
	width: 120px;
	height: 150px;
	left:364px;
	}
.thumb_menu .thumbnail_4 {
	width: 120px;
	height: 150px;
	left:530px;
	}
.thumb_menu .thumbnail_5 {
	width: 120px;
	height: 150px;
	left:683px;
	}		
	
input.send-btn, input.clear-btn{ width:60px; height:30px; background:#FFFFFF; border: 1px solid #ccc;}		

input.send-btn:hover, input.clear-btn:hover{ border: 1px solid #333333;}		

#feature img
{
display: inline;
position: relative;
margin: 0;
padding-right: 10px;

}