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

Title : Your Skin Fitness Salon
URL : www.ysfs.com.au

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

/*
----------------------------------------------------------------------------- 
GLOBALS
-----------------------------------------------------------------------------*/

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th{ 
	margin: 0;
	padding: 0;
	}

body { 
	font: 13px/17px arial, helvetica, verdana, sans-serif;
	background:#879dd7;
	color: #666666;
	margin: 20px 0px 10px 0px;
	padding: 0px;
	text-align: left;}

form, h1, h2, h3, h4, h5 { padding: 0px; margin: 0px; }

ul,ol {
	list-style: none;
	}

h1 { 
	font: normal 20px/24px Arial;
	color: #869acd;
	padding: 0;
	margin-bottom: 5px;}
h2 { 
	font: normal 18px Arial; 
	border-bottom: 1px solid #ccc;
	color: #869acd;
	padding: 0; }

a { color: #d3599a;	text-decoration:none;}
a:hover { text-decoration: underline; }

input { color: #999999; border: 1px solid #ccc; height:20px; margin:0px;}
select {}
textarea {}

.cLear { clear: both; line-height: 0px; font-size: 0px; }

#mainBody { 
	margin: 0px auto; }

	#headerBar { 
		background: url(/common/template/images/bg-header.gif) center bottom no-repeat;
		height:10px; }

	#bodyBar { 
		background: url(/common/template/images/bg-body.gif) center top repeat-y;
		padding: 0px 0px 10px 0px; }
			
		#mainBar { 
			margin: 0px auto 0px auto;
			width: 966px;
			padding: 0px 10px 0px 10px;
			background: url(/common/template/images/bg_content.gif) center top repeat-y; }
			
			#contentLeft { 
				float: left;
				width: 300px;
				background: url(/common/template/images/bg-content.jpg) left top no-repeat; }
				
				#newsletter {
				margin-top:450px;
				margin-left: 25px;
				}
				
				#newsletter H1 {
				color: #dc5fad;
				}
					
			#contentRight { 
				float: left;
				width: 630px;
				padding: 0px 10px 10px 0px; }
				
				#logo {margin: 15px 0 20px 0;  }
				
				#navWrapper {
				width: 640px;
				height: 43px;
				margin: 0;
				padding: 0;
				}
				
				
				#content {  }
				
					#imageRotate { width: 635px; margin-bottom:10px; }
					.fade img {	display: block;	}
			
			
				
			/*----------------------------------- 
MAIN NAVIGATION MENU
-----------------------------------*/

/* -- Top Menu Sucker Fish 4 Level -- */

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: left;
	}

#nav li {
	float: left;
	padding: 0;
	height: auto;
	margin: 0;
	}

#nav li a {
	color: #6b88d1;
	font: normal 15px Arial, Verdana, Helvetica, sans-serif;
	display: block;
	padding: 0px 13px 6px 13px;
	text-decoration: none;
	background: url(/common/template/images/nav-divider.gif) right no-repeat;
	}
		
#nav li a:hover { 
	color: #e271b8;
	}

#nav li.selected a { 
	color: #e271b8;
	}

#nav li.selected a:hover { 
	color: #e271b8;
	text-decoration: underline;
	}
	
#nav li.home a {
	background: none;
	}

/* -------- Drop down menu -------- */	

#nav li ul a, #nav li.selected ul a, #nav li ul a:visited {
	font: normal 13px Arial, Helvetica, sans-serif;
	display: block;
	text-decoration: none;
	text-align: left;
	padding: 7px 5px 7px 13px;
	color: #fff;
	width: auto;
	background: none;
	background-color: #ea7fc2;
	text-transform: none;
	}

	#nav li ul a:hover, #nav li.selected ul a:hover {
		background-color: #d96ab0;
		text-decoration: none;
		color: #fff;
		}

#nav li ul li { background-color: #1a8767; }

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 176px;
	margin: 0;
	padding: 0;
	}

#nav li li {
	width: 176px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ffffff;
	}

#nav li ul ul {
	margin: -1.90em 0 0 150px;
	}

#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul {
	left: -999em;
	}

#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul {
	left: auto;
	z-index: 500;
	}

#nav li:hover, #nav li.sfhover { position: static; }



	#footerBar { 
		background: url(/common/template/images/bg-footer.gif) center top no-repeat;
		padding: 15px 0px 10px 0px;
		margin: 0px auto; 
		width: 979px;
		text-align:center;
		color: #eef3fe;}
		
		#footerBar a {
		color: #eef3fe;
		text-decoration:underline; }
		
		#footerBar a:hover {
		text-decoration:none; }