/* =reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* =global */
html {
	background: url(../images/site-bg.gif) fixed;
	font-size: 100%;
	text-align: center;
}

body {
	color: #333;
	font: 13px/18px Georgia, "Times New Roman", serif;
	margin: 0 auto;
	text-align: left;
	width: 960px;
}

/* =colors, borders, and backgrounds */
#header,
#footer { background: url(../images/header-bg.gif) repeat-y; }

.top { background: url(../images/header-top-bg.gif) no-repeat top; }
.bottom { background: url(../images/header-bottom-bg.gif) no-repeat bottom; }

#offer { background: url(../images/scholarship1.jpg) no-repeat; }
h1#site-id { background: url(../images/site-id.gif) no-repeat 36px 0; }
#content { background: url(../images/content-bg.gif) repeat-y; }
#home #content-main { background: url(../images/content-main-bg.gif) repeat-x top; }
#content-main { background: url(../images/content-main-bg.gif) repeat-x top; }
.content-top { background: url(../images/content-bg-top.gif) no-repeat top; }
#nav-secondary { background: url(../images/content-bg-bottom.gif) no-repeat bottom; }
#contact-form { background: url(../images/main-image-contact.jpg) no-repeat top right; }

h2#headline-home { background: url(../images/headline-home.gif) no-repeat left bottom; }
h2#headline-education { background: url(../images/headline-education.gif) no-repeat left; }
h2#headline-classes { background: url(../images/headline-classes.gif) no-repeat left; }
h2#headline-aid { background: url(../images/headline-aid.gif) no-repeat left; }
h2#headline-events { background: url(../images/headline-events.gif) no-repeat left; }
h2#headline-clinic { background: url(../images/headline-clinic.gif) no-repeat left bottom; }
h2#headline-contact { background: url(../images/headline-contact.gif) no-repeat left bottom; }

#feedback { background: #d3ac2d; }

#pitch { background: url(../images/pitch.gif) no-repeat left; }
#large-rule { background: url(../images/large-rule.gif) no-repeat; }
#small-rule { background: url(../images/small-rule.gif) no-repeat; }
#ns-education { background: url(../images/nav-image-education.jpg) no-repeat top; }
#ns-classes { background: url(../images/nav-image-classes.jpg) no-repeat top; }
#ns-aid { background: url(../images/nav-image-aid.jpg) no-repeat top; }
#ns-events { background: url(../images/nav-image-events.jpg) no-repeat top; }

