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

/*----------------colors-----------------------*/
/*----------------simon pink #45287a-----------*/
/*--------background blueish-#3E3E51-----------*/
/*--------background dark----#212631-----------*/
/*-------light purple--#795A9E------------------*/
/*-------light purple--#4F2A6F------------------*/
/*----------------wella purple #45287a----------*/

/*----------------------------------Resets--------------------------------------*/

html, body, span, div, h1, h2, h3, h4, h5, h6, p, form, fieldset, textinput, legend, textarea, label {
	border:0;
	margin:0;
	padding:0;
	font-size:100%;
	font-weight:normal;
	font:Arial, Helvetica, sans-serif;
	color:#000;
}

h1 {
	font-size: 1.5em;
}

h2 {
	font-size: 1.2em;
	color:#9b9b9b;
}

h3 {
	font-size: 1em;
	color:#9b9b9b;
}

p {
	font-size:0.9em;
}

.last {
	position:relative;
	top:-200px;
}
/*------------------------------General Layout---------------------------------*/

body {
	text-align:center;
	background-image: url(../images/bg1.gif);
	background-repeat: repeat-x;
}

#wrapper {
	width:920px;
	height:780px;
	margin:0 auto;
	position:relative;
	text-align:left;
}

#header {
	width:920px;
	height:60px;
	float:left;
	position:relative;
	background-image: url(../images/simon_logo_purple.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#slideShow {
	width:920px;
	height:250px;
	margin-top:10px;
	float:left;
	position:relative;
}

#content {
	width:920px;
	height:400px;
	margin-top:10px;
	float:left;
	position:relative;
	background-repeat: no-repeat;
	background-position: left top;
}

#footer {
	width:920px;
	height:70px;
	margin-top:40px;
	float:left;
	position:relative;
}

/*----------------------------------------Header-------------------------------------------------*/

/*----------------------------------------Nav----------------------------------------------------*/

#nav {
	width:auto;
	height:auto;
	float:right;
	position:absolute;
	bottom:0px;
	right:0px;
}

#nav ul.navigation {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}

#nav ul.navigation li {
	float:left;
	text-align:center;
	margin:0 0 0 5px;
	padding:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: italic;
}

 ul.navigation a {
	font-size:0.9em;
	line-height:2;
	width:60px;
	height:30px;
	display:block;
	color:#cccccc;
	text-decoration:none;
}

ul.navigation li a:link, #nav ul.navigation li a:visited {
	color:#cccccc;
}

 ul.navigation li a:hover {
	background-image:url(../images/nav_image_overl.gif);
	background-repeat:no-repeat;
	background-position: bottom;
}

ul.navigation li a.selected {
	background-image:url(../images/nav_image_activel.gif);
	background-repeat:no-repeat;
	background-position:top;
}

/*----------------------------------------Cu3er slide show--------------------------------*/

#cu3er-container {
	width:920px;
	height:250px;
	outline:0;
}

/*----------------------------------------Content---------------------------------*/

/*----------------------------------Slider Styles-----------------------------------------*/

#slider {
    width:920px;
    margin: 0 auto;
    position: relative;
	text-align:left;
}

.scroll {
	height: auto;
	width: 920px;
	overflow: auto;
	overflow-x: hidden;
	position: relative;
	clear: left;
	background-repeat: no-repeat;
	background-position: left top;
}

.scrollContainer div.panel {
	padding: 10px;
	height: auto;
	width: 900px;
	background-repeat: no-repeat;
}

.hide {
    display: none;
}

/*--------------------------------Text--------------------------------*/
#text {
	width:525px;
	height:400px;
	float:left;
	position:relative;
	background-repeat: no-repeat;
	background-position: left top;
}

#text h1 {
	margin:0.5em 0 0 1em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:italic;
	color:#45287a;
}

#services h1{
	color;#fff;
}

#text p {
	margin:0.5em 1em 0.25em 1.5em;
	line-height:1.3;
	color:#ccc;
	font-size:0.9em
}

#text.location h2 {
	margin-left:1em;
	color:#9b9b9b;
	margin-top:0.5em;
}

#text.location p {
	line-height:1.2;
	color:#ccc;
}

/*--------------------------services-----------------*/

#services #text h3 {
	margin-top: 20px;
}

/*-----------------------images--------------------*/

#content #images {
	width:375px;
	height:400px;
	float:right;
	position:relative;
	background-repeat: no-repeat;
	background-position: left top;
}

#content #images #top_image {
	width:130px;
	height:170px;
	margin:20px 0 0 20px;
	float:left;
	position:relative;
}

#content #images #bottom_image {
	width:130px;
	height:170px;
	float:right;
	margin-top:210px;
	margin-right:20px;
	position:relative;
}

div#text ul li {
	color:#9b9b9b;
}

#content #images #top_image_map {
	width:350px;
	height:200px;
	margin:20px 0 0 20px;
	float:left;
	position:relative;
}

