@charset "utf-8";

/*	-------------------------------------------------------------
	Timber Ridge Stables // www.timberridgestables.net
	Author: Stefan Petrovic, www.stefanpetrovic.com
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:	default.css
	Version:	1.2
	Date:	13/02/2010
	-------------------------------------------------------------	*/

/*	== RESET ============================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {outline: 0;}
body {
	background:#f0f0f2 url(../images/bg.jpg) repeat-x top center;
	color:#000;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:14px;
	line-height:1.2;
}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/*	== END OF RESET ======================= */
a {color:#000; text-decoration:underline;}
a:hover {text-decoration:none;}
#big_wrap {margin:0 auto; position:relative; width:925px;}

#logo {
	background:url(../images/logo.jpg) no-repeat 0 0;
	display:block;
	height:86px;
	text-indent:-9999px;
	width:367px;
}
address {
	background:url(../images/address.gif) no-repeat 0 0;
	width:229px;
	height:86px;
	text-indent:-9999px;
	position:absolute;
	right:0;
	top:0;
}

/* == MENU ================================ */

#menu {
	clear:left;
	height:43px;
	margin-top:16px;
	width:925px;
}

#menu ul li {float:left;}

#menu ul li a {
	display:block;
	float:left;
	text-indent:-9999px;
}

#menu ul li#home a {
	background: url(../images/menu/home.jpg) no-repeat 0 0;
	height:43px;
	width:139px;
}
#menu ul li#home a:hover {
	background:url(../images/menu/home.jpg) no-repeat 0 -43px;
}

#menu ul li#prices_services a {
	background: url(../images/menu/prices.jpg) no-repeat 0 0;
	height:43px;
	width:190px;
}
#menu ul li#prices_services a:hover {
	background:url(../images/menu/prices.jpg) no-repeat 0 -43px;
}

#menu ul li#our_staff a {
	background: url(../images/menu/stuff.jpg) no-repeat 0 0;
	height:43px;
	width:141px;
}
#menu ul li#our_staff a:hover {
	background:url(../images/menu/stuff.jpg) no-repeat 0 -43px;
}

#menu ul li#gallery a {
	background: url(../images/menu/gallery.jpg) no-repeat 0 0;
	height:43px;
	width:131px;
}
#menu ul li#gallery a:hover {
	background:url(../images/menu/gallery.jpg) no-repeat 0 -43px;
}

#menu ul li#special_events a {
	background: url(../images/menu/events.jpg) no-repeat 0 0;
	height:43px;
	width:171px;
}
#menu ul li#special_events a:hover {
	background:url(../images/menu/events.jpg) no-repeat 0 -43px;
}

#menu ul li#contact_us a {
	background: url(../images/menu/contact.jpg) no-repeat 0 0;
	height:43px;
	width:153px;
}
#menu ul li#contact_us a:hover {
	background:url(../images/menu/contact.jpg) no-repeat 0 -43px;
}

#menu ul li#home a.current,
#menu ul li#prices_services a.current,
#menu ul li#our_staff a.current,
#menu ul li#gallery a.current,
#menu ul li#special_events a.current,
#menu ul li#contact_us a.current {
	background-position: 0 -43px;
}

/* == END OF MENU ========================= */

#master_photo {
	background:url(../images/timber-ridge-stables.jpg) no-repeat 0 0;
	height:408px;
	margin-top:10px;
	position:relative;
	width:925px;
}
#lessions {
	position:absolute;
	right:25px;
	top:25px;
}

/* == CONTENT ================================ */

#content_wrap {
	float:left;
	margin-top:10px;
	position:relative;
	width:925px;
}

#content_left .box {
	float:left;
	width:631px;
}

#content_right .box {
	float:left;
	width:282px;
}

#content_left {
	float:left;
	width:631px;
}

#content_left h2.about_us {
	background:url(../images/about_us.jpg) no-repeat 0 0;
	height:42px;
	text-indent:-9999px;
	width:631px;
}

#content_left h2.gallery {
	background:url(../images/gallery.jpg) no-repeat 0 0;
	height:43px;
	text-indent:-9999px;
	width:631px;
}

#content_left h2.contact_us {
	background:url(../images/contact_us.jpg) no-repeat 0 0;
	height:42px;
	text-indent:-9999px;
	width:631px;
}

#content_left h2.our_staff {
	background:url(../images/our_staff.jpg) no-repeat 0 0;
	height:42px;
	text-indent:-9999px;
	width:631px;
}

#content_left h2.events {
	background:url(../images/events.jpg) no-repeat 0 0;
	height:42px;
	text-indent:-9999px;
	width:631px;
}

#content_left .box_middle {
	background:url(../images/box_middle_bg.jpg) repeat-y 0 0;
	float:left;
	overflow:hidden;
	position:relative;
	width:631px;
}

#content_left .box_middle p {
	padding:10px 20px;
	text-align:justify;
}

#content_left .gallery_box {
	padding-top:10px;
	text-align:center;
}

#content_left .gallery_box img {
	margin-right:8px;
}

#content_left .gallery_box img.lastone {
	margin-right:0px !important;
}

#content_left .box_bottom {
	background:url(../images/box_bottom_bg.jpg) no-repeat 0 0;
	float:left;
	height:6px;
	width:631px;
}

#content_left #quote {
	background:url(../images/quote.jpg) no-repeat 0 0;
	float:left;
	height:74px;
	width:631px;
}

#content_right {
	float:right;
	margin-left:12px;
	width:282px;
}

#content_right h2.facilities {
	background:url(../images/facilities.jpg) no-repeat 0 0;
	height:42px;
	text-indent:-9999px;
	width:282px;
}

