@charset "utf-8";
/* CSS Document */
body { margin: 0px; padding: 0px; font-family: Arial, Helvetica; font-size: 11px; color: #7d5c48; }

/**
																				Links
**/
a { color: #7d5c48; text-decoration: none; }

a:hover { text-decoration: underline; }

.email-us, .more-info, .view-more, .print { text-align: center; background-color: #7d5c48; color: white; padding: 2px 5px 2px 5px; text-decoration: none; cursor: pointer; font-size: 12px; }
.email-us:hover, .more-info:hover, .view-more:hover, .print:hover { background-color: red; text-decoration: none; }

.print-email-button-container { display: inline-block; width: 100%; position: relative; }

.print-float { position: absolute; float: right; right: 50px; top: -55px; }

.email-us-float { position: absolute; float: right; right: 50px; top: -30px; }

/**
																				Minutiae
**/
.clearfix { clear: both; }

.sold, .hold { padding-left: 5px; }

.red { color: red; }

.bold { font-weight: bold; }

h1.white-magic { font-family: 'Balthazar', serif; text-align: center; text-transform: uppercase; color: #666; letter-spacing: 2px; font-size: 18px; }

/**
																				Header
**/
header { width: 966px; margin: 10px auto; position: relative; }

#logo-head { margin-left: 0px; }

#header-search-container { width: 200px; top: 8px; left: 50%; margin-left: -100px; position: absolute; }
#header-search-container input { width: 160px; height: 20px; float: left; border: 1px solid #ccc; padding: 1px 5px 1px 5px; color: #7d5c48; }
#header-search-container button { height: 23px; width: 20px; float: left; margin: 0px; padding: 0px; border: none; cursor: pointer; background-image: url(../img/search-button.jpg); }

.header-link-container { margin-top: 10px; float: right; color: #8c705e; width: 50%; text-align: right; text-decoration: none; font-weight: bold; }

.header-link { padding-left: 10px; }

#phone-link { display: inline-block; }

/**
																				Navigation
**/
.menu { width: 966px; margin: 10px auto; position: absolute; z-index: 1000; }

.cat1 { width: 11%; float: left; text-align: center; background-color: #7d5c48; margin-left: 1px; font-size: 12px; }
.cat1:hover { background-color: white; }
.cat1:hover a { color: #7d5c48; }
.cat1 a { display: inline-block; color: white; padding: 4px 0px 4px 0px; text-decoration: none; }
.cat1 .cat2 { position: relative; background-color: #7d5c48; display: none; }
.cat1 .cat2 a { border-bottom: 1px solid white; display: inline-block; color: white; width: 100%; }
.cat1 .cat2 a:hover { background-color: white; color: #7d5c48; }
.cat1 .cat2 a:last-of-type { border-bottom: none; }
.cat1 .cat2 .cat3 { background-color: #7d5c48; position: absolute; top: 0px; right: -100%; display: none; width: 100%; }

/**
																				Body Container
**/
.body-container { width: 966px; margin: 48px auto; padding-bottom: 50px; }

.pad-left { padding-left: 50px; }

.cat2-item { font-size: 16px; }

.our-story, .exhibitions { padding-top: 30px; text-align: center; }

.our-story h1 { margin-top: 20px; }
.our-story p { margin: 0 auto; width: 50%; font-size: 14px; }

/**
																				Breadcrumbs
**/
.breadcrumbs-large { width: 966px; margin: 20px auto; font-size: 12px; }

.breadcrumbs-small { display: none; }

/**
																				Home Page
**/
.homepage { overflow-y: hidden; }

.home { text-align: center; width: 966px; padding-top: 30px; }
.home img { max-width: 100%; }

.full-screen-bg { top: 120px; }

.homepage-slideshow-overlay { width: 966px; height: 100%; z-index: 1000; background-color: #fff; display: block; position: absolute; }
.homepage-slideshow-overlay img { margin-top: 150px; }

.homepage-controls { position: absolute; z-index: 1000; bottom: 5px; cursor: pointer; font-size: 2em; display: block; }

.homepage-prev { left: 0%; top: 40%; width: 19px; height: 59px; background-image: url(../img/slideshow-arrow-left.png); }

.homepage-next { right: 0%; top: 40%; width: 19px; height: 59px; background-image: url(../img/slideshow-arrow-right.png); }

/**
																				Left Column Items	List
**/
.left-column-items { width: 172px; overflow: auto; position: relative; vertical-align: top; text-align: center; float: left; z-index: 0; }
.left-column-items a { display: inline-block; text-decoration: none; margin-bottom: 10px; }
.left-column-items a:after { content: '\A\A'; }
.left-column-items a img { transition: all 0.5s ease; }
.left-column-items a:hover img { -webkit-box-shadow: 0px 0px 5px #7d5c48; -moz-box-shadow: 0px 0px 5px #7d5c48; box-shadow: 0px 0px 5px #7d5c48; }

/**
																				Items Iframe
**/
/*
.items-iframe {
	float:left;
	width:738px;
	height:100%;
	margin-left:20px;
}

.items-container {
	width: 654px;
	margin:0px auto;
}
*/
/**
																				Items Div
**/
.items { margin: 0px 0px 0px 0px; float: left; width: 792px; height: 100%; position: relative; /*
a {
	float:left;
	text-align:center;
	width:125px;
	height:125px;
	padding:5px;
}
*/ /*.view-more,
.print {
	background-color:$brown;
	color:$white;
	padding:2px 4px 2px 4px;
	float:right;
	text-decoration:none;
	cursor:pointer;
	&:hover {
		background-color:$red
	}
}*/ }
.items h1 { font-size: 14px; text-align: center; }
.items p { text-align: center; width: 50%; margin: 0px auto; line-height: 14px; }
.items .item-link-container { margin: 10px auto; }

.full-width { margin-left: 100px; }

/**
																				 Details Inner
**/
.item-container { text-align: center; margin-bottom: 20px; opacity: 0; moz-opacity: 0; webkit-opacity: 0; }

.item-loading { font-size: 2em; display: inline-block; text-align: center; position: absolute; height: 400px; width: 100%; }
.item-loading img { width: 25px; margin-top: 200px; }

table { width: 100%; }

.image-container { position: relative; overflow: hidden; height: 500px; }

.intro-image-container { position: relative; overflow: hidden; }

.empty-image { width: 600px; }

.controls { position: absolute; z-index: 1000; bottom: 5px; cursor: pointer; font-size: 2em; display: none; }

.details-cycle-prev { left: 5%; top: 45%; width: 19px; height: 59px; background-image: url(../img/slideshow-arrow-left.png); }

.details-cycle-next { right: 5%; top: 45%; width: 19px; height: 59px; background-image: url(../img/slideshow-arrow-right.png); }

/**
																				Bottom Row Items	List
**/
.bottom-row-items { float: left; margin: 50px 0px 0px 20px; width: 772px; height: 160px; white-space: nowrap; overflow-y: hidden; text-align: center; }
.bottom-row-items td { vertical-align: top; padding: 0px 10px 0px 10px; }
.bottom-row-items a { display: inline-block; text-align: center; text-decoration: none; font-size: 12px; }

/**
																				Items Grid
**/
.grid { width: 634px; margin: 0 auto; }
.grid a { padding: 10px 18px 30px 18px; width: 120px; text-align: center; display: inline-block; vertical-align: top; text-decoration: none; }
.grid a img { transition: all 0.5s ease; }
.grid a:hover img { -webkit-box-shadow: 0px 0px 5px #7d5c48; -moz-box-shadow: 0px 0px 5px #7d5c48; box-shadow: 0px 0px 5px #7d5c48; }

/**
																				Details Popup
**/
.detail-container { height: 100%; background-color: #fff; width: 1000px; margin: 0 auto; border: 1px solid #ccc; border-top: none; }

.detail-container-inner { height: 850px; width: 100%; display: block; margin: 0 auto; text-align: center; position: relative; }

.header { text-align: center; padding: 10px 0; }

.description, .pagenumbers { margin: 0 auto; width: 50%; font-size: 11px; text-align: center; }

.pagenumbers { margin-top: 20px; }

.footer { font-family: 'Balthazar', serif; font-weight: 400; text-align: center; color: #7d5c48; font-size: 15px; letter-spacing: 1px; }

/**
																				Search
**/
.search h3 { margin: 0px; padding: 0px; }
.search p { font-size: 16px; }
.search .intro { padding-bottom: 10px; border-bottom: 1px solid #ccc; }
.search .search-result { padding: 20px 0px 20px 0px; display: block; text-decoration: none; cursor: pointer; border-bottom: 1px solid #ccc; transition: all 0.5s ease; }
.search .search-result:hover { background-color: #F1F1F1; padding-left: 20px; }

/**
																				 404
**/
.four-oh-four h3 { margin: 0px; padding: 0px; }
.four-oh-four p { font-size: 16px; }

#four-oh-four-search-container input { width: 160px; height: 20px; float: left; border: 1px solid #ccc; padding: 1px 5px 1px 5px; color: #7d5c48; }
#four-oh-four-search-container button { height: 23px; width: 20px; float: left; margin: 0px; padding: 0px; border: none; cursor: pointer; background-image: url(../img/search-button.jpg); }

/**
																				 Showroom Views
**/
.showroom-grid { width: 100%; }

.showroom-container { text-align: center; margin-bottom: 10px; }

.showroom-image-container { position: relative; width: 100%; }

.showroom-image img { width: 100%; height: auto; }

.showroom-item { cursor: pointer; }

.cycle-prev-showroom { left: -10%; top: 40%; width: 19px; height: 59px; background-image: url(../img/slideshow-arrow-left.png); display: block; }

.cycle-next-showroom { right: -10%; top: 40%; width: 19px; height: 59px; background-image: url(../img/slideshow-arrow-right.png); display: block; }

/**
																				 Contact Page
**/
.contact-page { font-size: 12px; font-family: Arial, Helvetica; text-align: center; }

.showrooms { margin: 0 auto; width: 780px; height: 100%; position: relative; }
.showrooms .rule { width: 780px; height: 1px; background-color: #7d5c48; display: block; position: absolute; top: 21px; }
.showrooms h1 { font-size: 11px; font-weight: 100; }
.showrooms p { font-size: 10px; }
.showrooms div { float: left; text-align: left; }
.showrooms .lavin { width: 135px; margin-left: 95px; }
.showrooms .hughes { margin-left: 10px; width: 125px; }
.showrooms .atelier { width: 110px; margin-left: 10px; }
.showrooms .brooks-a { width: 125px; margin-left: 5px; }
.showrooms .brooks-b { width: 115px; margin-left: 5px; }
.showrooms .gagne { width: 125px; margin-left: 5px; }

/**
																				 Mailing List Page
**/
.mailing-list p { font-size: 14px; font-weight: bold; }
.mailing-list input, .mailing-list select, .mailing-list textarea { width: 25%; color: #7d5c48; }
.mailing-list #code-span { color: red; font-size: 12px; }
.mailing-list .error { color: red; }

/**
																				 Editorial Page
**/
.editorial { width: 750px; text-align: center; padding-top: 30px; }
.editorial a { display: inline-block; padding: 5px; }

/**
																				 Catalog Page
**/
.catalog { text-align: center; }
.catalog a { display: inline-block; width: 100%; }
.catalog a img { width: 100%; }
.catalog p { font-size: 14px; }