@font-face {
	font-family: 'OpenSans';
	src: url('fonts/OpenSans-Regular.eot');
	src: local('☺'), url('fonts/OpenSans-Regular.woff') format('woff'), url('fonts/OpenSans-Regular.ttf') format('truetype'), url('fonts/OpenSans-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSans-light';
	src: url('fonts/OpenSans-Light.eot');
	src: local('☺'), url('fonts/OpenSans-Light.woff') format('woff'), url('fonts/OpenSans-Light.ttf') format('truetype'), url('fonts/OpenSans-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSans-sembold';
	src: url('fonts/OpenSans-Semibold.eot');
	src: local('☺'), url('fonts/OpenSans-Semibold.woff') format('woff'), url('fonts/OpenSans-Semibold.ttf') format('truetype'), url('fonts/OpenSans-Semibold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body
{
	margin: 0;
	padding: 0;
	color: #d6cbb9;
	font: 1/1.4 'OpenSans', Arial, sans-serif;
	background: url(../images/webBg-Mustard2.jpg) repeat left top;
}

a:link
{
	color: #f1eae5;
	text-decoration: none;
}

a:active { color: #b83c44; }
a:hover { text-decoration: underline; }

a:visited
{
	color: #d8c5b7;
	text-decoration: none;
}
a.movieThumb { display: block; 
cursor: pointer; }

span.email b { display: none; }

h1
{
	font-size: 2rem;
	margin: 0;
}

h2 { font-size: 1.5rem; }
h3 { font-size: 1.125rem; }
.padding-x { padding: 0 1rem; }
.padding-y { padding: 1rem 0; }
.padding-xy { padding: 1.25rem; }

/* HEADER */
#header
{
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #b83c44;
	background: #dcd3c5;
}

#logo
{
	margin: 0 auto;
	max-width: 400px;
	_width: 400px;
}

.logo
{
	width: 100%;
	padding-bottom: 20%;
	background: url(../images/logo.png) no-repeat center;
	background-size: contain;
}

#logo a
{
	text-indent: -9999em;
	display: block;
	text-decoration: none;
}

/* MENU */
.top-bar, .title-bar, .top-bar ul
{
	font-family: 'OpenSans-semibold', Arial, sans-serif;
	font-weight: 600;
}

.top-bar, .title-bar
{
	background: #b83c44;
	color: #dcd3c5;
	padding: 0;
}

.title-bar .menu-icon, .title-bar-title { line-height: 2; }

.title-bar-title
{
	margin-left: 0.4rem;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 0.25rem 0;
}

.top-bar  .is-drilldown
{
	margin: 0;
	width: 100%;
	background: transparent;
}

.menu li a, .menu is-drilldown-submenu-parent, .menu is-drilldown-submenu-parent:active
{
	background: #b83c44;
	color: #e2d9cb;
}

.menu li a:hover
{
	background: #dcd3c5;
	color: #2f1401;
	text-decoration: none;
}

.menu li li
{
	width: 100%;
	border-bottom: 1px dotted #2f1401;
}

.menu li::last-of-kind { border-bottom: none; }

.menu li li a
{
	text-transform: capitalize;
	background: rgba(226,217,203,0.5);
	color: #2f1401;
	z-index: 100;
	font-size: 0.86em;
}

body#home #nav-hom a, body#gallery #nav-gal a,  body#gallery #nav-gal a#srcs,  body#gallery #nav-gal a#tbls,  body#gallery #nav-gal a#cof,  body#gallery #nav-gal a#mntls,  body#gallery #nav-gal a#pnls,  body#gallery #nav-gal a#sclpt,  body#gallery #nav-gal a#cntr, body#contact #nav-con a
{
	background: #2f1401;
	color: #e2d9cb;
}

.drilldown .js-drilldown-back > a::before { border-color: transparent #e2d9cb transparent transparent; }
.drilldown .is-drilldown-submenu-parent > a::after { border-color: transparent transparent transparent #e2d9cb; }
.drilldown .js-drilldown-back > a::before { border-color: transparent #2f1401 transparent transparent; }
.is-drilldown { min-height: 0!important; }

/* THE REST */
#content
{
	overflow: hidden;
	zoom: 1;
	background: #2f1401;
	/* brown; */
	min-height: 730px;
}

.thumbnail { border: 4px solid #7f513e; }

#footer
{
	overflow: hidden;
	font-size: 80%;
	border-top: 1px solid #d6cbb9;
	color: #935026;
	background: rgba(255,255,255,0.5);
	padding: 5px;
}

.footlink a:link, .footlink a:visited
{
	color: #2f1401;
	text-decoation: none;
}

.footlink a:hover { text-decoation: underline; }
.copy, .credit { text-align: center; }
.no-js .top-bar { display: none; }

@media screen and (min-width: 40em)
{
	.no-js .top-bar { display: block; }
	.no-js .title-bar { display: none; }
	
	#sideNav a:link, #sideNav a:visited
	{
		display: block;
		padding: 0.25em 0 0.25em 0.5em;
		text-decoration: none;
	}
	
	#sideNav a:hover
	{
		color: #e2d9cb;
		background: #b83c44;
	}
	
	body.coffee a#cof,
		body.counter a#cntr,
		body.mantels a#mntls,
		body.panels a#pnls,
		body.sculpture a#sclpt,
		body.material a#srcs,
		body.tables a#tbls,
		body.benches a#bnch,
		body.studio a#stdo
	{
		background: rgba(184,60,68,.8);
		color: #f1eae5;
	}
    #mainMap iframe
    {
	    border: 0;
	    height: 15rem;
	    left: 0;
	    position: relative;
	    top: 0;
	    width: 20rem;
    }

	#footer .credit { text-align: right; }
	#footer .copy { text-align: left; }
}

@media screen and (min-width: 40em) and (max-width: 63.9375em)
{
	
}

@media screen and (min-width: 64em)
{
	html { font-size: 105%; }
	.menu li li { width: 15.625rem; }
	.is-dropdown-submenu { border: none; }
	
	.dropdown.menu > li.is-active > a
	{
		color: #2f1401;
		background: #e2d9cb;
	}
	
	.dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after { border-color: #2f1401 transparent transparent; }
}