/* CSS Document */
/*author Babi Szolosi*/

/*normalises margin and padding*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin:			0;
	padding:		0;
}

/*normalises font-size for headings*/
h1, h2, h3, h4, h5, h6 {
	font-size:		100%;
}

/*removes list-style from lists*/
ol, ul {
	list-style:		none;
}

/*normalises font-style and font-weight to normal*/
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:		normal;
	font-weight:	normal;
}

/*removes borders and spacing from tables*/
table {
	border-collapse:	collapse;
	border-spacing:		0;
}

/*removes border from fieldset and img*/
fieldset, img {
	border:			0;
}

/*left aligns text in caption and th*/
caption, th {
	text-align:		left;
}

/*removes quotation marks from q*/
q:before, q:after {
	content:		'';
}
/***************************************************************************/
/***************************************************************************/

html {
	text-align:		center;

	
	}

body {
	position:		relative;
	width:			60em;
	max-width:		1500px;
	font:			100%/1.4   Eurostile, Verdana, Arial, Helvetica, sans-serif;
	margin:			auto;
	text-align:		left;
	/*background:	#fff url(images/left_deco6.gif) no-repeat top left;background-color:	#f99e21;*/
	background:		transparent url(images/body_bg3.jpg) repeat-y 50% 0;
	z-index:		1;
	
}
/*organising the page main layout*/
#container {
	position:		relative;
	width:			100%;			
	z-index:		2;
	background-color:		#FFFFFF;
}
#content_main, #site_info, #branding {
	float:			left;
	left:			0;
	width:			66%;
	padding:		2em 0;	
}
.facial #content_main {
	padding:		2em 0 0 0;	
}

#content_sub {
	position:		absolute;
	top:			0;
	left:			47%; /*450px*/
	width:			600px;
	padding:		26em 0 5em 0;
	background:		transparent url(images/menu_bg.png) no-repeat 0 0;	

}
#content_sub ul, #content_sub form {
	position:		relative;
	left:			260px;
	width:			250px;
}
#content_sub form {
	left:			245px;
	width:			250px;
	padding:		0 0 0 33px;
	height:			300px;
	background:		transparent  url(images/stones_frangipani2.jpg) no-repeat 100% 100%;
	border-bottom:	10px solid #f99e21;
	margin-bottom: -80px;
}

/*format the heading*/
#branding {
	height:			290px;
	background:		transparent url(images/healthy_glow_bc15.jpg) no-repeat 0 0;
	z-index:		3;
}
h1, #branding blockquote {
	position:		absolute;
	text-indent:	-9990px;
}
h1 {

}
h2 {
	font:			4.5em  "Hobo Std", Modern, fantasy;
	color:			#e72413;
	position:		absolute;
	width:			650px;
	top:			230px;
	left:			10px;
	text-shadow:	#f2f1f1 3px 2px;
	background:		transparent  url(images/stones_frangipani4.jpg) no-repeat bottom right;	
}
#content_main h3 {
	padding:		1em 0 0 0.7em;
}
h3 {
	font:			1.6em  "Hobo Std", Modern, fantasy;
	color:			#e72413;
}
#content_main h4 {
	padding:		0.1em 0 0.1em 1em;
}
p {
	padding:		0 1em 0 1em;
			
}
#nav_services {
	position:		absolute;
	width:			50%;
	height:			500px;
	left:			57.5%;
	z-index:		4;
	background:		transparent url(images/green.jpg) no-repeat 79% 75%;	
}
#nav_services ul {

}
#nav_services li {
	position:		absolute;
	list-style-image:		url(images/frangipani_white_xsm.png);
	font-weight:		bold;
	font-size:		0.9em;

}
#nav_services li a {
	color: 				#f99e21;
	display:			block;
	margin-left:		0.5em;

}
#nav_services li a:visited {
	color: 				#3D833A;
}
#nav_services li a, #nav  li a:visited {
	text-decoration:	none;
}
#nav_services li a:hover {
	font-weight:		bold;
	text-decoration:	none;
	color:				#fff;
	background-color:	#f99e21;
	padding:			1px 6px 1px 2px;
	/*text-shadow: 0.2em 0.2em #333;*/
}
.active_link {
	color:				#e72413;
	text-decoration: 	none;
} 

#link_1 {
	top:			2em;
	left:			1.6em;
}
#link_2 {
	top:			4em;
	left:			3.6em;
}
#link_3 {
	top:			6em;
	left:			5.5em;
}
#link_4{
	top:			8em;
	left:			6.8em;
}
#link_5 {
	top:			10em;
	left:			8em;
}
#link_6 {
	top:			12em;
	left:			9em;
}
#link_7 {
	top:			14em;
	left:			9.9em;
}
#link_8 {
	top:			16em;
	left:			10.6em;
}
#link_9 {
	top:			18em;
	left:			11.3em;
}
#link_10 {
	top:			20em;
	left:			11.9em;
}
#link_11 {
	top:			22em;
	left:			12.3em;
}
#link_12 {
	top:			24em;
	left:			12.6em;
}
#link_13 {
	top:			26em;
	left:			12.8em;
}

