/* 
Project Stylesheet
Author: Nick Francis
Questions/Comments: nick@project83.com
*/

body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	background:#fff url(../images/bg.gif) repeat-x top left;
}

body#home {
	background:#fff url(../images/bg_home.gif) repeat-x top left;
}

/* layout */
#wrap {
	position:relative;
	margin:0 auto 3em auto;
	width:770px;
}

#homeContent .left {
	float:left;
	width:373px;
}

#homeContent .right {
	float:right;
	width:376px;
}

#content {
	float:left;
	width:600px;
}

body#home #content {
	width:580px;
}

#sidebar {
	float:right;
	width:158px;
}

#footer {
	padding:1.5em 0 4em 0;
	background:#ADAEAD url(../images/footer_bg.gif) repeat-x top left;
}

#footer .content {
	width:770px;
	margin:0 auto;
}

/* header and navigation */
#header {
	width:770px;
	height:145px;
	text-indent:-9000px;
	background:url(../images/header_bg.jpg) no-repeat top left;
}

.ie6 ul.mainNav {
	position:relative;
	bottom:5px;
}

body#home #header {
	height:184px;
	background:url(../images/header_home_bg.jpg) no-repeat top left;
}

#header h3 {
	width:180px;
	height:92px;
}

#header h3 a {
	position:relative;
	float:left;
	width:180px;
	height:92px;
}

ul.mainNav {
	float:left;
	z-index:597;
	position:relative;
	width:535px;
	height:33px;
	margin:0 0 25px 0;
	list-style:none;
	background:url(../images/nav_bg.gif) no-repeat top left;
}

ul.mainNav li {
	float:left;
	display:block;
	margin:0;
	zoom:1;
	text-indent:-9000px;
}

ul.mainNav li.hover, ul.mainNav li:hover {
	position:relative;
	z-index:599;
	cursor:default;
}

ul.mainNav ul {
	visibility:hidden;
	position:absolute;
	top:100%;
	left:0;
	margin:0;
	z-index:598;
	width:120px;
	background:#D4D4D4;
	border:4px solid #A80450;
	border-top:0;
}

ul.mainNav li#aboutLink ul {
	width:180px;
}

ul.mainNav li#eventsLink ul {
	width:140px;
}

ul.mainNav ul li {
	float:none;
	text-indent:0;
	vertical-align:middle;
}

ul.mainNav ul li:hover {
	background:#fff;
}

ul.mainNav li#aboutLink ul li a, ul.mainNav li#enrollmentLink ul li a, ul.mainNav li#eventsLink ul li a {
	text-decoration:none;
	background:none;
	padding:.6em .8em;
	height:auto;
	width:auto;
	font-size:.9em;
	letter-spacing:.5px;
	color:#0E0F0E;
	text-transform:uppercase;
	background-position:0 0;
}

ul.mainNav li:hover > ul {
 	visibility: visible;
}

ul.mainNav li a {
	display:block;
	overflow:hidden;
	height:33px;
	background:url(../images/nav_bg.gif) no-repeat top left;
}

li#homeLink a {
	width:64px;
	background-position:0 0;
}

li#homeLink a:hover {
	background-position:0 -33px;
}

body#home li#homeLink a {
	background-position:0 -66px;
}

li#aboutLink a {
	width:84px;
	background-position:-64px 0;
}

li#aboutLink:hover a {
	background-position:-64px -33px;
}

body#about li#aboutLink a {
	background-position:-64px -66px;
}

li#enrollmentLink a {
	width:108px;
	background-position:-148px 0;
}

li#enrollmentLink:hover a {
	background-position:-148px -33px;
}

body#enrollment li#enrollmentLink a {
	background-position:-148px -66px;
}

li#guestLink a {
	width:127px;
	background-position:-256px 0;
}

li#guestLink:hover a {
	background-position:-256px -33px;
}

body#guest-services li#guestLink a {
	background-position:-256px -66px;
}

li#eventsLink a {
	width:72px;
	background-position:-383px 0;
}

li#eventsLink:hover a {
	background-position:-383px -33px;
}

