/* BrooksideResort.com Stylesheet
   Author: Brad Haynes
   Modified: 
   ----------------------------------------------------- */

/* COLORS
   ------
	Link Brown:		#
	Link Green:		#
	Link Orange:	#8f3700
	Brown Text:		#42302a
	Bg Tan:			#
   ----------------------------------------------------- */

/* TABLE OF CONTENTS
   -----------------
	_STRUCTURE
		accommodations interior structure
	_GENERAL
	_HEADER
		main nav
		gallery
		interior page frame
		call to action
		explore
	_MAIN CONTENT
		package
		callouts
		sidebar
		interior sidebar
		Misc Interior Classes
		sub nav
		accommodations content
		Interior Table
		Attraction - More Info Div
		Map Canvas - Used in Directions Page
	_FOOTER
	_FORMS
	FANCYBOX CSS STYLES
*/

/* _STRUCTURE
----------------------------------------------------------------------------- */

html { background: url(../images/site/bg-wood-panel.jpg) repeat center 0; }
body { background: url(../images/site/bg-photos.jpg) no-repeat center 22px; }

#wrap {
	margin: 0 auto;
	width: 960px;
}

#parchment{
	background: url(../images/site/bg-repeat-y.png) repeat-y 0 0;
	clear: both;
	width: 960px;
}

#p-top{
	background: url(../images/site/bg-parchment-top.jpg) no-repeat 0 0;
	width: 960px;
}

#p-top-interior{
	background: url(../images/site/bg-interior-parchment.jpg) no-repeat 0 0;
	width: 960px;
}

#u-nav{	
	height: 36px;
	width: 960px;
}

	#u-nav ul{
		background: url(../images/site/bg-u-nav-ticket.png) no-repeat 0 0;	
		float: right;
		height: 36px;
		margin-bottom: 11px;
		padding: 2px 0 0 32px;
		width: 317px;
	}
	
		#u-nav li{
			float: left;
			padding-right: 24px;
			line-height: 17px;
		}
	
		#u-nav a:link,
		#u-nav a:visited{
			color: #8f5c52;
			font: bold 10px 'Arial','Helvetica',sans-serif;
			text-transform: uppercase;
		}


/* accommodations interior structure */

#interior-col-main {
	width: 438px;
	float: left;
}

/*#interior-col-aside {
	float:left;
	height:100%;
	width:182px;
}*/


/* _GENERAL
----------------------------------------------------------------------------- */
		
a:link, 
a:visited{ color: #8f3700; text-decoration: none; }

a:hover, 
a:active,
#u-nav a:hover,
#u-nav a:active{ color: #333333; }

	img.left{ margin-left: 0; float: left; }
	img.right{ margin-right: 0; float: right; }

	img.none{
		background-color: transparent;
		border: 0;
		padding: 0;
	}

/* _HEADER
----------------------------------------------------------------------------- */
#header{ height: 544px; position: relative; }

#interior-frame img#header-image { display: none; }

#header-interior{ height: 285px; position: relative; padding-bottom: 10px; }

/* main nav ------------- */
	#m-nav{
		height: 35px;
		margin-left: 50px;
		position: relative;
		width: 910px;
	}
	
	#m-nav li{ float: left; }
	
	#m-nav li a:link,
	#m-nav li a:visited{ 
		display: block;
		text-indent: -13000em;
	}
		
		#nav-home a:link,
		#nav-home a:visited{
			background: transparent url(../images/site/img-logo-tab.png) no-repeat 0 0;
			height: 165px;
			position: absolute;
			top: -4px;
			width: 201px;
			z-index: 3;
		}
		
		#nav-accommodations{ margin-left: 206px; }
		
		#nav-accommodations a:link, #nav-accommodations a:visited,  
		#nav-grounds a:link, #nav-grounds a:visited,
		#nav-events a:link, #nav-events a:visited,
		#nav-attractions a:link, #nav-attractions a:visited,
		#nav-about a:link, #nav-about a:visited{
			background: transparent url(../images/site/nav-main.png) no-repeat 0 0;
			border-style: none;
			height: 35px;
			margin-top: 25px;
		}
		
			#nav-accommodations a:link,
			#nav-accommodations a:visited{ background-position: 0 0; width: 161px; }
				 	#nav-accommodations a:hover{ background-position: 0 -35px; }
					#nav-accommodations a.active{ background-position: 0 -70px !important; }
					
			#nav-grounds a:link,
			#nav-grounds a:visited{ background-position: -161px 0; width: 124px; }
				 	#nav-grounds a:hover{ background-position: -161px -35px; }
					#nav-grounds a.active{ background-position: -161px -70px !important; }
					
			#nav-events a:link,
			#nav-events a:visited{ background-position: -285px 0; width: 166px; }
				 	#nav-events a:hover{ background-position: -285px -35px; }
					#nav-events a.active{ background-position: -285px -70px !important; }
			
			#nav-attractions a:link,
			#nav-attractions a:visited{ background-position: -451px 0; width: 151px; }
				 	#nav-attractions a:hover{ background-position: -451px -35px; }
					#nav-attractions a.active{ background-position: -451px -70px !important; }
					
			#nav-about a:link,
			#nav-about a:visited{ background-position: -602px 0; width: 78px; }
				 	#nav-about a:hover{ background-position: -602px -35px; }
					#nav-about a.active{ background-position: -602px -70px !important; }
					