#content_right .box_middle {background:url(../images/box_middle_right_bg.jpg) repeat-y 0 0;}

#content_right .box_bottom {
	background:url(../images/box_bottom_right_bg.jpg) no-repeat 0 0;
	height:3px;
	margin-bottom:10px;
	width:282px;
}

#content_right ul {font-size:12px; padding:10px 20px;}
#content_right ul li {
	background:url(../images/star.jpg) no-repeat left top;
	padding:0 0 10px 17px;
}

#content_left ul li span {
	float:right;
	font-weight:bold;
	margin-right:20px;
	text-align:right;
	width:70px;
}


#content_left h2.boarding_includes {
	background:url(../images/boarding_includes.jpg) no-repeat 0 0;
	height:42px;
	text-indent:-9999px;
	width:631px;
}

#content_left ul {
	float:left;
	padding:10px 0 10px 20px;
	width:350px;
}

	#content_left ul.special_long {
		border-bottom:1px solid #484848;
		float:left;
		line-height:2;
		width:auto;
	}
	
	#content_left ul.special_long li {
		background:url("../images/big_star.gif") no-repeat scroll 0 8px transparent;
		clear:both;
		line-height:2;
		padding-left:19px;
	}
	
	#content_left ul.special_long li ul li {
		background:none;
		line-height:1.5;
	}
	
	#content_left ul.special_long li ul {
		float:left;
		line-height:2;
		padding:10px 37px 10px 0;
		width:554px;
	}
	
	#content_left ul.special_long li ul li p {
		padding:0 0 0 20px;
		text-align:justify;
	}
	
	#content_left ul.special_long p.date {
		background:url("../images/date.gif") no-repeat scroll 0 5px transparent;
		font-size:12px;
		font-weight:bold;
		padding:0 0 0 20px;
		text-align:left;
	}
	
	#content_left ul.special_long p.phone {
		background:url("../images/phone.gif") no-repeat scroll 0 5px transparent;
		font-size:12px;
		padding:3px 0 3px 20px;
		text-align:left;
	}

	#content_left ul.special_long p.fee {
		background:url("../images/fee.gif") no-repeat scroll 0 3px transparent;
		font-weight:bold;
		margin:5px 0;
		padding:0 0 0 20px;
		text-align:left;
	}

	#content_left ul.special_long p.register {
		background:url("../images/register.gif") no-repeat scroll 0 0 transparent;
		font-weight:bold;
		margin:10px 0;
		padding:0 0 0 20px;
		text-align:left;
	}

#content_left ul li {
	background:url("../images/star.jpg") no-repeat scroll 0 8px transparent;
	clear:both;
	line-height:2;
	padding-left:17px;
}

#content_left ul li ul {
	float:left;
	padding:0 0 10px 20px;
	width:300px;
}

#content_left ul li ul li {
	background:none;
	padding-left:0;
}

#content_left img.box_pic {
	border:5px solid #C4BDB2;
	float:right;
	position:absolute;
	right:20px;
	top:20px;
}

p.price {
	border-top:1px dashed #887564;
	clear:both;
	font-size:20px;
	font-weight:bold;
	margin:0 20px 0 20px;
}

#content_left #boarding_quote {
	background:url(../images/boarding_quote.jpg) no-repeat 0 0;
	float:left;
	height:74px;
	width:631px;
}

#content_left h2.other_services_include {
	background:url(../images/boarding_iservices_includes.jpg) no-repeat 0 0;
	height:42px;
	text-indent:-9999px;
	width:631px;
}

#boarding_master_photo {
	background:url(../images/boarding_big_photo.jpg) no-repeat 0 0;
	height:408px;
	margin-top:10px;
	position:relative;
	width:925px;
}

#staff_master_photo {
	background:url(../images/staff_big_photo.jpg) no-repeat 0 0;
	height:408px;
	margin-top:10px;
	position:relative;
	width:925px;
}

#contact_master_photo {
	background:url(../images/contact_big_photo.jpg) no-repeat 0 0;
	height:408px;
	margin-top:10px;
	position:relative;
	width:925px;
}

#events_master_photo {
	background:url(../images/events_big_photo.jpg) no-repeat 0 0;
	height:408px;
	margin-top:10px;
	position:relative;
	width:925px;
}

#gallery_master_photo {
	background:url(../images/gallery_big_photo.jpg) no-repeat 0 0;
	height:408px;
	margin-top:10px;
	position:relative;
	width:925px;
}

#content_gallery h2.gallery {
	background:url(../images/gallery.jpg) no-repeat 0 0;
	height:42px;
	text-indent:-9999px;
	width:924px;
}

#content_gallery {
	background:url(../images/gallery_middle_bg.jpg) repeat-y 0 0;
	float:left;
	position:relative;
	width:924px;
}

#gallery_bottom {
	background:url(../images/gallery_bottom_bg.jpg) no-repeat 0 0;
	float:left;
	height:13px;
	width:924px;
}

.gallery_photos {
	clear:both;
	float:left;
	margin:20px;
	width:886px;
}

.gallery_photos h4 {
	border-bottom:1px solid #887567;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	width:884px;
}
.gallery_photos img {
	border:1px solid #ccc;
	float:left;
	margin:7px;
	padding:5px;
}
.gallery_photos img:hover {
	background:#C4BDB2;
}



/* == END OF CONTENT ========================= */

#footer_wrap {
	background:url(../images/wrap_footer.jpg) repeat-x 0 0;
	float:left;
	height:80px;
	width:100%;
}

#footer {
	margin:0 auto;
	padding-top:50px;
	text-align:right;
	width:925px;
}