html,body {
	width: 100%;
	height: 100%;
	font-family: "Chino",sans-serif;
}

body { background: #FAFAFA;}
.cwrap { width: 960px; margin: 0 auto;}
strong { font-weight: 900; font-style: normal;}
hr { border:none; border-top: 1px solid #FAFAFA;}
small, p small {font-size: 0.8em !important; }
a { color: #FAFAFA;}
a:hover { color: #414141;}

h2#subtitle {
	padding-bottom: 50px;
	font-style: italic !important;
	font-weight: 300 !important;
}

.livicon {
  display: inline-block;
  line-height: inherit;
  vertical-align: top;
  height: 18px!important;
}

.iconlessspaced {
	padding-left: 24px;
}

.circled {
	border: 1px solid #deddd2;
	height: 24px !important;
	padding: 8px;
	border-radius: 32px;
}

.circled:hover {
	border-color: #37ade8;
}

#page {
	-webkit-transform: translateZ(0);
	display: block;
	position: relative;
	padding-top: 0px;
	min-height: 100%;
	width: 96%;
	margin: 0 auto;
	margin-top: 100px;
	z-index: 10;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

#main_header {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
	padding-top: 35px;
	padding-bottom: 5px;
}

#stage {
	background: #212121;
	margin: 0 auto;
	display: block;
}

.hero_headline {
	text-align: center;
	font-size: 2.5em;
	line-height: 1.3em;
	font-weight: 300;
	padding: 60px 0px 40px;
}

.font.fat { font-weight: 700 !important; font-size: 1.6em}
.font.center { text-align: center; }
.font.italic { font-style: italic; }
.font.light { font-weight: 300; }

.head_link {
	text-transform: uppercase;
	color: #212121;
	background: #deddd2;
	width: 180px;
	height: 54px;
	display: inline-block;
	vertical-align: top;
	margin-top: 4px;
	text-align: center;
	text-decoration: none !important;
	line-height: 1.1em;
}

.head_link.big {
	display: block !important;
	width: 100%;
	background: none;
}

.head_link.big strong {
	font-size: 1.9em ;
	padding-bottom: 3px;
}

.head_link:hover {
	background: #efefef;
	-webkit-transition: all .12s ease-in-out;
	-moz-transition:    all .12s ease-in-out;
	-o-transition:	    all .12s ease-in-out;
	transition:	        all .12s ease-in-out;
}

.head_link strong {
	display: block;
	padding-top: 13px;
	font-size: 1.2em;
}

#logo {
}

#logo_block {
	display: block;
	width: 250px;
	height:95px;
	position: fixed;
	left: 50%;
	top: 0px;
	margin-left: -125px;
	z-index: 9999
}

#main_article {
	background: #212121;
	background: rgba(33,33,33,1);
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	overflow: hidden;
	color: #deddd2;
	z-index: 20;

	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-filter: blur(0px);
	letter-spacing: 0px;
	opacity: 1.0;

}

/*#main_article h2 {
	display: block;
	text-align: center;
	padding-top: 80px;
	font-size: 5em;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 0.8em;
}
*/
#main_article h1 {
	font-size: 2em;
	padding-top: 3px;
	text-transform: uppercase;
	font-weight: 300;
	font-style: normal;

}

.preload #main_article {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-filter: blur(10px);
	opacity: 0;
}

.blur {
	-webkit-filter: blur(2px) !important;
	-webkit-transform: scale(1.02) !important;
	-moz-transform: scale(1.02) !important;
	-ms-transform: scale(1.02) !important;
	-o-transform: scale(1.02) !important;
	transform: scale(1.02) !important;
	-webkit-transition: all 0.15s ease-out !important;
	-moz-transition:    all 0.15s ease-out !important;
	-o-transition:	    all 0.15s ease-out !important;
	transition:	        all 0.15s ease-out !important;
}

.blurout {
	-webkit-filter: blur(10px) !important;
	-webkit-transform: scale(0.8) !important;
	-moz-transform: scale(0.8) !important;
	-ms-transform: scale(0.8) !important;
	-o-transform: scale(0.8) !important;
	transform: scale(0.8) !important;

	opacity: 0 !important;
	-webkit-transition: all 0.15s ease-out !important;
	-moz-transition:    all 0.15s ease-out !important;
	-o-transition:	    all 0.15s ease-out !important;
	transition:	        all 0.15s ease-out !important;

}

#main_article_wrapper {
	padding-top: 20px;
	padding-bottom: 40px;
	-webkit-transition: all 0.125s ease-out;
	-moz-transition:    all 0.125s ease-out;
	-o-transition:	    all 0.125s ease-out;
	transition:	        all 0.125s ease-out;
	-webkit-perspective: 2000;
}

img, h1, h2 {
	-webkit-transform-origin:50% 50%; /* Safari and Chrome */
}

hr {
	margin-top: 40px;
	margin-bottom: 40px;
}

hr.minor {
	margin: 5px 0px !important;
}

p {
	line-height: 1.6em;
	font-weight: 300;
	/* font-style: italic; */
	text-rendering: optimizeLegibility;
}

p + p {
	padding-top: 14px;
}


date span{
	padding: 3px 3px 3px 3px !important;
	background: #212121;
	background: rgba(33,33,33,1);
	display: inline-block;
	margin-right: 0px;
	font-size: 0.75em;
}

