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

TITLE : All SAINTS COSMEDICAL
URL:  http://www.sitesuite.com.au

AUTHOR : SiteSuite Australasia
AUTHOR URL : http://www.sitesuite.com.au

DESCRIPTION: Full Site Styles

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

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

html, body {
	padding: 0;
	margin: 0;
	background: #4e4632 url(/persistent/images/bg_body.gif) left top repeat-x;
	font: normal 12px/1.4em Arial, Helvetica, sans-serif;
	color: #403A2C;
	}
	
.clear {
	clear: both;
	height: 0;
	margin: 0;
	line-height: 0;
	}

/*-------------------------------------------
  HEADINGS
-------------------------------------------*/

h1 {
	font: normal 25px/30px "Century Gothic", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #E4701E;
	margin: 0 0 25px 0;
	padding: 0 0 8px 0;
	border-bottom: 1px dotted #ECE5D9;
	}

h2 {
	font: bold 15px/20px "Century Gothic", Arial, Helvetica, sans-serif;
	color: #E4701E;
	margin: 0 0 10px 0;
	padding: 0;
	text-transform: uppercase;
	}

h3 {
	font: bold 13px/20px Arial, Helvetica, sans-serif;
	margin: 0 0 5px 0;
	padding: 0;
	}

/*-------------------------------------------
  TEXT STYLES
-------------------------------------------*/

	
	.introText {
		font: 14px/20px Arial, Helvetica, sans-serif;
		color: #9E937F;
		}
	
