@import url("/inc/home.css");
@import url("/inc/lightview.css");

* {
	margin:0;
	padding:0;
	border:none;
}

body {
	padding-bottom:50px;
	background:url(/i/background.gif);
	font-family:Arial, Helvetica, sans-serif;
}

h1 {
	margin:-5px 0 10px 0;	
	font-family:Trebuchet MS, Arial, Helvetica;
	font-size:20px;
	font-weight:bold;
	color:#666;
}

h2 {
	margin:-15px 0 10px 0;	
	font-family:Trebushet MS, Arial, Helvetica;
	font-size:16px;
	font-weight:bold;
	color:#999;
}

h3 {
	padding-bottom:10px;
	font-size:14px;
	color:#770000;
	font-weight:bold;
}

h4 {
	padding-top:25px;
	font-size:14px;
	color:#64610A;
}

p {
	padding:0 0 10px 0;
	font-size:11px;
	line-height:15px;
	color:#666;
}

p.error {
	font-weight:bold;
	font-style:italic;
	color:#770000;
}

p a, li a {
	color:#770000;
}

p a:hover, li a:hover {
	text-decoration:none;
}

ol {
	margin-left:30px;
	font-size:11px;
	line-height:15px;
	color:#666;
}

ol li {
	margin-bottom:10px;
}

ul {
	margin:-10px 0 20px 30px;
	margin-bottom:20px;
	margin-top:-10px;
	font-size:11px;
	color:#666;
}

#gradient {
	min-height:175px;
	background:url(/i/gradient.png) repeat-x;
}

#swirls {
	min-height:628px;	
	background:url(/i/swirls.png) top center no-repeat;
}

#header {
	width:850px;
	height:82px;
	margin:0 auto;
	padding:0 9px;
}

#header .logo {
	float:left;	
}

#nav {
	float:right;
}

#nav a {
	float:left;
	height:63px;	
	margin-left:5px;
	text-indent:200px;
}

#nav a:hover {
	background-position:0 -63px;
}

#nav a i {
	display:none;
}

#nav .services, #nav .services-on {
	width:75px;
	background:url(/i/nav-services.png) no-repeat;
}

#nav .team, #nav .team-on {
	width:53px;
	background:url(/i/nav-team.png) no-repeat;
}

#nav .haircare, #nav .haircare-on {
	width:80px;
	background:url(/i/nav-haircare.png) no-repeat;
}

#nav .appointments, #nav .appointments-on {
	width:108px;
	background:url(/i/nav-appointments.png) no-repeat;
}

#nav .bridalpackages, #nav .bridalpackages-on {
	width:77px;
	background:url(/i/nav-bridalpackages.png) no-repeat;
}

#nav .hairacademy, #nav .hairacademy-on {
	width:77px;
	background:url(/i/nav-hairacademy.png) no-repeat;
}

#nav .education, #nav .education-on {
	width:84px;
	background:url(/i/nav-education.png) no-repeat;
}

#nav .employment, #nav .employment-on {
	width:97px;
	background:url(/i/nav-employment.png) no-repeat;
}

#nav .contact, #nav .contact-on {
	width:72px;
	background:url(/i/nav-contact.png) no-repeat;
}

#nav .services-on, #nav .team-on, #nav .haircare-on, #nav .appointments-on, #nav .bridalpackages-on, #nav .hairacademy-on, #nav .education-on, #nav .employment-on, #nav .contact-on {
	position:relative;
	bottom:15px;
	background-position:0 -63px;
}

#breadcrumbs {
	width:846px;
	height:21px;
	margin:0 auto;
	padding:16px 0 0 22px;
	background:url(/i/breadcrumbs.png) no-repeat;
	font-size:11px;
	color:#ae0000;
}

#breadcrumbs a, #breadcrumbs span {
	color:#fff;
}

#breadcrumbs a:hover {
	text-decoration:none;
}

#breadcrumbs span {
	text-transform:capitalize;
}

#wrapper {
	width:848px;
	margin:0 auto;
	padding:0 10px;
	background:url(/i/wrapper.png) repeat-y;
}

#left {
	float:left;
	width:648px;	
	border-top:1px solid #fff;
	background:url(/i/left.gif) no-repeat;
}

