body,html {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:1.4em;
	color:#333;
	background:#fff;
	margin:0;
	padding:0;
}
h1,h2,h3,h4,h5,h6,p {
	margin-top:0px;	
}
.main {
	width:960px;
	margin:0 auto;	
}
a img {
	border:none;	
}
.row:before,
.row:after,ul:after,ul:before {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.row:after,ul:after {
    clear: both;
}
.row,ul {
    *zoom: 1;
}
img {
	max-width:100%;
	height:auto;	
}
* {
	box-sizing: border-box;	
}
[class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 2.564102564102564%;
    *margin-left: 2.5109110747408616%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
[class*="span"]:first-child {
    margin-left: 0;
}
[class*="span"] + [class*="span"] {
    margin-left: 2.564102564102564%;
}
.row + .row {
	margin-top:20px;	
}
.flex {
	display: flex;
	flex-wrap:wrap;
}
.span12 {
	width: 100%;
    *width: 99.94680851063829%;
}
.span11 {
    width: 91.45299145299145%;
    *width: 91.39979996362975%;
}
.span10 {
    width: 82.90598290598291%;
    *width: 82.8527914166212%;
}
.span9 {
    width: 74.35897435897436%;
    *width: 74.30578286961266%;
}
.span8 {
    width: 65.81196581196582%;
    *width: 65.75877432260411%;
}
.span7 {
    width: 57.26495726495726%;
    *width: 57.21176577559556%;
}
.span6 {
    width: 48.717948717948715%;
    *width: 48.664757228587014%;
}
.span5 {
    width: 40.17094017094017%;
    *width: 40.11774868157847%;
}
.span4 {
    width: 31.623931623931625%;
    *width: 31.570740134569924%;
}
.span3 {
    width: 23.076923076923077%;
    *width: 23.023731587561375%;
}

.span2 {
    width: 14.52991452991453%;
    *width: 14.476723040552828%;
}
.span1 {
    width: 5.982905982905983%;
    *width: 5.929714493544281%;
}
.main .main {
	width:100%;
	margin:0;
	padding:0;	
}
#system-message > div > a,#system-message > div > h4 {
	display:none;	
}
#system-message > div h1,#system-message > div h2,#system-message > div h3,#system-message > div h4,#system-message > div h5,#system-message > div h6,#system-message > div p {
	margin:0;	
}
input[type="text"],input[type="password"],select,textarea {
	padding:5px 4px;
	line-height:1.2em;
	margin-bottom:5px;	
}
.copyright {
	font-size:0.9em;
	text-align:center;
	padding:15px 0px 25px;
}
.pull-right {
	float:right;
	margin-left:20px;
	margin-bottom:20px;	
}
.pull-left {
	float:left;
	margin-right:20px;
	margin-bottom:20px;	
}
label {
	display:block;	
}
label .label {
	display:inline-block;
	width:40%;
	text-align:right;
	padding-right:4px;	
}
textarea {
	font-family:inherit;
	width:98%;	
}
.row:before,
.row:after,
ul:before,
ul:after,
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.row:after,
.clearfix:after {
    clear: both;
}
.clearfix,
ul,
.row {
    *zoom: 1;
}
.main {
	width:auto;
	max-width:1200px;
	min-width:350px;	
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="url"],
select,textarea {
	border:1px solid #aaa;
	line-height:1.3em;
	padding:3px 5px;
	width:100%;
	border-radius:3px;
	font-size:1.1em;
}
textarea {
	min-height:80px;	
}
label,.formitem {
	display:block;	
	margin-bottom:5px;
}
.button,.btn,input[type="button"],input[type="submit"],button {
	display:inline-block;
	border-radius:2px;
	padding:6px 8px;
	background:#ddd;
	border:1px solid #aaa;
	width:auto;
	cursor:pointer;
	color:currentColor;
	text-decoration:none;
	white-space:nowrap;
	box-shadow:inset 0px -10px 20px 10px rgba(0,0,0,0.1),inset 0px 10px 20px 10px rgba(255,255,255,0.2),2px 2px 5px rgba(0,0,0,0.1); 
}

