/* Jouvence */
/* 13/10/2005 */


body{
        background-image: url(../images/header_shadow.gif);
		background-repeat: no-repeat;
		background-position: center top;
		background-color: #dededd;
		text-align: center;
		color: #2F2F2F;
}

/*------------------homepage------------------------------*/


/*logo + top nav*/
#toplogo{
	width: 760px;
	height: 94px;
	background-image: url(../images/logo-jou.gif);
	background-position: center;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
}


#topnav{
	margin-left: 42%;
	padding-top: 60px;
}


#topnav a:link, #topnav a:visited{
	font: 10px Verdana, Arial;
	color: #555655;
	text-decoration: none;
}

#topnav a:hover{
	font: 10px Verdana, Arial;
	color: #555655;
	text-decoration: none;
	border-bottom: 2px solid #dededd;
}


#topnav .here{
	font: 10px Verdana, Arial;
	color: #555655;
	text-decoration: none;
	border-bottom: 2px solid #dededd;
}


/*----------------------headers------------------------------*/

/*header home*/

#header{
	width: 760px;
	height: 285px;
	background-image: url(../images/header-home.jpg);
	background-position: center;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
}

/*header face section*/

#headerface{
	width: 760px;
	height: 200px;
	background-image: url(../images/header-face.jpg);
	background-position: center;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
}

/*header body section*/

#headerbody{
		width: 760px;
	height: 200px;
	background-image: url(../images/header-body.jpg);
	background-position: center;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
}

/*header men section*/

#headermen{
	width: 760px;
	height: 200px;
	background-image: url(../images/header-men.jpg);
	background-position: center;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
}

/*header contact section*/

#headercontact{
	width: 760px;
	height: 200px;
	background-image: url(../images/header-contact.jpg);
	background-position: center;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
}

/*header news section*/

#headernews{
	width: 760px;
	height: 200px;
	background-image: url(../images/header-news.jpg);
	background-position: center;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
}

/*header vouchers section*/

#headervouchers{
	width: 760px;
	height: 200px;
	background-image: url(../images/header-vouchers.jpg);
	background-position: center;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
}


/*------------------------------------------------*/

#breadcrumb{
    height: 10px;
  	width: 760px;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	margin-top:0px;
	margin-bottom:0px;
	padding: 0px;
	font: 10px Verdana, Arial;
    color: #797878;
    text-decoration: none;
	text-align: left;
	text-transform: lowercase;
}

#breadcrumb p{
	font: 10px Verdana, Arial;
    color: #797878;
    text-decoration: none;
	text-transform: lowercase;
	padding-left: 22px;
	margin: 0px;
}

#breadcrumb a:link, #breadcrumb a:visited{
	font: 10px Verdana, Arial;
	color: #797878;
	text-decoration: none;
	text-transform: lowercase;
}

#breadcrumb a:hover{
	font: 10px Verdana, Arial;
    color: #797878;
    text-decoration: underline;
	text-transform: lowercase;
}


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


#contentarea{
 	width: 760px;
	background-color: #fff;
	margin: 0 auto 0 auto;
	padding: 0px;
}

/* content area for pages that stretch full 770px ie index.html*/

#contentfull{
	text-align: left;
	margin: 38px 22px 0px 22px;
	padding: 0 0 50px 0;
	background-color: #fff;
}

#contentfull h2{
	font: 16px Arial, Verdana;
   color: #B6B3A3;
}

#contentfull p{
	font: 10px Verdana, Arial;
   color: #797878;
}

#contentfull img{
margin-left: 15px;
}

#sothys{
margin-top: 38px;
margin-right: 22px;
margin-left: 30px;
  float: right;
}

/* content area for pages that have secondary nav down right hand side ie body.html*/

#content{
 	width: 532px;
	text-align: left;
	margin-left: 180px;
	margin-right: 22px;
	margin-top: 38px;
	margin-bottom: 0px;
	padding: 0 0 50px 0;
	background-color: #fff;
}

#content h2{
	font: 16px Arial, Verdana;
    color: #B6B3A3;
}

#content p{
	font: 10px Verdana, Arial;
    color: #797878;
}


/* content in tables within pages ie hands-feet.html*/

#contenttable{
	font: 10px Verdana, Arial;
    color: #797878;
    margin-bottom: 50px;
}

#contenttable p{
	font: 10px Verdana, Arial;
    color: #797878;
}
/*------------------------------------------------*/



#hairy{
	font: 10px Verdana, Arial;
    color: #797878;
   	text-align: right;
	width: 760px;
	margin: 0 auto 0 auto;
	padding: 3px 0 0 0;
}

#hairy a:link, #hairy a:visited, #hairy a:hover{
	font: 10px Verdana, Arial;
    color: #797878;
}


/*left area - secondary menu + content area*/

#leftarea {
	float:left;
	padding:38px 0 0 24px;
	width: 110px;
	background-color: #fff;
}


/*left menu - secondary menu*/

/*#leftmenu {
	float:left;
	padding:38px 0 0 24px;
	width: 110px;
	background-color: #fff;
}*/


#leftmenu ul{
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
}

#leftmenu li{
	margin:0;
	padding:0 10px 2px 0;
	display:inline;
	font-weight:bold;
	text-transform:lowercase;
	line-height: 1.9em;
	border-right: none;
	display: block;
	border-bottom: 1px dotted #929245;
	white-space: nowrap;
	font: 10px/20px Arial, Verdana;
	color: #676767;
	text-align: left;
	text-decoration: none;
}

#leftmenu li a:link{
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #676767;
	text-decoration: none;
}

/*PRIMARY NAV LINK*/
#leftmenu a:link, #leftmenu a:visited {	
    font-family: Verdana, Arial;
	font-size: 10px;
	color: #676767;
	text-decoration: none;
}

#leftmenu a:hover{
	text-decoration: underline;
}


/*------------------------------------------------*/

/*address down bottom of page*/

#address{
	width: 760px;
	height: 55px;
	background-image: url(../images/footer.jpg);
	background-position: center;
	background-repeat: no-repeat;
	margin: 0 auto 0 auto;
	padding: 0px;
	font: 10px Verdana, Arial;
    text-decoration: none;
	text-align: left;
	clear:both;
	border-top: 1px white solid;
	}


#address p{
	font: 10px Verdana, Arial;
	color: #787878;
	text-decoration: none;
	padding-left: 22px;
	margin: 0px;
}

#address a:link, #address a:visited{
	font: 10px Verdana, Arial;
	color: #787878;
	text-decoration: none;
}

#address a:hover{
	font: 10px Verdana, Arial;
    color: #787878;
    text-decoration: underline;
}

/*----------------------------------------------*/