.text { background: #fff; -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5); box-shadow: inset 0 1px 3px rgba(0,0,0,0.5); border: 1px solid #babe8f; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #666; }

.menu td { border-bottom: 1px solid #ccc; }
.clinic-contact { background: #e4dfc6; }
#testimonials { background: #333 url(../images/t-bkgd.jpg) no-repeat top right; color: #aaa; }

#naccas { background: url(../images/logo-naccas.gif) no-repeat center; }
#aacs { background: url(../images/logo-aacs.gif) no-repeat center; }
#redken { background: url(../images/logo-redken.gif) no-repeat center; }
#goldwell { background: url(../images/logo-goldwell.gif) no-repeat center; }

.small, #site-info p { color: #bb7676; }
#offer p { color: #fff; }
#nav-secondary a, #site-info a, .clinic-contact a { color: #8c191f; }
#nav-secondary a:hover, #site-info a:hover, .clinic-contact a:hover { color: #040207; text-decoration: none; }

#offer a { color: #d3ac2d; text-decoration: underline; } 
#offer a:hover { color: #fff; text-decoration: none; } 


/* =typography */
h1#site-id a, h2#headline-home, h2#headline-education, h2#headline-classes, h2#headline-aid, h2#headline-events, h2#headline-clinic, h2#headline-contact, #pitch p.replace, #naccas, #aacs, #redken, #goldwell { text-indent: -9999px; }

#offer p { font-family: sans-serif; }

h3, .menu h4 { font-size: 11px; letter-spacing: 2px; text-transform: uppercase; }
#clinic h3 { font-size: 18px; letter-spacing: normal; text-transform: none; }
p#services-list { font-style: italic; }
p+p { text-indent: 18px; }
dt { font-style: italic; }

#feedback { font-size: 18px; }
#testimonials h4 { font-size: 24px; }
#testimonials header p { font-size: 18px; line-height: 1.2; } 
#testimonials article, #site-info p { font-family: sans-serif; font-size: 13px; }
#testimonials article { font-size: 15px; line-height: 1.5; }
#testimonials article p.cite-source { font-family: Georgia, serif; font-style: italic; text-align: right; }

.italic { font-style: italic; }
.bold { font-weight: bold; }
.small { font-size: 11px; }

/* =layout */
h1#site-id { height: 60px; float: left; margin-top: 16px; width: 305px; }
h1#site-id a, #affiliates a { display: block; }
.top, .bottom { height: 95px; }
#offer { height: 100px; }
#offer p { padding: 12px 72px 0 275px; }
.content-top { padding-top: 36px; }
#content-main { margin: 0 auto; width: 888px; }
#main-image { float: left; width: 341px; }
#headline-home { height: 84px; margin: 0 0 18px 345px; padding-top: 36px; }
#pitch { height: 164px; margin: 48px 0 51px 345px; }
#headline-education, #headline-classes, #headline-aid, #headline-events { height: 27px; margin: 36px 0 18px; }
h2#headline-clinic, h2#headline-contact { height: 27px; margin: 0 0 18px 36px; padding-top: 36px; }
h3 { margin: 27px 0 9px; }
h3.two-thirds { margin: 27px 300px 9px 36px; }
p.two-thirds { margin: 9px 400px 9px 36px; }
#text dt { margin: 18px 0 0; }
#home #content-main p#enroll-button { margin: 27px 0 0 345px; }
#large-rule { clear: both; height: 8px; width: 888px; margin: 18px auto; }
#small-rule { clear: both; height: 8px; width: 435px; margin: 18px auto; }
#nav-secondary { padding: 0 36px; }
#feedback { position: absolute; top: 95px; padding: 9px 0; text-align: center; width: 960px; }
#feedback p { padding-left: 24px; }
#ns-education, #ns-classes, #ns-aid, #ns-events { float: left; padding: 145px 0 36px; width: 208px; }
#ns-education, #ns-aid { margin-right: 18px; }
#ns-classes { margin-right: 19px; }
.text { padding: 4px; width: 225px; }
.next-p { margin-top: 9px; }
#gallery { float: left; margin-right: 18px; padding-bottom: 36px; width: 435px; }
.subimage { float: left; margin-right: 19px; width: 208px; }
#text { float: left; padding-bottom: 36px; width: 435px; }
#contact-form { padding-bottom: 36px; }
#text p { margin-right: 36px; }
#cta { margin-top: 36px; }
#home #content-main p { margin: 18px 36px 18px 387px; }
#content-main ul { margin: 18px 36px 18px 436px; }
#contact #content-main ul, #contact-form p { margin-left: 36px; }
#clinic-info { margin: 0 auto; width: 816px; }
.clinic-services { float: left; margin-right: 18px; width: 380px; }
.clinic-contact { float: left; margin-right: 18px; padding: 9px 0 18px; width: 200px; }
.clinic-contact dt, .clinic-contact dd { margin-left: 18px; }
.menu { float: left; margin: 9px 36px 36px 0; width: 426px; }
.menu h3, .menu h4 { margin: 27px 0 9px 36px; }
#clinic h3 { margin-top: 0; }
.menu table { margin: 0 0 18px 36px; width: 354px; }
.menu td { padding: 4px 0; }
.menu td.italic { padding-left: 18px; }
.subimage-last, .last { margin-right: 0; }
#testimonials { padding: 18px 36px; }
#testimonials h4 { margin-bottom: 18px;}
#testimonials header p { margin-bottom: 18px; width: 70%; }
#testimonials article { width: 70%; }

#subscribe li { margin-bottom: 9px; }
#site-info { float: left; padding-top: 27px; width: 341px; }
#site-info p { margin: 0 0 4px 36px; text-indent: 0; }
#affiliates { display: inline; float: right; list-style: none; margin-top: 18px; }
#affiliates li { display: inline; float: left; margin-right: 36px; }
#affiliates a { height: 51px; }
#naccas { height: 51px; width: 50px; }
#aacs { height: 51px; width: 63px; }
#redken { height: 51px; width: 93px; }
#goldwell { height: 51px; width: 258px; }
#testimonials article p.cite-source { margin: 9px 54px 0 0; text-indent: 0;}

/* =buttons */
#enroll-button {
	background: #8c191f; /* Old browsers */
	background: -moz-linear-gradient(top, #8c191f 0%, #5e0305 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8c191f), color-stop(100%,#5e0305)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #8c191f 0%,#5e0305 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #8c191f 0%,#5e0305 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #8c191f 0%,#5e0305 100%); /* IE10+ */
	background: linear-gradient(top,  #8c191f 0%,#5e0305 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c191f', endColorstr='#5e0305',GradientType=0 ); /* IE6-9 */
	border: 1px solid #5e0305;
	border-radius: 9px;
	box-shadow: 0 1px 3px rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.25) inset;
	color: #fff;
	font: 18px sans-serif;
	padding: 9px 27px;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 0 #000;
}

#enroll-button:hover {
	background: #9c292f; /* Old browsers */
	background: -moz-linear-gradient(top, #9c292f 0%, #6e1315 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9c292f), color-stop(100%,#6e1315)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #9c292f 0%,#6e1315 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #9c292f 0%,#6e1315 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #9c292f 0%,#6e1315 100%); /* IE10+ */
	background: linear-gradient(top, #9c292f 0%,#6e1315 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c292f', endColorstr='#6e1315',GradientType=0 ); /* IE6-9 */
}

#enroll-button:active {
	background: #7c090f; /* Old browsers */
	background: -moz-linear-gradient(top, #7c090f 0%, #3e0000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7c090f), color-stop(100%,#3e0000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7c090f 0%,#3e0000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7c090f 0%,#3e0000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7c090f 0%,#3e0000 100%); /* IE10+ */
	background: linear-gradient(top,  #7c090f 0%,#3e0000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c090f', endColorstr='#3e0000',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 0 7px rgba(0,0,0,1) inset;
	color: #ddd;
}

/* =navigation */
ul#nav-main { display: inline; float: right; font-family: sans-serif; font-size: 11px; margin-right: 36px; }
ul#nav-main li { display: inline; list-style: none; text-transform: uppercase; }
ul#nav-main li a { color: #8c191f; float: left; padding: 38px 9px; text-decoration: none; }
ul#nav-main li a:hover { color: #040207; text-decoration: underline; }
#home ul#nav-main li#n-home a, #education ul#nav-main li#n-education a, #classes ul#nav-main li#n-classes a, #aid ul#nav-main li#n-aid a, #events ul#nav-main li#n-events a, #clinic ul#nav-main li#n-clinic a, #contact ul#nav-main li#n-contact a { background: url(../images/top-nav-bg.gif) repeat-x bottom; color: #8c191f; cursor: default; text-decoration: none; }

/* =forms */
fieldset { float: left; clear: left; margin-top: 18px; width: 100%; }
fieldset#submit { float: none; margin-left: 21.5em; width: auto; }
legend { font-size: 18px; padding-left: 36px; }
fieldset ul { list-style: none; }
fieldset label { color: #666; float: left; margin-right: 1em; text-align: right; width: 14em; }
fieldset li { clear: left; float: left; padding-bottom: 9px; width: 100%;  }

/* =Error Notification  */
#alert { background: #ffd url(../images/icon_alert.gif) no-repeat 8px 25%; border: 1px solid #fca; color: #c33; display: none; padding: 8px 16px 8px 32px; margin: 2em 0 2em 36px; width: 375px; }
.errMsg { color: #C33; margin: 4px 0 8px 180px; }

/* =Clearfix */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}
.clear {clear:both;}