/*
URL: wbgarrett.com
Description: styles for screen & projection
Designed by: Escape Creative (escapecreative.com)
*/
	
/* ----------------------------------- Global Elements ----- */
* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent; }
hr {
	display: none;
	margin: 0;
}
.clear {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0; }
.hide {
	display: none;
  text-decoration: none;
  border: 0;
	background: none; }
strong { 
	font-weight: bold; }
em {
	font-style: italic; }	
acronym {
	border-bottom: 1px dotted #999;
	cursor: help; }
.strikethrough {
	text-decoration: line-through; }
	
/* ----------------------------------- Links, button links ----- */
a {
	color: #98012e;
	text-decoration: none; }
	a:hover {
		color: #720007;
		text-decoration: underline; }
	/*a:visited {
		text-decoration: underline; }*/
	a.pdf {
		padding: 1px 0 2px 19px;
		background: url(/img/icon/pdf.png) no-repeat; }
	a.button {
		display: block;
		background: url(/img/sprite-rollovers.png) no-repeat;
		color: #fff;
		text-decoration: none;
		font-size: 1.5em;
		width: 181px;
		height: 32px;
		padding: 15px 0 0 25px;
		margin: 0 0 12px 0;	}
		a.arrow {
			background-position: 5px -70px; }
			a.arrow:hover {
				background-position: 5px -117px; }
		a.lock {
			background-position: 5px -164px; }
			a.lock:hover {
				background-position: 5px -211px; }

/* ----------------------------------- Lists (ordered & unordered) ----- */
ul li {
	background: url(/img/icon/gray-bullet.png) no-repeat 0 7px;
	padding-left: 12px; }
ul {
	margin: 10px 0 20px 32px;
	list-style-type: none; }
ol {
	margin: 10px 0 20px 51px; }
li {
	margin: 0 0 10px; }

/* ----------------------------------- Tables ----- */
table {
	margin-bottom: 20px;
	border: 0; }	
td {
	padding: 5px 10px 5px 3px;
	border-bottom: 1px solid #eaebf0; }

/* ----------------------------------- Begin Layout ----- */
body {
	background: #f2f2f2 url(/img/bg/body-cross-pattern.png) fixed repeat;
  font-family: times, "times new roman", serif; 
  font-size: 62.5%; /* sets 1em = 10px */
  line-height: 1; /* sets line-height = font-size */
	font-weight: normal;
	font-style: normal;
  color: #231f20;
	padding: 0 0 20px 0; }

#shadow {
	margin: 0 auto 18px auto;
	width: 930px;
	padding: 0 15px 15px;
	background: rgba(0, 0, 0, 0.2); }

#container {
	position: relative;
	width: 900px;
	padding: 0 15px 25px;
	background: #fff;
	text-align: left; }

/* ----------------------------------- Header ----- */
#header {
	position: relative;
	width: 900px;
	height: 94px;
	margin: 0 0 100px 0; }
	#header strong a {
		position: absolute;
		top: 40px;
		left: 12px;
		background: url(/img/header/logo-wb-garrett.png) no-repeat;
		text-indent: -9999px;
		display: block;
		width: 260px;
		height: 126px;
		z-index: 999; }
	#printlogo {
		display: none; }
		
	#header em {
		position: absolute;
		top: 60px;
		right: 0;
		font-size: 2.2em;
		font-style: italic; }
	
	#header .residents {
		position: absolute;
		top: 0;
		right: 40px;
		width: 105px;
		height: 26px;
		background: url(/img/bg/for-residents-box.png) no-repeat;
		padding: 10px 5px 0;
		text-align: center;
		font-size: 1.4em; }

/* ----------------------------------- Navigation ----- */
.nav {
	position: absolute;
	top: 94px;
	left: -25px;
	width: 570px;
	height: 51px;
	background: url(/img/nav/red-bar-wrap.png) no-repeat;
	padding: 0 0 0 410px;
	margin: 0;
	z-index: 998; }
	.nav li {
		float: left;
		list-style: none;
		background: none;
		margin: 0;
		padding: 0; }
		.nav li a {
			display: block;
			height: 40px;
			text-indent: -9999px;
			overflow: hidden; }
		
		/* ----- Static States ----- */
		.nav .about a {
			width: 79px;
			background: url(/img/nav/about.png) no-repeat; }
		.nav .communities a {
			width: 135px;
			background: url(/img/nav/communities.png) no-repeat; }
		.nav .renovations a {
			width: 125px;
			background: url(/img/nav/renovations.png) no-repeat; }
		.nav .partners a {
			width: 95px;
			background: url(/img/nav/partners.png) no-repeat; }
		.nav .contact a {
			width: 92px;
			background: url(/img/nav/contact.png) no-repeat; }
		
		/* ----- Hover States ----- */
		.nav .about a:hover,
		.nav .communities a:hover,
		.nav .renovations a:hover,
		.nav .partners a:hover,
		.nav .contact a:hover {
			background-position: 0 -40px; }
			
		/* ----- On Current Page States ----- */
		.about .nav .about a,
		.communities .nav .communities a,
		.renovations .nav .renovations a,
		.partners .nav .partners a,
		.contact .nav .contact a {
			background-position: 0 -80px; }

