@charset "UTF-8";

html, body {height:100%;}
body {
	color:#000;
	background:url(../images/bg-tile.gif) 0 0 repeat-x;
	font-family: "Century Gothic", "Lucida Grande", Verdana, sans-serif;
	font-size: 14px;
	line-height: 1em;
}

/* GLOBAL FIXES */
.clear {clear:both;}
.clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0;	height:0;}
.clearfix {display:block;}
*html .clearfix {height:1%;}
img {border:0;}

/* MAIN CONTENT */
#wrapper {width:1000px; margin:0 auto;}
#header {
	float:right;
	width:100%;
	height:180px;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#content {float:left; width:100%; background:url(../images/bg-content.gif) 0 bottom no-repeat; padding-bottom:150px;}
#content #main-left {
	float:left;
	width:470px;
	margin-top: 50px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#content #main-right {
	float:right;
	width:480px;
	margin-top: 50px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#content #sub-left {float:left; width:400px; margin:75px 0 0 0;}
#content #sub-right {float:right; width:590px; margin:75px 0 0 0;}
#content #gallery {float:left; width:100%; margin:75px 0 20px 0;}

/* GLOBAL NAV */
ul#global-nav {
	float:left;
	padding:0;
	margin-top: 70px;
	margin-bottom: 0;
	margin-left: 18px;
}
ul#global-nav li {
	list-style:none;
	display:inline;
}
ul#global-nav li a {
	font-size:1.15em;
	font-style:italic;
	line-height:1.5em;
	letter-spacing:-0.01em;
	padding:0;
	color:#ccc;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 1.3em;
}
ul#global-nav li a:hover {color:#6c2b8f;}
ul#global-nav li.active a {color:#000;}

/* TYPE/LINKS */
h1, h2, h3, h4 {font-size:1.429em; font-weight:normal; line-height:1.5em; margin:20px 0;}
h1 a {float:left; width:240px; height:120px; background:url(../images/your-dance-logo_v2.gif) 0 0 no-repeat; margin:18px 80px 0 0;}
h2.welcome {width:470px; height:100px; background:url(../images/welcome-title.gif) 0 0 no-repeat; margin:0 0 20px 0;}
h2.title {font-size:4.429em; letter-spacing:-0.03em; font-weight:normal; margin:0;}
h2.error {color:red;}
h1 span, h2 span {display:none;}
h3.contact {float:left; font-size:1.429em; text-align:center; font-weight:normal; line-height:1.5em; margin:20px 0;}
p {line-height:1.5em; margin-bottom:20px;}
p.intro {font-size:1.143em; font-weight:normal; line-height:1.5em; margin-bottom:20px;}
span.title {float:right;}
span.blue {color:#83c2e4;}
ul#links {list-style:none; margin:0; line-height:1.5em;}
a:link, a:visited, a:active {color:#ccc; text-decoration:none;}
a:hover {
	color:#6c2b8f;
}
strong {font-weight:bold;}

/* BUTTONS */
a.book-a-lesson {float:left; width:153px; height:39px; background:url(../images/buttons/book-a-lesson.gif) 0 -39px no-repeat; margin:0;}
a.book-a-lesson:hover {background-position:0 0;}
a.book-a-lesson:focus {background-position:0 -78px;}
a.book-a-lesson span {display:none;}
a.check-packages {float:left; width:187px; height:39px; background:url(../images/buttons/check-packages.gif) 0 -39px no-repeat; margin:0 0 0 130px;}
a.check-packages:hover {background-position:0 0}
a.check-packages:focus {background-position:0 -78px;}
a.check-packages span {display:none;}
a.view-gallery {float:left; width:143px; height:39px; background:url(../images/buttons/view-gallery.gif) 0 -39px no-repeat; margin:175px 0 0 330px;}
a.view-gallery:hover {background-position:0 0}
a.view-gallery:focus {background-position:0 -78px;}
a.view-gallery span {display:none;}
a.wedding-gift {float:left; background:url(../images/gift-icon.gif) 0 0 no-repeat; font-size:1.143em; color:#000; text-decoration:none; text-indent:30px; line-height:20px; margin:-4px 0 0 0;}
a.facebook {
	position:relative;
	float:right;
	font-size:1.143em;
	color:#000;
	text-decoration:none;
	text-indent:50px;
	line-height:40px;
	background-image: url(../images/facebook.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top: -14px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
a.facebook span {color:#6c2b8f;}

/* COMPONENTS */
.base-panel {float:left; width:470px; background:url(../images/floral-shape.gif) 45% center no-repeat;}
.gallery {float:right; width:475px; height:390px; background:url(../images/gallery-sample.jpg) 0 0 no-repeat;}
.testimonial {float:right; width:450px; margin:0 0 20px 0;}

/* GALLERY */
ul#gallery-list {float:left;}
ul#gallery-list li {display:inline;}
ul#gallery-list li img {float:left; width:75px; height:75px; border:5px solid #efefef; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all  0.3s ease;}
ul#gallery-list li a {float:left; margin:20px;}
ul#gallery-list li a:hover img {border-color:#252525;}
ul#video-gallery {float:left; margin:0 0 0 20px;}
ul#video-gallery li {position:relative; float:left; margin:0 40px 0 0;}
ul#video-gallery li.last {margin: 0;}
ul#video-gallery li img {display:block; margin-bottom:10px;}
ul#video-gallery li a span.play {position:absolute; background:url(../images/buttons/play.png) 0 -60px; display:block; width:59px; height:59px; top:47px; left:77px;}
ul#video-gallery li a span.play:hover {background-position:0 0;}

/* CONTACT FORM */
#contactForm {width:560px; margin:0;}
#contactForm .formElement {float:left; width:100%; margin:10px 0 0 0;}
#contactForm .formElement label {float:left; width:150px; padding-top:10px; color:#000;}
#contactForm .formElement span {padding-left:3px; color:red;}
#contactForm .formElement .textbox {float:left; width:370px; font:16px Arial, Helvetica, sans-serif; font-weight:normal; line-height:1.5em; color:#252525; background:snow; padding:6px; border:1px solid #efefef;}
#contactForm .formElement .textbox:hover {background:#efefef;}
#contactForm .formElement .textarea {float:left; width:370px; font:16px Arial, Helvetica, sans-serif; font-weight:normal; line-height:1.5em; color:#252525; background:snow; padding:6px; border:1px solid #efefef;}
#contactForm .formElement .textarea:hover {background:#efefef;}
#contactForm .formElement .send-btn {float:right; margin:5px 28px 0 0; padding:0; display:inline;}
.notification_error {color:red; margin:20px 0;}
.notification_ok {color:black; font-weight:bold; margin:20px 0;}

/* FOOTER */
#footer {float:left; width:100%; height:100px; margin:0;}
#footer .left {float:left; width:25%; margin:0;}
#footer .center{
	float:left;
	width:50%;
	text-align:center;
	margin:0;
}
#footer .center span {font-size:0.857em; margin:0;}
#footer .right {
	float:left;
	width:25%;
	margin:0;
	height: 0px;
}span.purple {
	color:#6c2b8f;
}