/******************************
 * standard.css               *
 * Public Skin Styles         *
 ******************************/



/* mac hide\*/
html, body {
	height: 100%;
	cursor: default;
	padding: 0;
	margin: 0;
	background-color: #242424;
}
/* end hide */
body {
	text-align: center;
	cursor: default;
	min-width: 1000px;
	background-color: #242424;
	overflow: hidden;
	/*
	background-image: url(images/bg-body.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;*/
}
a {
}

html>body #wrapper {
	height: auto;
}
#wrapper {
	margin: auto;
	position: relative;
	width: 100%;
	min-width: 1000px;
	height: 100%;
	min-height: 100%;
	text-align: center;
	padding: 0;
}

/* basic elements */

.warning {
	position: absolute;
	right: 5px;
	top: 100px;
	background-color: transparent;
	border: none;
	color: #C43100;
	margin-right: 0;
	padding: 0;
	margin-bottom: 1px;
	font-weight: bold;
	font-size: 9px;
}

legend {
	color: #000000;
}

.passscenario .current {
	background-color: transparent;
	font-style: italic;
	color: #B5121B;
	border-left: 2px solid #CC0000;
}

#innerwrap {
	width: 1000px;
	margin: auto;
	padding: 90px 0 115px;
	padding: 0;
	height: auto;
	z-index: 1;
}
#pageTitle {
	display: none;
}
#replay {
	display: none;
	position: fixed;
	margin: -20px 0 0 75px;
	padding: 3px 20px 3px 10px;
	text-transform: uppercase;
	font-size: 12px;
	color: #C9A85E;
	background-color: #666666;/*
	border: 1px solid rgba(0,0,0,0.3);*/
	box-shadow: 0 0 15px rgba(0,0,0,0.5);
	cursor: pointer;
	transition: all 600ms;
	-moz-transition: all 600ms;
	-webkit-transition: all 600ms;
	z-index: 5;
}
#replay:hover {
	margin: -20px 0 0 145px;
}
.content {
	text-align: left;
	margin: 0;
	padding: 60px 30px 0;
	padding: 60px 0 0;
	font-size: 13px;
}
.content .customhtml {
	width: 600px;
}
.content .fullpage {
	display: none;
	position: fixed;/*
	bottom: 115px;*/
	width: 960px;
	height: auto;
	margin: 0;
	padding: 20px;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.8) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.8) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.8) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-8 */
	background: none repeat scroll 0 0 rgba(0,0,0,0.7);
	box-shadow: 0 0 15px rgba(0,0,0,0.8);
	transition: background-color 500ms;
}
.fullpage:hover {
	background: none repeat scroll 0 0 rgba(0,0,0,0.9);
}
.content .fullpage > h1,
.content .copy-about > h1 {
	margin-bottom: 20px;
	border-bottom: 1px solid rgba(201,168,94,0.25);
	text-indent: -2px;
	
}
.content .copy-about {
	padding-top: 50px !important;
}
.content .copy-about > h1 {
	position: fixed;
}
.content .fullpage h2 {
	margin: 10px 0;
}
.fullpage p {
	position: relative;
}
.fullpage img {
	box-shadow: 0 0 15px rgba(0,0,0,0.75);
	border: 3px solid rgba(201,168,94,0.25);
}
.fullpage h2,
.copy-about h2 {
	color: #C9A85E;
}

.content .halfpage {
	position: fixed;
	bottom: 230px;
}
.halfpage:hover {
	background: none repeat scroll 0 0 rgba(0,0,0,0.9);
}
.content .halfpage > h1 {
	margin: 0 20px 20px;
	border-bottom: 1px solid rgba(201,168,94,0.25);
	text-indent: -2px;
}

/*.content ul {
	margin: 0;
	padding: 0.5em 0 0.5em 50px;
	list-style: square;
	list-style-position: outside;
}*/
.content .welcome ul {
	display: none;
	margin: 0 0 0 30px;
	text-shadow: 2px 2px 0px rgba(0,0,0,0.25), 1px 1px 3px rgba(0,0,0,0.95);
	margin: 0;
	padding: 0 0 0 50px;
	list-style: none;
	list-style-position: outside;
}
.content .welcome li {
	margin: 1em 0;
}
.content h1 {/*
	padding-bottom: 7px;*/
}
.content .welcome h1 .subheader,
.content .welcome h2 {
	font-size: 32px;
	text-indent: 100px;
	letter-spacing: 2px;
}
.content .welcome h2:nth-child(3) {
	text-indent: 200px;
}
.content h3 {
	margin-bottom: 5px;
}
.content #pageTitle {
}

/* fieldsets */
.content .passlostpass {
	float: left;
}
.content .passlostpass form {
	float: left;
	background-color: transparent;
	/*
	width: 210px;*/
}
.content .passForm {
	margin-top: 50px;/*
	width: 210px;*/
	overflow: hidden;
	float: left;
}




#clearfooter {
	clear: both;
	width: 100%;/*
	height: 285px;*/
}
* > html #clearfooter {
	clear: both;
	width: 100%;/*
	height: 285px;*/
}
/* start footer */
#footer {
	position: absolute;
	position: fixed;
	display: block;
	left: 0;
	bottom: 0;
	margin: 0;
	text-align: center;
	height: 115px;
	width: 100%;
	color: #9d9d9d;
	background: #1e1e1e; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlMWUxZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzJmMmYzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTFlMWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #1e1e1e 0%, #2f2f30 50%, #1e1e1e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e1e1e), color-stop(50%,#2f2f30), color-stop(100%,#1e1e1e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1e1e1e 0%,#2f2f30 50%,#1e1e1e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1e1e1e 0%,#2f2f30 50%,#1e1e1e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1e1e1e 0%,#2f2f30 50%,#1e1e1e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1e1e1e 0%,#2f2f30 50%,#1e1e1e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e1e1e', endColorstr='#1e1e1e',GradientType=0 ); /* IE6-8 */
	border-top: 1px solid #1a1a1a;
	box-shadow: 0 -5px 15px 5px rgba(0,0,0,0.75);
	z-index: 10;
}
#innerfooter {
	background-image: url(images/bg-siteinfo.png);
	background-position: center 58px;
	background-repeat: no-repeat;
	width: 1000px;
	margin: 0 auto;
	height: 115px;
}

#footer .menu {
	height: 55px;
	text-align: center;
	padding: 0;
	padding-top: 3px;/*
	border-top: 3px solid #d8b66a;
	width: 1000px;*/
	margin: 0 auto;
	background-image: url(images/bottom-content.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#footer .menu ul {
	margin: 0 auto 0;
	padding: 0;
	list-style: none;
	height: 54px;
	display: block;
	overflow: hidden;
}
#footer .menu li {
	display: inline-block;
}
#footer .menu a {
	display: inline-block;
	margin: 0 0 0 -4px;
	color: #9d9d9d;

	transition: all .7s linear;
	-moz-transition: all .7s linear;
	-webkit-transition: all .7s linear;
	-ms-transition: all .7s linear;
	-o-transition: all .7s linear;
}
#footer .menu span {
	display: inline-block;
	height: 38px;
	line-height: 38px;
	padding: 0 25px;
	margin: 8px 0 8px 0;
	color: #9d9d9d;
	text-shadow: 0 1px 0 rgba(0,0,0,0.6);/*
	border-left: 1px solid #2E2E2F;*/
	border-right: 1px solid #1f1f1f;
}
#footer .menu a.current,
#footer .menu a:hover {/*
	color: #684a06;*/
	color: #3F3114;
	background: #91722d; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkxNzIyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOGI2NmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #91722d 0%, #d8b66a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#91722d), color-stop(100%,#d8b66a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #91722d 0%,#d8b66a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #91722d 0%,#d8b66a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #91722d 0%,#d8b66a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #91722d 0%,#d8b66a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91722d', endColorstr='#d8b66a',GradientType=0 ); /* IE6-8 */
	text-shadow: 0 1px 0 rgba(230,203,138,0.6);
	color: #3F3114;/* IE6-8 */
	text-shadow: 0 1px 0 rgba(230,203,138,0.6);
}
#footer .menu a.current span,
#footer .menu a:hover span {
	color: #3F3114;/* IE6-8 */
	text-shadow: 0 1px 0 rgba(230,203,138,0.6);
	border-right-color: #94742F;
	/*
	border-left-color: #CBA95F;*/
}
#footer .menu a.last span {
	border-right: none;
}
#footer .menu a.first span {
	border-left: none;
}
/* site info object */
#footer .siteInfo {
	width: auto;
	float: left;
	margin: auto;
	text-align: left;
	padding-top: 20px;
	font-size: 12px;
}
#footer .phones {
	width: auto;
	float: right;
	margin: 0;
	text-align: right;
	padding-top: 20px;
	font-size: 12px;
}
#footer .siteInfo a:visited,
#footer .siteInfo a {
	text-decoration: none;
}
#footer .siteInfo a:hover {
	text-decoration: none;
	color: #808080;
}