/* gallery ------------- */
#gallery{
	background: transparent url(../images/site/bg-ss-frame.jpg) no-repeat 0 0;
	height: 305px;
	left: 20px;
	padding: 18px 0 0 16px;
	position: absolute;
	top: 80px;
	width: 544px;
}

	#gallery img { width: 527px; height: 291px; }

/* interior page frame -------------*/
#interior-frame{
	background: transparent url(../images/site/bg-interior-frame.jpg) no-repeat 0 0;
	background-position: 0 1px;
	height: 195px;
	left: 20px;
	padding: 17px 0 0 17px;
	position: absolute;
	top: 80px;
	width: 918px;
}
#interior-frame img#header-image { position: absolute; z-index: 2; }
#interior-frame div#loader-image { left:431px; position:absolute; text-align:center; top:83px; z-index:1;}
#interior-frame div#loader-image, #interior-frame div#loader-image img { border: none !important;}

/* call to action ------------- */
#cta{
	position: absolute;
	right: 70px;
	top: 150px;
	width: 270px;
}
	#cta h1{ margin-bottom: 10px; }
	#cta p{ font-size: 13px; line-height: 22px; }
	#cta p.or-call{ padding-left: 25px; }
	
	#book-now{ margin-top: 10px; }
	
	#book-now,
	#book-now a:link,
	#book-now a:visited{
		background: url(../images/site/btn-book-now.png) no-repeat 0 0;
		display: block;
		height: 61px;
		text-indent: -13000em;
		width: 233px;	
	}
		#book-now a:hover,
		#book-now a:active{ background-position: 0 -61px; }
		
/* explore ------------- */
#explore{
	background: transparent url(../images/site/bg-gallery-double-line-text.jpg) no-repeat 0 0;
	left: 40px;
	position: absolute;
	top: 415px;
	width: 890px;
}

	#explore p{ text-indent: -13000em; }
	
	#explore li{
		float: left;
		height: 92px;
		margin-right: 10px;
		width: 168px;
	}
	
/*	#explore li a { width: 168px; height: 92px; display: inline; }*/
	
	#explore li a.noimage img { vertical-align: -1px; margin-left: 3px; }
	
	#explore li a:link.noimage,
	#explore li a:visited.noimage{
		
		background-image: none;
		display: block;
		width: auto;
		height: auto;
		font: bold 11px 'Georgia','Times New Roman', serif; 
		color: #42302a;
		padding-top: 4px !important;
		
	}
	
	/* Explore Image Configuration */
	
	#explore li {
		background-image: url(../images/site/bg-explore-images.jpg);
		background-repeat: no-repeat;
	}
	
		#explore li img { display: inline; }
	
	#explore li a { height: 92px; padding: 0 !important; margin: 0 !important; }
	
	#explore li a:link,
	#explore li a:visited{ 
		background-image: url(../images/site/bg-explore-images.jpg);
		background-repeat: no-repeat;
		background-position: 0 0;
		display: block;
		padding-top: 95px;
	}
	
	#explore li#well-1 a:link,
	#explore li#well-1 a:visited { background-position: 0 0; }
	
		#explore li#well-1, #explore li#well-1 a.active { background-position: -168px 0; }
	
	#explore li#well-2 a:link,
	#explore li#well-2 a:visited { background-position: 0 -92px; }
	
		#explore li#well-2, #explore li#well-2 a.active { background-position: -168px -92px; }
	
	#explore li#well-3 a:link,
	#explore li#well-3 a:visited { background-position: 0 -184px; }
	
		#explore li#well-3, #explore li#well-3 a.active { background-position: -168px -184px; }
	
	#explore li#well-4 a:link,
	#explore li#well-4 a:visited { background-position: 0 -276px; }
	
		#explore li#well-4, #explore li#well-4 a.active { background-position: -168px -276px; }
	
	#explore li#well-5 a:link,
	#explore li#well-5 a:visited { background-position: 0 -368px; }
	
		#explore li#well-5, #explore li#well-5 a.active { background-position: -168px -368px; }
	

	
		
		
		
