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

/*****************************************
 Site Settings
*****************************************/

/* hide from ie on mac \*/

html {
	height: 100%;
	overflow: hidden;
}

#flashcontent {
	height: 100%;
}

/* end hide */

body {
	background: #e6ddca url(../images/backing_pattern.gif) scroll center;
	background-position: 45px 95px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;
	padding: 0;
	height:100%;
}

h1 {
	margin:0;
	padding:0;
	font-size:18px;
	font-weight: bold;
	color:#fff;
}

h2 {
	margin:0 0 20px 0;
	padding: 30px 0 10px 0px;
	font-size:14px;
	font-weight: bold;
	color:#3687b5;
	border-bottom:1px solid #EBEBEB;
}

h3{
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:0 0 20px;
	color:#3687b5;
}

h4{
	font-size:11px;
	font-weight:normal;
	margin:0px 0px 0px 20px;
	padding:20px 0 20px 0px;
}

p {
	margin:0;
	padding:0 0 15px 0;
	line-height: 20px;
	font-size: 11px;
}

a:link    { color: #958e73; text-decoration: none; }    /* unvisited links */
a:visited { color: #958e73; text-decoration: none; }   /* visited links   */
a:hover   { color: #000; } /* user hovers     */
a:active  { color: #958e73; }   /* active links    */

/*****************************************
 Site Settings
*****************************************/

#site {
	padding: 0;
	margin: 0;
	background: #e6ddca;
}

#header {
	padding:20px 0 0 0;
	width:840px;
	margin: 0 auto;
	text-align: center;
}

	#header img {border:none;}

#nav {
	background: #48413c url(../images/menu_backing.gif) repeat-x;
	width:100%;
	height:71px;
	text-align: center;
}

#menu { list-style: none; padding: 18px 0 0 0; margin:0 auto; width:565px; }
#menu a { display: block; text-indent: -900%; outline: none;float:left; }
#menu a:hover { background-position: 0px -35px; }

	#menu .about { width: 51px; height: 35px; background: url(../images/menu_about.gif) no-repeat; }
	#menu .thesalon { width: 81px; height: 35px; background: url(../images/menu_thesalon.gif) no-repeat; }
	#menu .products { width: 76px; height: 35px; background: url(../images/menu_products.gif) no-repeat; }
	#menu .services { width: 63px; height: 35px; background: url(../images/menu_services.gif) no-repeat; }
	#menu .location { width: 73px; height: 35px; background: url(../images/menu_location.gif) no-repeat; }
	#menu .contact { width: 69px; height: 35px; background: url(../images/menu_contact.gif) no-repeat; }
	
	#menu .active { background-position: 0px -35px; }
	
#menu .break { float:left; }

#content {
	width:840px;
	margin: 0 auto;
}

#content img{ border: 2px solid #d3cdb9; }

#twocolumns { list-style: none; padding: 18px 0 0 0; margin:0 auto; width:840px; }
#twocolumns li { display:block; float:left; width:250px; padding:0 20px 0 0; margin:0; }
#twocolumns .secondcolumn { border-left:1px solid #999; width:500px; padding:0 0 0 20px; }

#threecolumns { list-style: none; padding: 18px 0 0 0; margin:0 auto; width:840px; }
#threecolumns p { font-size:11px; }
#threecolumns li { display:block; float:left; width:250px; padding:0 20px 0 0; margin:0; }
#threecolumns .middlecolumn { border-left:1px solid #999; border-right:1px solid #999; padding:0 20px 0 20px; width:250px; }
#threecolumns .lastcolumn { padding:0 0 0 20px; width: 255px; }

#twocolumns img, #threecolumns img { border:none; }

.button:link, .button:visited{
	text-transform: uppercase;
	font-size:11px;
	margin-top: 10px;
	background:url(images/btn_core.gif) right 0px;
	color:#56554e;
	display:block;
	height:34px;
	width:245px;
	line-height:35px;
	text-decoration:none;
}
.button span {
	background:url(../images/btn_core.gif) left 0px;
	display:block;
	height:34px;
	width:245px;
	text-align: center;
}
.button:hover {
	background:url(../images/btn_core.gif) right 34px;
	display:block;
}
.button:hover span {
	background:url(../images/btn_core.gif) left 34px;
	display:block;
}

#background{
	width:100%;
	background: url(../images/backing_repeat.gif) repeat-x;
	text-align: left;
}

#pattern{
	width:100%;
	background:transparent;
}

/*****************************************
 Utilities
*****************************************/

.float-left { float:left; }
.float-right { float:right; }
.clear { clear:both; }