/* end footer */

/* start header */
#header {
	position: absolute;
	left: 0;
	top: 0;
	height: 90px;
	width: 100%;/*
	overflow: hidden;*/
	text-align: center;
	color: #9d9d9d;
	background-image: url(images/bg-header.png);
	background-repeat: repeat-x;
	background-position: top;
	box-shadow: 0 15px 10px rgba(0,0,0,0.5);
	z-index: 21;
}
#innerhead {
	width: 1000px;
	height: 90px;
	margin: 0 0 0 -530px;
	padding: 0 30px;
	background-image: url(images/bg-innerhead.png);
	background-repeat: no-repeat;
	background-position: -10px top;
	position: absolute;
	left: 50%;
}
#header .logo {
	width: 146px;
	height: 120px;
	margin: 5px 0;
	padding: 5px 1px 7px;
	background-color: #939598;
	box-shadow: 0 0 15px rgba(0,0,0,0.9);
}
#header .logo h1 {
	display: none;
}
#header .logo p {
	margin: 0;
}
#header .logo a {
	display: block;
	margin: 0;/*
	border: 1px solid #939598;
	border-bottom-width: 5px;
	border-top-width: 5px;*/
	background-image: url(images/logo-cl.png);
	background-position: right top;
	background-repeat: no-repeat;
	width: 146px;
	height: 120px;
	text-indent: -9999px;
	box-shadow: 0 0 3px rgba(0,0,0,0.9);
}
#header .breadcrumbs {
	display: block;
	height: 100px;
	line-height: 22px;
}
#header .breadcrumbs a {
	text-decoration: none;
}
#header .selectlang {
	position: absolute;
	top: 10px;
	right: 50%;
	margin-right: -460px;
}
#header .menu {
	position: absolute;
	top: 0;
	right: 30px;
	margin: 47px 0 0;
	padding: 0;
	width: auto;
	text-align: right;
	height: 43px;
}
#header .menu ul {
	text-align: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#header .menu li {
	display: inline-block;
	padding: 0;
	margin: 0;
}
#header .menu a:link,
#header .menu a:visited {
	display: inline-block;
	width: auto;
	padding: 0 12px 0 8px;
	height: 18px;
	color: #9d9d9d;
	text-decoration: none;
	background-color: transparent;
	border-right: 1px solid #9d9d9d;
}
#header .menu a.last {
	border: none;
}
#header .menu a.current {
	color: #FFFFFF;
}
#header .menu a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
#header .search,
#header .menu.internal {
	position: absolute;
	top: 5px;
	right: 30px;
}
#header .search input[type=text] {
	padding: 3px;
	font-size: 13px;
	color: #fff;
	background-color: rgba(255,255,255,0.3);
	border: 1px solid #2c2b2c;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.5) inset;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
}
#header .search input[type=button],
#header .search input[type=submit],
#header .search input[type=reset],
#header .search button,
#header .internal a {
	padding: 3px 4px 3px;
	font-size: 11px;
	font-weight: normal;
	color: #fff;
	background: #cc3434; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjMzQzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NDE1MTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #cc3434 0%, #741515 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc3434), color-stop(100%,#741515)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cc3434 0%,#741515 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cc3434 0%,#741515 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cc3434 0%,#741515 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cc3434 0%,#741515 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc3434', endColorstr='#741515',GradientType=0 ); /* IE6-8 */
	border: 1px solid #751010;
	cursor: pointer;
}
#header .menu.internal {
	margin: 5px 0 0 0 !important;
	padding: 0;
	position: absolute;
	top: 0;
	right: 60px !important;
}
#header .menu.internal a {
	padding: 3px 10px;
	margin: 0;
	text-shadow: 0 1px 0 rgba(255,255,255,0.25);
}