/* _MAIN CONTENT
----------------------------------------------------------------------------- */
#content-wrap { background: url(../images/site/bg-package-beartop.jpg) no-repeat 15px 0; }

#interior-content-wrapper { 
	float: left;
	padding: 10px 0 0 35px;
	width: 620px;
}

	#interior-content-wrapper p,
	#interior-content-wrapper h1 { margin: 15px 0; }

	#interior-content-wrapper h1 {
		margin-top: 0;
		font-size: 24px;
		font-weight: bolder;
	}
	
	#interior-content-wrapper ul,
	#interior-content-wrapper ol {
		color: #42302a;
		list-style: disc;
		font-size: 14px;
		margin: 15px 0;
		padding: 0 20px;
	}
	
	#interior-content-wrapper ol {list-style: decimal;}

#main-content {
	background: transparent url(../images/site/bg-parchment-btm.jpg) no-repeat 0 bottom; 
	float: left;
	padding: 0 0 90px 10px;
	position: relative;
	width: 950px;
}

#interior-content-wrap {
	background: transparent url(../images/site/bg-parchment-btm.jpg) no-repeat 0 bottom; 
	float: none !important;
	margin: 0;
	padding: 0 0 110px 0;
	position: relative;
	width: 960px;
}

	#content-wrap h2{ margin-bottom: 10px; }
	
	#content-wrap h3,
	#interior-content-wrapper h3,
	#interior-sidebar-wrapper h3{
		color: #42302a;
		font: bold 14px 'Arial','Helvetica',sans-serif;
		margin-bottom: 7px;
		line-height: 17px;
	}
	
	#content-wrap p,
	#interior-content-wrap p,
	#main-content p {
		font-size: 14px;
		line-height: 22px;
	}
	
	#interior-content-wrapper h4 {
		color: #42302A;
		font-family: "Helvetica", "Arial", sans-serif;
		font-size: 16px;
		margin: 15px 0;
		padding: 0;
	}
	
	#callouts div h2 a {
		color:#70522B !important;
		font-size:15px;
		margin-bottom:5px;
		font-weight: bold;
	}

/* package ------------- */
	#package{
		margin: 43px 0 0 30px;
		padding: 0 50px 0 110px;
		position: relative;
		width: 340px;
	}
		
/*		#package h2{
			background: url(../images/site/h-package-stimulus.png) no-repeat 0 0;
			text-indent: -13000em;
		}*/
		
		#package h2 {
			color: #4d3c36;
			font-weight: bold;
			font-size: 18px;
		}
		
		#package em {
			color:#4C3206;
			float:left;
			font-size:16px;
			margin:3px 5px 0 0;
		}
		
		#package p{ 
			color: #311c00; 
			font-size: 13px; 
			line-height: 17px; 
		}
		
			#package p.disclaimer{
				font: 8px 'Verdana','Arial',sans-serif;
				margin-top: 31px;
			}
	
	#promo-img{
		left: -30px;
		position: absolute;
		top: -27px;
		z-index: 2;
	}
	
/* callouts ------------- */
#callouts{ 
	margin-top: 10px;
	padding-left: 20px; 
	position: relative;
	width: 560px;
	z-index: 3;
}

	#callouts div{
		float: left;
		margin: 10px;
		width: 160px;
	}

/* sidebar ------------- */	
#sidebar{
	float: right;
	padding-top: 96px;
	position: relative;
	margin-right: 69px;
	width: 290px;
	z-index: 2;
}

	#sidebar-bg{
		background: url(../images/site/bg-bs-paintbg.jpg) no-repeat 0 0;
		height: 312px;
		right: 38px;
		top: 143px;
		position: absolute;
		width: 388px;
		z-index: 1;
	}

	#sidebar h2{
		background: url(../images/site/h-come-visit.png) no-repeat right 0; 
		height: 71px;
		margin-bottom: 22px;
		text-indent: -13000em;
		width: 290px;
	}

/* interior sidebar --------------*/
#interior-sidebar-wrapper {
	float: left;
	clear: left;
	margin-left: 53px;
}


