html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}
html, body { height:100%;}
body {line-height:1;background:#000;}
ol, ul {list-style:none;}
table {border-collapse:collapse;border-spacing:0;}
table th {background:#181818;color:#ccc;padding:2px 3px;}
table td {border-top:1px solid #181818;color:#ccc;padding:2px 3px;font:normal 1em arial;}
table tbody tr:nth-child(2n) {background: #333;}
body {-webkit-text-size-adjust:none;}
*:link, *:visited, *:hover, *:active, *:focus {-o-transition:color .20s linear, background-color .20s linear, border-color .20s linear;-webkit-transition:color .20s linear, background-color .20s linear, border-color .20s linear;-moz-transition:color .20s linear, background-color .20s linear, border-color .20s linear;transition:color .20s linear, background-color .20s linear, border-color .20s linear;}
b {font-weight:bold;}
p {padding-top:1em;padding-bottom:1em;}

#sBanner {background-color:#000;color:rgba(255, 255, 255, 0.75);background-attachment:fixed;background-image:url("images/banner.jpg");background-repeat:no-repeat;background-size:cover;background-position:left top;text-align:center;height:100%;}
@media screen and (max-width:480px) { #banner {background-position:45% top;background-size:300%;} }
#sHeader {background:#c00;border-bottom:1px solid #800;color:rgba(255, 255, 255, 0.15);height:55px;line-height:55px;cursor:default;position:fixed;left:0;top:0;z-index:10001;width:100%;}
#Logo {width:300px; height:96px; position:absolute; background:url(images/logo.png) no-repeat;z-index:10010;}

#Menu {display:none;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
#nav {float:right;display:block;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
#nav li{
	position:relative;float:left;
	background:#c00;
	color:#fff;
	display:block;
	padding:0 20px;
	height:55px;
	text-decoration:none;
	text-shadow:1px 1px #555;
	border-left:1px solid #D50000;
	}
#nav li:hover {color:#FF9900;text-shadow:1px 1px #000;cursor:pointer;}
@media screen and (max-width: 1500px) { #nav li {padding:0 10px;}}
@media screen and (max-width: 1280px) {
	#Menu {display:inline-block;background:#c00;padding:0 1em;color:#fff;float:right;text-shadow:1px 1px #000;font-size:1.1em;cursor:pointer;}
	#nav {display:none;position:absolute;width:100%;margin-top:56px;}
	#nav li {float:none;}
}
@media screen and (max-width: 480px) {
	#Logo {width:240px;}
}
.wrapper {padding:3em 0 2em 0;position:relative;}
.wrapper > .inner {margin:0 auto;width:80em;}
.wrapper h1 {color:#fff;font:700 3em "Trebuchet MS", arial, helvetica, sans-serif;line-height:1.2em;text-shadow:2px 2px #333;text-align:left;padding-top:1em;padding-bottom:0.2em;}
.wrapper h2 {color:#f00;font:400 2em "Trebuchet MS"; text-shadow:2px 2px #300; line-height:1em;padding:1.5em auto 1em;padding-top:3em;padding-bottom:0.2em;}
.wrapper h3 {margin-top:2em;color: #f30; font-size:1.7em; text-shadow:2px 2px #200; margin-bottom:0.2em;}
.wrapper h4 {
	color: #999;
	font:normal 1.2em "Trebuchet MS";
	text-shadow:2px 2px #200;
	line-height:1.2em;
	margin-bottom:0;
	font-size:1em;
}
.wrapper p, .wrapper li {
	color:#CCC;
	line-height:1.5em;
	font-family: Arial, Helvetica, sans-serif;
}
.wrapper li {list-style:circle;margin-left:1.2em;}
.wrapper p a, .wrapper td a, .wrapper li a {color:#5ff;text-decoration:none;}
.wrapper p a:hover, .wrapper td a:hover, .wrapper li a:hover {color:#ff0;text-decoration:underline;}
.wrapper input[type="submit"], .wrapper input[type="reset"], .wrapper input[type="button"], .wrapper button, .wrapper .button {-moz-appearance: none;-webkit-appearance: none;-ms-appearance: none;appearance: none;border-radius: 2.5em;border: 0;cursor: pointer;display: inline-block;font-weight: 700;height: 2.85em;line-height: 2.95em;min-width: 10em;margin:0.5em;padding: 0 1.5em;text-align: center;text-decoration: none;white-space: nowrap;background-color: #555;border:1px solid #666;box-shadow: none;color: #eee !important;}
.wrapper input[type="submit"].icon:before, .wrapper input[type="reset"].icon:before, .wrapper input[type="button"].icon:before, .wrapper button.icon:before, .wrapper .button.icon:before { color: #bbb; }
.wrapper input[type="submit"]:hover, .wrapper input[type="reset"]:hover, .wrapper input[type="button"]:hover, .wrapper button:hover, .wrapper .button:hover { background-color: #777;text-shadow:1px 1px #000; border:1px solid #888; }
.wrapper input[type="submit"]:active, .wrapper input[type="reset"]:active, .wrapper input[type="button"]:active, .wrapper button:active, .wrapper .button:active { background-color: #444;}
@media screen and (max-width: 1280px) {
	.wrapper > .inner {width: 90%;}
}
@media screen and (max-width: 980px) {
	.wrapper > .inner {width: 95%;}
}
@media screen and (max-width: 480px) {
	.wrapper {padding:1em 0;}
	.wrapper > .inner {width: 99%;}
}
.grid-6 {width:50%;float:left;}
.grid-5-3 {width:60%;float:left;}
.grid-5-2 {width:40%;float:left;}
.grid-4 {width:25%;float:left;}
.grid-3 {width:33.3%;float:left;}
.grid-2 {width:50%;float:left;}
.grid-1 {width:100%;}

.grid-4 .image, 
.grid-3 .image{
	width:100%;
	display:block;
	margin: auto;
	}
.grid-6 .image{
	width:100%;
	max-width: 277px;
	display:block;
	margin: auto;
	
}
.grid-5-2 .image{
	width:100%;
	max-width: 412px;
	display:block;
	margin: auto;
	
}
.grid-2 .image{
	width:100%;
	max-width: 475px;
	display:block;
	margin: auto;
	
}
.grid-1 .image {
	width:100%;
	max-width: 960px;
	display:block;
	margin: auto;
	
}
.grid-5-3 .image {
	width:100%;
	max-width: 600px;
	float: right;
}
@media screen and (max-width: 980px) {
	.grid-4, .grid-3 {width:33.3%;}
	.grid-2 {width:50%;}
}
@media screen and (max-width:736px) {
	.grid-4, .grid-3, .grid-2 {width:50%;}
}
@media screen and (max-width: 480px) {
	.grid-5-3, .grid-5-2, .grid-4, .grid-3, .grid-2 {width:100%;}
}

.image {border-radius: 0;border: 0;display: inline-block;position: relative;}
.image img {border-radius: 0;display: block;}
.image.left, .image.right {max-width: 50%;}
.image.left img, .image.right img {width: 100%;}
.image.left {	float: left; padding: 0 1.5em 1em 0; top: 0.25em;}
.image.right {float: right; padding: 0 0 1em 1.5em; top: 0.25em;}

.h1link {color:#ff0;font-size:0.5em;text-decoration:none;}
.h1link:hover {text-decoration:underline;}

#footer {background-color: #1E2832;color: rgba(255, 255, 255, 0.75);text-align: center;}
#footer .inner {padding: 6em 0 4em 0;	border-top: solid 1px rgba(255, 255, 255, 0.1);margin: 0 auto;width: 75%;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
@media screen and (max-width: 980px) {
	#footer .inner {padding: 5em 0 3em 0;width: 100%;}
}
@media screen and (max-width: 736px) {
	#footer .inner {padding: 3em 0 1em 0;}
}
@media screen and (max-width: 480px) {
	#footer .inner {padding: 2em 0 0.1em 0;}
}

.transhover {filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;}

.Spec1 {width:80%;margin:0 auto;}
.Spec1 tr th, .Spec1 tr td{
	vertical-align:middle;
	background-color:#ccc;
	color:#000;
	border-bottom:1px solid #fff;
	border-right: 1px solid #fff;
	text-align: center;
	padding: 10px 0 5px 0;
	font-size:12px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:1.6em;
}
.Spec1 tr:nth-child(even) th, .Spec1 tr:nth-child(even) td{	background-color:#555;color:#fff;border-bottom:1px solid #444;background:-webkit-gradient(linear,left bottom,left top,color-stop(0.39, rgb(85,85,85)),color-stop(0.7, rgb(105,105,105)));background:-moz-linear-gradient(center bottom,rgb(85,85,85) 39%,rgb(105,105,105) 70%);}

.Spec1 h2{color:#000;font:400 2em "Trebuchet MS"; text-shadow:2px 2px #ccc; line-height:1em;padding:0.2em auto 1em;padding-top:0.2em;padding-bottom:0.2em;}

.concept1 {
	color:#eee;
	border-left:1px solid #888;
	margin-top:20em;
	padding:1.5em 0 1em 1em;
	line-height:1.5em;
	font-size:1em;
	font-family: Arial, Helvetica, sans-serif;
}
.concept2 {
	width:100%;
	border-top:1px solid #555;
	border-bottom:1px solid #555;
	background:#333;
	color:#eee;
}

.concept2 p{
	width:90%;
	font-size:1em;
	line-height:1.5em;
	font-family: Arial, Helvetica, sans-serif;
	
	text-shadow:1px 1px #000;
	text-align:left;
	display:block;
	margin: auto;
}


#GoTop {width:80px;height:80px;position:fixed;right:1em;bottom:1em;;z-index:10005;background:url(images/arrow.png);display:none;cursor:pointer;}

@media screen and (max-width:980px) {
	.concept1 {margin-top:8em;}
	.concept2 { padding:3em 0;}
}
@media screen and (max-width:480px) {
	.Spec1 {width:99%;}
	.concept1 {margin-top:1em;margin-bottom:1em;}
	.concept2 { padding:3em 0;}
}