.switcher {
	position: absolute;
	left: 50%;
	top: 165px;
	top: -75px;
	margin-left: 80px;
	width: 400px;
	font: normal 16px Oswald, Impact, Arial, sans-serif;
	z-index: 20;/*
	display: none;*/
}
.switcher ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
.switcher li {
	display: inline-block;
	position: relative;
	top: 0;
}
.switcher a {
	display: inline-block;
	min-height: 40px;
	max-height: 150px;
	width: 190px;
	vertical-align: top;
	padding-top: 30px;
	margin: 0 5px 0 0;
	color: #FFFFFF;
	background-color: #808080;
	-webkit-transition: all .7s;
	-moz-transition: all .7s;
	-o-transition: all .7s;
	transition: all .7s;
	box-shadow: 0 1px 2px rgba(0,0,0,0.4);
}
.switcher a.active {
	padding-top: 130px;
}
.switcher a:hover {
	padding-top: 60px;
}
.switcher a.switch-religious {
	/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(center top, ellipse farthest-corner, #C23131 0%, #620E0E 100%);
/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(center top, ellipse farthest-corner, #C23131 0%, #620E0E 100%);
/* Opera */ 
background-image: -o-radial-gradient(center top, ellipse farthest-corner, #C23131 0%, #620E0E 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, center top, 0, center top, 561, color-stop(0, #C23131), color-stop(1, #620E0E));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(center top, ellipse farthest-corner, #C23131 0%, #620E0E 100%);
/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(ellipse farthest-corner at center top, #C23131 0%, #620E0E 100%);
}
.switcher a.switch-commercial {
	/* IE10 Consumer Preview */ 
	background-image: -ms-radial-gradient(center top, ellipse farthest-corner, #EAC877 0%, #90712D 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-radial-gradient(center top, ellipse farthest-corner, #EAC877 0%, #90712D 100%);
	/* Opera */ 
	background-image: -o-radial-gradient(center top, ellipse farthest-corner, #EAC877 0%, #90712D 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(radial, center top, 0, center top, 506, color-stop(0, #EAC877), color-stop(1, #90712D));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-radial-gradient(center top, ellipse farthest-corner, #EAC877 0%, #90712D 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: radial-gradient(ellipse farthest-corner at center top, #EAC877 0%, #90712D 100%);
}
.neccessary {
	font-weight: bold;
}

.clearbox:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearbox {height: 1%;}
/* End hide from IE-mac */
.fright {
	float: right;
	margin: 0px;
	padding: 0px;
}
.fleft {
	float: left;
}

/* start: USER COMMENTS */
.articlecomments {
	border: 1px solid #EDEDED;
	background-color: #FEFEFE;
	margin: 10px 0;
	padding: 0 0 5px 0;
}
.articlecomments h4,
.addComment h4 {
	padding: 5px 10px 10px;
	font: normal 18px/26px "PTSansBold", "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.commentItem {
	margin: 0 5px;
	padding: 5px;
}
.commentItem .commentAuthorTitle {
	clear: left;
	float: left;
	margin: 0;
	padding: 0;
}
.commentItem .commentAuthor {
	clear: left;
	float: left;
	margin: 0;
	padding: 0;
}
.commentItem .commentPostedTitle {
	clear: right;
	float: right;
	margin: 0;
	padding: 0;
}
.commentItem .commentPosted {
	clear: right;
	float: right;
	margin: 0;
	padding: 0;
}
.commentItem .commentText {
	clear: both;
}
.evenItem {
	background-color: #F8F8F8;
	border-top: 1px solid #EDEDED;
	border-bottom: 1px solid #EDEDED;
}
.addComment {
	border: 1px solid #EDEDED;
	background-color: #F8F8F8;
	padding: 0;
}
.addComment form {
	margin: 0 10px;
}

/* end: USER COMMENTS */



.editorBar {
	text-align: right;/*
	margin: -30px 4px 0 0;*/
	position: absolute;
	top: 0;
	right: 0;
}
.editorBar a,
.editorBar a:visited {
	background-color: #570506;
	background: #F21A18;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F21A18), to(#570506));
	background: -moz-linear-gradient(#F21A18, #570506);
	background: linear-gradient(#F21A18, #570506);
	-pie-background: linear-gradient(#F21A18, #570506);
	padding: 5px 9px;
	font: normal normal 9px/1.1em "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #F58220;
	text-transform: uppercase;
	display: inline-block;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	/* box-shadow */
	-webkit-box-shadow: rgba(0,0,0,0.5) 1px 2px 3px;
	-moz-box-shadow: rgba(0,0,0,0.5) 1px 2px 3px;
	box-shadow: rgba(0,0,0,0.5) 1px 2px 3px;
	behavior: url(/tools/scripts/PIE.htc);
}
.editorBar a:hover {
	color: #FFDDBB;
	background: #F21A18;
	-pie-background: linear-gradient(#F21A18, #F21A18);
}

.displayarticle,
.displaynews,
.displayhtml {/*
	padding-bottom: 10px;*/
}
.displayarticle .editorBar,
.displaynews .editorBar,
.displayhtml .editorBar {
	margin-top: -18px;
	margin-bottom: 0px;
}

/* BIOs */
.displaybio {
	display: none;
	position: fixed;
	width: 960px;
	margin: 0;
	padding: 20px;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.8) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.8) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.8) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-8 */
	background: none repeat scroll 0 0 rgba(0,0,0,0.7);
	box-shadow: 0 0 15px rgba(0,0,0,0.8);
	transition: background-color 500ms;
}
.displaybio:hover {
	background: none repeat scroll 0 0 rgba(0,0,0,0.9);
}
.listitem .displaybio {
	display: none;
}
.displaybio h1 {
	border-bottom: 1px solid rgba(201,168,94,0.25);
	text-indent: -2px;
	position: relative;
}
.displaybio .bio-figure {
	margin: 78px 0 0;
	margin: 0;
	float: right;
	width: 350px;
	height: 250px;
	border: 1px solid #C9A85E;
	box-shadow: 0 0 15px rgba(0,0,0,0.75);
}
.displaybio .bio-article {
	width: 600px;
	float: left;
	margin: 2px 0 0;
	line-height: 1.35em;
}
.displaybio .articlecategories,
.displaybio .date,
.displaybio .signature {
	display: none;
}
.displaybio #summary {
	font: normal 18px/26px Oswald, Arial, Helvetica, sans-serif;
	color: #C9A85E;
	margin: 0 0 15px 0;
	clear: both;
}
.bio-output {
	height: 250px;
	width: 600px;
	position: relative;
	overflow: hidden;
	transition: all .4s linear;
	-moz-transition: all .4s linear;
	-webkit-transition: all .4s linear;
	-ms-transition: all .4s linear;
	-o-transition: all .4s linear;
}
.fullpage {
	max-height: 320px;
}
.fullpage img.alignright,
.copy-about img.alignright {
	float: right;
	margin: 0 0 15px 15px;
	padding: 1px;
	border: 3px solid rgba(201, 168, 94, 0.25);
	max-height: 220px;
	width: auto;
}
.fullpage .figure {/*
  border: 2px solid rgba(201, 168, 94, 0.25);
  float: right;
  height: 250px;
  overflow: hidden;
  width: 275px;*/
}
/* tiny scrollbar start */
.fullpage .context {
	height: 250px;/*
	width: 900px;*/
	position: relative;
	overflow: hidden;
	transition: all .4s linear;
	-moz-transition: all .4s linear;
	-webkit-transition: all .4s linear;
	-ms-transition: all .4s linear;
	-o-transition: all .4s linear;
}
.context .viewport {
	position: relative;/*
	width: 890px;*/
	height: 250px;
	overflow: hidden;
	z-index: 5;
}
.displaybio .viewport {
	position: relative;/*
	width: 590px;*/
	height: 250px;
	overflow: hidden;
	z-index: 5;
}
.overview {
	position: absolute;
	left: 0;
	top: 0;
	list-style: none;
}
.fullpage .thumb .end,
.bio-output .thumb .end,
.fullpage .thumb,
.bio-output .thumb {
	background-color: #C9A85E;/*
	border-radius: 2px;*/
	opacity: .1;
	filter: alpha(opacity=10);
	transition: all .4s linear;
	-moz-transition: all .4s linear;
	-webkit-transition: all .4s linear;
	-ms-transition: all .4s linear;
	-o-transition: all .4s linear;
}
.context:hover .thumb,
.bio-output:hover .thumb,
.thumb:active {
	opacity: .5;
	filter: alpha(opacity=50);
}
.scrollbar {
	position: relative;
	float: right;
	width: 4px;
}
.context .scrollbar {
	right: 280px;
}
.track {
	background-color: transparent;
	height: 95%;
	width: 5px;
	position: relative;
	padding: 0;
}
.thumb {
	height: 20px; width: 4px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	top: 0;
}
.thumb .end {
	overflow: hidden;
	height: 2px;
	width: 4px;
}
.disable {
	display: none;
}
.noSelect {
	user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}
/* tiny scrollbar end */
.icon-close {
	float: right;
	display: block;
	width: 25px;
	height: 25px;
}
.icon-close:after {
	position: absolute;
	right: 10px;
	top: 5px;
	display: block;
	width: 20px;
	height: 20px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	content: "x";
	cursor: pointer;
	color: #CCA85E;
	text-indent: 7px;
	font: 12px "Open Sans",Arial,sans-serif;
	background-color: rgba(201,168,94,0.3);
	background-color: rgba(255,255,255,0.02);
	border: 2px solid rgba(204,168,94,0.6);
	border-radius: 50%;
	transition: all .7s linear;
	-moz-transition: all .7s linear;
	-webkit-transition: all .7s linear;
	-ms-transition: all .7s linear;
	-o-transition: all .7s linear;
	z-index: 5;
}
.icon-close:after {
}
.icon-close:hover:after {
	background-color: rgba(201,168,94,0.3);
	border-color: rgba(204,168,94,0.5);
}


/* USER PROFILE PAGES */
#profileAvatar {
	float: left;
	width: 30%;
}
#profileAvatar img {
	padding: 4px;
	border: 4px solid #CCCCCC;
}
#profilePersonal {
	float: right;
	padding: 0 10px;
	width: 65%;
	border: 1px solid #EDEDED;
	background-color: #F9F9F9;
	margin-bottom: 15px;
}
#profilePersonal .bottom {
	background-repeat: no-repeat;
	background-position: bottom;
	height: 20px;
	color: #f8f6eb;
}
#profilePersonal .top {
	background-repeat: no-repeat;
	background-position: top;
	height: 20px;
	color: #f8f6eb;
}

#profileTimes {
	float: left;
	clear: left;
	width: 30%;
	margin-top: 30px;
}
#profileAdditional {
	
}
#profileSecurity {
	float: right;
	padding: 10px;
	width: 65%;
	border: 1px solid #EDEDED;
	background-color: #F9F9F9;
	margin-bottom: 15px;
}

