/*
 * reset styles
 */

html,
body {
    margin: 0;
    padding: 0;
    font-size: 1em;
    line-height: 1;
	background: #ece8dc url('../img/bg.png');
}

img {
	border: 0;
    vertical-align: middle;
	-ms-interpolation-mode: bicubic;
}

a {
	text-decoration: none;
	color: #0054a6;
}
a:hover {
	color: #590;
}
/*
 * page styles
 */

.body {
	font-family: Lucida Grande,Lucida Sans Unicode,Verdana,Helvetica,Arial,Geneva,sans-serif;
}

.outerTop {
	background: #fff;
	border-bottom: 1px solid #ccc;
}
	.innerTop {
		margin: auto;
		width: 1000px;
	}
.outerBottom {
}
	.innerBottom {
		margin: auto;
		width: 1000px;
	}
	
	.title {
		float: left;
		font: 40px/90px Helvetica,Arial,Verdana,sans-serif;
		color: #fff;
		background: url('../img/titleMid.jpg') repeat-x;
		margin: 16px 0 0 11px;
	}
		.titleMid {
			float: left;
		}
		.titleLeft {
			float: left;
			width: 31px;
			height: 95px;
			background: url('../img/titleLeft.jpg');
		}
		.titleRight {
			float: right;
			width: 31px;
			height: 95px;
			background: url('../img/titleRight.jpg');
		}
	
	.priceTag {
		float: right;
		width: 336px;
		height: 96px;
		padding: 10px 10px 20px 10px;
		background: url('../img/tag.jpg') center center no-repeat;
	}
		.price {
			font: 36px/20px Helvetica,Arial,Verdana,sans-serif;
			color: #fff;
			padding: 42px 5px 0 0;
			text-align: right;
		}
			.price .small {
				font-size: 18px;
			}
	
	.listing {
		padding: 15px 10px 10px 10px;
	}
		.gallery {
			float: left;
			width: 215px;
			padding: 10px 0 5px 10px;
			background-color: #fff;
			border: 1px solid #ccc;
			-webkit-box-shadow: 0 0 5px #cecece;
			-moz-box-shadow: 0 0 5px #cecece;
			box-shadow: 0 0 5px #cecece;
		}
			.fancyboxGallery {
				display: block;
				float: left;
				width: 65px;
				height: 65px;
				margin: 0 5px 5px 0;
			}
			.fancyboxGallery.large {
				width: 205px;
				height: 205px;
			}
		.desc {
			float: left;
			width: 716px;
			margin: 0 0 15px 15px;
			padding: 10px;
			background-color: #fff;
			border: 1px solid #ccc;
			color: #444;
			-webkit-box-shadow: 0 0 5px #cecece;
			-moz-box-shadow: 0 0 5px #cecece;
			box-shadow: 0 0 5px #cecece;
		}
		

/*
 * helpers
 */
 
.left {
	float: left;
}

.right {
	float: right;
}

.hide {
    display: none;
}

.clear:before,
.clear:after {
    content: " ";
    display: table;
}

.clear:after {
    clear: both;
}

.clear {
    *zoom: 1;
	*height: 0;
	width: 100%;
	font-size: 0px;
	line-height: 0px;
}