.interior-sidebar {
	width: 169px;
	padding: 18px 16px 16px;
	margin: 1px 1px 25px 1px;
	border: solid 1px #d1c79e;
	background: #f8f6ea;
}

.interior-sidebar.feature,
#interior-sidebar-wrapper .feature {padding: 18px 16px !important; }

/*.interior-sidebar {
	width: 205px;
	margin: 0 0 25px 0;
}
.interior-sidebar-top {
	background: url(../images/site/bg-interior-sidebar-top.jpg) no-repeat 0 0;
	height: 5px;
}

.interior-sidebar-content {
	background: url(../images/site/bg-interior-sidebar-repeat-y.jpg) repeat-y 0 0;
	padding: 15px 10px 15px 18px;
}

.interior-sidebar-content.feature {padding: 15px 20px 15px 20px;}

.interior-sidebar-bottom {
	background: url(../images/site/bg-interior-sidebar-bottom.jpg) no-repeat 0 0;
	height: 3px;
}*/

#interior-sidebar-wrapper h3 {
	font: normal bold 13px "Georgia", "Times New Roman", sans-serif;
	color: #42302a;
	margin: 0 0 8px 0;
}

#interior-sidebar-wrapper p {
	font: normal normal normal 13px/18px "Times New Roman", sans-serif;
	margin: 0;
}


/* Misc Interior Classes */

#interior-col-list { float: left; clear: both; padding: 10px 0 25px 0; }

#interior-col-list li {
	float:left;
	padding:0 10px 0 0;
	width:200px;
}

#interior-col-list li.last {padding-right: 0;}

/* sub nav ------------------------ */

#subnav {
	text-align: left;
	list-style: none;
	padding: 0;
	margin: 13px auto 0;
	width: 100%;
}

#subnav li {
	display: block;
	margin: 0;
	padding: 0;
}

#subnav li a, #subnav li a.active {
	border-top: 1px solid #d1c79e;
	color: #9e501f;
	display: block;
	font: 14px "Georgia", "Times New Roman", serif;
	font-weight: normal;
	padding: 12px 0 10px 10px;
	text-decoration: none;
	width: 159px;
}

#subnav li a:hover, #subnav li a.active {
	color: #9e501f;
	background: url(../images/site/bg-subnav-over.jpg) no-repeat 0 0;
	display: block;
}


/* accommodations content */

#interior-content-wrap img.about-feature-img {
	background: #f8f6ea;
	border: 1px solid #b6b2a1;
	display: block;
	float: left;
	margin: 0;
	padding: 10px;
	box-shadow: 0 0 2px #aaa;
	-moz-box-shadow: 0 0 2px #aaa;
	-webkit-box-shadow: 0 0 2px #aaa;	
}

	figcaption {
		display:block;
		font-style:italic;
		margin-bottom:25px;
		text-align:center;
	}

#interior-content-wrap img.feature-img,
#interior-content-wrap img.feature-img-small {
	background: #f8f6ea;
	border: 1px solid #b6b2a1;
	display: block;
	float: left;
	margin: 10px 4px 0 0;
	padding: 10px;
	box-shadow: 0 0 2px #aaa;
	-moz-box-shadow: 0 0 2px #aaa;
	-webkit-box-shadow: 0 0 2px #aaa;
}

#interior-content-wrap img.feature-img-small.right {
	float: right;
	margin: 4px 0 0 20px;
}

#interior-content-wrap img.feature-img-small.left {
	float: left;
	margin: 4px 20px 0 0;
}

#interior-col-main-letterbox { 
	background: transparent url(../images/site/bg-interior-letterbox.png) no-repeat 0 0;
	width: 615px;
	height: 270px;
	
}

#interior-col-aside {
	display: inline;
	float: left;
	margin: 10px 0 0;
	padding-left: 20px;
	width: 162px;
}

	#interior-col-aside h3 {
		font-family: "Georgia", "Times New Roman", serif;
		font-size: 12px;
		color: #42302a;
	}

	#interior-col-aside ul { padding: 0 0 0 20px; list-style-type: disc; }
	#interior-col-aside ul li { color: #42302a; padding-bottom: 6px; }

