n/* Tell the browser to render HTML 5 elements as block */
header, footer, aside, nav, article {
	display: block;
}


body {
background:#CCC;
		
}


.comingsoon {
	width:600px;
padding-top:100px;
	 display: block;
  margin-left: auto;
  margin-right: auto;
}
.wrapper {

	width:850px;
	height: 84px;

    margin: 0 auto;
	
	
	
}

#titlelogo,#title, #socialmedia {
   
    height: 65px;
	padding-bottom:10px;

}

#titlelogo{
	width:40px;
	
 float: left;

}

#title{
	width:460px;
	font-size:35px;
	padding-left:10px;
font-weight: lighter;
color:#2DBBF1;
 float: left;
text-shadow: 1px 1px #000;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;

}
	
#socialmedia  img { 
margin-left:5px; 
margin-right:5px;



}


#socialmedia{
	width:300px;
	text-align:right;
	float:right;
	
	

}


#navigation {
	width: 850px;
	height: 55px;
	margin:0 auto 0 auto; 
	padding-bottom:25px;
	clear:left;
	background-color:#ccc;
	list-style: none; 
	z-index: 100;
	

}

.navbar	{
	height: 55px;
    padding-left:0px;
	clear:left;
	position: absolute;
	z-index:100; /* Ensures that the menu doesn't affect other elements */
	
	}
	
	
/* Menu Navigation - horizontal start */


ul .navbar
{
margin-left: inherit;
position: absolute; /* Ensures that the menu doesn't affect other elements */
padding-left: 0;
white-space: nowrap;



}

.navbar li
{
float:left;
display: inline;
list-style-type: none;
list-style: none; 

}

li ul li { clear: both; }

.navbar li ul	{
		display: none;  /* Hides the drop-down menu */
		height: auto;									
		margin: 0; /* Aligns drop-down box underneath the menu item */
		padding: 0; /* Aligns drop-down box underneath the menu item */			
		}				

.navbar li:hover ul 	{
                        display: block; /* Displays the drop-down box when the menu item is hovered over */
                        }

.navbar a
{
padding: 0 0 0 0;
text-decoration: none;
display:block;
}


#preload {display:none;}

.home {
width: 108px;
 height:52px;
 display:block;
 background: transparent url('../imgs/home.png') center top no-repeat;
 
}

.home:hover {
   background-image: url('../imgs/home2.png');
}

.about {
	width: 106px;
 height:52px;
 display:block;
 background: transparent url('../imgs/aboutus.jpg') center top no-repeat;
}

.about:hover {
   background-image: url('../imgs/aboutus2.jpg');
}

.kenny {
	width: 106px;
 height:38px;
 display:block;
 background: transparent url('../imgs/kenny.jpg') center top no-repeat;
}

.kenny:hover {
   background-image: url('../imgs/kenny2.jpg');
}

.instructors {
	width: 106px;
 height:38px;
 display:block;
 background: transparent url('../imgs/instructors.jpg') center top no-repeat;
}

.instructors:hover {
   background-image: url('../imgs/instructors2.jpg');
}


.dans {
	width: 106px;
 height:38px;
 display:block;
 background: transparent url('../imgs/dans.jpg') center top no-repeat;
}

.dans:hover {
   background-image: url('../imgs/dans2.jpg');
}





.events {
	width: 106px;
 height:52px;
 display:block;
 background: transparent url('../imgs/events.jpg') center top no-repeat;
}

.events:hover {
   background-image: url('../imgs/events2.jpg');
}

.firstlesson {
	width: 106px;
 height:38px;
 display:block;
 background: transparent url('../imgs/firstlesson.jpg') center top no-repeat;
}

.firstlesson:hover {
   background-image: url('../imgs/firstlesson2.jpg');
}

.locations {
	width: 106px;
 height:38px;
 display:block;
 background: transparent url('../imgs/locations.jpg') center top no-repeat;
}

.locations:hover {
   background-image: url('../imgs/locations2.jpg');
}

.calendar {
	width: 106px;
 height:38px;
 display:block;
 background: transparent url('../imgs/calendar.jpg') center top no-repeat;
}

.calendar:hover {
   background-image: url('../imgs/calendar2.jpg');
}
.news {
	width: 106px;
 height:38px;
 display:block;
 background: transparent url('../imgs/news.jpg') center top no-repeat;
}

.news:hover {
   background-image: url('../imgs/news2.jpg');
}

.articles {
	width: 106px;
 height:52px;
 display:block;
 background: transparent url('../imgs/articles.jpg') center top no-repeat;
}