#notes {
	padding:		410px 0 2em 0;
}
.index_page #notes  {
	background:		transparent url(images/sothys_1.jpg) no-repeat 0 10px;
}
.facial #notes {
	background:		transparent url(images/sothys_2.jpg) no-repeat 0  10px;
}
.microdermabrasion #notes {
	background:		transparent url(images/Micro_neck_hi_res.jpg) no-repeat 0  10px;

}
.body_treatment #notes, .hand_feet #notes {
	background:		transparent url(images/sothys_4.jpg) no-repeat 0 10px;
}
.hand_feet #notes {
	background:		transparent url(images/hand_feet2.jpg) no-repeat 0 10px;
	padding:		400px 0 2em 0;
}
.makeup #notes {
	background:		transparent url(images/inika1.jpg) no-repeat 0 10px;
	padding:		180px 0 2em 0;
}
.eyelash #notes {
	background:		transparent url(images/eyes.jpg) no-repeat 0 10px;
	padding:		270px 0 2em 0;
}
.nails #notes {
	background:		transparent url(images/handflowerd.jpg) no-repeat 0 10px;
	padding:		370px 0 2em 0;
}
.packages #notes {
	background:		transparent url(images/sothys_8.jpg) no-repeat 0 10px;
}
.massage #notes {
	background:		transparent url(images/sothys_5.jpg) no-repeat 0 10px;
	padding:		230px 0 2em 0;
}
.waxing #notes {
	background:		transparent url(images/waxing.jpg) no-repeat 0 10px;
	padding:		370px 0 2em 0;
}
.spray_tan #notes {
	background:		transparent url(images/spray_tan.jpg) no-repeat 0 10px;
	padding:		400px 0 2em 0;
}
.contact_us #notes {
	background:		transparent url(images/sothys_6.jpg) no-repeat 0 10px;
	padding:		370px 0 2em 0;
}
.laser #notes {
	background:		transparent url(images/laser.jpg) no-repeat 0 10px;
	padding:		270px 0 2em 0;
}
.terms #notes {
	background:		transparent url(images/sothys_3.jpg) no-repeat 0 10px;
	padding:		320px 0 2em 0;
}
.gift_voucher #notes {
	background:		transparent url(images/sothys_7.jpg) no-repeat 0 10px;
	padding:		370px 0 2em 0;
}
.gallery #notes {
	background:		transparent url(images/sothys_10.jpg) no-repeat 0 10px;
	padding:		390px 0 2em 0;
}
.products #notes {
	background:		transparent url(images/products.jpg) no-repeat 0 10px;
	padding:		280px 0 2em 0;
}
#site_info {
	position:			relative;
	text-align: 		left;
	padding:			0.8em 0 0.8em 1em;
	margin:				3em 0 0 0;
	background-color:	#f99e21;
	width:				70%;
	font:				bold 90%/1.4 Eurostile, Verdana, Arial, Helvetica, sans-serif;
	
}

#site_info p {
	color:				#FAF8F8;
	margin:				0;
	padding:			2px 0;
	line-height:		1em;
}
#site_info a, #site_info a:visited {
	padding: 			5px;
	background-color: 	transparent;
	color:				#FFFFFF;
	text-decoration:	none;
}
#site_info a:hover {
	padding: 			5px;
	color:				#999999;
	text-decoration: 	none;
}
#site_info:after {
	content:		".";
	display:		block;
	height:			0;
	clear:			both;
	visibility:		hidden;
}
#disclaimer {
	font-weight:		lighter;
	font-size:			0.8em;
}
#alpha_links a img, form {
	padding:			0 0 0 0;
}
#alpha_links h3 {
	padding:			1.5em 0 0 0;
}
#nav_main  {
	float:			left;
	width:			70.5%;
	top:			1em;
	margin:			0;
	padding:		0.5em 0 0 0.5em;
	height:			2em;
	list-style:		none;
	background-color:#f99e21;
	border-bottom:	#fdda88 solid 3px;
	border-top:		#fdba51 solid 3px;
}
#nav_main li {
	float:			left;
	display:		inline;
	height:			2em;
	font:			bold 0.9em Eurostile, Verdana, Arial, Helvetica, sans-serif;
	font-weight:	bold;
	text-align:		left;
	border-right:	#999 dotted 1px;

}