.userProfile .toolbar {
	clear: both;
	margin: 15px 0;
	padding: 6px 2em;
	border-top: 1px solid #CCCCCC;
}
.userProfile .toolbar a,
.userProfile .toolbar a:visited {
	border: none;
	color: #999999;
	border-left: 3px solid #729ACC;
	padding: 1px 10px 1px 3px;
	margin: 3px 5px 3px 0;
}
.userProfile .toolbar a:hover {
	border: none;
	color: #666666;
	border-left: 3px solid #B5121B;/*
	background-image: url(images/menumorehover.gif);
	background-repeat: no-repeat;
	background-position: right bottom;*/
}
.userProfile .controlset {
	clear: both;
	padding: 3px 2em 30px;
	border-top: 1px solid #CCCCCC;
	border-bottom: none;
	border-left: none;
	border-right: none;
	background-color: #F6F6F6;
}

.profileCard strong {
	width: 200px;
	color: #729acc;
}
.profileCard .key,
.profileCard .fieldTitle {
	width: 180px;
	float: left;
	clear: left;
	color: #729acc;
	font-weight: bold;
	line-height: 2em;
}
.profileCard .value {
	line-height: 2em;
}
.profileCard .userActive {
	background-image: url(images/bullet_active.gif);
	background-position: 160px center;
	background-repeat: no-repeat;
}
.profileCard .userInactive {
	background-image: url(images/bullet_inactive.gif);
	background-position: 160px center;
	background-repeat: no-repeat;
}
.profileCard textarea,
.profileCard select,
.profileCard .inputText {
	width: 220px;
}
.profileCard td {
	padding-left: 0;
}
.profileCard table {
	margin: 0 10px;
}
.fieldTitle {
	width: 120px;
	vertical-align: baseline;
}


.displayNone {
	display: none;
}
.displayBlock {
	display: block;
}


.linksBarLink {
	display: block;
	clear: both;
	margin: 4px;
	padding: 4px;
	border: 1px solid Silver;
}


.strip {
	background: rgba(0,0,0,0.7);
	position: fixed;
	bottom: 115px;
	width: 1000px;
	margin: 0 -30px;
	margin: 0;
	background-image: url(images/top-content.png);
	background-repeat: no-repeat;
	background-position: center top;
	box-shadow: 0 0 15px rgba(0,0,0,0.8);
	transition: all .7s;
}
.strip .listitem {
	transition: all 700ms;
}

.strip .listitem {
	position: relative;
	display: inline-block;
	width: 225px;
	height: 85px;
	margin: 0 0 5px 0;
	padding: 0 0 3px 0;
	transition: all 500ms;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
}
.strip .listitem.active {
	display: none;
}
.strip .listitem img {
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #987833;
	border: 1px solid rgba(201,168,94,0.25);
	height: 80px;
	width: 125px;
}
.strip .listitem.active img {
	display: none;
}
.strip .listitem:hover img {
	border: 1px solid #C9A85E;
}
.strip .listitem h3 {
	position: absolute;
	top: 0;
	left: 140px;
	color: #987833;
	color: #C9A85E;
}
.strip .listitem.active h3 {
	left: 0;
}
.strip .listitem h3 a {
	color: #C9A85E;
}
.strip .listitem a:hover {
	color: #CC3434;
}
.strip .listinfo {
	display: inline-block;
	width: 480px;
	padding: 5px 0 0;
	font: 12px/1.2em "Open Sans",Arial,sans-serif;
	vertical-align: top;
	text-align: justify;
}
.strip.closed {
	height: 30px;
	border: none;
	background: none;
	box-shadow: 0 0 0 rgba(0,0,0,0);
	transition: all 1s;
	margin: 0;
}
.strip.closed h3 {
	height: 30px;
	border: none;
	cursor: pointer;
	font-size: 26px;
	margin-left: 20px;
}
.strip.closed h3:after {
	position: relative;
	left: 200px;
	top: -15px;
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	content: " ";
	border-left: 10px solid transparent;
	border-right: 0 none transparent;
	border-top: 10px solid #C9A85E;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}
.strip.closed h3:after {
	animation-name: checkitout;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	-webkit-animation-name: checkitout;
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
}
@keyframes checkitout {
	0%   {opacity: 1}
	50%  {opacity: 0}
	100% {opacity: 1}
}
@-webkit-keyframes checkitout {
	0%   {opacity: 1}
	50%  {opacity: 0}
	100% {opacity: 1}
}

.strip.closed:hover h3 {/*
	box-shadow: 0 0 5px rgba(255,255,255,0.5);*/
}

.strip.closed div.listitem {
	display: none;
}
.about {
	height: 105px;
	padding: 10px 0 0;
}
.about .listitem {
	width: 125px;
	margin: 15px 0 0 10px;
}
.about .listitem:first-child {
	margin-left: 25px;
}

.about .listitem h3 {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.25);
  margin: 10px 0 0 -139px;
  padding: 0;
  text-align: center;
  text-indent: 0;
  width: 125px;
  z-index: 1;
}
.about .listitem img {
	width: 125px;
	height: 60px;
	top: 20px;
}
.copy-about {
	display: block;
	width: 960px;
	position: fixed;/*
	bottom: 115px;*/
	margin: 0;
	padding: 20px 20px 115px !important;
	text-align: left;
	background-color: rgba(0, 0, 0, 0.7);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
	transition: background-color 500ms ease 0s;
}
.copy-about:hover {
	background-color: rgba(0,0,0,0.9);
}
.copy-about.level-3 {
	max-height: 320px;
}
.about .copy-about {
	display: none;
}
.about .testimonials {
	position: relative;
	display: block;
	margin: 0 25px;
	text-align: right;
	transition: all 1s;
}
.about.closed .testimonials {
	margin: 0 0 20px 0 !important;
	padding: 0 0 20px 0;
	background-color: rgba(0,0,0,0.7);
}
.about .testimonials > h3 {
	border-bottom: 1px solid rgba(201,168,94,0.25);
	box-shadow: 0 4px 5px -5px rgba(0, 0, 0, 0.8);
	text-align: left;
}
.about .testimonials .listitem {
	position: relative;
	display: inline-block;
	width: 225px;
	height: 65px;
	margin: 0 0 0 0;
	text-align: left;
}
.about .testimonials .listitem h3 {
	position: absolute;
	left: 70px;
	top: -3px;
	margin: 0;
	color: #C9A85E;
	text-align: left;
	background: none;
	transition: all 700ms;
}
.about .testimonials .listitem:hover h3 {
	opacity: 0.75;
}
.about .testimonials .listitem p {
	position: absolute;
	top: 20px;
	left: 70px;
	width: 110px;
	margin: 0;
	color: #AAAAAA;
	font: normal 11px Arial, Helvetica, sans-serif;
	transition: all 700ms;
}
.about .testimonials .listitem:hover p {
	color: #EEEEEE;
}
.about .testimonials .listitem p .title {
	display: block;
	font-weight: bold;
	color: #91722D;
	margin-bottom: 1px;
	transition: all 700ms;
}
.about .testimonials .listitem:hover p .title {
  color: #C9A85E;
}
.about .testimonials .listitem img {
	position: absolute;
	top: 0;
	left: 0;
	height: 60px;
	width: 60px;	
}
.about .listinfo {
	display: none;
  height: 80px;
  margin: 25px 0 0 20px;
  overflow: hidden;
  width: 400px;
}