.articles:hover {
   background-image: url('../imgs/articles2.jpg');
}


.gallery {
	width: 107px;
 height:52px;
 display:block;
 background: transparent url('../imgs/gallerybutton.jpg') center top no-repeat;
}

.gallery:hover {
   background-image: url('../imgs/gallerybutton2.jpg');
}


.classes {
	width: 107px;
 height:52px;
 display:block;
 background: transparent url('../imgs/classes.jpg') center top no-repeat;
}

.classes:hover {
   background-image: url('../imgs/classes2.jpg');
}

.links {
	width: 106px;
 height:52px;
 display:block;
 background: transparent url('../imgs/links.jpg') center top no-repeat;
}

.links:hover {
   background-image: url('../imgs/links2.jpg');
}



.contact {
	width: 105px;
 height:52px;
 display:block;
 background: transparent url('../imgs/contact.png') center top no-repeat;
}

.contact:hover {
   background-image: url('../imgs/contact2.png');
}
/* Menu Navigation - Horizontal end */


/* Contact form*/

#contact_form input[type="text"],
#contact_form input[type="email"],
#contact_form input[type="tel"],
#contact_form input[type="url"],
#contact_form textarea,
#contact_form button[type="submit"] {
	font:400 12px/12px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#contact_form {
	text-shadow:0 1px 0 #FFF;
	padding:25px;
}

#contact_form label span {
	cursor:pointer;
	color:#2cbaf1;
	display:block;
	margin:5px 0;
	font-weight:900;
}
#contact_form input[type="text"],
#contact_form input[type="email"],
#contact_form input[type="tel"],
#contact_form input[type="url"],
#contact_form textarea {
	width:75%;

	border:1px solid #CCC;
	background:#FFF;
	margin:0 0 5px;
	padding:10px;
	border-radius:10px;
}
#contact_form input[type="text"]:hover,
#contact_form input[type="email"]:hover,
#contact_form input[type="tel"]:hover,
#contact_form input[type="url"]:hover,
#contact_form textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
}
#contact_form textarea {
	height:100px;
	max-width:75%;
}
#contact_submit {
	cursor:pointer;
	width:15%;
	
	border:none;
	background:#2cbaf1;
	background-image:linear-gradient(bottom, #23B3EF 0%, #2cbaf1 52%);
	background-image:-moz-linear-gradient(bottom, #23B3EF 0%, #2cbaf1 52%);
	background-image:-webkit-linear-gradient(bottom, #23B3EF 0%, #2cbaf1 52%);
	color:#FFF;
	
	margin:0 0 5px;
	padding:10px;
	border-radius:5px;
}
#contact_submit:hover {
	background-image:linear-gradient(bottom, #23B3EF 0%, #2cbaf1 52%);
	background-image:-moz-linear-gradient(bottom, #23B3EF 0%, #2cbaf1 52%);
	background-image:-webkit-linear-gradient(bottom, #23B3EF 0%, #2cbaf1 52%);
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
}
#contact_submit:active {
	box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);
}
#contact_form input:focus,
#contact_form textarea:focus {
	outline:0;
	border:1px solid #999;
}
::-webkit-input-placeholder {
    color:#888;
}
:-moz-placeholder {
    color:#888;
}
::-moz-placeholder {
    color:#888;
}
:-ms-input-placeholder {
    color:#888;
}

/* end of contact form*/
	
		
.slider {height:200px;
width:850px;
z-index:50;

}

#screenshots {

	
	margin:0 auto 0 auto;
	height:200px;
	width:850px;
	padding-bottom:5px;
	z-index:50;
	
	
	
	
}



.profileimg {

margin-right:8px;
margin-left:8px;
float: left;
width: 175px;
padding-top: 60px;
color:#2cbaf1;
font-size:12px;
font-weight:bold;
text-align:center;

}


.profileimg2 {

margin-right:8px;
margin-left:8px;
float: right;
width: 175px;
padding-top: 47px;
color:#2cbaf1;
font-size:12px;
font-weight:bold;
text-align:center;

}

.profiletxt {


padding-top: 35px;
margin-left: 20px;
margin-right:8px;
font-size:12.5px;
padding-bottom:0;
line-height:125%;

}

.profiletxt2 {


padding-top: 35px;
margin-left: 8px;
margin-right:20px;
line-height:125%;
font-size:12.5px;

}




.profiletxt3 {


padding-top: 35px;
padding-bottom:20px;
margin-left: 8px;
margin-right:20px;
font-size:14px;

}