body#upcoming-events li#eventsLink a {
	background-position:-383px -66px;
}

li#contactLink a {
	width:80px;
	background-position:-455px 0;
}

li#contactLink:hover a {
	background-position:-455px -33px;
}

body#contact li#contactLink a {
	background-position:-455px -66px;
}

img.redken {
	position:absolute;
	right:0;
	top:184px;
}

/* content area */
h1 {
	font-weight:bold;
	font-size:2em;
}

h2 {
	border-bottom:1px solid #1e1e1e;
	margin-bottom:.5em;
}

h3 {
	font-size:1.3em;
	margin-bottom:1.4em;
	font-weight:normal;
	text-transform:uppercase;
}

h3.cal {
	font-size:1.2em;
	margin:1.5em 0 1.5em 0;
	text-transform:none;
}

h3.cal a {
	text-decoration:none;
	padding:.3em 0 .3em 34px;
	background:url(../images/cal.png) no-repeat top left;
}

h3.cal a:hover {
	text-decoration:underline;
}

h4 {
	font-weight:normal;
	font-size:1.2em;
}

img.bdr {
	border:4px solid #c9c9c9;
	margin-bottom:1em;
}

#subnav {
	margin-right:8px;
}

#subnav ul {
	position:relative;
	list-style:none;
	margin:0;
	z-index:10;
	border-bottom:2px solid #454545;
}

#subnav li {
	float:left;
	margin:0 0 5px 0;
}

#subnav li a {
	color:#fff;
	font-size:.9em;
	text-transform:uppercase;
	letter-spacing:.5px;
	padding:.6em 1.5em 1.4em 1.5em;
	line-height:1em;
	margin-right:1px;
	text-decoration:none;
	background:#5F5F5F url(../images/subnav_bg.gif) repeat-x bottom left;
}

.webkit #subnav li a {
	position:relative;
	top:1px;
}

#subnav li.active a {
	background:#1D1D1D url(../images/subnav_active.gif) no-repeat bottom center;
}

.textBg {
	position:relative;
	bottom:2px;
	padding:2em;
	background:url(../images/text_bg.gif) repeat-y top left;
}

.contentBtm {
	position:relative;
	bottom:2px;
	width:600px;
	height:9px;
	background:url(../images/content_btm.gif) no-repeat -4px bottom;
}

/* alumni or industry spotlight page */
img.staffer {
	float:right;
	display:inline;
	margin-left:1em;
	border:5px solid #eaeaea;
}

.spotlight {
	float:left;
	width:275px;
	text-align:center;
}

.spotlight a {
	display:block;
}

.spotlight img {
	border:4px solid #c9c9c9;
}

.spotlight p {
	padding-top:.3em;
	font-size:1.2em;
}

/* sidebar */
#sidebar {
	font-size:.95em;
}

#sidebar h4 {
	background:#161616;
	color:#fff;
	font-weight:normal;
	padding:.6em .8em;
	text-transform:uppercase;
	font-size:1em;
}

#sidebar h4.app {
	text-indent:-9000px;
	width:158px;
	height:56px;
	margin-bottom:0;
	background:url(../images/app.gif) no-repeat top left;
}

#sidebar h5 {
	margin-bottom:.2em;
}

#sidebar p {
	margin-bottom:1em;
}

#sidebar p.started {
	font-weight:bold;
	text-transform:uppercase;
	padding-left:11px;
	margin-bottom:3em;
	background:url(../images/arrow_pink.gif) no-repeat 0 4px;
}

#sidebar p.started a {
	color:#BF0057;
}

#sidebar a.newsletter {
	padding:2px 0 2px 22px;
	background:url(../images/download.gif) no-repeat top left;
}

/* home page */
#homeContent h1 {
	text-indent:-9000px;
	width:297px;
	height:72px;
	margin-bottom:.3em;
	background:url(../images/headline_home.gif) no-repeat top left;
}

#chooseProgram {
	padding:.5em 0 2em 0;
}

#chooseProgram h2 {
	display:none;
}

