/* -----------------------------------------------------------------------


 EIZOU CSS Framework 0.1
 http://www.eizougraphic.com

   * Copyright (c) 2013-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

/*-----------------------------------------------------------------------
CUSTOM SECTION
------------------------------------------------------------------------*/
.content.showroom p {
    margin-bottom: 0;
}
/*-----------------------------------------------------------------------
BODY SECTION
------------------------------------------------------------------------*/
html, body {
	height: 100%;
}
body {
	background-color: #F5F2F2;
}
.centered, .centered p{
	text-align: center !important;
}
.note {
	font-size: 0.9em;
	color: #9D9FB3;
}

/*-----------------------------------------------------------------------
HEADER LOGO SECTION
------------------------------------------------------------------------*/

/* === Header Logo Section === */
#header-logo {
	height: 280px;
	width: 100%;
	position: fixed;
	top: 0;
	background-image: url(../img/web_elements/header-background.jpg);
	background-repeat: repeat-x;
	background-position: center;
	z-index: -10;
}
#header-logo2 {
	height: 280px;
	width: 100%;
	position: fixed;
	top: 0;
	background-image: url(../img/web_elements/header-background2.jpg);
	background-repeat: repeat-x;
	background-position: center;
	z-index: -10;
}
#logo {
	margin-top: 60px;
	text-align: center;
}

/*-----------------------------------------------------------------------
WRAPPER SECTION
------------------------------------------------------------------------*/
#wrapper {
	overflow: hidden;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-right: auto;
	margin-bottom: -49px;
	margin-left: auto;
}
#content-wrapper {
	background-color: #F5F2F2;
	z-index: 10;
	margin-top: 280px;
	padding-bottom: 30px;
	-webkit-box-shadow: 0px -2px 3px rgba(50, 50, 50, 0.4);
	-moz-box-shadow:    0px -2px 3px rgba(50, 50, 50, 0.4);
	box-shadow:         0px -2px 3px rgba(50, 50, 50, 0.4);
}

/* === Nav Section === */
.hide-for-small {
	list-style: none !important;
}
.active {
	color: #9D9FB3;
}

@media only screen and (min-width: 768px) {
	#nav ul li {
		float: left;
		margin-right: 20px;
	}
}

/* === Feature Section === */
#main-feature, #feature {
	margin-top: 40px;
	position:relative;
    background-color:#CCC;
}
#main-feature a:hover, #feature a:hover {
	text-decoration: none;
	color: #776B5E;
	opacity:1;
	filter:alpha(opacity=100);
}
#main-feature img, #feature img {
	position:relative;
	z-index:1;
}
#main-feature .more {
	display:none;
	display:block;
	position:absolute;
	z-index:100;
	left: 0px;
	top: 38%;
	width: 100%;
	background-color:#383940;
	opacity:0.85;
	filter:alpha(opacity=85);
}
#feature .more {
	display:none;
	display:block;
	position:absolute;
	z-index:100;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color:#383940;
	opacity:0.85;
	filter:alpha(opacity=85);
}
#feature {
	margin-top: 30px;
}
.more h1 {
	font-family: 'BemboStd', "Times New Roman", Times, serif;
	font-weight: normal;
	color: #FFF;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 5px;
	padding-top: 20px;
	padding-bottom: 5px;
	font-size: 2em;
}
.more h2 {
	font-family: 'BemboStd', "Times New Roman", Times, serif;
	font-weight: normal;
	color: #FFF;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 5px;
	margin-top: 28%;
	font-size: 1.2em;
}
#feature:hover .more {
	display:none;
}

/* === Content Section === */
.content, .lifestyle {
	margin-top: 40px;
	text-align: center;
}
.content h2, .lifestyle h2 {
	font-family: 'BemboStd-Italic', "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 1.4em;
	background-image: url(../img/web_elements/border-horizontal.png);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 20px;
	margin-bottom: 20px;
	text-align: left;
}
.content p, .lifestyle p {
	font-family: 'BemboStd', "Times New Roman", Times, serif;
	font-size: 1em;
	text-align: left;
}
.content img {
	margin-bottom: 10px;
}
.content img:last-child {
	margin-bottom: 40px;
}

/* === Side Nav Section === */
.content-nav {
	margin-top: 40px;
}
ul.side-nav {
	padding-top: 0px;
}
ul.side-nav li {
	font-family: 'BemboStd', "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 1.1em;
}
ul.side-nav li a {
	color: #9D9FB3;
}
ul.side-nav li a:hover {
	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
}
ul.side-nav li.active {
	 color: #383940;
}
ul.side-nav ul {
	margin-top: 10px;
	list-style: none;
	margin-left: 20px;
}
ul.side-nav ul li {
	line-height: 1.1em;
}
ul.side-nav ul li a:link{
	color: #333;
}


/* === Footer Section === */
#footer {
	width: 100%;
	background-color: #E8E5E5;
	padding-top: 20px;
	padding-bottom: 14px;
	clear: both;
}
#footer #copyright {
	text-align: center;
	font-family: 'BemboStd', "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 1em;
}
.push {
	height: 49px;
	clear: both;
}

/*-----------------------------------------------------------------------
TYPOGRAPHY SECTION
------------------------------------------------------------------------*/

/** Bembo STD **/
@font-face {
	font-family: 'BemboStd';
	src: url('fonts/BemboStd.eot');
	src: local('☺'), url('fonts/BemboStd.woff') format('woff'), url('fonts/BemboStd.ttf') format('truetype'), url('fonts/BemboStd.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'BemboStd-Italic';
	src: url('fonts/BemboStd-Italic.eot');
	src: local('☺'), url('fonts/BemboStd-Italic.woff') format('woff'), url('fonts/BemboStd-Italic.ttf') format('truetype'), url('fonts/BemboStd-Italic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'BemboStd-Bold';
	src: url('fonts/BemboStd-Bold.eot');
	src: local('☺'), url('fonts/BemboStd-Bold.woff') format('woff'), url('fonts/BemboStd-Bold.ttf') format('truetype'), url('fonts/BemboStd-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'BemboStd-BoldItalic';
	src: url('fonts/BemboStd-BoldItalic.eot');
	src: local('☺'), url('fonts/BemboStd-BoldItalic.woff') format('woff'), url('fonts/BemboStd-BoldItalic.ttf') format('truetype'), url('fonts/BemboStd-BoldItalic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}