@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0;}

body {
	font:12px Arial, Helvetica, sans-serif;
	background:#202020 url(../images/bg.jpg) repeat-x 0px -165px;
	color:#FFF;
}

img {border:0;}

a {outline:none;}
a em {position:absolute; left:-9999em;}

.clr {clear:both;}


/* === HEADER === */

#header {
	margin:0 auto;
	width:900px;
	height:186px;
}

#head-logo {
	float:left;
	margin-top:70px;
}

#head-nav {
	float:right;
	list-style:none;
	margin:90px 0 0;
}

#head-nav li {
	display:inline-block;
	float:left;
}

#head-nav li a {background:url(../images/asba_nav.png) no-repeat; display:block; height:26px;}

#head-nav li a.clinics-events {background-position:0 0; width:126px;}
#head-nav li a.clinics-events:hover {background-position:0 -26px; width:126px;}

#head-nav li a.instructors {background-position:-126px 0; width:99px;}
#head-nav li a.instructors:hover {background-position:-126px -26px; width:99px;}

#head-nav li a.rates {background-position:-225px 0; width:60px;}
#head-nav li a.rates:hover {background-position:-225px -26px; width:60px;}

#head-nav li a.gallery {background-position:-285px 0; width:74px;}
#head-nav li a.gallery:hover {background-position:-285px -26px; width:74px;}

#head-nav li a.about {background-position:-359px 0; width:86px;}
#head-nav li a.about:hover {background-position:-359px -26px; width:86px;}

#head-nav li a.contact {background-position:-445px 0; width:65px;}
#head-nav li a.contact:hover {background-position:-445px -26px; width:65px;}


/* === CONTENT === */

#content {
	margin:0 auto;
	width:808px;
}


/* === HOME PAGE === */

#photo-shadow-lrg {
	background:url(../images/ds/photo_bg_lrg.png) no-repeat;
	padding:0 4px 9px;
	margin-bottom:32px;
}

#photo-shadow {
	background:url(../images/ds/photo_bg.png) no-repeat;
	padding:0 4px 9px;
	margin-bottom:40px;
}

#photo-wrap {
	background-color:#FFF;
	padding:8px;
}

#clinics-panel-home {
	background:#910000 url(../images/label_clinics.png) no-repeat 5px 10px;
	width:256px;
	height:128px;
}

#events-panel-home {
	background:#910000 url(../images/label_events.png) no-repeat 17px 10px;
	width:256px;
	height:128px;
}

#broadcast-home {
	background-color:#000000;
	width:256px;
	height:128px;
}

#panel-ds {
	background:url(../images/ds/panel_bg.png) no-repeat;
	padding:0 4px 9px;
	float:left;
}

#panel-info {
	padding:69px 14px 0 0;
	list-style:none;
}
#panel-info li {
	padding-bottom:1px;
	text-align:right;
}
#panel-info li a {
	text-decoration:none;
	color:#fff;
}
#panel-info li a:hover {
	text-decoration:underline;
}


/* === CLINICS // EVENTS === */

#clinics-events-page {
	margin:0 auto;
	width:655px;
}

#clinics-events-page a {
	color:#FFF;
	text-decoration:none;
}

#clinics-events-page a:hover {
	text-decoration:underline;
}

#clinics-tbl, #events-tbl {
	float:right;
	margin:15px 50px 15px 0
}


/* === INSTRUCTORS === */

#instructors-page {
	margin:0 auto;
	width:670px;
}


/* === RATES === */

#rates-page {
	margin:0 auto;
	width:700px;
}

#rates-main {
	float:left;
	font-size:14px;
}


/* === GALLERY PAGE === */

#gallery-page {
	margin:0 auto;
	width:732px;
	min-height:400px;
}

#pic-container {
	float:left;
	width:212px;
	margin:16px 16px;
}

#pic-box {
	text-align:center;
}

#pic-box img {
	border:5px solid #fff;
}

#pic-info {
	margin-top:3px;
	text-align:center;
	font-weight:bold;
}




/* === ABOUT PAGE === */

#about-page {
	margin:0 auto;
	width:760px;
}

#about-main {
	float:left;
	width:450px;
	color:#FFF;
}

#about-side {
	float:right;
	width:264px;
}

#about-facility {
}

#about-facility li {
	margin-left:30px;
	line-height:1.8em;
}


/* === CONTACT PAGE === */

#contact-page {
	margin:0 auto;
	width:700px;
}

#email-form-ds {
	float:left;
	background:url(../images/ds/contactform_bg.png) no-repeat;
	padding:0 4px 9px;
}

#email-form {
	background:#910000 url(../images/send_message.png) no-repeat 38px 23px;
	width:275px;
	height:480px;
}

#form {
	padding:65px 20px 0;
}

#form label {
	line-height:26px;
	font-size:14px;
}

#form input {
	font-size:14px;
	padding:3px;
	width:225px;
	margin-bottom:5px;
}

#form input.send-email {
	padding:0;
	margin:0;
	width:87px;
	height:30px;
}

#form textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:3px;
	width:225px;
	height:150px;
}

#contact-info {
	float:right;
}

#contact-tbl {
}

#contact-map {
}


/* === FOOTER === */

#footer {
	margin-top:100px;
	border-top:3px solid #c5c5c5;
	background-color:#101010;
	height:140px;
}

#foot-logo {
	text-align:center;
	margin:20px 0 20px;
}

#foot-info {
	text-align:center;
	font-size:10px;
	color:#FFF;
}

#foot-info a {
	color:#FFF;
	text-decoration:none;
}

#foot-info a:hover {
	color:#910000;
}