#chooseProgram ul {
	position:relative;
	margin:0;
	width:595px;
	height:84px;
	padding-left:175px;
	list-style:none;
	background:url(../images/choose_program.gif) no-repeat top left;
}

#chooseProgram li {
	float:left;
	display:block;
	margin:0;
	text-indent:-9000px;
}

#chooseProgram li a {
	display:block;
	overflow:hidden;
	height:84px;
	background:url(../images/choose_program.gif) no-repeat top left;
}

#chooseProgram li.cosmetology a {
	width:198px;
	background-position:-175px 0;
}

#chooseProgram li.cosmetology a:hover {
	background-position:-175px -84px;
}

#chooseProgram li.aesthetics a {
	width:199px;
	background-position:-373px 0;
}

#chooseProgram li.aesthetics a:hover {
	background-position:-373px -84px;
}

#chooseProgram li.nail a {
	width:198px;
	background-position:-572px 0;
}

#chooseProgram li.nail a:hover {
	background-position:-572px -84px;
}

.why img {
	float:left;
}

.why p {
	float:right;
	width:360px;
	padding-top:.8em;
}

/* home page slider */
#slider {
   	float:left;
   	width: 373px; /* important to be same as image width */
   	height: 223px; /* important to be same as image height */
   	position: relative; 
   	overflow: hidden; 
}

#sliderContent {
   width: 373px; /* important to be same as image width or wider */
   position: absolute; 
   top: 0; 
   margin-left: 0;
}

.sliderImage {
   float: left;
   position: relative;
   display: none;
}

.sliderImage img {
	border:5px solid #fff;
}

.sliderImage span {
   display: none; 
}

/* enrollment */
.gBox {
	width:545px;
	margin-bottom:2em;
	padding-bottom:1.5em;
	border-top:1px solid #C7C7C7;
	background:url(../images/gbox_bg.gif) no-repeat bottom left;
}

.gBox h2 {
	padding:.5em 0 .3em 0;
	margin:0 1em .5em 1em;
	background:url(../images/h2_div.gif) repeat-x bottom left;
}

.gBox ul {
	list-style:none;
	margin-left:2em;
}

.gBox li {
	margin:.5em 0 1em 0;
	padding:0 0 2px 30px;
	background:url(../images/arrow.gif) no-repeat 0 1px;
}

.class {
	width:543px;
	height:69px;
	background:url(../images/class_bg.jpg) no-repeat top left;
}

.class p {
	margin-bottom:0;
}

.class h2 {
	color:#fff;
	font-weight:bold;
	margin-bottom:0;
}

.class h3 {
	color:#fff;
	font-size:2em;
	margin-bottom:0;
}

.class .title {
	float:left;
	padding:1.2em 0 .4em 1em;
}

.class .title p {
	text-transform:uppercase;
	color:#fff;
	font-size:.95em;
	margin-top:.2em;
}

.class .title p span {
	color:#F99FC8;
}

.class .tuition {
	float:right;
	text-align:right;
	padding:.6em 1em .4em 0;
}

.class .tuition p {
	color:#F99FC8;
	font-size:.95em;
	line-height:1.2em;
}

.class .tuition p.top {
	padding-top:.8em;
}

.classContent .dates {
	float:right;
	display:inline;
	padding:0 9px 0 .5em;
}

.classContent .dates h3 {
	font-size:1.2em;
	color:#fff;
	background:#161616;
	text-transform:none;
	padding:.5em .8em;
	margin-bottom:0;
}

.classContent .dates dl {
	padding:.8em .6em;
	border:1px solid #BEBEBE;
	background:#EBEBEB;
	margin-bottom:.6em;
}

.classContent .dates dt {
	padding-left:11px;
	background:url(../images/arrow_pink.gif) no-repeat 0 2px;
}

.classContent .dates dd {
	margin:.3em 0 1em 0;
	font-size:.85em;
	padding-left:11px;
	text-transform:uppercase;
	color:#545454;
	font-weight:bold;
}

.classContent img.pic {
	margin:.6em 0 1em 0;
	border:3px solid #939393;
}

