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

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

/*----------------------------------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;
}

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

p {
	font-size:0.9em;
}

/*------------------------------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.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}

#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:20px;
	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:#CF003D;
}

#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:#C09;
	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;
}


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

#images p a {
	color:#CF003D;
	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:160px;
	height:350px;
	float:left;
	position:relative;
}

#grad #top_image img {
	margin-top:15px;
}


#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:160px;
	height:350px;
	float:left;
	position:relative;
}

#stylist #top_image img {
	margin-top:15px;
}



#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:160px;
	height:350px;
	float:left;
	position:relative;
}

#senior #top_image img {
	margin-top:15px;
}


#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:160px;
	height:350px;
	float:left;
	position:relative;
}

#simon #top_image img {
	margin-top:15px;
}

#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:#CF003D;
	font-size:1.2em;
	display:block;
	margin:15px 0 0 0;
}

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

p.active a {
	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
}