#nav_main .active_link, #nav_main a {
 	margin:		0;
 	float:			left;
	display:		block;
	text-decoration:	none;
	padding:		0.5em 1em 0.2em 1em;
	color:			#FFFFFF;


}

#nav_main li a:hover {
	color:			#999;
	background:		transparent url(images/hover_bg3.png) repeat-x top left;
}
#nav_main li :hover {


}
#nav_main .active_link {
	padding-bottom:	0;
	height:			1.5em;
	color:		#e72413;
}
#content_main {

	
}
#content_main ul li h4 {
	background-color:#f99e21;
	color:	#fff;
	position:		relative;
	height:			1.5em;
}
#content_main ul li h4, #content_main ul li p, #content_main p {
	width:			90%;

}
#content_main p {
	padding-bottom:	1em;
}
#content_main ul li {
	padding-bottom:	0.5em;
}
.treatment, .duration, .price, .special_treatment .price  {
	position:			absolute;
}
.treatment {
	left:			1em;
}
.duration {

	left:	300px;
}
.add_on {
	padding-top:	0.9em;
}
.add_on_first {
	padding-top:	0;
}
.add_on_last {
	padding-top:	0.9em;	
	margin-bottom:	1em;
}
.add_on .price, .add_on_first .price, .add_on_last .price {
	font-size:		0.9em;
}
#nails .duration {
	left:	320px;
}
.price, .special_treatment .price {
	left:	500px;
}
.special_treatment {
	font-weight:	bold;
}

#content_main #packages li ul  {
	position:		relative;
	margin-left:	7em;
}
#content_main #packages li ul  li {
	list-style-image:	url(images/bullet1.gif);
}
#alpha_links li {
	padding-bottom:	2em;
}

ol {
	list-style-type:decimal;
}
ol li {
	margin-left:	3em;
	width:			82%;
}
.text_link {
	text-decoration:	none;
	color:			#e72413;
	font-weight:	bold;
}
.index_page #content_main h2 h3 + p {
	z-index:		200;
}
.index_page #content_main #packages {
	padding-bottom:6.5em;
	background:		transparent url(images/products.jpg) no-repeat 88% 63%;
}
.specials {
	padding-left:	26%;
}
img.specials  {
	padding-left:	45%;
}
.location, .opening_hours {
	margin-left:	1em;

}
.location li, .opening_hours li {
	line-height:	0.8em;
}
.map {
	padding:		1em 0 1em 1em;
}
.map img  {
	border:			solid 1px gray;
}
.gallery #content_main img {
	padding-top:	1em;
}
/*
.laser #content_sub{
	min-height:		1781px;
}
.waxing #content_sub {
	min-height:		2018px;
}
.gallery #content_sub  {
	min-height:		1961px;
}
.products #content_sub {
	min-height:		2561px;
}
.spray_tan #content_sub {
	min-height:		1561px;
}
*/
 #product_type {
	position:		relative;
	padding-top:	550px;

}
#product_type li h3 a {
	text-decoration:	none;
	color:#e72413;
	font-size:	0.9em;
}
#product_type li h3 img {
	position:	absolute;
	/*width:			194px;
	height:			194px;background-color:#f99e21;*/
	padding:		12px;
	outline:	 	1px solid #ccc;
	
}
#sothys h3 img {
	top:			1em;
	left:			1em;
}

#ultraceuticals h3 img {
	top:			1em;
	left:			15em;
}
#inika h3 img {
	top:			13em;
	left:			1em;
}
#biosculpture h3 img {
	top:			13em;
	left:			15em;
}
#alpha_h h3 img {
	top:			26em;
	left:			1em;
}
#tanacious h3 img {
	top:			26em;
	left:			15em;
}
#product_type ul li h3{
	display:	inline;

}
#content_main ul li ul li p {
	display:	block;
	width:		22em;
	padding:	0.5em 0 2em 205px;
	text-align:	justify;
	/*background-color:#CC66CC;*/
}
#sothys h3 span {
	position:	absolute;
	margin-top:		15em;
}
#sothys ul {
	position:		relative;
	margin-top:		25em;
}
#sothys ul img, #ultraceuticals ul img, #inika ul img, #biosculpture ul img, #alpha_h ul img, #tanacious ul img {
	float:			left;
	padding:		1em 1.5em 0.8em 0;
	clear:			both;
}
#content_main ul li ul li:after { 
	content:		".";
	display:		block;
	height:			0;
	clear:			both;
	visibility:		hidden;
}
strong {
	font-weight:	bold;
	color: 			#e72413;
}
#content_main ul li ul li #no_bullets li {
	list-style-image: none;
}
#content_main ul li .special_conditions {
	width:			270px;
	margin-top:		0;
	padding-top:	3em;
	padding-bottom:	0;
}