/* --------------- Dropdown Menus ----- */
.nav .top {
	position: relative; }

.nav .top ul {
	position: absolute;
	top: 40px;
	left: -9999px;
	width: 180px;
	padding: 13px 8px 5px;
	background: #fff;
	border-left: 1px solid #720007;
	border-right: 1px solid #720007;
	border-bottom: 2px solid #98012e;
	list-style-type: none;
	margin: 0; }

/* This brings the dropdown list onto the screen on hover.
The '.active' is added via the nav.dropdown.js file. */
.nav .top:hover ul,
.nav .active ul {
	left: 0;
	z-index: 100; }

/* List items in dropdown */
.nav .top ul li {
	float: none;
	padding: 0;
	margin: 0; }

/* Links in dropdown */
.nav #about-nav ul li a,
.nav #communities-nav ul li a {
	display: block !important;
	width: 180px;
	height: auto;
	padding: 6px 0;
	text-decoration: none;
	color: #231f20;
	font-size: 1.4em;
	line-height: 1.2;
	background: none;
	text-indent: 0; }
		.nav li#about-nav ul li a:hover,
		.nav li#communities-nav ul li a:hover {
			color: #98012e;
			text-decoration: underline; }
	
/* This maintains the hover state while the dropdown is activated */
.nav li.about.active a {
	background-position: 0 -40px; }
	.nav li.communities.active a {
	background-position: 0 -40px; }

/* This keeps the mouse on a default cursor so it doesn't look like you can click it when you hover */
.renovations .nav .renovations a,
.partners .nav .partners a,
.contact .nav .contact a {
	cursor: default; }

/* ----------------------------------- Main Content Area ----- */
#main {
	width: 900px;
	overflow: hidden;
	margin-bottom: 450px; }

/* ----------------------------------- Homepage Only ----- */
#slideshow {
	float: left;
	overflow: hidden;
	width: 506px;
	height: 478px;
	background: url(/img/bg/sprite-polaroids.png) no-repeat;
	margin: 0 30px 30px 0; }
	#slideshow img {
		margin: 29px 0 0 28px;
		display: none; /* Hides images until jquery.cycle.js script loads */}

#homepage ul.communities {
	float: left;
	overflow: hidden;
	width: 340px; }
	#homepage h1,
	#homepage h2 {
		text-align: right; }
	#homepage h1 {
		font-size: 3.2em;
		margin-bottom: 2px; }
	#homepage h2 {
		font-size: 2em; }
	
	div.communities ul {
		list-style: none;
		margin: 0;
		padding: 0; }
		div.communities li {
			list-style: none;
			overflow: hidden;
			float: right;
			width: 320px;
			padding: 10px;
			background: #f2f2f2;
			border-top: 1px solid #98012e;
			margin: 0 0 18px 0; }
			div.communities li img {
				float: right;
				margin-left: 10px; }
			div.communities a {
				display: block;
				font-size: 14px;
				line-height: 1.2;
				color: #777; }
				div.communities a span {
					display: block;
					font-size: 22px;
					color: #222;
					margin-bottom: 3px; }
				div.communities a:hover {
					color: #222;
					text-decoration: none; }
				div.communities a:hover span {
					color: #98012e;
					text-decoration: underline; }

#homepage .bottom {
	width: 900px;
	clear: left;
	overflow: hidden;
	background: url(/img/bg/homepage-bottom-border.png) repeat-x;
	list-style: none;
	margin: 0;
	padding: 15px 0 0 0; }
	#homepage .bottom li {
		float: left;
		width: 280px;
		margin: 0 30px 0 0;
		background: 0;
		padding: 0; }
		#homepage .bottom li.last {
			margin: 0; }
		#homepage h3 {
			font-size: 22px;
			margin-bottom: 10px; }
		#homepage .bottom img {
			margin-bottom: 15px; }
		#homepage .bottom p {
			font-size: 1.4em;
			line-height: 1.2;
			margin-bottom: 15px;
			color: #777; }
	

