body, html {
		height: 100%;
	}
	
	body {  
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		color: #000;
		margin: 0;
		text-align: left;
	}
	
		#home {
			background: #fff url(images/bg_body_tile_home.jpg) 0 0 repeat-x;
		}
		
		#inside {
			background: #fff url(images/bg_body_tile_inside.jpg) 0 0 repeat-x;
		}
	
	p, li {
		font-size: 75%;
		line-height: 1.8em;
	}
	
	a {
		color: #669933;
		text-decoration: underline;
	}
	
	a:hover {
		text-decoration: none;
	}
	
	#wrapper {
		position: relative;
		text-align: left;
		width: 980px;
		margin: 0 auto 0 auto;
		padding: 0;
		min-height: 100%;
	}
	
		.home {
			background: #fff url(images/bg_wrapper_fixed_home.jpg) 0 0 no-repeat;
		}
		
		.inside {
			background: #fff url(images/bg_wrapper_fixed_inside.jpg) 0 0 no-repeat;
		}
	
	* html #wrapper {
		height: 100%;
	}
	
	#header {
		position: relative;
		float: left;
		line-height: normal;
		width: 980px;
		padding: 0; margin: 0;
	}
	
	#header h1 {
		margin: 0; padding: 0;
		position: relative;
		width: 220px; height: 215px;
		overflow: hidden;
		float: left;
	}
	
	#header h1 a {
		display: block;
		cursor: pointer;
	}
		 
		#header h1 span {
			display: block;
			position: absolute; left: 0; top: 0; z-index:1;
			width: 220px; height: 215px;
			margin: 0; padding: 0;
			background: url("images/bg_logo_fixed.jpg") top left no-repeat;
	}
	
	#header ul {
		margin: 0;
		padding: 0;
		list-style: none;
		float: left;
		position: absolute;
		bottom: 84px; left: 225px;
	}
	
	#header li {
		float: left;
		background: url("images/sd2_left_both.jpg") no-repeat left top;
		margin: 0 5px 0 0;
		line-height: normal;
		padding: 0 0 0 9px;
		border-bottom: 1px solid #666; /* Same color as the base line of the header background tile */
	}
	
	#header a {
		display: block;
		background: url("images/sd2_right_both.jpg") no-repeat right top;
		width: .1em; /* Fixes clicable region in IE/Win */
		padding: 28px 15px 12px 6px;
		text-decoration: none;
		color: #fff;
		font-weight: bold;
		text-transform: lowercase;
		white-space: nowrap; /* Stops multi-word tabs from wrapping in some browsers */
	}
	
	#header > ul a { 
		width:auto; /* Ensures the width specified in the anchor isn't honoured in other browsers */
	}
	
	#header li:hover, #header li:hover a {
		background-position: 0% -77px;
		color: #fff;
	}
	
	#header li:hover a {
		background-position: 100% -77px;
	}
	
	#header #current {
		background-position: 0% -77px;
		border-width: 0; /* Remove the border for current tabs */
	}
	
	#header #current a {
		background-position: 100% -77px;
		color:#fff;
		padding-bottom: 12px;
	}

	#header-content {
		float: left;
		width: 655px;
		padding: 10px; margin: 0;
		position: relative;
		position: relative;
	}
	
		.teaser {
			float: left;
			width: 107px;
			height: 179px;
			margin-right: 25px;
		}
		
		.teaser#last {
			margin-right: 0;
		}
		
		.teaser p {
			margin: 0;
			text-align: center;
		}
		
		#gallery {
			text-align: center;
			clear: left;
		}
	
		#gallery .view {
			margin: 0 auto 0 auto; padding: 0;
			position: relative;
			width: 320px; height: 55px;
			overflow: hidden;
		}
		
		#gallery .view a {
			display: block;
			cursor: pointer;
		}
			 
			#gallery .view span {
				display: block;
				position: absolute; left: 0; top: 0; z-index:1;
				width: 320px; height: 55px;
				margin: 0; padding: 0;
				background: url("images/button_view_gallery.jpg") top left no-repeat;
			}
			
		#breadcrumb {
			display: block;
			margin: 15px 0 0 10px;
			clear: left;
		}
		
		#breadcrumb p {
			margin: 0;
			line-height: normal;
			font-size: 67.5%;
			color: white;
		}
		
	#content {
		position: absolute;
		top: 505px; left: 15px;
		padding: 0 0 200px 0; margin: 0;
		width: 970px;
		display: block;
		text-align: left;
	}
	
	#content.inner {
		position: absolute;
		top: 275px; left: 15px;
		padding: 0 0 200px 0; margin: 0;
		width: 970px;
		display: block;
		text-align: left;
	}
	
	#content h2 {
			margin: 0; padding: 0;
			position: relative;
			width: 635px; height: 53px;
			overflow: hidden;
		}
			 
		#content h2 span.home {
			display: block;
			position: absolute; left: 0; top: 0; z-index:1;
			width: 635px; height: 53px;
			margin: 0; padding: 0;
			background: url("images/h2_yorks_leading_hair_salon.jpg") top left no-repeat;
		}
		
		#content h2 span.home2 {
			display: block;
			position: absolute; left: 0; top: 0; z-index:1;
			width: 635px; height: 53px;
			margin: 0; padding: 0;
			background: url("images/h2_home2.jpg") top left no-repeat; 
		}

		#content h2 span.new {
			display: block;
			position: absolute; left: 0; top: 0; z-index:1;
			width: 635px; height: 53px;
			margin: 0; padding: 0;
			background: url("images/h2_new.jpg") top left no-repeat;
		}
		
		#content h2 span.about {
			display: block;
			position: absolute; left: 0; top: 0; z-index:1;
			width: 635px; height: 53px;
			margin: 0; padding: 0;
			background: url("images/h2_about.jpg") top left no-repeat;
		}
		
		#content h2 span.hair {
			display: block;
			position: absolute; left: 0; top: 0; z-index:1;
			width: 635px; height: 53px;
			margin: 0; padding: 0;
			background: url("images/h2_hair.jpg") top left no-repeat;
		}
		
		#content h2 span.weddings {
			display: block;
			position: absolute; left: 0; top: 0; z-index:1;
			width: 635px; height: 53px;
			margin: 0; padding: 0;
			background: url("images/h2_weddings.jpg") top left no-repeat;
		}
		
		#content h2 span.products {
			display: block;
			position: absolute; left: 0; top: 0; z-index:1;
			width: 635px; height: 53px;
			margin: 0; padding: 0;
			background: url("images/h2_products.jpg") top left no-repeat;
		}
		
		#content h2 span.contact {
			display: block;
			position: absolute; left: 0; top: 0; z-index:1;
			width: 635px; height: 53px;
			margin: 0; padding: 0;
			background: url("images/h2_contact.jpg") top left no-repeat;
		}
		
		#content h2 span.news {
			display: block;
			position: absolute; left: 0; top: 0; z-index:1;
			width: 635px; height: 53px;
			margin: 0; padding: 0;
			background: url("images/h2_news.jpg") top left no-repeat;
		}
		
		#content h2 span.gallery {
			display: block;
			position: absolute; left: 0; top: 0; z-index:1;
			width: 635px; height: 53px;
			margin: 0; padding: 0;
			background: url("images/h2_gallery.jpg") top left no-repeat;
		}
				
	#content h3 {
		font-size: 75%;
	}
		
	#content #padout {
		padding: 0 8px;
		width: 619px;
		position: relative;
	}
	
	#tall-image {
		position: absolute;
		z-index: 10;
		left: 700px;
		top: 157px;
	}

	#footer {
		position: absolute; 
		bottom: 0; 
		width: 100%;
		margin: 20px;
	}
	
	#footer p {
		text-align: center;
		margin: 0;
		font-size: 67.5%;
	}
		
	.invalid,
	.required {
		color: red;
	}
	
	.articles,
	.prevnext {
		font-size: 67.5%;
	}
	
	.skip {
		display: none;
	}
	
	#forms {
		width: 100%;
		padding: 0;
		margin: 0;
	}
	
	#forms .errors {
		font-size: 75%;
		color:#900;
	}
	
	#forms fieldset {
		display: block;
		width: 90%;
		margin: 0 0 3em 0;
		padding: 0 1em 1em 1em;
		border: 1px solid #666;
	}
	
	#forms legend {
		font-size: 140%;
	}
	
	#forms label {
		display: block;
		margin-bottom: 1em;
		font-weight: bold;
		font-size: 75%;
	}
	
	#forms input,
	#forms textarea {
		display: block;
		width: 25em;
		border: 1px solid #ccc;
		padding: 3px;
	}
		
	#forms select {
		display: block;
		border: 1px solid #ccc;
	}
	
	#forms textarea {
		height: 150px;
	}
	
	#forms input.submit {
		width: auto;
		background: #eee;
		border: 2px solid darkred;
		padding: 3px;
		font-size: 75%;
	}
	
	#forms input.hidden {
		border: none;
		display: none;
	}	
	
	#forms input.checkbox {
		display: inline;
		width: auto;
		margin-right: 1em;
		border: none;
	}
	
	#forms label.checkbox {
		display: inline;
	}
	
	#forms label.first {
		padding-top: 1em;
	}
	
	#forms fieldset fieldset {
		float: left;
		border: 1px solid #ccc;
	}
		
	#forms fieldset fieldset legend {
		font-size: 100%;
	}
	
	#forms fieldset fieldset label {
		float: left;
		padding-top: 1em;
		margin-right: 15px;
	}
	
	#forms .spacer {
		margin: 0; padding-top: 1em;
	}
	
	#forms fieldset.radio {
		margin: 1em 0 2em 0;
		border: 1px solid #ccc;
	}
	
	#forms fieldset.radio input {
		clear: both;
		float: left;
		width: auto;
		border: none;
	}
	
	#forms fieldset.radio label{
		font-weight: normal;
	}

	.clearer {
		clear: both;
		height: 1px;
	}
	
	/********* CMS STYLES ********/
	
	.errors {
		font-size: 75%;
		color: #CC0000;
	}
	
	.ditto_wrapper .ditto_link {
		text-align: right;
	}

	.ditto_wrapper a, .ditto_wrapper a:visited, .ditto_wrapper a:hover {	
		border: 0;
	}
	
	.ditto_pages .ditto_currentpage {
		border: 1px solid #000;
		padding: 1px 5px 2px;
		margin-right: 1px;
		background-color: #ccc;
		color: #666;
	}
	
	.ditto_pages .ditto_off {
		border: 1px solid #999;
		padding: 1px 5px 2px;
		margin-right: 1px;
		color: #999;
	}
	
	.ditto_pages a, .ditto_pages a:link, .ditto_pages a:visited {
		border: 1px solid #0066CC;
		padding: 1px 5px 2px;
		margin-right: 1px;
		text-decoration: none !important;
		color: #0066CC;
	}
	
	.ditto_pages a:hover {
		background-color: #fff;
		color: #000;
	}
	
	
		.searchTerms {
		font-size: 75%;
		padding: 10px 0;
	}
	
	.ajaxSearch_highlight1,
	.ajaxSearch_highlight2,
	.ajaxSearch_highlight3,
	.ajaxSearch_highlight4,
	.ajaxSearch_highlight5 {
		background-color: #FFFF00;
		font-weight: bold;
	}
	
	.ajaxSearch_result,
	.ajaxSearch_resultDescription {
		font-size: 100%;
	}
	
	.ajaxSearch_paging {
		font-size: 75%;
		margin: 15px 0;
	}
	
	.ajaxSearch_paging a, .ajaxSearch_paging a:link, .ajaxSearch_paging a:visited {
		border: 1px solid #A71E3A;
		padding: 1px 5px 2px;
		margin-right: 1px;
		text-decoration: none !important;
		color: #0066CC;
	}
	
	.ajaxSearch_paging a:hover {
		background-color: #fff;
		color: #000;
	}
	
	.ajaxSearch_output {
		border: 1px solid black;
		position: absolute;
		left: 0;
		top: 0;
	}


	/********* EDITOR SELECTORS ********/
	.image-right {
		float: right;
		margin: 0 0 10px 10px;
	}
	
	.image-left {
		float: left;
		margin: 0 10px 10px 0;
	}
	
	.left {
		text-align: left;
	}
	
	.center {
		text-align: center;
	}
	
	.right {
		text-align: right;
	}
	
	.justify {
		text-align: justify;
	}