html, body	{ height: 100%; overflow: auto; }
body
{
	font: normal 13px/normal tahoma, arial, sans-serif;
	color: #6f7982;
	background: #1d2b36 url('/img/bg.gif') repeat 0 0;
	padding: 0;
	margin: 0;
}

ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, label, span, em, a 
{
	border: 0;
	padding: 0;
	margin: 0;
}
ul { list-style-type: none; }

a 			{ text-decoration: none; color: #6f7982; outline: 0; }
a:hover 	{ color: #fff; }
p a 		{ border-bottom: 1px solid #aa1717; }

a img			{ border: none; }

a.thumb			
{
	width: 100px;
	height: 67px;
	overflow: hidden;
	display: block;
	border: 3px solid transparent; 
}
a.thumb:hover 	{ border-color: #aa1717; }


/*--------------
	.girl
---------------*/
.girl 
{
	width: 450px;
	height: 100%;
	text-indent: -9999px;
	background: transparent url('/img/girl.jpg') no-repeat right center;
	display: block; 
	position: fixed;
	top: 0; 
	left: 0;
}
* html .girl { position: absolute; }



/*--------------------------------------
	.container // main holder
--------------------------------------*/
.container
{
	width: 620px;
	display: inline;
	float: left;
	padding: 70px 0 0 0;
	margin: 0 0 0 450px;
}

.container .extra,
.container #content	{ overflow: hidden; margin: 0 0 30px 0; }

.container .nav,
.container #content,
.container .footer	{ width: 400px; }

.container .logo,
.container .extra	{ width: 180px; }



/*--------------------------------------
	.container .nav // navigation
--------------------------------------*/
.container .nav
{
	float: left;
}
.container .nav ul
{
	width: 100%;
	overflow: hidden;
}
.container .nav ul li
{
	display: inline;
}
.container .nav ul li a
{
	width: 80px;
	height: 46px;
	background: transparent no-repeat left top;
	display: block;
	float: left;
	margin: 0 18px 0 0;
}
.container .nav ul li a:hover,
.container .nav ul li.selected a	{ background-position: left bottom; }

.container .nav ul li.nav-about a		{ background-image: url('/img/nav-about.gif'); }
.container .nav ul li.nav-services a	{ background-image: url('/img/nav-services.gif'); }
.container .nav ul li.nav-prices a		{ background-image: url('/img/nav-prices.gif'); }
.container .nav ul li.nav-contact a		{ background-image: url('/img/nav-contact.gif'); }



/*--------------------------------------
	.container .logo // logo & slogan
--------------------------------------*/
.container .logo
{
	width: 231px;
	height: 166px;
	background: transparent url('/img/logo.gif') no-repeat top left;
	float: right;
	position: relative;
	margin: -60px -30px 0 0;
}
* html .container .logo { position: static; margin-right: -20px; }

.container .logo a
{
	width: 200px;
	height: 120px;
	display: block;
	border: none;
	margin: 25px 0 0 15px;
}



/*--------------------------------------
	.container #content // content area
--------------------------------------*/
.container #content
{
	background: transparent url('/img/content-bg.gif') no-repeat right top;
	float: left;
}

#content h2,
#content h3,
.extra h4
{
	height: 60px;
	text-indent: -9999px;
	background: transparent no-repeat 0 0;
	margin: 0 0 15px 0;
}
#content h3
{
	height: 50px;
}
#content h2.welcome 		{ background-image: url('/img/heading-welcome.gif'); }

#content h3.working-with 	{ background-image: url('/img/heading-working-with.gif'); }
#content h3.womens		 	{ background-image: url('/img/heading-womens.gif'); }
#content h3.mens		 	{ background-image: url('/img/heading-mens.gif'); }
#content h3.beauty		 	{ background-image: url('/img/heading-beauty.gif'); }
#content h3.massage		 	{ background-image: url('/img/heading-massage.gif'); }
#content h3.sunbed		 	{ background-image: url('/img/heading-sunbed.gif'); }
#content h3.address		 	{ background-image: url('/img/heading-address.gif'); }
#content h3.opening-times 	{ background-image: url('/img/heading-opening-times.gif'); }
#content h3.contact-form 	{ background-image: url('/img/heading-contact-form.gif'); }
#content h3.phone-email 	{ background-image: url('/img/heading-phone-email.gif'); }
#content h3.reiki		 	{ background-image: url('/img/heading-reiki.gif'); }
#content h3.manicure		{ background-image: url('/img/heading-manicure.gif'); }
#content h3.french-manicure	{ background-image: url('/img/heading-french-manicure.gif'); }
#content h3.pedicure		{ background-image: url('/img/heading-pedicure.gif'); }
#content h3.color-touch		{ background-image: url('/img/heading-color-touch.gif'); }
#content h3.koleston-perfect{ background-image: url('/img/heading-koleston-perfect.gif'); }
#content h3.headlines		{ background-image: url('/img/heading-headlines.gif'); }
#content h3.taning-spray	{ background-image: url('/img/heading-taning-spray.gif'); }

#content h5
{
	font-size: 15px;
	font-weight: bold;
	color: #a2abb4;
	margin: 0 0 5px 0;
}

#content p
{
	line-height: 23px;
	margin: 0 0 25px 0;
}
#content p.light,
#content p.light a		{ color: #a7c1d6; }

#content span.amp,
.extra span.amp
{
	font: normal 17px/normal georgia, "times new roman", garamond, serif;
	color: #535c64;
	margin: 0 3px;
}
#content span.red,
.extra span.red			{ color: #aa1717; }
#content span.small		{ font-size: 11px; }

#content p b 			{ color: #a2abb4; }

#content blockquote
{
	line-height: 25px;
	color: #535c64;
	background: transparent url('/img/quote.gif') no-repeat top left;
	padding: 20px 50px 0 100px;
	margin: 0 0 25px 0;
}

#content sup { font-size: 60%; }

#content table
{
	width: 99%;
	border-spacing: 2px;
	margin: 0 0 25px 0;
}
#content table tr td
{
	width: 65%;
	padding: 5px 10px;
	border-bottom: 1px solid #0b0f11;
}
#content table tr td.price
{
	width: 35%;
	background-color: #0c1013;
}

#content .thumbs
{
	width: 100%;
	overflow: hidden;
}
#content .thumbs img
{
	float: left;
	margin: 10px;
}

#content .thumbs .thumb,
#content .thumbs-logos a 
{
	float: left;
	margin: 0 18px 18px 0;
}

#content ul
{
	margin: 0 20px 25px;
}
#content ul li
{
	line-height: 20px;
	background: url('/img/list-item.gif') no-repeat 0 7px;
	margin: 0 0 5px 0;
	padding: 0 0 0 20px;
}

#content form
{
	background-color: #0c1013;
	padding: 10px 0;
}

#content form .item
{
	width: 99%;
	overflow: hidden;
	margin: 0 auto 15px;
}
#content form .item label
{
	width: 100px;
	text-align: right;
	float: left;
	display: block;
	margin: 0 10px 0 0;
}
#content form .item label span
{
	font-size: 11px;
	font-style: normal;
	color: #779dc3;
	display: block;
}
#content form .item span	{ display: none; }
#content form .warning span { font-size: 10px; color: #aa1717; display: inline; margin: 0 0 0 5px; }

#content form .item .text
{
	width: 200px;
	font: normal 14px/normal georgia, "times new roman", garamond, serif;
	color: #a9bbca;
	float: left;
	background-color: #1f282e;
	border: none;
	border-bottom: 2px solid #283239;
	overflow: auto;
	padding: 5px 10px;
}
#content form .item .textarea	{ height: 100px; }
#content form .item .submit
{
	font-weight: bold;
	color: #daa2a2;
	background-color: #780707;
	border: none;
	padding: 3px 10px;
	margin: 0 0 0 110px;
}
#content form .item p
{
	display: inline;
	margin: 0;
}
#content form p.message
{
	font-size: 15px;
	line-height: 23px;
	margin: 10px 60px 30px 110px;
}
#content form p.loading
{
	background: url('/img/indicator.gif') no-repeat transparent 0 0;
	padding: 0 0 0 50px;
}



/*--------------------------------------
	.container .extra // extra area
--------------------------------------*/
.container .extra
{
	float: right;
	padding: 20px 0 0 0;
}
.container .extra h4
{
	height: 40px;
}
.container .extra h4.how-find		{ background-image: url('/img/heading-how-find.gif'); }
.container .extra h4.our-services	{ background-image: url('/img/heading-our-services.gif'); height: 60px; }

.container .extra p
{
	line-height: 15px;
	margin: 0 0 10px 0;
}

.container .extra .contact-brief
{
	width: 150px;
	background: #242d34 url('/_content/salon.jpg') no-repeat center 15px;
	padding: 210px 15px 15px 15px;
}
.container .extra .contact-brief p { font-size: 11px; }

.container .extra ul.nav-sub
{
	margin: 0 0 30px 10px;
}
.container .extra ul.nav-sub li
{
	font-weight: bold;
	background: transparent url('/img/navsub-item.gif') no-repeat 0 0;
	padding: 2px 0 2px 30px;
	margin: 0 0 10px 0;
}
.container .extra ul.nav-sub li.selected
{
	background-image: url('/img/navsub-selected.gif');
}



/*--------------------------------------
	.container .footer // footer
--------------------------------------*/
.container .footer
{
	font-size: 11px;
	border-top: 3px solid #242d34;
	padding: 30px 5px;
	margin: 0 0 30px 0;
}
.container .footer p,
.container .footer #music
{
	display: inline;
	float: left;
}
.container .footer #music
{
	float: right;
}