.button:hover,.btn:hover,input[type="button"]:hover,input[type="submit"]:hover,button:hover {
	background:#bbb;
}
.button:active,.btn:active,input[type="button"]:active,input[type="submit"]:active,button:active {
	background:#bbb;
	border:1px solid #000;
	outline:1px solid #444;
}
.button:disabled,.btn:disabled,input[type="button"]:disabled,input[type="submit"]:disabled,button:disabled {
	background:#ddd;
	color:#999;
	cursor:not-allowed;
}

.btn + .btn {
	margin-left:3px;	
}
.button + .button,.buttons > * {
	margin-left:3px;
}


.alignleft {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	display:block;
}
.alignright {
	float:right;
	margin-bottom:20px;
	margin-left:20px;
	display:block;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:20px;
}

#fancybox-wrap,#fancybox-wrap * {
	box-sizing:content-box
}
#fancybox-overlay {
	display:fixed;
	top:0;
	left:0;
}
nav ul.nav ul {
	display:none;
	animation:
}
nav ul.nav > li {
	position:relative;
	//z-index:3;
}
nav ul.nav > li > ul {
	min-width:200%;
}
nav ul.nav li > ul {
	position:absolute;
	top:100%;
	left:0px;
	background:#fff;
	padding:10px;
	font-size:0.8em;
	list-style:none;
	box-shadow:0px 0px 5px rgba(0,0,0,0.5);
	border:1px solid #ddd;
}

nav ul.nav .deeper > a:after {
	content:'▼';
	padding-left:5px;
	text-shadow:inset 0px 0px 2px rgba(0,0,0,0.7);
	font-size:0.8em;
	vertical-align: bottom;
}
nav ul.nav ul .deeper > a:after {
	content:'►';
}
nav ul.nav li > ul li + li {
	border-top:1px solid #ddd;	
}
nav ul.nav li > ul a {
	display:block !important;
}
nav ul.nav li > ul ul {
	top:0px;
	left:100%;
}
nav ul.nav li:hover > ul {
	display:block;
}
nav.animate ul.nav {
	z-index:1;
	position:relative;	
}
nav.animate ul.nav > li {
	perspective:400px;
}
nav.animate ul.nav > li * {
	transform-style: flat;
}
nav.animate ul.nav > li > ul {
	display:block;
    opacity:0;
    filter:alpha(opacity=0);
	transition:500ms ease;
	visibility:hidden;
	top:0;
	z-index:-1;
	transform:rotate3d(1,0,0,-90deg);
    transform-origin:50% 0;
	max-height:0;
	visibility:visible;
}
nav.animate ul.nav > li:hover > ul {
	top:100%;
    opacity:1;
    filter:alpha(opacity=100);
	visibility:visible;
	max-height:1000px;
	transform:rotate3d(0,0,0,0);
	z-index:100;
}
.mobile {
	display:none;	
}
@media all and (max-width: 990px) {
	nav.animate ul.nav > li {
		perspective: none;	
	}
}
@media all and (max-width: 800px) {
	[class*="span"].span1, [class*="span"].span2, [class*="span"].span3, [class*="span"].span4, [class*="span"].span5, [class*="span"].span6, [class*="span"].span7, [class*="span"].span8, [class*="span"].span9, [class*="span"].span10, [class*="span"].span11, [class*="span"].span12 {
		float: none;
		width: 100%;
		margin:0;
		min-height:0px;
		clear:both;	
	}
	[class*="span"]+[class*="span"] {
		margin-top:20px;	
	}
	.row {
		display:block;
		margin-bottom:20px;
	}
	.desktop {
		display:none;	
	}
	.mobile {
		display:block;	
	}
}