.listarticle {
	height: 80px;
	padding: 8px 0 0;
}
.listarticle .scrollable {
	display: inline-block;
	position: relative;
	left: 90px;
	width: 800px;
	height: 80px;
	overflow: hidden;
	width: 80% !important;
	left: 10% !important;
}
.listarticle .scrollable .items {
	position: absolute;
	width: 2000px;
	height: 75px;
	display: inline-block;
}
.listarticle .scrollable .items > div {
	float: left;
}
.listarticle .listitem {
	display: inline-block;
	width: 200px;
	margin: 5px;
	padding: 3px 0;
	position: relative;
	height: 69px;
	transition: all 700ms;
}
.listitem:hover {
	cursor: pointer;
}
.listarticle .listitem img.thumb {
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #987833;
	border: 1px solid rgba(201,168,94,0.25);
	height: 70px;
	width: 70px;
}
.listarticle .listitem:hover img {
	border: 1px solid #C9A85E;
}
.listarticle .listitem h3 {
	position: absolute;
	top: 0;
	left: 77px;
	color: #987833;
	color: #C9A85E;
}
.listarticle .listitem h3 a {
	color: #C9A85E;
	transition: all 700ms;
}
.listarticle .listitem:hover a {
	color: #D8B66A;
}
.listarticle .listitem p {
	position: absolute;
	top: 25px;
	left: 77px;
	font: normal 11px Arial, Helvetica, sans-serif;
	transition: all 700ms;
}
.strip a.browse {
	position: absolute;
	bottom: 20px;
	display: inline-block;
	width: 50px;
	height: 50px;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	opacity: .5;
	transition: all .4s linear;
	-moz-transition: all .4s linear;
	-webkit-transition: all .4s linear;
	-ms-transition: all .4s linear;
	-o-transition: all .4s linear;
}
.strip a.browse:hover {
	opacity: 1;
}
.strip a.prev {
	background-image: url(images/icon-prev.png);
	left: 10px;
}
.strip a.next {
	background-image: url(images/icon-next.png);
	right: 10px;
}
.strip a.disabled {
	cursor: default;
	opacity: .1;
}
.strip a.disabled:hover {
	cursor: default;
	opacity: .1;
}

.listprojects .albumscroll {
	display: inline-block;
	position: relative;
	left: 70px;
	left: 10%;
	width: 860px;
	width: 80%;
	right: 10%;
	height: 80px;
	overflow: hidden;
}
.listprojects .albumscroll > ul {
	position: absolute;
	width: 20000px;
	height: 85px;
	display: inline-block;
}
.listprojects .albumscroll > ul > li {
	float: left;
	padding: 0 2px;
}
.albums {
	height: 110px;
	overflow: hidden;
	position: absolute;
	left: 0;
	display: inline-block;
	bottom: 0;
	width: 100%;
}
.albums h3 {
	padding: 0;
	margin: 0 0 0 10%;
}
.album {
	margin: 10px 10px 10px 0;
	width: 155px;
	float: left;
	cursor: pointer;
}
.album > p {
	font: 300 16px/1.3em Oswald,sans-serif;
	margin: 0;
}
.album:hover > p {
	color: #C9A85E;
}
.album.active > p {
	color: #C9A85E;
	margin-left: -2px;
}
.album img {
	float: left;
	margin-right: 10px;
	border: 1px solid rgba(201,168,94,0.5);
	border-radius: 0;
}
.album:hover > img {
	color: #C9A85E;
}
.album.active > img {
	border-color: #C9A85E;/*
	border-radius: 3px;*/
	border-width: 3px;
	margin-left: -2px;
	margin-right: 8px;
	margin-top: -2px;
}

.listprojects {
	padding: 15px 0 0;
	height: 100px;
}
.listprojects .items {
	margin: 0 25px;
}
.listprojects .listitem {
	position: relative;
	display: inline-block;
	width: 225px;
	height: 85px;
	margin: 0 0 5px 0;
	padding: 0 0 3px 0;
	transition: all 500ms;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
}
.listprojects .listitem.active {
	display: none;
}
.listprojects .listitem img {
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #987833;
	border: 1px solid rgba(201,168,94,0.25);
	height: 80px;
	width: 125px;
}
.listprojects .listitem.active img {
	display: none;
}
.listprojects .listitem img:hover {
	border: 1px solid #C9A85E;
}
.listprojects .listitem h3 {
	position: absolute;
	top: 0;
	left: 140px;
	color: #987833;
	color: #C9A85E;
}
.listprojects .listitem.active h3 {
	left: 0;
}
.listprojects .listitem h3 a {
	color: #C9A85E;
}
.listprojects .listitem a:hover {
	color: #CC3434;
}
.listprojects .listitem .albums {
	display: none;
}

.listitem img {
	transition: all 500ms;
}
.listprojects .listinfo {
	display: inline-block;
	width: 480px;
	padding: 5px 0 0;
	font: 12px/1.2em "Open Sans",Arial,sans-serif;
	vertical-align: top;
	text-align: justify;
}
/* photos */
.photos {
	display: block;
	width: 960px;
	position: fixed;
	margin: 0;
	padding: 20px 20px 0;
	text-align: center;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
	transition: background-color 500ms ease 0s;
}
.photos:hover {
	background: none repeat scroll 0 0 rgba(0,0,0,0.9);
}
.photos .gallery img {
	width: 50px;
	margin: 0 8px 16px;
	padding: 1px;
	border: 1px solid rgba(201,168,94,0.5);
}
.photos img:hover {
	border: 1px solid #C9A85E;
}
.album .photos {
	display: none;
}

.contact {/*
	bottom: 115px;
	bottom: 0;*/
	padding: 10px 0 0;
	height: 105px;
}
.contact strong,
.contact b {
	font-weight: 600;
}
.contactform {
	display: inline-block;
	height: 100px;
	vertical-align: top;
	margin: 0 30px;
}
.contactform h3 {
	text-align: left;
	padding-bottom: 1px;
	margin-bottom: 30px;
}
a#callContactForm {
	padding: 3px 35px;
	font-size: 11px;
	font-weight: normal;
	color: #fff;
	text-transform: uppercase;
	background: #cc3434; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjMzQzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NDE1MTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #cc3434 0%, #741515 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc3434), color-stop(100%,#741515)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cc3434 0%,#741515 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cc3434 0%,#741515 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cc3434 0%,#741515 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cc3434 0%,#741515 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc3434', endColorstr='#741515',GradientType=0 ); /* IE6-8 */
	border: 1px solid #751010;
	cursor: pointer;
}
a#callContactForm:hover {
  border: 1px solid rgba(201, 168, 94, 1);
}
a#callContactForm:before {
  background-color: rgba(201, 168, 94, 0.5);
  border: 0 dashed;
  content: " ";
  display: block;
  float: left;
  height: 75px;
  left: -35px;
  margin-right: -50px;
  position: relative;
  top: -15px;
  transform: rotate(20deg);
  -webkit-transform: rotate(20deg);
  -moz-transform: rotate(20deg);/*
  width: 75px;*/
  transition: all 0.5s ease 0s;
}
a#callContactForm:hover:before {
  left: -65px;
}
.contactmap {
	display: inline-block;
	height: 100px;
	vertical-align: top;
	margin: 0 0 0 30px;
	width: 330px;
}
.contactmap h3 {
	text-align: left;
	padding-bottom: 1px;
}
.contactmap a {
	display: inline-block;
	height: 50px;
	width: 50px;
	background-image: url(images/googlemaps.jpg);
	background-size: 50px 50px;
	text-indent: -9999px;
	float: right;
	margin: 8px 0 0;
	border: 1px solid #C9A85E;
}
#popupMap #mapHolder {
	width: 870px;
	height: 420px;
	margin: 30px auto;
	text-align: left;
}
#popupMap #mapHolder iframe {
	height: 350px;
}
#popupMap span.bttn {
	display: inline-block;
	margin: 10px 0 0;
	padding: 0;
	font: normal 14px "Open Sans", Arial, Helvetica, sans-serif;
	background-color: #CCCCCC;
	color: #1E1E1E;
	text-shadow: none;
	border: none;
	cursor: pointer;
}
#popupMap span.bttn a {
	display: inline-block;
	margin: 0;
	padding: 5px 50px;
	background-color: transparent;
	color: #1E1E1E;
	text-shadow: none;
	border: none;
	cursor: pointer;
}
#popupMap span a:hover {
	background-color: #D8B66A;
	color: #1E1E1E;
}

