/*
	STYLE NAME / Turtlebrook Farm
	AUTHOR: Matthew Campagna
	AUTHOR WEBSITE: http://www.theturninggate.com
	VERSION: 1.0
		
	Valid xHTML & CSS
*/

body {
	background: url(/images-design/bg.jpg) top left repeat;
	background-color: #DBD8C5;
	color: #413f3b;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 17px;
	text-align: center;
	margin: 0;
	padding: 0;
	position: relative;
	}


/* RESET */
h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dd {
	margin: 0;
	padding: 0;
	}
	
ul, li {
	list-style: none;
	}

a {
	color: #989989;
	text-decoration: none;
	}

#columns a:hover {
	color: #DBD8C5;
	background-color: #989989;
}


/* LAYOUT */

#tatters {
	background: url(/images-design/tatteredtan.png) top center repeat-y;
	margin: 0 auto;
	padding: 0;
	width: 1000px;
}

#header {
	background: url(/images-design/headertan.jpg) top center no-repeat;
	margin: 0 auto;
	padding: 0;
	width: 900px;
	height: 300px;
}

#header h1 a {
	display: block;
	height: 300px;
}

#header h1 a span {
	position: absolute;
	left: -9999px;
}

#columns {
	margin: 0 auto;
	padding: 0;
	width: 900px;
	text-align: justify;
}

#col1 {
	float: left;
	margin: 0 0 25px;
	padding: 0 0 0 30px;
	width: 530px;
}

#col2 {
	float: right;
	margin: 0 20px 25px 0;
	padding: 0;
	width: 280px;
	text-align: center;
}


/* ARTICLES */

h3 {
	font-size: 140%;
	margin: 1em 0;
	padding: 0;
}

p {
	margin: 1em 0;
	padding: 0;
}

img.fullframe {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
}

img.left {
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
}

img.right {
	float: right;
	margin: 0 0 10px 10px;
	padding: 0;
}

img.large {
	width: 250px;
}

img.medium {
	width: 200px;
}

img.small {
	width: 150px;
}

img.tiny {
	width: 100px;
}

a img {
	border: 0;
}

.clear {
	clear: both;
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
}

.clear img {
	margin: 0 0 2em 10px;
}

.lightboxgallery, .wet_thumbfilter {
	text-align: center;
	margin: 1em 0 0;
	padding: 0;
}

.thumbbox {
	width: 159px;
	height: 159px;
	float: left;
	margin: 0 5px 10px;
}

#columns #col1 .lightboxgallery .thumbbox a:hover {
	background-color: transparent;
}

img.gallerythumb {
	display: inline;
	margin: 0 5px 10px;
	padding: 4px;
	border: 1px solid #989989;
	background-color: #ffffff;
}

/* Menu */

dl {
	width: 280px;
	height: 521px;
	background: url(/images-design/menutan.jpg) top left no-repeat;
}

dt {
	height: 60px;
}

dd span, dt span {
	position: absolute;
	left: -9999px;
}

dd a {
	display: block;
	position: relative;
	width: 280px;
	height: 50px;
	background: url(/images-design/menutan.jpg) no-repeat;
}

#ddWelcome a {
	background-position: 0 -60px;
}

		#ddWelcome a:hover {
			background-position: -280px -60px;
}

#ddAccommodations a {
	background-position: 0 -110px;
}

		#ddAccommodations a:hover {
			background-position: -280px -110px;
}

#ddPhotos a {
	background-position: 0 -160px;
}

		#ddPhotos a:hover {
			background-position: -280px -160px;
}

#ddAreaAttractions a {
	background-position: 0 -210px;
}

		#ddAreaAttractions a:hover {
			background-position: -280px -210px;
}

#ddRates a {
	background-position: 0 -260px;
}

		#ddRates a:hover {
			background-position: -280px -260px;
}

#ddDirections a {
	background-position: 0 -310px;
}

		#ddDirections a:hover {
			background-position: -280px -310px;
}

#ddLinks a {
	background-position: 0 -360px;
}

		#ddLinks a:hover {
			background-position: -280px -360px;
}


/* CONTACT */

#contact {
	margin: 2em 0 0;
	padding: 60px 0 0;
	width: 280px;
	height: 280px;
	background: url(/images-design/contacttan.jpg) top left no-repeat;
}

#contact a:hover {
	color: #DBD8C5;
	background-color: #989989;
}


/* FOOTER */

#footer {
	clear: both;
	margin: 0 auto;
	padding: 25px 0;
	border-top: 1px solid #DBD8C5;
	width: 860px;
	text-align: center;
	}