.classContent h2 {
	font-size:1.7em;
	margin-top:1.5em;
	padding:0 0 .4em 27px;
	border-bottom:1px solid #A2A2A2;
	background:url(../images/arrow_grey.gif) no-repeat 0 2px;
}

/* photo galleries */
#gallery ul {
	list-style:none;
	margin:0;
}

#gallery li {
	float:left;
	padding:1em;
	text-align:center;
}

#gallery li img, #gallery .img-wrap img, #gallery img.galleryItem {
	border:4px solid #ccc;
}

#gallery li a {
	font-weight:bold;
	text-decoration:none;
}

#gallery li a:hover {
	text-decoration:underline;
}

#gallery .img-wrap {
	float:left;
	padding:1em;
}

#gallery .itemNav {
	text-align:center;
	margin-bottom:1.5em;
}

/*contact*/
fieldset#contactFormFields{
margin:0;
padding:1.5em 0;
}

fieldset#contactFormFields h4 {
	font-weight:bold;
	margin-top:1em;
}

fieldset#contactFormFields li{
background:none;
margin:0 0 .8em 0;
padding:0;
}

fieldset#contactFormFields li p {
	margin-bottom:0;
}

fieldset#contactFormFields li.separator {
	margin:2.5em 0 0 0;
	padding-bottom:2.5em;
	border-top:1px solid #333;
}

fieldset#contactFormFields li input{
margin:0;
padding:0;
}

fieldset#contactFormFields li textarea {
	font-size:1em;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	width: 300px; height: 200px; margin:0; padding:0px; 
}

fieldset#contactFormFields li textarea#allergies, fieldset#contactFormFields li textarea#honors {
	height:60px;
}

fieldset#contactFormFields li input#submit{
margin-left:170px;
width:100px;
}


fieldset#contactFormFields li label{
margin:0;
padding:0 1em 0 0;
width:160px;
font-weight:normal;
line-height:1.2em;
}

.gBox ul.checkboxes{
	margin:0;
	padding:0;
	}
	
	
fieldset#contactFormFields li ul.checkboxes li{
	padding-left:160px;
	margin:0 0 .5em 1em;
}

fieldset#contactFormFields li ul.checkboxes li label{
	width:auto;
	padding-left:.3em;
	float:left;
}
fieldset#contactFormFields li ul.checkboxes li input{
	float:left;
}

/*guest services */

img.gs-image{
	border:3px solid #939393;
	float:left;
}

img.gs-cta{
	float:right;
}

.gs-services {
	padding:0;
	border:1px solid #BEBEBE;
	background:#EBEBEB;
	margin:0 25px 0 0;
	width:180px;
	float:left;
}

.gs-services h3 {
	font-size:1.2em;
	color:#fff;
	background:#161616;
	text-transform:none;
	padding:.5em;
	margin-bottom:0;
}


.gs-services h4 {
	font-size:1.2em;
	color:#a80450;
	padding:.5em .5em 0 .5em;
	margin:0;
	text-transform:uppercase;
	}

.gs-services ul{
	margin:0;
	padding:0 .5em .5em .5em;
	list-style:none;
}

.gs-services ul li{
	padding-left:11px;
	background:url(../images/arrow_pink.gif) no-repeat 0 2px;
	margin-bottom:.5em;
	font-weight:normal;
	line-height:1em;
}

.gs-services ul li strong {
	font-size:.9em;
	text-transform:uppercase;
	color:#545454;
	font-weight:bold;
	padding-left:6px;
}
.gs-special{
	width:315px;
	padding-left:210px; 
}


/* footer */
#footer .content {
	font-size:.85em;
}

#footer ul {
	float:left;
	list-style:none;
	margin:0;
}

#footer li {
	float:left;
	margin:0;
}

#footer li a {
	display:block;
	padding:0 .5em;
	line-height:1em;
	color:#161616;
	text-decoration:none;
	border-right:1px solid;
}

#footer li a:hover, #footer p a:hover {
	text-decoration:underline;
}

#footer li a.bdr {
	padding-right:0;
	border-right:0;
}

#footer p {
	float:right;
	line-height:1em;
}

#footer p a {
	color:#161616;
	text-decoration:none;
}