.contactdata {
	display: inline-block;
	height: 100px;
	vertical-align: top;
	margin-left: 20px;
}
.contactdata h3 {
	text-align: left;
	padding-bottom: 1px;
}
.contactdata p {
	display: inline-block;
	margin-right: 10px;
}
.contactdata img {
	margin: 4px 5px 0 0;
	height: 50px;
	width: 50px;
	border: 1px solid #C9A85E;
}
.checkbox label {
	width: 285px !important;
	line-height: 30px;
	height: 30px;
}
input.switch:empty {
	margin-left: -9999px;
}
input.switch:empty ~ label {
	position: relative;
	float: left;
	line-height: 30px !important;
	text-indent: 0;
	margin: 0 0 3px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	clear: both;
}
input.switch:empty ~ label:before,
input.switch:empty ~ label:after {
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	width: 51px;
	height: 30px;
	line-height: 30px;
	padding: 0;
	color: #555;
	content: '\2718';
	text-indent: 32px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 0;/*
	box-shadow: 0 0.2em 0 rgba(0, 0, 0, 0.3) inset;*/
}
input.switch:empty ~ label:before {
	box-shadow: 2px 2px 5px rgba(0,0,0,0.8) inset;
}
input.switch:empty ~ label:after {
  top: 1px;
  bottom: 1px;
  right: 25px;
  height: 28px;
  width: 25px;
  margin-left: 1px;
  content: ' ';
  text-align: center;
  text-indent: 0;
  border-radius: 0;
	background-color: rgba(255, 255, 255, 0.45);
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iNDIlIiBzdG9wLWNvbG9yPSIjZGRkZGRkIiBzdG9wLW9wYWNpdHk9IjAuNSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0MyUiIHN0b3AtY29sb3I9IiNkY2RjZGMiIHN0b3Atb3BhY2l0eT0iMC41Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYWFhYWEiIHN0b3Atb3BhY2l0eT0iMC41Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(229,229,229,0.5) 0%, rgba(221,221,221,0.5) 42%, rgba(220,220,220,0.5) 43%, rgba(170,170,170,0.5) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,0.5)), color-stop(42%,rgba(221,221,221,0.5)), color-stop(43%,rgba(220,220,220,0.5)), color-stop(100%,rgba(170,170,170,0.5))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(229,229,229,0.5) 0%,rgba(221,221,221,0.5) 42%,rgba(220,220,220,0.5) 43%,rgba(170,170,170,0.5) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(229,229,229,0.5) 0%,rgba(221,221,221,0.5) 42%,rgba(220,220,220,0.5) 43%,rgba(170,170,170,0.5) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(229,229,229,0.5) 0%,rgba(221,221,221,0.5) 42%,rgba(220,220,220,0.5) 43%,rgba(170,170,170,0.5) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(229,229,229,0.5) 0%,rgba(221,221,221,0.5) 42%,rgba(220,220,220,0.5) 43%,rgba(170,170,170,0.5) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80e5e5e5', endColorstr='#80aaaaaa',GradientType=0 ); /* IE6-8 */
  transition: all 100ms ease-in 0s;
  box-shadow: 1px 1px 1px rgba(255,255,255,0.50) inset, -1px -1px 1px rgba(0,0,0,0.25) inset;
}
/* toggle on */
input.switch:checked ~ label:before,
input.switch:checked ~ label:after {
	background-color: rgba(255, 255, 255, 0.3);
}
input.switch:checked ~ label:before {
	content: '\2714';
	text-indent: 7px;
	color: #C9A85E;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.75) inset;
}

input.switch:checked ~ label:after {
	margin-left: 2.1em;
	color: #6c6;
	right: 0;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iNDIlIiBzdG9wLWNvbG9yPSIjZGRkZGRkIiBzdG9wLW9wYWNpdHk9IjAuNSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0MyUiIHN0b3AtY29sb3I9IiNkY2RjZGMiIHN0b3Atb3BhY2l0eT0iMC41Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYWFhYWEiIHN0b3Atb3BhY2l0eT0iMC41Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(229,229,229,0.5) 0%, rgba(221,221,221,0.5) 42%, rgba(220,220,220,0.5) 43%, rgba(170,170,170,0.5) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,0.5)), color-stop(42%,rgba(221,221,221,0.5)), color-stop(43%,rgba(220,220,220,0.5)), color-stop(100%,rgba(170,170,170,0.5))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(229,229,229,0.5) 0%,rgba(221,221,221,0.5) 42%,rgba(220,220,220,0.5) 43%,rgba(170,170,170,0.5) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(229,229,229,0.5) 0%,rgba(221,221,221,0.5) 42%,rgba(220,220,220,0.5) 43%,rgba(170,170,170,0.5) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(229,229,229,0.5) 0%,rgba(221,221,221,0.5) 42%,rgba(220,220,220,0.5) 43%,rgba(170,170,170,0.5) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(229,229,229,0.5) 0%,rgba(221,221,221,0.5) 42%,rgba(220,220,220,0.5) 43%,rgba(170,170,170,0.5) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80e5e5e5', endColorstr='#80aaaaaa',GradientType=0 ); /* IE6-8 */
}

/* focus styles */
input.switch:focus ~ label {
}

input.switch:focus ~ label:before {
}




#video-player {
	display: none;
}
#video-placeholder {
	width: 760px;
	width: 940px;
	height: 468px;
	height: 520px;
	margin: 0 30px;
	background-color: rgba(0,0,0,0.6);
	position: fixed;
	bottom: 115px;
	text-align: center;
	box-shadow: 0 0 50px -10px rgba(0,0,0,0.8);
}
#video-stage {
	width: 640px;
	width: 848px;
	height: 368px;
	height: 480px;
	margin: 60px auto;
	margin: 20px auto;
	background-color: transparent;
	border: 1px solid rgba(255, 255, 255, 0.05);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.75);
}
#video {
    overflow: hidden;
}
#killvideo {
	position: absolute;
	right: 70px;
	right: 60px;
	top: 70px;
	top: 35px;
	width: 50px;
	height: 30px;
	font-variant: small-caps;
	line-height: 27px;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
	border: 1px solid rgba(255,255,255,0.15);
	border-radius: 3px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all 600ms;
	-moz-transition: all 600ms;
	-webkit-transition: all 600ms;
	z-index: 10;
}
#video-stage:hover #killvideo {
	opacity: 1;
	filter: alpha(opacity=100);
	z-index: 10;
}
#video.playlist-right .jwmain {
    right: 0 !important;
}
#video.playlist-right .jwplaylistcontainer {
    opacity: 0.8;
    right: -320px !important;
    -webkit-transition: all .6s ease-out;
    -moz-transition: all .6s ease-out;
    -ms-transition: all .6s ease-out;
    -o-transition: all .6s ease-out;
    transition: all .6s ease-out;
}
#video.playlist-right .jwplaylistcontainer:hover {
    opacity: .95;
}
#video.playlist-right .jwplaylistcontainer.onscreen {
    right: 0 !important;
    -webkit-transition: all .6s ease-in;
    -moz-transition: all .6s ease-in;
    -ms-transition: all .6s ease-in;
    -o-transition: all .6s ease-in;
    transition: all .6s ease-in;
}
#killvideo:hover {
	box-shadow: 0 0 7px rgba(0,0,0,0.75);
}
#video_display_button {/*
	display: none !important;
	opacity: 0 !important;
	visibility: hidden !important;*/
	z-index: 2 !important;
}
#video_logo {
	display: none;
}
.jwlogo {
	visibility: hidden;
}
.tagline {
	display: none;
	bottom: 110px;
    color: #FFFFFF;
    font: 34px/36px Oswald,Arial,Helvetica,sans-serif;
    margin: 20px 300px;
    position: fixed;
    word-spacing: 120px;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.9);
}



.homepage #header .menu {
	margin-top: 35px;
	right: 395px;
	font-weight: bold;
}

.homepage #header .phones {
	position: relative;
	left: 815px;
	top: -100px;
	text-align: left;
	font-size: 12px;
}
.homepage #footer .phones {
	width: auto;
	float: none;
	margin: 0;
	text-align: center;
	padding-top: 15px;
}
.homepage #footer .siteInfo {
	width: auto;
	float: none;
	margin: auto;
	text-align: center;
	padding-top: 25px;
}