/* ------------------------- Main Content (right side) ----- */
#content {
	float: right;
	width: 545px; }
	#content p,
	#content li {
		font-size: 1.4em; }
	#content p {
		line-height: 1.4;
		margin-bottom: 20px; }
	#content li {
		line-height: 1.2; }
		
/* ----- Information at top */
.info {
	width: 545px;
	overflow: hidden;
	margin: 0 0 50px 0; }

/* Communities pages */
body.communities .info ul {
	float: right;
	width: 240px;
	padding: 0;
	margin: 0;
	font-style: italic; }
	body.communities #content .info li {
		width: 236px;
		padding: 4px 2px;
		margin: 0;
		border-bottom: 1px solid #ccc;
		font-size: 1.5em;
		background: none; }
		.info li.last {
			border: none; }
body.communities .info p {
	width: 275px;
	float: left; }
	/* Additional Plans & Services page + All standard non-homes pages */
	body#additional-plans .info p,
	body.standard .info p {
		float: none;
		width: 543px; }
		/* Adjust for the padding added to use quote bg image */
		body.standard .info p.quote {
			width: 513px; }

/* Custom homes pages */
body.customhomes .info ul {
	float: left;
	width: 300px;
	padding: 0;
	margin: 0; }
	body.customhomes #content .info li {
		width: 296px;
		padding: 4px 2px;
		margin: 0;
		border-bottom: 1px solid #ccc;
		font-size: 1.4em;
		background: none; }

body.customhomes .info div {
	float: right;
	width: 200px; }
	body.customhomes h3 {
		font-family: times, "times new roman", serif;
		font-size: 1.7em;
		margin: 0 0 12px 0;
		text-transform: uppercase; }
	
	body.customhomes #content .info div ul {
		margin: 0 0 50px 12px;
		padding: 0;
		float: none; }
		body.customhomes #content .info div li {
			width: auto;
			padding: 0;
			margin: 0 0 9px 0;
			border: none;
			background: none; }
			body.customhomes #content .info li.quickview a {
				padding: 0 0 2px 23px;
				background: url(/img/icon/blue-plus.png) no-repeat; }
			body.customhomes #content .info li.pdf a {
				padding: 0 0 2px 23px;
				background: url(/img/icon/pdf.png) no-repeat; }
			

/* ----- Custom Homes / Features */
.homes {
	width: 545px;
	overflow: hidden;
	position: relative; /* To absolute position the features pdf 'a.pdf' */}

/* ----- Tabs */
.homes .tabs {
	width: 545px;
	overflow: hidden;
	margin: 0 0 20px 0;
	padding: 0 0 0 20px;
	border-bottom: 3px solid #98012e; }
	.homes .tabs li {
		float: left;
		margin: 0;
		padding: 0;
		font-size: 1.6em;
		background: none; }
		.homes .tabs a {
			display: block;
			padding: 7px 7px 3px;
			color: #231f20;
			text-decoration: none; }
			.homes .tabs a:hover {
				background: #dbdbdb;
				color: #98012e; }
			.homes .tabs a.current {
				color: #fff;
				background: #98012e;
				cursor: default; }
				
		.homes a.pdf {
			position: absolute;
			top: 5px;
			right: 0;
			font-size: 1.4em;
			font-style: italic;
			padding: 0 0 2px 23px;
			background: url(/img/icon/pdf.png) no-repeat; }

/* ----- Custom Homes */
div.customhomes ul {
	margin: 0;
	padding: 0;
	width: 545px;
	overflow: hidden; }
	div.customhomes ul li {
		float: left;
		width: 237px;
		height: 161px;
		padding: 9px 9px 12px;
		margin: 0 25px 25px 0;
		background: url(/img/bg/sprite-polaroids.png) no-repeat 0 -872px; }
		.customhomes ul li.last {
			margin-right: 0; }
		
		.customhomes li img {
			display: block;
			margin: 0 0 8px 0; }
			
		div.customhomes ul li ul {
			margin: 0;
			padding: 0; }
			#content div.customhomes ul li ul li {
				float: left;
				background: none;
				padding: 0;
				width: auto;
				height: auto;
				margin: 0 18px 0 0;
				font-style: italic;
				font-size: 14px; }
				.customhomes ul li ul li.last {
					margin: 0; }

/* ----- Testimonials */
p.quote {
	padding-left: 28px;
	background: url(/img/bg/quote-for-testimonials.png) no-repeat; }
			
/* ------------------------- Sidebar (left side) ----- */				
#sidebar {
	float: left;
	width: 293px;
	padding-top: 425px; }
	#sidebar p,
	#sidebar li {
		font-size: 1.4em; }
	#sidebar p {
		line-height: 1.3;
		margin-bottom: 20px; }
		
