/*
	Jennie Routley  
	http://www.jennieroutley.co.uk
	
	Color1: #333300
	Color2: #cccc99

*/

body {
	font-family: Helvetica, "MS Trebuchet", sans-serif;
	color: #333300;
	
}

h1 {
	font-size: 1.8em;
	font-weight: lighter;
}

#content p {
	font-size: 0.9em;		
	line-height: 1.5em;
	padding-bottom: 20px;
}

#content a  {
	color: #999966;
	text-decoration: none;
}

#content a:hover {
	color: #333300;
}

#header {
	background: #333300;
}

#top_strip p {
	text-align: right;
	font-size: 0.8em;
	padding: 6px 0;
}

#top_strip a {
	color: #999966;
	text-decoration: none;
}

	#top_strip a:hover {
		color: #333300;
	}

	#header h1 a {
		display: block;
		background: url('../images/emma_logo.jpg') top;
		text-indent: -9999px;
		height: 146px;
		width: 206px;
		
	}
		
		#header h1 a:hover {
			background-position: bottom;
		}
	
#menu ul#mainMenu {
	margin-top: 20px;
	float: right;
	clear: both;
}
	
	#menu ul#mainMenu li {
		float: left;
		border-right: 1px solid #cccc99;
		padding: 12px 0;
		text-transform: uppercase;
	}

		#menu ul#mainMenu li a {
			padding: 12px;
			text-decoration: none;
			color: #fff;
		}
		
		#menu ul#mainMenu li a:hover {
			color: #cccc99;
		}
		
		#menu ul#mainMenu li.selected a{
			color: #cccc99;
		}
		
		#menu ul#mainMenu li.last {
			border-right: none;
		}
		
		
	ul#social {
		float: right;
	}	
	
		ul#social li {
			float: left;
			margin-right: 20px;
			margin-top: 30px;
		}
		
		ul#social li a {
			text-indent: -9999px;
			display: block;
			height: 32px;
			width: 33px;
		}
		
			ul#social li a.fb {
				background: url('../images/facebook_ul.png') no-repeat;
			}

			ul#social li a.twit {
				background: url('../images/twitter_ul.png') no-repeat;
			}
			
			ul#social li a.blog {
				background: url('../images/blogger_ul.png') no-repeat;
			}
		
#flashbar {
	background: #cccc99;
	height: 146px;
	overflow: hidden;
	margin-top: 30px;
	z-index: 0;
}
	
	#flashbar blockquote {
		margin-top: 30px;
		line-height: 1.8em;
		font-size: 0.8em;
		text-align: right;
	}
	
		#flashbar p.author {
			padding-top: 10px;
		}
		
#content {
	position: relative;
}

#portrait_pic img {
	position: absolute;
	top: -120px;
	left: 30px;
}


#top_section {
	margin-top: 40px;
	margin-bottom: 20px;
}

	#top_section h1 {
		font-size: 1.8em;
		font-weight: lighter;
		padding-bottom: 30px;
	}
	
	
	
#boxout {
	position: relative;
	background: #cccc99;
	
}

img.grass {
	position: absolute;
	top: 700px;
	*top: 707px;
	left: 580px;
}



	#boxout .internal {
		padding: 20px 30px 20px 20px;
	}
	
	#boxout a {
			color: #fff;
			
		}
	
	#boxout h2 {
		padding-bottom: 20px;
	}
	
		#boxout h2 span {
			font-style: italic;
		}
		
#about_box {
	height: 360px;
	position: relative;
}		
		
#about_box h2 {
	border-bottom: 1px solid #333300;
	font-size: 1.5em;
	color: #cccc99;
	font-weight: lighter;
	padding-bottom: 15px;
	padding-left: 30px;
}
	
	#about_box p {
		padding:20px 0 0 30px;
	}
	
		
	