/* page specific */
.page {
	position: absolute;
	top: 90px;
	bottom: 115px;
	left: 0;
	right: 0;
	padding-top: 30px;
	background-image: url(images/bg-home.jpg);
	background-position: center center;
	background-repeat: no-repeat;/*
	background-attachment: fixed;*/
	background-size: cover;
	overflow-y: hidden;
}

.page-religious {
	background-image: url(images/bg-body-religious.jpg);
}
.page-religious h1,
.page-religious h2 {/*
	color: #bd9c52;*/
	line-height: 1.5em;
	margin: 0;
}
.page-religious h2 {
	font-size: 32px;
	text-indent: 100px;
	letter-spacing: 2px;
}
.page-commercial {
	background-image: url(images/bg-body-commercial.jpg);
}
.page-commercial h1,
.page-commercial h2 {
	color: #F9F9F9;
	line-height: 1.5em;
	margin: 0;
}
.page-commercial h2 {
	font-size: 32px;
	text-indent: 100px;
	letter-spacing: 2px;
}
.page-services {
	background-image: url(images/bg-body-services.jpg);
}
.page-about {
	background-image: url(images/bg-body-about.jpg);
}
.page-team {
	background-image: url(images/bg-body-team.jpg);
}
.page-bio {
	background-image: url(images/bg-body-team.jpg);
}
.page-portfolio {
	background-image: url(images/bg-body-portfolio.jpg);
}
.page-giving-back {
	background-image: url(images/bg-body-philantropy.jpg);
}
.page-contact {
	background-image: url(images/bg-body-contact.jpg);
}
#page1030 .page-contact {
	background-image: url(images/bg-body-commercial-contact.jpg);
}
#page1039 .page-giving-back {
	background-image: url(images/bg-body-commercial-philantropy.jpg);
}
#page1037 .page-services {
	background-image: url(images/bg-body-commercial-services.jpg);
}
#page1038 .page-about {
	background-image: url(images/bg-body-commercial-about.jpg);
}
#page1036 .page-team {
	background-image: url(images/bg-body-commercial-team.jpg);
}
#page1028 .page-portfolio {
	background-image: url(images/bg-body-commercial-portfolio.jpg);
}

@media all and (min-width: 1001px) {
}
@media screen and (max-width: 1000px) {
	#innerwrap {
		width: 100%;
	}
	.page {
	}
	.content .copy-about {
		width: auto;
	}
	.content .fullpage {
		width: auto;
	}
	.displaybio {
		width: auto;
	}
	#innerfooter {
		width: 100%;
	}
}
@media screen and (min-height: 776px) {
	
}
@media screen and (max-height: 775px) {
	#header {
		height: 0;
	}
	#innerhead {
		background: none repeat scroll 0 0 transparent;
		border: none;
		left: 0;
		margin: 0;
		width: 80px;
		padding: 0;
	}
	#header .search {
		display: none;
	}
	#header .menu {
		display: none;
	}
	#header .logo {
		position: absolute;
		top: 5px;
		left: 5px;
		height: 60px;
		width: 73px
	}
	#header .logo a {
		display: block;
		height: 60px;
		width: 73px;
		margin: 0;
		background-size: 100%;
		box-shadow: 0 0 3px rgba(0, 0, 0, 0.9);
		text-indent: -9999px;
	}
	.page {
		top: 0;
	}
	#killvideo,
	#replay,
	#replay:hover {
		height: 60px;
		right: 85px;
		line-height: 60px;
		opacity: 1;
		padding: 0;
		position: fixed;
		top: 15px;
		width: 100px;
		margin: 0;
		background-color: rgba(0,0,0,0.5);
	}
}
@media screen and (min-height: 701px) {
	#footer {
		height: 115px;
	}
	.strip {
		bottom: 115px;
	}
	.strip.closed {
		bottom: 115px;
	}
	.copy-about.fullpage {
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
	.content .fullpage {
		bottom: 115px;
	}
	.page {
		bottom: 115px;
	}
	.displaybio {
		bottom: 203px;
	}
	.photos {
		bottom: 230px;
	}
	.level-1 {
		bottom: 115px;
	}
	.level-2 {
		bottom: 203px;
	}
	.level-3 {
		bottom: 230px;
	}
	.level-0 {
		bottom: 0px;
	}
}
@media screen and (max-height: 700px) {
	#footer {
		height: 55px;
	}
	#innerfooter {
	}
	.strip {
		bottom: 55px;
	}
	.copy-about {/*
		bottom: 55px;*/
	}
	.content .fullpage {
		bottom: 55px;
	}
	.page {
		bottom: 55px;
	}
	.displaybio {
		bottom: 143px;
	}
	.photos {
		bottom: 170px;
	}
	#video-placeholder {
		bottom: 55px;
	}
	
	#footer .siteInfo {
  		position: relative;
  		left: 5px;
  		bottom: 45px;
  		width: 32px;
  		height: 32px;
  		padding: 0;
  		border-radius: 50%;
  		z-index: 1;
  		cursor: pointer;
	}
	#footer .siteInfo:before {
  		position: absolute;
  		left: 0;
  		bottom: 0;
  		width: 32px;
  		height: 32px;
  		overflow: hidden;
  		padding: 0;
  		content: "c";
  		font: normal normal 26px/28px "Open Sans", sans-serif;
  		text-align: center;
  		border: 1px solid rgba(201,168,94,0.2);
  		border-radius: 50%;
  		z-index: 2;
  		cursor: pointer;
		opacity: .2;
		transition: all .7s;
		-moz-transition: all .7s;
		-webkit-transition: all .7s;
	}
	#footer .siteInfo:hover:before {
		opacity: .9;
	}
	#footer .siteInfo p {
		display: none;
		position: absolute;
		left: 25px;
		bottom: 25px;
		width: 166px;
		padding: 10px;
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
		border-radius: 5px 5px 5px 5px;
		box-shadow: 0 0 5px rgba(0,0,0,0.7);
  		z-index: 3;
		transition: all .7s;
		-moz-transition: all .7s;
		-webkit-transition: all .7s;
	}
	#footer .siteInfo:hover p {
		display: block;
	}
	#footer .phones:before {
  		position: absolute;
  		border: 1px solid rgba(201,168,94,0.2);
  		right: 0;
  		bottom: 0;
  		width: 32px;
  		height: 32px;
  		overflow: hidden;
  		padding: 0;
  		background-image: url("images/icon-phone-small.png");
		background-position: center center;
		background-repeat: no-repeat;
  		z-index: 2;
  		border-radius: 50%;
  		content: " ";
  		cursor: pointer;
		opacity: .2;
		transition: all .7s;
		-moz-transition: all .7s;
		-webkit-transition: all .7s;
	}
	#footer .phones {
  		position: relative;
  		right: 5px;
  		bottom: 45px;
  		width: 32px;
  		height: 32px;
  		padding: 0;
  		border-radius: 50%;
  		z-index: 1;
  		cursor: pointer;
	}
	#footer .phones:hover:before {
		opacity: .6;
	}
	#footer .phones p {
		display: none;
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
		border-radius: 5px 5px 5px 5px;
		bottom: 25px;
		right: 25px;
		padding: 10px;
		position: absolute;
		width: 200px;
		box-shadow: 0 0 5px rgba(0,0,0,0.7);
		transition: all .7s;
		-moz-transition: all .7s;
		-webkit-transition: all .7s;
  		z-index: 3;
	}
	#footer .phones:hover p {
		display: block;
	}
	.level-1 {
		bottom: 55px;
	}
	.level-2 {
		bottom: 143px;
	}
	.level-3 {
		bottom: 170px;
	}
	.level-0 {
		bottom: -60px;
	}

}

/************ WIDTH ************/

/* breakpoint 4 menu */
@media screen and (max-width: 670px) {
	#footer .menu a span {
		padding: 0 5px;
	}
}
@media screen and (min-width: 726px) and (max-width: 825px) {
	#footer .menu a span {
		padding: 0 10px;
	}
}
@media screen and (min-width: 826px) and (max-width: 910px) {
	#footer .menu a span {
		padding: 0 15px;
	}
}
/* breakpoint 4 content
 * below this width we go to percents
 */