/* ----- Big Polaroid (top left) */
#container .polaroid {
	position: absolute;
	top: 195px;
	left: -40px;
	width: 311px;
	height: 354px;
	padding: 30px 21px 10px 39px;
	background: url(/img/bg/sprite-polaroids.png) no-repeat 0 -478px;
	z-index: 999; }
	.polaroid img {
		display: block;
		margin: 0 0 24px; }
		.polaroid strong {
			display: block;
			font-size: 2.7em;
			font-weight: normal;
			text-align: center; }
			
/* ----- Google Map */
.map {
	width: 263px;
	border: 7px solid #e0e0e0;
	padding: 2px;
	background: #fff; }
	/* On contact page only. Adjust width. */
	body.standard .map {
		width: 450px;
		margin-bottom: 20px; }
		
/* ----- Heading Tags ----- */
h1, h2, h3, h4, h5 {
	font-family: "Minion Pro", times, "times new roman", serif;
	line-height: 1; }
h6 {
	font-family: times, "times new roman", serif;
	line-height: 1;
	font-size: 1.7em;
	color: #fff;
	font-weight: normal;
	margin-bottom: 21px;
	letter-spacing: 0.02em; }
h1 {
	font-size: 4.4em;
	margin-bottom: 3px; }
	/* For all non-homes pages (about, contact, renovations, etc.) */
	body.standard h1 {
		margin-bottom: 25px; }
h2 {
	font-size: 2em;
	color: #777;
	margin-bottom: 32px; }
h3 {
	font-size: 2.6em;
	margin-bottom: 20px; }
	/* For all non-homes pages (about, contact, renovations, etc.) */
	body.standard h3 {
		margin-bottom: 5px;
		font-size: 2.4em; }
h4 {
	font-size: 1.8em;
	margin-bottom: 12px;
	color: #999; }
#content .customhomes ul li h4 {
	font-size: 19px;
	margin-bottom: 8px;
	color: #231f20; }
h5 {
	font-size: 1.7em;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 8px; }

/* ----------------------------------- Footer ----- */	
#footer {
	position: absolute;
	bottom: 30px;
	left: -25px;
	width: 900px;
	padding: 5px 40px 0 40px;
	background: url(/img/nav/red-bar-wrap.png) no-repeat;
	overflow: hidden; }
	#footer a {
		color: #231f20; }
	#footer a:hover {
		color: #98012e;
		text-decoration: underline; }
	#footer p {
		margin: 0; }
	#footer p,
	#footer li {
		font-size: 1.4em; }
		
		/* ----- Custom Home Links & Banner Bar */
		#footer .homes {
			width: 900px;
			overflow: hidden; }
			
			#footer div.first,
			#footer div.second,
			#footer div.other {
				float: left;
				width: 260px;
				margin-right: 20px;
				padding-top: 8px; }
				div.first {
					margin-left: 57px; }
				div.other h6 {
					margin-bottom: 25px; }

			#footer div strong {
				display: block;
				margin: 20px 0 10px;
				font-size: 1.6em;
				font-weight: normal;
				font-style: italic; }
				
				#footer ul {
					padding: 0 0 0 7px;
					margin: 0;
					list-style: none; }
					#footer li {
						margin: 0 0 2px 0;
						padding: 0;
						background: none; }
						#footer li a {
						display: block;
						width: 198px;
						padding: 6px 0 5px 2px;
						border-top: 1px solid #d5d5d5;
						border-bottom: 1px solid #d5d5d5; }
						#footer li.first a {
							border-top: none; }
						#footer li.last a {
							border-bottom: none; }

		#footer .meta {
			clear: left;
			padding-top: 30px;
			width: 900px;
			overflow: hidden; }

		/* ----- Address */
		#footer p.contact {
			float: left;
			width: 300px;
			font-size: 1.3em;
			line-height: 1.2; }
			#footer p.contact img {
				margin: 10px 0 0 0; }

		/* ----- Copyright / Disclaimer */
		#footer p.disclaimer {
			float: right;
			width: 550px;
			font-size: 1.3em;
			line-height: 1.2;
			color: #6f6f6f; }
			p.disclaimer span {
				color: #231f20; }
		
		/* ----- Equal Opportunity Statement */
		.equal-opportunity {
			margin: 0 auto;
			width: 930px;
			font-size: 1.4em;
			line-height: 1.2;
			color: #6f6f6f; }

/* ----------------------------------- Wufoo Contact Form -----
   use the id of the body within the iframe to target wufoo elements only (body#public)
	 use the id of the form within the iframe to target more specific elements (form#form1) */

body#public {
	background: none; }
body#public #container {
	background: 0;
	padding: 0;
	line-height: 14px;
	font-size: 14px;
	color: #231f20;
	-moz-box-shadow: none; }