#content #images #top_image_map small a {
	position:absolute;
	top:20px; 
	left:-150px;
	text-decoration:none;
	font-size:1.2em;
	color:#ffffff;
}

#content #images #bottom_image_map {
	width:350px;
	height:200px;
	margin:20px 0 0 20px;
	float:left;
	position:relative;
}

#content #images #bottom_image_map small a {
	position:absolute;
	top:20px; 
	left:-150px;
	text-decoration:none;
	font-size:1.2em;
	color:#ffffff;
}



/*------------------------------images  content-------------------------------------*/

#images p a {
	color:#45287a;
	text-decoration:none;
}

#services #images  h3 {
	margin:60px 0 0 5px;
}

#services #images  h3.service1 {
	margin:66px 0 0 5px;
}

#services #images  h3.service2 {
	margin:50px 0 0 5px;
}

#services #images p {
	margin:0 0 0.25em 1.5em;
	line-height:1.3;
	color:#ccc;
	font-size:0.9em
}

#grad #images p {
	margin:0.5em 0 0.25em 1.5em;
	line-height:1.3;
	color:#ccc;
	font-size:0.9em
}

#grad #images p.first {
	margin-top:60px;
}

#grad #top_image {
	width:190px;
	height:350px;
	float:left;
	position:relative;
}

#grad #top_image img {
	margin-top:15px;
	border:1px solid #45287a;
}


#stylist #images p {
	margin:0.5em 0 0.25em 1.5em;
	line-height:1.3;
	color:#ccc;
	font-size:0.9em
}

#stylist #images p.first {
	margin-top:60px;
}

#stylist #top_image {
	width:190px;
	height:350px;
	float:left;
	position:relative;
}

#stylist #top_image img {
	margin-top:15px;
	border:1px solid #45287a;
}



#senior #images p {
	margin:0.5em 0 0.25em 1.5em;
	line-height:1.3;
	color:#ccc;
	font-size:0.9em
}

#senior #images p.first {
	margin-top:60px;
}

#senior #top_image {
	width:190px;
	height:350px;
	float:left;
	position:relative;
}

#senior #top_image img {
	margin-top:15px;
	border:1px solid #45287a;
}









#senior2 #images p {
	margin:0.5em 0 0.25em 1.5em;
	line-height:1.3;
	color:#ccc;
	font-size:0.9em
}

#senior2 #images p.first {
	margin-top:60px;
}

#senior2 #top_image {
	width:190px;
	height:350px;
	float:left;
	position:relative;
}

#senior2 #top_image img {
	margin-top:15px;
	border:1px solid #45287a;
}









#simon #images p {
	margin:0.5em 0 0.25em 1.5em;
	line-height:1.3;
	color:#ccc;
	font-size:0.9em
}

#simon #images p.first {
	margin-top:60px;
}

#simon #top_image {
	width:190px;
	height:350px;
	float:left;
	position:relative;
}

#simon #top_image img {
	margin-top:15px;
	border:1px solid #45287a;
}

#cut_type {
	width:250px;
	height:auto;
	float:left;
	position:relative;
	margin:10px 0 0 0;
}

#cost {
	width:40px;
	height:auto;
	float:left;
	position:relative;
	margin:10px 0 0 20px;
}

#cut_type2 {
	width:250px;
	height:auto;
	float:left;
	position:relative;
	margin:10px 0 0 0;
}

#cost2 {
	width:40px;
	height:auto;
	float:left;
	position:relative;
	margin:10px 0 0 20px;
}

h2.style {
	color:#fff;
}

p.price a.top {
	color:#45287a;
	font-size:1.2em;
	display:block;
	margin:15px 0 0 0;
}

p.price a {
	text-decoration:none;
	color:#45287a;
	font-size:1.2em;
	margin:10px 0 0 0;
	display:block;
}

p.active a {
	color:#fff;
}

/*------------------------------Form---------------------------------------------*/

#form {
	width:100%;
	height:auto;
	position:relative;
	float:left;
}

#error {
	color:#45287a;
}

#error p {
	color:#45287a;
}

input.text#name{
	position:absolute;
	left:150px;	
}

input.text#phone {
	position:absolute;
	left:150px;	
}

input.text#email {
	position:absolute;
	left:150px;
}

#form p.name, #form p.number, #form p.email {
	margin-bottom:15px;
	color:#FFF;
}

#form p.name label, #form p.number label, #form p.email label, #form p label {
	color:#FFF;
}

textarea {
	position:absolute;
	left:150px;
}

#form input#submit2 {
	position:relative;
	float:left;
	top:95px;
	left:150px;
	color:#fff;
}





/*--------------------------------Footer------------------------------------------*/

#footer #footer_left {
	float:left;
	position:relative;
	width:300px;
	height:25px;
}

#footer #footer_left p {
	margin:5px 0 0 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#CCC;
}

#footer #footer_right {
	float:right;
	position:relative;
	width:300px;
	height:25px;
}

#footer #footer_right a {
	float:right;
	margin:5px 10px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#CCC;
	text-decoration:none
}