/* Interior Table */
.interior-table { padding: 20px 0 0 0; border-bottom: solid 1px #e1dcbb;}
table tr td { padding: 15px !important;}
table tr td h1, table tr td p { margin-bottom: 5px !important; }
table tr td h1 { font-size: 16px !important;}
table tr td.img { vertical-align: top; width: 55px; padding-right: 0 !important;}
table tr td.more { width: 65px; text-align: center; }
table tr td img { border: 2px solid #FFF; }
table tr.head { background-color: #3e2b23; color: #f4f1de; }
table tr.head th { font: bold 12px/18px 'Arial','Helvetica',sans-serif; padding: 12px; }
table tr.odd { background-color: #EDEAD8; color: #3e2b23;}
table tr.even { background-color: #F3F1E4; color: #3e2b23;}
table tr.even td,
table tr.odd td {border-top: solid 1px #e1dcbb;}

/* Attraction - More Info Div */
div.more-info { display: none; }

/* Map Canvas - Used in Directions Page */
div#map_canvas { top: 11px !important; left: 11px !important; }
div#directions-form form {padding-top: 25px !important;}
div#directions-form form input { width:155px !important; }
div#directions-form form input[type="submit"] { width: 169px !important;}
div#directions-form form label { width: 169px !important; }

/* Package Disclaimer Information */
.package-disclaimer {
	margin: 15px 0 0;
	overflow: hidden;
	padding: 0;
	position: relative;
}

	.package-disclaimer .btn-book-package {
		float: left;
		margin: 0;
		overflow: hidden;
		padding: 0;
		position: relative;
	}

		.package-disclaimer .btn-book-package a {
			background: #f4e8c9;
			display: block;
			float: left;
			font-weight: bold;
			margin: 0;
			padding: 8px;
		}
		
		.package-disclaimer .btn-book-package em {
			display: block;
			float: left;
			font-style: italic;
			margin: 0;
			padding: 8px;
		}
		
			.package-disclaimer .btn-book-package em strong {
				font-style: normal;
				font-weight: bold;
			}
	
	.package-disclaimer p {
		float: right;
		margin: 0 !important;
		padding: 5px 8px !important;
	}

/* _FOOTER
----------------------------------------------------------------------------- */

#footer{ padding: 20px 0 50px 20px; }

#footer p{ color: #a39583; }

#footer a:link,
#footer a:visited{ 
	color: #ebd998; 
	padding: 1px 2px;
}

#footer a:hover,
#footer a:active{ 
	background-color: #f3f0de;
	color: #b06232;
}



/* _FORMS
----------------------------------------------------------------------------- */

.btn {
	background: #42302A;
	border: 0;
	color: #fff;
	cursor: pointer;
	height: 24px;
	padding: 0 12px;
	text-align: center;
}

.btn:hover{ background: #8f4619; }

#btnSubmit{ width: 76px; }

label{
	color: #42302A;
	display: block;
	font: normal bold 11px/11px "Helvetica", "Arial", sans-serif;
	margin: 0 0 4px;
	/*width: 220px;*/
}

input,
textarea{
	background-color: #fff;
	border: 1px solid #d1c699;
	color: #42302A;
	font: normal normal 12px/12px "Helvetica", "Arial", sans-serif;
	margin: 0 0 12px;
	padding: 7px 6px;
	width: 448px;
}

	form .short {
		margin-right: 8px;
		float: left;
		overflow: hidden;
	}
	
	fieldset#fs-tbComment{ clear: both; }
	
	.short input{ width: 214px; }
	.wide input{ width: 600px; }
	
	.inline input, 
	.btn input{ width: auto; }

	textarea{ 
		height: 150px;
		resize: none;
	}

	.btn input{ 
		border: 0;
		text-transform: uppercase; 
	}
	
	.inline input,
	.inline label{ float: left; }

	.inline input{ 
		background-color: transparent;
		border: 0;
		margin-right: 10px;
	}
	
	em.error {
		color: #a32401;
		right: 0;
		font-style: normal;
		font-weight: normal;
	}
	
	input.error,
	textarea.error {border: 1px solid #a32401;}
	
	#fs-tbCaptcha input{ width: 300px; margin-right: 8px; float: left; }
	
	#captcha-image{ float: left; }

/* FANCYBOX CSS STYLES 
-----------------------------------------------------------------------------------*/
/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('fancybox.png');
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background-image: url('fancybox.png');
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url('fancybox.png');
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url('fancybox-x.png');
	background-position: 0px -40px;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url('fancybox.png');
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('fancybox-x.png');
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -162px;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('fancybox-y.png');
	background-position: -20px 0px;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -182px; 
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('fancybox-x.png');
	background-position: 0px -20px;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -142px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('fancybox-y.png');
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -122px;
}

/* IE */

#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }