/* =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);
	font-size: 100%;
	text-align: center;
}

body {
	color: #333;
	font: 62.5% 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/scholarship2.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; }
p#enroll-button { background: url(../images/enroll-button.gif) no-repeat top 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 url(../images/text-input-bg.gif) repeat-x top; border: 1px solid #babe8f; color: #666; }
.text:focus { background: #fff; border: 1px solid #666; }

.menu td { border-bottom: 1px solid #ccc; }
.clinic-contact { background: #e4dfc6; }
#specials { background: #333; 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; }

#share a, #offer a { color: #d3ac2d; text-decoration: underline; } 
#share a:hover, #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,
p#enroll-button a,
#naccas,
#aacs,
#redken,
#goldwell { text-indent: -9999px; }

#content-main p,
#content-main ul,
#content-main dl,
#nav-secondary p,
.menu td { font-size: 1.2em; line-height: 1.5; }

#offer p { font: 1.2em Arial, Helvetica, sans-serif; line-height: 1.5; }

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

#content-main ul,
#specials li { list-style: none; }

#feedback, #specials h4 { font-size: 1.8em; }
#specials li { text-indent: 0; }

#specials li,
#specials p,
#site-info p { font: 1.2em Arial, Helvetica, sans-serif; }

.italic { font-style: italic; }
.bold { font-weight: bold; }
.small { font-size: 1.1em; }

/* =layout */
h1#site-id { height: 60px; float: left; margin-top: 16px; width: 305px; }

h1#site-id a,
p#enroll-button a,
#affiliates a { display: block; }

.top,
.bottom { height: 95px; }

#offer { height: 75px; }
#offer p { padding: 16px 36px 9px 300px; }
.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; }
#text dt { margin: 18px 0 0; }
#enroll-button a { height: 37px; }
#home #content-main p#enroll-button { margin: 27px 0 0 345px; }
#content-main p#enroll-button { margin: 18px 0; width: 254px; }
#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; }
#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; }

#specials { padding: 18px 36px; }
#subscribe { float: left; margin-right: 48px; width: 426px; }
#specials h4, #subscribe li { margin-bottom: 9px; }

#site-info { float: left; padding-top: 32px; 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; }


/* =navigation */
ul#nav-main {
	display: inline;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	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: 41px 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: 1.8em; 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;
    font-size: 1.2em;
    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;}