/*
	Salon Chique CSS
*/

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

.hidden {
	display:			none;
}

.unbold {
	font-weight:		normal!important;
}

.grey {
	color:					#555;
}

.small {
	font-size:				7pt!important;
}

.right {
	text-align:				right;
}

.googlemap {
	width:					341px;
	height:					341px;
	border:					1px #000 solid;
}

h4 {
	float:					left;
	clear:					left;
	width:					300px;
	font-size:				10pt;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.alert_error, .alert_success {
	margin:					0;
	padding:				5px 0 5px 0;
	font-size:				7pt!important;
	color:					#555;
}

.alert_error:first-line, .alert_success:first-line {
	font-weight:			bold;
	font-size:				9pt;
	color:					#000;
}

.list_mid {
	width:					100%;
	list-style-type:		none;
	padding-bottom:			15px;
}

.list_mid li {
	width:					100%;
	background-image:		url(icon_mid.gif);
	background-repeat:		no-repeat;
	background-position:	0 2px;
	
	float:					left;
	clear:					left;
	
	height:					60px;
}

.list_mid a {
	display:				block;
	padding-left:			45px;
	text-decoration:		none;
	color:					#000;
	font-size:				8pt;
}

.list_mid a:first-line {
	font-weight:			bold;
}

.listing {
	float:					left;
	width:					226px;
	margin-right:			11px;
	margin-bottom:			20px;
}

.listing tr {
	float:					left;
	clear:					both;
	width:					226px;
}

.nrm {
	margin-right:			0!important;
}

.listing th, .listing td {
	line-height:			12pt;
}

.listing th {
	font-size:				9pt;
	width:					226px;
	border-bottom:			1px #aaa solid;
	padding:				10px 0 4px 0;
}

.listing td {
	float:					left;
	font-size:				8pt;
}

.listing .price {
	float:					right;
	margin-top:				1px;
	font-size:				8pt;
	color:					#777;
	text-align:				right;
}

.list2col {
	width:					100%;
}

.list2col th {
	font-size:				10pt;
	padding:				10px 0 2px 0;
}

.list2col td {
	padding-bottom:			20px;
	padding-top:			5px;
	border-top:				1px #aaa solid;
	
	font-size:				9pt;
	line-height:			14pt;
	text-align:				justify;
}

.hours {
	margin:					5px 0 15px 50px;
	width:					240px;
}

.hours th, .hours td {
	font-size:				9pt;
	padding:				2px 0 2px 0;
}

.hours th {
	border-bottom:			1px #777 solid;
}

.mailpara {
	display:				block;
	background-image:		url(mail.gif);
	background-repeat:		no-repeat;
	background-position:	0 10px;

	margin:					10px 0 15px 0;
	padding:				5px 0 0 60px;
}

.form {
	width:					100%;
	background-color:		#ddd;	
	border:					1px #bbb solid;
	
	padding-top:			5px;
}

.form td {
	padding:				2px 4px 2px 4px;
	vertical-align:			top;
}

.form th {
	font-size:				8pt;
}

.form td {
	font-size:				9pt;
}

.form .textarea, .form .textbox, .form .select {
	float:					right;
	width:					200px;
	border:					1px #aaa solid;
}

.form .submit {
	float:					right;
	padding:				2px 5px 2px 5px;
	border:					1px #777 solid;
	background-color:		#ddd;
	color:					#000;
}

body {
	text-align:			center;
}

#header, #menu, #content, #copyright {
	display:			block;
	clear:				both;
	width:				701px;
	margin:				0 auto 0 auto;
	text-align:			left;
}

#content p {
	margin-bottom:		20px;
	margin-top:			5px;
}

#header {
	height:				79px;
	margin-top:			50px;
}

#header h1 {
	float:				right;
	background-image:	url(logo.gif);
	background-repeat:	no-repeat;
	width:				230px;
	height:				79px;
}

#menu {
	background-image:	url(top_image_new.jpg);
	margin-top:			25px;
	height:				188px;
}

#menu li {
	float:				left;
	padding:			130px 0 0 0;
	list-style-type:	none;
}

#menu li a {
	display:			block;
	background-image:	url(menu_items.gif);
	background-repeat:	no-repeat;
	width:				146px;
	height:				36px;
	
	
}

#menu #m1_1 a {
	background-position:	20px -70px;
}
#menu #m1_2 a {
	background-position:	-130px -70px;
}
#menu #m1_3 a {
	background-position:	-275px -70px;
}

#menu #m1_1 .selectable:hover {
	background-position:	20px -30px;
}
#menu #m1_2 .selectable:hover {
	background-position:	-130px -30px;
}
#menu #m1_3 .selectable:hover {
	background-position:	-275px -30px;
}

#menu #m1_1 .lit {
	background-position:	20px 10px;
}
#menu #m1_2 .lit {
	background-position:	-130px 10px;
}
#menu #m1_3 .lit {
	background-position:	-275px 10px;
}

#content {
	margin-top:				20px;
}

#content #column_left {
	display:				inline;
	float:					left;
	clear:					left;
	
	margin-right:			15px;
}

#content #column_right {
	float:					left;
}

#content .column {
	width:					343px;
}

#content h3 {
	display:				block;
	clear:					both;	
	
	background-image:		url(h3_wide.gif);
	background-repeat:		no-repeat;
	
	width:					701px;
	height:					20px;
}


#content .column h3 {
	background-image:		url(h3.gif);
	background-repeat:		no-repeat;
	
	width:					343px;
	height:					20px;
}

#copyright {
	height:					60px;
	margin-top:				25px;
	padding-top:			5px;
	border-top:				1px #aaa solid;
}

#copyright #copyright_left {
	float:					left;
}

#copyright #copyright_right {
	float:					right;
}

/*
	Fonts
*/

body {
	font-family:			'Verdana', 'Century Gothic', 'sans-serif';
}

h3 {
	font-size:				9pt;
	font-weight:			normal;
	text-align:				center;
	line-height:			14pt;
	text-transform:			uppercase;
	letter-spacing:			0.05em;
	color:					#fff;
}

#content p {
	font-size:				9pt;
	line-height:			14pt;
	text-align:				justify;
}

#copyright p {
	font-size:				8pt;
}

#copyright p a {
	color:					#000;
	text-decoration:		none;
}