/* CSS Document */

/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}

body {
	background-image: url(images/background.jpg);
}

h1
{
	font-family: "lucida grande", verdana, sans-serif;
	font-size: 1.5em;
	color: #4D3F2C;
	margin: 10px 0 -5px 33px;
	padding-bottom: 5px;
	width: 450px;
	border-bottom: 1px solid #6B6557;
}

#pad /* padding for php-included contact table */
{
	margin: 0 0 0 31px;
}

h2 {
  font-size: 2.0em;
  font-weight: normal;
}

#wrapper {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	background-image: url(images/fauxcol.gif);
	border: solid #FFF 1px;
}

#homeContent01
{
	background-image: url(images/homecontent-01.jpg);
	background-color: #251a0a;
	background-repeat: no-repeat;
}

#homeContent02
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.6em;
	color: #90866C;
	padding: 0 20px 0 0;
	background-color: #261A0C;
}

#homeContent02 p
{
margin: 15px 0 20px 0;
}


/* link styles ----------------------------------------  */


#wrapper a:link, a:visited
{
	color: #554830;
}

#wrapper a:hover
{
	color: #9A8A67;
}

#navBack a:link, a:visited
{
	color: #554830;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
}

#navBack a:hover
{
	color: #554830;
	text-decoration: none;
}


/* The Core Technique
================================= */

body {
  text-align: center; 
  min-width: 900px;
}

#content { 
  width: 539px;
  float: right; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.7em;
  line-height: 1.6em;
  color: #4D3F2C;
  padding-bottom: 20px;
}

#contentHome
{ 
  width: 539px;
  float: right; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.7em;
  line-height: 1.6em;
  color: #4D3F2C;
}

#content p
{
	padding: 10px 20px 10px 33px;
}

#content ul
{
	margin: 0 0 0 70px;
}

.headerPad
{
 margin-bottom: 20px;
}

#mainNav { 
  width: 360px; 
  float: left; 
  text-align: center;
  margin: 0;
  padding: 0;
} 

#mainNav a
{ 
  margin: 0;
  padding: 0;
} 

#mainNav p
{
margin-bottom: 20px;
}

/* Navigation  */

.navBack
{
	background-image: url(images/nav_back.jpg);
	border-right: 1px solid #FFF;
	background-repeat: no-repeat;
	width: 360px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    line-height: 1.3em;
	clear: left;
	margin: 0;
	padding: 0;

}

#navigation
{
	width: 360px;
	height: 216px;
	float: left;
	margin: -4px 0 0 0;
	padding: 0;
}

#navigation ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#navigation a
{
margin: 0;
padding: 0;
text-indent: -999em;
text-decoration: none;
}

#navigation a.nav01, a.nav01:link, a.nav01:visited, a.nav01:active
{
	display: block;
	width: 90px;
	height: 109px;
	background: url(images/nav_01.jpg) no-repeat left top;
	overflow: hidden;
}

#navigation a.nav01:hover
{
	background: url(images/nav_01.jpg) no-repeat right top;
}

#navigation a.nav02, a.nav02:link, a.nav02:visited, a.nav02:active
{
	display: block;
	width: 90px;
	height: 109px;
	background: url(images/nav_02.jpg) no-repeat left top;
		overflow: hidden;

}

#navigation a.nav02:hover
{
	background: url(images/nav_02.jpg) no-repeat right top;
}

#navigation a.nav03, a.nav03:link, a.nav03:visited, a.nav03:active
{
	display: block;
	width: 90px;
	height: 109px;
	background: url(images/nav_03.jpg) no-repeat left top;
		overflow: hidden;

}

#navigation a.nav03:hover
{
	background: url(images/nav_03.jpg) no-repeat right top;
}

#navigation a.nav04, a.nav04:link, a.nav04:visited, a.nav04:active
{
	display: block;
	width: 90px;
	height: 109px;
	background: url(images/nav_04.jpg) no-repeat left top;
		overflow: hidden;

}

#navigation a.nav04:hover
{
	background: url(images/nav_04.jpg) no-repeat right top;
}

#navigation a.nav05, a.nav05:link, a.nav05:visited, a.nav05:active
{
	display: block;
	width: 90px;
	height: 109px;
	background: url(images/nav_05.jpg) no-repeat left top;
		overflow: hidden;

}

#navigation a.nav05:hover
{
	background: url(images/nav_05.jpg) no-repeat right top;
}

#navigation a.nav06, a.nav06:link, a.nav06:visited, a.nav06:active
{
	display: block;
	width: 90px;
	height: 109px;
	background: url(images/nav_06.jpg) no-repeat left top;
		overflow: hidden;

}

#navigation a.nav06:hover
{
	background: url(images/nav_06.jpg) no-repeat right top;
}

#navigation a.nav07, a.nav07:link, a.nav07:visited, a.nav07:active
{
	display: block;
	width: 90px;
	height: 109px;
	background: url(images/nav_07.jpg) no-repeat left top;
		overflow: hidden;

}

#navigation a.nav07:hover
{
	background: url(images/nav_07.jpg) no-repeat right top;
}

#navigation a.nav08, a.nav08:link, a.nav08:visited, a.nav08:active
{
	display: block;
	width: 90px;
	height: 109px;
	background: url(images/nav_08.jpg) no-repeat left top;
		overflow: hidden;

}

#navigation a.nav08:hover
{
	background: url(images/nav_08.jpg) no-repeat right top;
}

#navigation ul li
{
	float: left;
}

/* CSS to highlight the navigation based on the current page  */


#salon a.nav01
{
	background: url(images/nav_01.jpg) no-repeat right top;
	cursor: default;
}

#spa a.nav02
{
	background: url(images/nav_02.jpg) no-repeat right top;
	cursor: default;
}

#careers a.nav03
{
	background: url(images/nav_03.jpg) no-repeat right top;
	cursor: default;	
}

#shop a.nav04
{
	background: url(images/nav_04.jpg) no-repeat right top;
	cursor: default;
}

#information a.nav05
{
	background: url(images/nav_05.jpg) no-repeat right top;
	cursor: default;
}

#wishcards a.nav06
{
	background: url(images/nav_06.jpg) no-repeat right top;
	cursor: default;
}

#contact a.nav07
{
	background: url(images/nav_07.jpg) no-repeat right top;
	cursor: default;
}

#new a.nav08
{
	background: url(images/nav_08.jpg) no-repeat right top;
	cursor: default;
}

/* Footer  */

.clear 
{
	clear: both;
}


#footer 
{
	width: 900px;
	height: 50px;
	color: #554830;
	margin: 0 auto;
	padding-top: 20px;
	font-size: 0.6em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.footerLeft
{
	float: left;
	width: 700px;
	text-align: left;
	line-height: 1.5em;
}

.footerRight
{
	float: right;
	width: 150px;
	text-align: right;	
	line-height: 1.5em;
}

#footer a
{
	color: #554830;
}

#footer a:hover
{
	color: #FFFFFF;
}
.view_cart {
	background-color: #EBEAE2;
	padding: 0px;
	border: 1px solid #9F9888;
	width: 400px;
	margin: 20px 20px 20px 30px;
}
.view_cart_text1 {
	font-size: 1em;
	padding: 0px;
	margin: 0px;
}
.view_cart p {
	margin: 0px;
	padding: 0px;
}