a { color: #E4701E; }
a:hover { text-decoration: none; }

/*-------------------------------------------
  LAYOUT ELEMENTS
-------------------------------------------*/
	
#container {
	width: 960px;
	background: #fff url(/persistent/images/bg_header.gif) top right no-repeat;
	margin: 0 auto;
	padding: 0px 0 15px 0;
	}
	
	#topHeader { 
		height: 90px;
		padding: 60px 0px 0px 10px;
		font: normal 20px Georgia, "Times New Roman", Times, serif;
		color: #8a7564; }
		#topHeader small { font-size: 16px; }
		#topHeader a { color: #8a7564; text-decoration: underline; }

	#navWrap {
		width: 960px;
		height: 51px;
		background: #E5DCCC;
		}
		
		/*-------------------------------------------
		  DROPDOWNS
		-------------------------------------------*/

		#nav, #nav ul {
			list-style: none;
			padding: 0;
			margin: 0;
			}
		
		#nav li {
			cursor: pointer;
			float: left;
			margin: 0;
			}
			
		#nav li a {
			font: normal 16px Arial, Helvetica, sans-serif;
			color: #402e00;
			display: block;
			text-decoration: none;
			padding: 18px 18px 18px 18px; }
			
		#nav li a:hover { 
			color: #fff;
			text-decoration: none;
			}
		
		#nav li.selected a {}
		#nav li.selected a:hover {}	
		#nav li.selected a, #nav li a:hover {}
				
		#nav li ul a, #nav li ul a:visited {
			min-height: 15px;
			font: normal 12px arial, helvetica, sans-serif;
			display: block;
			text-decoration: none;
			text-align: left;
			padding: 7px 10px;
			border-right: 1px solid #ab9f85;
			border-left: 1px solid #ab9f85;
			border-bottom: 1px solid #ab9f85;
			color: #402e00;
			width: 200px;
			background-color: #bcb099;
			}
			
		#nav li ul a:hover { 
			background-image: none;
			color: #fff;
			background-color: #bcb099;
			}
		
		#nav li.selected ul a, #nav li.selected ul a:visited {}
		#nav li.selected ul a:hover { color: #fff; }
		#nav li ul li { background-color: #bcb099; }
		
		#nav li {
			float: left;
			padding: 0;
			}
		
		#nav li ul {
			position: absolute;
			left: -999em;
			height: auto;
			width: 164px;
			margin: 0;
			padding: 0;
			}
		
		#nav li li {
			width: 164px;
			background-image: none;
			}
		
		#nav li ul ul { margin: -26px 0 0 176px; }
		
		#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 {
			color: #fff;
			position: static;
			}
		
		#nav li ul li:hover, #nav li ul li.sfhover { 
			background-image: none;
			background-color: #bcb099;
			}

	#contentWrapHome {
		width: 930px;
		margin: 15px 15px 0px 15px;
		}
		
		#homeIntro {
			margin: 0 0 25px 0;
			padding: 25px;
			background: #b2a793;
			}
			
			#homeIntro h1 {
				color: #403a2c;
				margin: 0 0 15px 0 ;
				padding: 0;
				border: none;
				}
			
			#homeIntro h2, #homeIntro a { color: #f5f0e7; }
			#homeIntro p, #homeIntro td, #homeIntro li {
				color: #403a2c;
				font: 14px/18px Arial, Helvetica, sans-serif;
				}
			
			#homeIntro img {
				float:left;
				margin: 0 35px 35px 0;
				padding: 3px;
				border: 1px solid #e5dccc;
				}
		
		#homeContentLeft { width: 260px; float: left; }
			#homeContentLeftBar { 
				background: #beb7aa url(/persistent/images/bg_left_bar.gif) left top repeat-x;
				padding: 10px;
				width: 235px;
				 margin-bottom: 5px; }
				#homeContentLeftBar h2 {
					font: normal 14px/18px Arial, Helvetica, sans-serif;
					color: #000000;
					margin: 0px 0px 0.8em 0px;
					padding: 0px;
					text-transform: none; }
				#homeContentLeftBar img { border: 1px solid #ffffff; }
				#homeContentLeftBar .buTTon { 
					background: #beb7aa url(/persistent/images/bg_button.gif) left top repeat-x;
					height: 25px;
					display: block;
					width: 200px;
					padding: 5px 0px 0px 0px;
					text-align: center;
					text-decoration: none;
					color: #4e4632;
					border: 2px solid #ffffff;
					-moz-border-radius: 8px;
					-webkit-border-radius: 8px;
					-khtml-border-radius: 8px;
					border-radius: 8px;
					margin: 0px auto; }
			#homeContentLeft .sideBarPromo { width: 243px; padding: 5px; border: 1px solid #e5dccc; margin-bottom: 5px; }
				#homeContentLeft .sideBarPromo .brownBG { 
					text-align: center;
					background: #a59385;
					color: #ffffff;
					padding: 20px;
					-moz-border-radius: 8px;
					-webkit-border-radius: 8px;
					-khtml-border-radius: 8px;
					border-radius: 8px; }
					#homeContentLeft .sideBarPromo .brownBG a { color: #ffffff; text-decoration: none; }
					#homeContentLeft .sideBarPromo .brownBG b { font-size: 14px; }
					#homeContentLeft .sideBarPromo .brownBG form { padding: 10px 0px 0px 0px; margin: 0px; }
					#homeContentLeft .sideBarPromo .brownBG .inputBox { 
						padding: 1px;
						margin: 0px 2px 0px 0px;
						width: 120px;
						height: 21px;
						font-size: 12px;
						border: 1px solid #ffffff;
						-moz-border-radius: 4px;
						-webkit-border-radius: 4px;
						-khtml-border-radius: 4px;
						border-radius: 4px;
						float: left; }
					#homeContentLeft .sideBarPromo .brownBG .buTTon { 
						padding: 0px;
						margin: 0px;
						height: 26px;
						font: normal 11px Arial, Helvetica, sans-serif;
						border: 1px solid #afafaf;
						background: #f4f4f4 url(/persistent/images/bg_button_grey.gif) left top repeat-x;
						-moz-border-radius: 4px;
						-webkit-border-radius: 4px;
						-khtml-border-radius: 4px;
						border-radius: 4px;
						float: left; }
				#homeContentLeft .sideBarPromo img { padding: 0px; border: 1px solid #e5dccc; background: #ffffff; }
		#homeContentMain { width: 665px; float: right; }
		#homeContentMain h1 {
			font: normal 22px/24px Arial, Helvetica, sans-serif;
			text-transform: uppercase;
			color: #4e4632;
			margin: 0px 0px 0.8em 0px;
			padding: 0px;
			border: none; }
		#homeContentMain h2 {
			font: normal 14px/18px Arial, Helvetica, sans-serif;
			color: #E4701E;
			margin: 0px 0px 0.8em 0px;
			padding: 0px;
			text-transform: none; }
		#homeContentMain h3 {
			font: normal 16px/20px Arial, Helvetica, sans-serif;
			color: #E4701E;
			margin: 0px 0px 0.8em 0px;
			padding: 0px;
			text-transform: none; }
		#homeContentMain img { padding: 3px; border: 1px solid #e5dccc; background: #ffffff; }
		#homeContentMain .grey_bg { background: #eceae5; padding: 5px 5px 5px 5px; width: 210px; height: 330px; margin-bottom: 10px; }
		#homeContentMain .grey_bg p { padding: 0px; margin: 0px 0px 0.6em 0px; }

	#contentWrap {
		width: 930px;
		margin: 15px 15px 0 15px;
		background: url(/persistent/templateimages/navBG.gif) top left repeat-y;
		}
		
		#subNav {
			width: 152px;
			padding: 0 15px 15px 15px;
			float: left;
			}

			#navul {
				width: 152px;
				margin: 0px;
				padding: 0px;
				list-style-type: none;
				}
			
				#navul li { display: inline; }  /* To remove IE's whitespace beneath all list-items - THANKS, Microsoft =) */
			
				#navul li a  {
					margin: 0px;
					padding: 18px 5px 8px 5px;
					display: block;
					font: bold 12px Arial, Helvetica, sans-serif;
					color: #9E937F;
					text-decoration: none;
					border-bottom: 1px dotted #DBD5C9;
					}
			
				#navul li a:hover { color: #403A2C; }
			
			
				#navul ul {
					margin: 0px;
					padding: 0px;
					}
			
					#navul ul li a {
						padding: 8px 10px 8px 20px;
						margin: 0px;
						font-weight: normal;
						border: none;
						display: block;
						}
			
						#navul ul ul { border: none; }
			
							#navul ul ul li a {
								padding: 8px 10px 8px 30px;
								display: block;
								}
					
		#contentInner {
			width: 703px;
			float: right;
			margin: 0 15px 0 0;
			display: inline;
			}
			
	
	#footer {
		width: 960px;
		margin: 0 auto;
		padding: 5px 5px;
		color: #4e4632;
		}
		
		#footer a {
			color: #ffffff;
			padding: 0 5px;
			text-decoration: none;
			}
		#footer a:hover { text-decoration: underline; }
		
		#treatments {
			color: #a59385;
			background: #3e3828;
			padding: 10px; }

		#copyright {
			padding: 5px 5px 0 0;
			text-align: right;
			color: #76746f;
			font: normal 11px Arial, Helvetica, sans-serif;
			}
			
			#copyright a { color: #76746f; padding: 0; }

#stats { display: none; }

/*-------------------------------------------
  MISC
-------------------------------------------*/

.imgright {
	float: right;
	margin: 0 0 35px 35px;
	padding: 3px;
	border: 1px solid #e5dccc;
	}

.imgleft {
	float:left;
	margin: 0 35px 35px 0;
	padding: 3px;
	border: 1px solid #e5dccc;
	}

.horizontalRule { background: url(/persistent/templateimages/vertical_rule.gif) top center repeat-y; }

#headerWrapper {
	width:100%;
}

		#flashcontent {
			float:left;
		}
		
		#headerTextWrapper {
			width: 400px;
			margin-left: 17px;
			float:left;
		}
		
		
a.brown:link, a.brown:visited, a.brown:hover {
	color: #403A2C;
}