date span + span {
	font-size: 0.55em !important;
	padding-top: 6px !important;
	padding-bottom: 4px !important;
}

date + h3  {
	font-size: 1.3em;
	margin-left: -1px !important;
	display: block;
	margin-top: 8px;
	font-style: normal;
}

date .day {
	background: #deddd2;
	color: #212121;
}

date .month,
.bordered_title {
	background: #212121;
	color: #deddd2;
	border: 1px solid #deddd2;
	font-size: 0.75em;
	display: inline-block;
	padding: 5px 7px 3px 7px;
}

.bordered_title {
	line-height: 1.0em !important;
	text-transform: uppercase;
	min-width: 18px;
	text-align: center;
}

.bordered_title * {
	font-size: 0.75em !important;
}

.bordered_title.inversed {
	background: #deddd2 !important;
	color: #212121 !important;
}

.block_list li {
	margin-bottom: 20px;
}

li h3 + p {
	padding-left: 20px;
}

#old {
	padding-top: 0px;
}

#old a {
	color: #666;
}

.nav_fixed nav {
	position: fixed;
	width: 96%;
	top: 0px;
	border-bottom: 1px solid rgba(255,255,255,0);
}

.nav_fixed  #nav_wrapper {
	width: 960px;
}



#nav_wrapper {
	display: block;
	border-bottom: 1px solid #fafafa;
	height: 36px;
	width: 100%;
	margin: 0 auto;
	-webkit-transition: all 0.25s ease-in;
}

.nav_transparent nav {
	background: rgba(33,33,33,0.75) !important;
}

.nav_transparent #logo_block {
	opacity: 0;
	display: none;
}

.nav_fixed #page {
	margin-top: 58px;
}

nav {
	display: block;
	background: #212121;
	background: rgba(33,33,33,1);
	padding-top: 20px;
	padding-bottom: 0px;
	position: absolute;
	top: 100px;
	width: 96%;
	left: 2%;
	height: 37px;
	z-index: 100;
	position: relative;
	overflow: hidden;
	background-clip: padding-box;
}

nav ul {
	display: block;
	position: relative;
	float: left;
	left: 50%;
}

nav li {
	float: left;
	right: 50%;
	position: relative;
}

nav a {
	display: inline;
	color: #fafafa;
	padding: 0 2px 0 3px ;
	margin: 0 6px 0 7px;

	text-transform: uppercase;
	font-style: italic;
	font-weight: 300;
	letter-spacing: 1px;

	text-shadow: 	rgba(255, 255, 255, 1) 0 0 1px;
	text-rendering: geometricprecision;
}

nav li a:hover,
nav li a.active {
	color: #fafafa !important;
	text-decoration: none !important;
	border-bottom: 1px solid #fafafa;
}


#map_section #map {
	padding: 8px ;
	border: 1px solid rgba(250,250,250,0.4);
	position: relative;
	width: 630px;
	height: 378px;
}

#map_section  a {
	color: #deddd2;
}

#map_section img {
	position: absolute;
	left: 8px;
	top: 8px;
	-webkit-transition: all 0.5s ease-out;
}

#map_section #map {
	overflow: hidden;
	-webkit-transition: all 0.25s ease-out;
}

#map_section #map:hover {
	background: #FAFAFA;
}

#map_section #map:hover img {
	-webkit-transform: scale(1.3) translateX(-15px);
	-webkit-transition-delay: 350ms;

}


#social_links li{
	display: inline-block;
	margin-left: 5px;
	font-size: 0
}

#social_links{
	padding-top: 40px;
}

.reference_list {
	padding-top: 20px;
}

.reference_list li {
	display: inline-block;
	width: 229px;
	height: 160px;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 10px;
	vertical-align: top;
}

.reference_list li {
/*	-webkit-box-shadow: inset 0 0 1px #FAFAFA; */
}

.reference_list li h3 {

		font-weight: 300;
		text-align: left;
		font-size: 0.8em;
		line-height: 1em;
		padding-top: 2px;
		margin-top: 3px;

}

.reference_list li img {
	-webkit-transition: all 0.25s ease-out;
	width: 229px;
  -webkit-filter: grayscale(80%);
  -moz-filter: grayscale(80%);
  -ms-filter: grayscale(80%);
  -o-filter: grayscale(80%);
  filter: grayscale(80%);
  -webkit-transition: all 0.075s linear;
/*  filter: url(grayscale.svg); /* Firefox 4+ */
  /*filter: gray; /* IE 6-9 */
}

.reference_list li:nth-child(4n)
{
	margin-right: 0px;
}

.reference_list li:hover img{
	-webkit-filter: none;
	filter: none;
}

.reference_list li .bordered_title {
	display: inline-block;
	margin-right: 7px;
}

#address_section li {
	margin-bottom: 7px;
}

#address_section li{
	cursor: default !important;
}

#address_section li.spaced {
	margin-top: 8px;
	border-top: 1px solid #414141;
	padding-top: 6px;
}

li > i {
	margin-right: 5px;
}

footer {
	padding-top: 10px;
	border-top: 1px solid #FAFAFA;
	font-size: 0.8em;
	text-align: right;
}

footer .font { 
	font-style: italic;
}

@media screen and (max-width: 960px) {
	.cwrap {
		width: 100%;
	}

	#map {
		display: none;
	}
	br { display: none; }
}

#map_section {
	width: 50%;
	text-align: center;
	margin: 0 auto;
}