@media screen and (max-width: 1000px) {
	html, body, #wrapper,
	#innerwrap, .fullpage, .halfpage, .copy-about,
	#header, #footer, #innerfooter {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.welcome {
		margin-left: 20px;
	}
	.photos {
		width: 100%;
		padding: 20px 0 0;
	}
	.strip, .strip.closed {
		width: 100%;
	}
	.displaybio .bio-article {
		width: 63%;
	}
	.displaybio .bio-output {
		width: 100%;
	}
	.displaybio .bio-figure {
		width: 33%;
		height: auto;
		margin-right: 20px;
	}
	.displaybio .bio-figure img {
		width: 100%;
		height: auto;
	}
	.displaybio {
		width: 100%;
		padding: 20px 0;
	}
	.displaybio h1,
	.displaybio #summary,
	.displaybio p {
		margin-left: 20px;
		margin-right: 20px;
	}
	/* copied from max 700 height  */
	#footer {
		height: 55px;
	}
	#innerfooter {
	}
	.strip {
		bottom: 55px;
	}
	.copy-about {/*
		bottom: 55px;*/
	}
	.content .fullpage {
		bottom: 55px;
		overflow-y: auto;
		width: 100%;
		padding: 20px 0 50px !important;
	}
	.content .fullpage > h1 {
		margin: 0 20px 20px;
	}
	.content .fullpage > h2 {
		margin: 10px 20px;
	}
	.content .fullpage > p {
		margin-left: 20px;
		margin-right: 20px;
	}
	.content .fullpage .context {
		margin: 0 20px;
	}
	.page {
		bottom: 55px;
	}
	.displaybio {
		bottom: 143px;
	}
	.photos {
		bottom: 170px;
	}
	#video-placeholder {
		bottom: 55px;
		width: 100%;
		height: auto;
		margin: 0;
	}
	#video-stage {
		width: 100%;
		height: auto;
	}
	.switcher {
		position: fixed;
		right: 0;
		margin-left: -100px;
	}
	#killvideo,
	#replay,
	#replay:hover {
		height: 60px;
		left: 85px;
		line-height: 60px;
		opacity: 1;
		padding: 0;
		position: fixed;
		top: 15px;
		width: 100px;
		margin: 0;
		background-color: rgba(0,0,0,0.5);
	}
	
	#footer .siteInfo {
  		position: relative;
  		left: 5px;
  		bottom: 45px;
  		width: 32px;
  		height: 32px;
  		padding: 0;
  		border-radius: 50%;
  		z-index: 1;
  		cursor: pointer;
	}
	#footer .siteInfo:before {
  		position: absolute;
  		left: 0;
  		bottom: 0;
  		width: 32px;
  		height: 32px;
  		overflow: hidden;
  		padding: 0;
  		content: "c";
  		font: normal normal 26px/28px "Open Sans", sans-serif;
  		text-align: center;
  		border: 1px solid rgba(201,168,94,0.2);
  		border-radius: 50%;
  		z-index: 2;
  		cursor: pointer;
		opacity: .2;
		transition: all .7s;
		-moz-transition: all .7s;
		-webkit-transition: all .7s;
	}
	#footer .siteInfo:hover:before {
		opacity: .9;
	}
	#footer .siteInfo p {
		display: none;
		position: absolute;
		left: 25px;
		bottom: 25px;
		width: 166px;
		padding: 10px;
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
		border-radius: 5px 5px 5px 5px;
		box-shadow: 0 0 5px rgba(0,0,0,0.7);
  		z-index: 3;
		transition: all .7s;
		-moz-transition: all .7s;
		-webkit-transition: all .7s;
	}
	#footer .siteInfo:hover p {
		display: block;
	}
	#footer .phones:before {
  		position: absolute;
  		border: 1px solid rgba(201,168,94,0.2);
  		right: 0;
  		bottom: 0;
  		width: 32px;
  		height: 32px;
  		overflow: hidden;
  		padding: 0;
  		background-image: url("images/icon-phone-small.png");
		background-position: center center;
		background-repeat: no-repeat;
  		z-index: 2;
  		border-radius: 50%;
  		content: " ";
  		cursor: pointer;
		opacity: .2;
		transition: all .7s;
		-moz-transition: all .7s;
		-webkit-transition: all .7s;
	}
	#footer .phones {
  		position: relative;
  		right: 5px;
  		bottom: 45px;
  		width: 32px;
  		height: 32px;
  		padding: 0;
  		border-radius: 50%;
  		z-index: 1;
  		cursor: pointer;
	}
	#footer .phones:hover:before {
		opacity: .6;
	}
	#footer .phones p {
		display: none;
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
		border-radius: 5px 5px 5px 5px;
		bottom: 25px;
		right: 25px;
		padding: 10px;
		position: absolute;
		width: 200px;
		box-shadow: 0 0 5px rgba(0,0,0,0.7);
		transition: all .7s;
		-moz-transition: all .7s;
		-webkit-transition: all .7s;
  		z-index: 3;
	}
	#footer .phones:hover p {
		display: block;
	}
	.level-1 {
		bottom: 55px;
	}
	.level-2 {
		bottom: 143px;
	}
	.level-3 {
		bottom: 170px;
	}
	.level-0 {
		bottom: -60px;
	}
	/* copied from max 775 height */
	#header {
		height: 0;
	}
	#innerhead {
		background: none repeat scroll 0 0 transparent;
		border: none;
		left: 0;
		margin: 0;
		width: 80px;
		padding: 0;
	}
	#header .search {
		display: none;
	}
	#header .menu {
		display: none;
	}
	#header .logo {
		position: absolute;
		top: 5px;
		left: 5px;
		height: 60px;
		width: 73px
	}
	#header .logo a {
		display: block;
		height: 60px;
		width: 73px;
		margin: 0;
		background-size: 100%;
		box-shadow: 0 0 3px rgba(0, 0, 0, 0.9);
		text-indent: -9999px;
	}
	.page {
		top: 0;
	}
	
}
@media screen and (max-width: 725px) {
	#footer .menu a span {
		padding: 0 8px;
	}
	.displaybio .bio-article {
		width: 90%;
		margin: 0 20px;
		float: none;
	}
	.displaybio .bio-output {
		width: 100%;
		font-size: 1.1em;
		margin-top: 20px;
	}
	.displaybio .bio-figure {
		width: auto;
		height: auto;
		margin: 0 40px;
		float: none;
	}
	.displaybio .bio-figure img {
		width: 100%;
		height: auto;
	}
}


/* welcome animation  */
/*
@keyframes hello {
	0% {
		text-shadow: 0 0 0px rgba(255,255,255,0.5);
	}
	50% {
		text-shadow: 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		text-shadow: 0 0 0px rgba(255,255,255,0.5);
	}
}

@-webkit-keyframes hello {
	0% {
		text-shadow: 0 0 0px rgba(255,255,255,0.5);
	}
	50% {
		text-shadow: 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		text-shadow: 0 0 0px rgba(255,255,255,0.5);
	}
}
@keyframes hello2 {
	0% {
		opacity: 0;
		text-shadow: 0 0 0px rgba(255,255,255,0.5);
	}
	50% {
		opacity: 1;
		text-shadow: 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		text-shadow: 0 0 0px rgba(255,255,255,0.5);
	}
}
@-webkit-keyframes hello2 {
	0% {
		opacity: 0;
		text-shadow: 0 0 0px rgba(255,255,255,0.5);
	}
	50% {
		opacity: 1;
		text-shadow: 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		text-shadow: 0 0 0px rgba(255,255,255,0.5);
	}
}
.welcome h1 {
	animation: hello 5s;
	-webkit-animation: hello 5s;
}
.welcome h2 {
	animation: hello2 8s;
	-webkit-animation: hello2 8s;
}*/