#right {
	float:right;
	width:200px;	
}

#right-push {
	height:250px;
	padding:5px;
	background:url(/i/right-push.jpg);	
}

#right-push .products {
	width:190px;
	height:60px;	
}

#right-push p {
	margin-bottom:20px;
	padding:0 5px;
	line-height:13px;
	color:#fff;
}

#right-push ul {
	float:left;
	width:85px;
	margin-left:5px;
	list-style-type:none;
	font-size:11px;
}

#right-push ul li {
	padding:0 0 3px 13px;
	background:url(/i/right-push-bullet.png) 0 2px no-repeat;
}

#right-push ul li a {
	color:#bfbd99;
}

#right-push ul li a:hover {
	text-decoration:none;
}

#right-push .services {
	margin-top:13px;
	width:190px;
	height:60px;	
}

#right-academy {
	height:184px;
	border-top:1px solid #5e5b00;
	background:url(/i/right-academy.png) no-repeat;
}

#right-academy .title {
	width:200px;
	height:60px;
}

#right-academy p {
	margin:0;
	padding:0 10px;
	font-size:11px;
	line-height:13px;
	color:#e9cfce;
}

#right-academy .courses, #right-academy .registration {
	width:200px;
	height:14px;
	margin-top:6px;
}

.right-academy-envelope {
	display:block;
	position:absolute;
	margin-left:140px;
	margin-top:-90px;
	width:89px;
	height:90px;
	background:url(/i/right-academy-envelope.png) no-repeat;
}

#right-stylist-connection {
	height:115px;
}

#footer {
	width:859px;
	margin:0 auto;
	padding:10px 9px 0 0;
	background:url(/i/footer.png) no-repeat;
	text-align:right;
	font-size:11px;
	color:#7c7a00;
}

#footer a, #footer i {
	font-style:normal;
	color:#a8a8a8;
}

#footer a:hover {
	text-decoration:none;
}

#clear {
	clear:both;
}

/* forms */
.form-row-textbox {
	clear:both;
	height:26px;
}

.form-row-padding {
	padding:3px 0;
}

.label {
	float:left;
	width:85px;
	padding-top:1px;
	padding-right:5px;
	text-align:right;
	font-size:12px;
	font-weight:bold;
	color:#5e5b00;
}

.label i, .label-scale i {
	position:absolute;
	margin-left:-6px;
	font-size:16px;
	font-style:normal;
	font-weight:bold;
	color:#990000;
}

.label-scale {
	float:left;
	padding-top:1px;
	padding-right:5px;
	font-size:12px;
	font-weight:bold;
	color:#5e5b00;
}

.label-single-row {
	padding-top:10px;
}

.label-textarea {
	float:none;
	clear:both;
	margin-top:-15px;
	padding-bottom:5px;
}

.label-textarea i {
	position:relative;
	top:3px;
	padding-right:2px;
	font-size:16px;
	font-style:normal;
	font-weight:bold;
	color:#990000;
}

.field {
	width:300px;
	color:#666;
}

.field-scale {
	font-size:11px;	
	color:#666;
}

.textbox {
	padding:3px;
	border:1px solid #cacaca;
	background:#ecebeb;
	font-size:11px;
	color:#666;
}

.select {
	padding:2px;
	border:1px solid #cacaca;
	background:#ecebeb;
	font-size:11px;
	color:#666;
}

.textarea {
	width:360px;
	height:100px;	
	padding:2px;
	border:1px solid #cacaca;
	background:#ecebeb;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}

.tb25 {
	width:25px;
}

.tb30 {
	width:30px;
}

.tb45 {
	width:45px;
}

.tb55 {
	width:55px;
}

.tb85 {
	width:85px;
}

.tb115 {
	width:115px;
}

.tb150 {
	width:150px;
}

.tb175 {
	width:175px;
}

.tb200 {
	width:200px;
}

.radio {
	position:relative;
	top:3px;
}

.radio-margin {
	margin-left:5px;
}

#checkbox-left-right {
	clear:left;	
	padding-top:7px;
}

#checkbox-column {
	float:left;
	width:135px;
	margin-left:12px;
	font-size:11px;
	color:#666;
}

.checkbox-row {
	padding-bottom:2px;
}