form#form1 {
	padding: 0;
	font-family: times, "times new roman", serif; }
form#form1 .info {
	width: auto;
	margin: 0 0 20px 0;
	border: none;
	font-size: 14px; }
	form#form1 .info h2 {
		font-size: 24px;
		margin-bottom: 5px; }
	form#form1 .info div,
	form#form1 label.choice {
		color: #231f20;
		font-size: 14px; }

form#form1 ul li {
	background: none; }

form#form1 label.desc {
	font-size: 14px;
	color: #231f20;
	margin: 0 1px 0 0; }

form#form1 input.text,
form#form1 select.select,
form#form1 textarea.textarea {
	font-size: 14px;
	line-height: 18px;
	color: #231f20;
	padding: 5px 3px 3px; }
	form#form1 select.select {
		padding: 4px 1px 2px; }

form#form1 select.select {
	border: 1px solid #c3c3c3; }

form#form1 input#saveForm {
	border: 1px solid #ccc;
	background: #f2f2f2;
	font-size: 16px;
	font-weight: normal;
	padding: 4px;
	text-align: center;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px; }
	form#form1 input#saveForm:hover,
	form#form1 input#saveForm:active {
		background: #eee;
		border: 1px solid #999;
		cursor: pointer; }

body#public div.confirm form.wufoo h2 {
	font-family: times, "times new roman", serif;
	font-size: 20px;
	color: #231f20;
	text-align: left;
	margin-left: 0;
	padding-left: 0; }

/* Remove weird styling from the calendar popup caused by using the same classnames in other areas of the site */
body#public .nav {
	background: none; }
body#public #footer li a,
body#public #footer li.first a {
	border: none;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	display: inline; }



/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Copyright (c) 20010 Janis Skarnelis
 * Examples and documentation at: http://fancybox.net
 *
 * Version: 1.3.0 (02/02/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;
	background: transparent;
	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: transparent url(/img/fancybox/fancy_loading.png) no-repeat; }

#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: 41px;
	height: 41px;
	background: url(/img/fancybox/fancy_close.png) top left no-repeat;
	cursor: pointer;
	z-index: 1103;
	display: none; }

#fancybox_error {
	color: #444;
	font-size: 14px; }

#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: times, "times new roman", serif;
	font-size: 16px;
	text-shadow: 1px 1px 0 #222;
	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: url(/img/fancybox/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: transparent url(/img/fancybox/fancy_title_left.png) repeat-x; }

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background: transparent url(/img/fancybox/fancy_title_main.png) repeat-x;
	color: #fff; }

#fancybox-title-right {
	padding-left: 15px;
	background: transparent url(/img/fancybox/fancy_title_right.png) repeat-x; }

#fancybox-left,
#fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url(/img/fancybox/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: 41px;
	height: 41px;
	margin-top: -20px;
	cursor: pointer;
	z-index: 1102;
	display: block; }
	#fancybox-left-ico {
		background: transparent url(/img/fancybox/fancy_nav_left.png) no-repeat; }
	#fancybox-right-ico {
		background: transparent url(/img/fancybox/fancy_nav_right.png) no-repeat; }

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

div.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	z-index: 1001; }

div#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url(/img/fancybox/fancy_shadow_n.png) repeat-x; }

div#fancy-bg-ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url(/img/fancybox/fancy_shadow_ne.png) no-repeat; }

div#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url(/img/fancybox/fancy_shadow_e.png) repeat-y; }

div#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url(/img/fancybox/fancy_shadow_se.png) no-repeat; }

div#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url(/img/fancybox/fancy_shadow_s.png) repeat-x; }

div#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url(/img/fancybox/fancy_shadow_sw.png) no-repeat; }

div#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url(/img/fancybox/fancy_shadow_w.png) repeat-y; }

div#fancy-bg-nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url(/img/fancybox/fancy_shadow_nw.png) no-repeat; }