/* Woolly Latte's Layout */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #c4bcaf;
	padding: 0;
	margin: 0;
	background-color: #463014;
}

/* top - repeats diagonal lines across top of site */

#top {
	width: 100%;
	height: 103px;
	margin: 0;
	padding: 0;
	background: url(../grfx/top_bg.jpg) top left repeat-x;
}

/* slogan - "exclusive knitting boutique and coffee house" */

#slogan {
	position: absolute;
	top: 39px;
	left: 221px;
	width: 531px;
	height: 26px;
	padding: 0;
	margin: 0;
	background: url(../grfx/slogan.png) top left no-repeat;
}

* html #slogan {
	position: absolute;
	top: 39px;
	left: 221px;
	width: 531px;
	height: 26px;
	padding: 0;
	margin: 0;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="grfx/slogan.png", sizingMethod="crop");
}

#slogan h1 {
	padding: 0;
	margin: 0;
}

/* logo - holds logo in place */

#logo {
	position: absolute;
	top: 0;
	left: 16px;
	width: 182px;
	height: 193px;
	padding: 0;
	margin: 0;
}

#logo h1 {
	padding: 0;
	margin: 0;
}

/* content bg repeater - repeats book-like effect down page as more content is entered */

#content_bg_repeater {
	float: left;
	width: 767px;
	padding: 0 0 25px 0;
	margin: 0;
	background: url(../grfx/content_bg.jpg) top left repeat-y;
}

/* content holder - holds page content and displays banner with book-like background images */

#content_holder {
	float: left;
	width: 751px;
	min-height: 491px;
  	height: auto !important;
  	height: 491px;
	padding: 90px 0 0 16px;
	margin: 0;
	background: url(../grfx/content_holder_bg.jpg) top left no-repeat;
}

/* text holder - holds page text */

#text_holder {
	float: left;
	width: 480px;
	padding: 57px 20px 0 56px;
	margin: 0;
}

#text_holder .image_left {
	float: left;
	padding: 0 25px 25px 0;
}

#text_holder .image_right {
	float: right;
	padding: 0 0 25px 25px;
}

/* banner - is for rhs banners in the content*/

.banner {
	width: 150px;
	border: 1px dashed #c92e21;
	background-color: #2e271c;
	padding: 2px 15px;
	float: right;
	margin-left: 7px;
}

.banner ul {
	padding: 5px;
	margin: 5px;
	list-style: #c92e21;
}

.certification {
	width: 350px;
	margin: 15px auto;
}

.certification img {
	margin: 5px;
}

img.right {
	float: right;
	margin: 10px 0px 10px 10px;
	border: 7px solid #2e271c;
}

.google {
	border: 7px solid #2e271c;
}

.designers li {
	padding: 5px 0px;
}

/* testimonial - holds the Sunday Times Magazine testimonial */

* html #testimonial {
	float: left;
	width: 516px;
	height: 131px;
	padding: 0 0 0 25px;
	margin: 0 0 0 111px;
	background: url(../grfx/testimonial_page_fold.jpg) top left no-repeat;
}

#testimonial {
	float: left;
	width: 516px;
	height: 131px;
	padding: 0 0 0 25px;
	margin: 0 0 0 211px;
	background: url(../grfx/testimonial_page_fold.jpg) top left no-repeat;
}

/* footer  - IE6 hack - strange issue with left floating of footer */

#footer {
	float: left;
	width: 100%;
	height: 160px;
	padding: 2px 0 0 0;
	margin: 0;
	background: url(../grfx/footer_bg.jpg) top left repeat-x;
}

#footer_content_holder {
	float: left;
	width: 768px;
	padding: 0;
	margin: 0;
}

/* copyright - holds copyright content in footer */

#copyright {
	float: left;
	width: 768px;
	height: 22px;
	padding: 5px 0 0 0;
	margin: 0;
	text-align: center;
}

#copyright p {
	font-size: 0.6em;
	padding: 0;
	margin: 0;
}

#copyright a {
	color: #ff9933;
	text-decoration: none;
}

#copyright a:hover {
	text-decoration: underline;
}