.checkbox-row input {
	position:relative;
	top:2px;
	margin-right:3px;
}

.submit-button-row {
	padding-top:15px;
}

.submit-button {
	width:85px;
	height:31px;	
	border:none;
	background:url(/i/submit-button.gif) no-repeat;
	cursor:pointer;
}

.submit-button:hover {
	background:url(/i/submit-button.gif) 0 -31px no-repeat;
}

#appointments-form, #employment-form, #contact-form {
	padding-top:20px;
}

.payment {
	margin:5px 0 -15px 0;
}
/* /forms */

/* appointments */
#appointments-photo {
	min-height:550px;
	background:url(/i/appointments-photo.jpg) no-repeat right bottom;
	padding:27px 20px 0 20px;
}

.january, .february, .march, .april, .may, .june, .july, .august, .september, .october, .november, .december {	
	width:175px;
	height:190px;
	padding:15px 0 0 20px;
	background:url(/i/calendar.png) no-repeat;	
}

.calendar table caption {
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#fff;
}

.calendar table caption a.next, .calendar table caption a.prev {
	position:absolute;
	right:20px;
	width:11px;
	background:url(/i/calendar-next.png) 0 3px no-repeat;
	cursor:pointer;
}

.calendar table caption a.prev {
	left:20px;
	background:url(/i/calendar-prev.png) 0 3px no-repeat;
}

.calendar table td {
	width:20px;
	height:20px;
	background:url(/i/calendar-td.png) no-repeat;
	font-size:11px;
	text-align:center;	
	color:#b44545;
}

.calendar table th {
	font-size:11px;
	font-weight:bold;
	text-align:center;
	color:#fff;
}

.calendar table td.valid {
	background:url(/i/calendar-td-valid.png) no-repeat;
	cursor:pointer;
	color:#fff;
}

.calendar table td.hover {
	font-weight:bold;
}

button.calendar {
	width:20px;
	height:20px;
	position:absolute;
	margin-left:5px;
	margin-top:1px;	
	background:url(/i/calendar-button.gif) no-repeat;
	border:none;
	cursor:pointer;
}

button.calendar:hover, button.active {
	background:url(/i/calendar-button-hover.gif) no-repeat #666;
}
/* /appointments */

/* employment */
#employment-photo {
	min-height:550px;
	background:url(/i/employment-photo.jpg) no-repeat right bottom;
	padding:27px 20px 0 20px;
}
/* /employment */

/* contact */
#contact-photo {
	min-height:550px;
	background:url(/i/contact-photo.jpg) no-repeat right bottom;
	padding:27px 20px 0 20px;
}

#contact-info {
	padding-top:15px;
	height:305px;
}

#contact-info-left {
	float:left;
	width:300px;
}

#contact-info-left iframe {
	border:1px solid #999;
}

#contact-info-right {
	float:right;
	width:290px;
	font-size:12px;
	color:#666;
}

#contact-info-right b, #contact-info-right span {
	display:block;
}

#contact-info-right b {
	font-size:14px;
	color:#5E5B00;
}

#contact-info-right a {
	color:#770000;
}

#contact-info-right a:hover {
	text-decoration:none;
}

#contact-form {
	padding-bottom:75px;
}
/* /contact */

/* services */
#services-photo {
	min-height:600px;
	background:url(/i/services-photo.jpg) no-repeat right bottom;
	padding:27px 20px 115px 20px;
}

.services-wrapper {
	width:320px;	
	padding-left:140px;	
}

.services-divider {
	width:460px;
	height:70px;
	background:url(/i/home-left-item-divider.gif) center no-repeat;
}

.services-wrapper.valentini {
	height:179px;
	padding-top:29px;
	background:url(/i/services-valentini.gif) no-repeat bottom left;
}

.services-wrapper.bella {
	height:293px;
	background:url(/i/services-bella.gif) no-repeat bottom left;	
}

.services-column {
	float:left;
	width:160px;
}

.services-column ul {
	margin-left:25px;
	padding:15px 0 25px 0;
	list-style-type:none;
	font-size:11px;
	line-height:14px;
	color:#666;
}

.services-column ul.style {
	background:url(/i/services-style.gif) no-repeat;
}