#footer {
	background: #333300;
	padding: 10px 0;
	
}

	#footer p {
		color: #fff;
		font-size: 0.8em;
		margin-top: 10px;
	}
	
	#footer a {
		color: #cccc99;
		text-decoration: none;
	}
	
	#footer a:hover {
		color: #fff;
	}
	
	#menu_footer ul {
	margin-top: 10px;
	float: right;
	font-size: 0.7em;
}
	
	#menu_footer ul li {
		float: left;
		border-right: 1px solid #cccc99;
		padding: 2px 0;
		text-transform: uppercase;
	}

		#menu_footer ul li a {
			padding: 10px;
			text-decoration: none;
			color: #fff;
		}
		
		#menu_footer ul li a:hover {
			color: #cccc99;
		}
	



/* TREATMENTS PAGE STYLES */

body#treatments #flashbar, body#process #flashbar, body#aboutme #flashbar, body#refs #flashbar,  body#cost #flashbar, body#testimonials #flashbar  {
	background: #cccc99;
	height: 78px;
	overflow: hidden;
	margin-top: 30px;
	z-index: 0;
}

	body#treatments #flashbar h1, body#process #flashbar h1, body#aboutme #flashbar h1, body#refs #flashbar h1, body#cost #flashbar h1, body#testimonials #flashbar h1 {
		color: #fff;
		padding-top: 25px;
		letter-spacing: 0.1em;
		background: url('../images/mini_grass.jpg') no-repeat 0 10px;
		padding-left: 45px;
	
	}
	
#top_section ul li {
	padding: 5px 0 5px 35px;
	font-size: 0.9em;		
	line-height: 1.7em;
	background: url('../images/flower_bullet.jpg') no-repeat 0 5px;
}

body#treatments #content, body#testimonials #content {
	padding-bottom: 20px;
}

body#treatments img.grass {
	position: absolute;
	top: 642px;
	*top: 622px;
	left: 580px;
}

#about_box img {
	position: absolute;
	top: 168px;
	*top: 155px;
	left: 40px;
}


/* PROCESS PAGE STYLES */

body#process #top_section h1 {
		font-size: 1.8em;
		font-weight: lighter;
		padding-bottom: 20px;
	}
	
body#process #about_box {
	height: 120px;
	position: relative;
	margin-top: 80px;
}
	
body#process img.pills {
	position: absolute;
	top: 700px;
	right: 0;
}

body#process #content {
	padding-bottom: 0px;
}

body#process img.grass {
	position: absolute;
	top: 843px;
	*top: 855px;
	left: 595px;
}

#decoration img {
	padding-top: 30px;
}


/* ABOUT ME STYLES */

body#aboutme #top_section {
	padding-top: 50px;
	padding-left: 20px;
}

body#aboutme img.grass {
	position: absolute;
	top: 645px;
	left: 595px;
}

body#aboutme #footer {
	margin-top: 0px;
}

body#aboutme #about_box {
	height: 150px;
}

#portrait_pic_large {
	margin-top: 20px;
}

body#aboutme img.pills {
	position: absolute;
	top: 507px;
	left: 700px;
}

/* REFS and COST PAGE */

body#refs img.grass {
	position: absolute;
	top: 620px;
	left: 595px;
}

body#refs #about_box img {
	position: absolute;
	top: 145px;
	left: 40px;
}

body#cost img.grass {
	position: absolute;
	top: 600px;
}

body#cost #content {
	margin-bottom: 320px;
}

body#cost #vine img {
	margin-top: 40px;
}

body#testimonials img.grass {
	position: absolute;
	top: 670px;
	left: 595px;
}

body#testimonials img.pills {
	position: absolute;
	top: 196px;
	left: 30px;
}


body#testimonials blockquote {
	margin: 0.5em 2em;
	color: #343402;
	border-left: 2px solid #CBCC9E;
	padding-left: 1em; 
	line-height: 1.3em;
	font-size: 0.9em;
	font-style: italic;
	margin-bottom: 50px;
}

body#testimonials small {
	font-size: 0.7em;
}

body#testimonials cite {
	display: block;
	font-weight: bold;
}

p.quote {
	padding-bottom: 5px !important;
}