.CSSTableGenerator {
	text-align:center;
	width:800px;
	
	
	margin: 0 auto; 


    table-layout: fixed;
	
-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;
	border-bottom-left-radius:10px;
	
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius:10px;
	border-bottom-right-radius:10px;
	
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
	border-top-right-radius:10px;
	
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
	border-top-left-radius:10px;
}

.CSSTableGenerator table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;0px:0px;

    table-layout: fixed;
}.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius:10px;
	border-bottom-right-radius:10px;
}
.CSSTableGenerator table tr:first-child td:first-child {
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
	border-top-left-radius:10px;
}
.CSSTableGenerator table tr:first-child td:last-child {
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
	border-top-right-radius:10px;
}.CSSTableGenerator tr:last-child td:first-child{
-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;
	border-bottom-left-radius:10px;
}.CSSTableGenerator tr:hover td{
	background-color:#ffffff;
		

}
.CSSTableGenerator td{
	vertical-align:middle;
	
		background:-o-linear-gradient(bottom, #aad4ff 5%, #ffffff 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #aad4ff), color-stop(1, #ffffff) ); 
	background:-moz-linear-gradient( center top, #aad4ff 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#aad4ff", endColorstr="#ffffff");	background: -o-linear-gradient(top,#aad4ff,ffffff);

	background-color:#aad4ff;

	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding-top:5px;
	font-size:12px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.CSSTableGenerator tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}







h1 {
	font-size:22px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align:left;
	color:#2cbaf1;
	font-weight:300;
}


h2 {
	font-size:14px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align:left;
	color:#2cbaf1;
	font-weight:300;
	text-decoration:none;
	
}


h3 {
	font-size:10px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align:center;
	color:#000000;
	font-weight:bold;
}

h4 {
	font-size:14px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align:center;
	color:#000;
	font-weight:900;
	
}


h5 {
	font-size:10px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align:left;
	color:#00F;
	font-weight:light;
	text-align:center;
	
}

h6 {
	font-size:12px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align:center;
	color:#2cbaf1;
	font-weight:bold;
	margin-top:0;
}
h7 {
	font-size:10px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align:center;
	color:#0160FE;
	font-weight:bold;
}

h8 {
	font-size:14px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align:left;
	color:#ffffff;
	
	text-decoration:none;
	
}



.maintxt {
	
	width:850px;

	margin:0 auto 0 auto;
	clear:left;
	background-color:#3f3f3f;
margin-top:10px;
border:1px solid;
border-color:#3f3f3f;
border-radius:10px;
line-height:1;
	font-size:14px;
	color:#FFF;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align:left;
 overflow-x: hidden; /*<---*/
    overflow-y: hidden; /*<---*/


	
}



.main5 {
	background-image:url('../imgs/maintext5.png');
	width:850px;
	height:394px;
	margin:0 auto 0 auto;
	clear:left;
	color:#fff;

line-height:1;
	font-size:14px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;


}


.gallerythumbnails {
	
	width:850px;
	padding-top:50px;
	margin-right:15px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	
	
}

.danthumbnails {
	height:394px;
	width:850px;
	padding-top:50px;
	margin-right:8px;
	
	
	
}


.name{
	color:#2cbaf1;
	margin-bottom:15px;
	
}



.clear li
{
float:left;
display: inline;
list-style-type: none;
list-style: none; 
padding-left:10px;
padding-bottom:10px;



}

.clear a
{
text-align:center;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:10px;
color:#FFF;
text-decoration: none;
display:block;
}


.clear2 li
{
float:left;

display: inline;
list-style-type: none;
list-style: none; 
padding-left:8px;
text-align:center;



}

.clear2 a
{
text-align:center;
font-weight:bold;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:14px;
color:#FFF;
text-decoration: none;
display:block;
}




.footer {
	background-image:url('../imgs/footerBG.png'); 
	width: 850px;
	height:52px;
		margin:0 auto 0 auto;
		margin-top:10px;
	clear:left;
}

#footertxt{
	font-size:20px;
text-decoration: none;
font-weight: lighter;
color:#FFF;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-align:center;
padding-top:15px;

}




.wrapper2 {

	width:850px;
	height: 255px;

    margin: 0 auto;
	margin-top:10px;
	margin-bottom:0;
	
	
	
	
}

#galleryimg, #galleryimg2 {
    float: left;
    height: 255px;


}


#galleryimg{
	width:385px;
	background-image: url('../imgs/gallery.jpg');
	margin-right:40px;
	margin-left:20px;
	
	

}



#galleryimg2{
	width:385px;
		background-image: url('../imgs/gallery2.jpg');
	
	
	
		
}