.services-column ul.texture {
	background:url(/i/services-texture.gif) no-repeat;
}

.services-column ul.colour {
	background:url(/i/services-colour.gif) no-repeat;
}

.services-column ul.hair-extensions {
	background:url(/i/services-hair-extensions.gif) no-repeat;
}

.services-column ul.makeup-application {
	background:url(/i/services-makeup-application.gif) no-repeat;
}

.services-column ul.waxing {
	background:url(/i/services-waxing.gif) no-repeat;
}

.services-column ul.feet {
	background:url(/i/services-feet.gif) no-repeat;
}

.services-column ul.hand {
	background:url(/i/services-hand.gif) no-repeat;
}

.services-column ul.massage {
	background:url(/i/services-massage.gif) no-repeat;
}

.services-column ul.facial {
	background:url(/i/services-facial.gif) no-repeat;
}

.services-column ul.health {
	background:url(/i/services-health.gif) no-repeat;
}
/* /services */

/* team */
#team-content {	
	padding:27px 20px 50px 20px;
}

.team-wrapper {
	margin-top:15px;
}

.team-title {
	height:21px;
}

.team-bio {
	padding-top:0;
	margin-top:0;
}

.team-bio b {
	color:#807E33;
}

.team-gallery, .course-gallery {
	width:480px;
	height:109px;
	padding:21px 0 0 125px;
	background:url(/i/team-gallery.gif) no-repeat;
}

.course-gallery {
	margin-bottom:30px;
	background:url(/i/course-gallery.gif) no-repeat;
}

.team-photo, .course-photo, .bridal-photo {
	float:left;
	width:84px;
	height:84px;
	margin-left:6px;
	padding:4px 0 0 4px;
	background:url(/i/team-photo.gif) no-repeat;
}

.bridal-photo {
	margin:0;
	margin-right:10px;
}

.bridal-para {
	padding-top:40px;
}

.team-photo-portrait {
	float:left;
	width:84px;
	height:94px;
	margin-left:6px;
	padding:4px 0 0 4px;	
	background:url(/i/team-photo-portrait.gif) no-repeat;
}

.team-nophoto {
	float:left;
	width:88px;
	height:88px;
	margin-left:6px;
	background:url(/i/team-nophoto.gif) no-repeat;
}

.team-divider {
	height:40px;
	padding-bottom:10px;
	background:url(/i/home-left-item-divider.gif) center no-repeat;
}
/* /team */

/* hair care */
#hair-care-content h3 {
	margin-top:15px;
}

#hair-care-content h3 i {
	color:#555201;
}

.brand {
	padding-bottom:20px;
	background:url(/i/home-left-item-divider.gif) no-repeat center bottom;		
}

.brand-left {
	float:left;
	width:156px;
	text-align:center;
}

.brand-right {
	float:right;
	width:435px;
}
/* /hair care */

/* academy */
.instructor {
	margin-bottom:20px;
}

.instructor .instructor-left {
	float:left;
	width:80px;
	height:80px;
	background:url(/i/instructor-left.gif) no-repeat;
	padding:4px;
}

.instructor .instructor-right {
	float:right;
	width:510px;
}

#academy-links {
	text-align:center;
	margin-top:10px;
}

#academy-links .reg {
	margin-left:10px;
}
/* /academy */

/* privacy */
#hair-care-content, #privacy-terms-content, #sitemap-content {
	padding:27px 20px 50px 20px;
}
/* /privacy */

/* sitemap */
#sitemap {
	min-height:350px;
}

#sitemap ul {
	margin:10px 0 0 10px;
	list-style-type:none;
	font-size:12px;
}

#sitemap li {
	padding:0 0 2px 15px;
	background:url(/i/home-right-bottom-item.gif) 0 3px no-repeat;
}

#sitemap li.home {
	position:relative;
	right:15px;
	background:none;	
	font-size:14px;
	font-weight:bold;
}
/* /sitemap */

.clear {
	clear:both;
}

#right-accommodations {
	height:144px;
	padding:50px 10px 0 10px;
	background:url(/i/right-accommodations.gif) no-repeat;
}

#right-accommodations p {
	line-height:12px;
	color:#fff;
}

#right-accommodations a {
	display:block;
	height:18px;
	width:175px;
}