body {
	line-height:18px;
	font-size:13px;
	color:#555555;
	text-shadow:rgb(255, 255, 255) 1px 1px 1px;
	min-height:100%;
	overflow:hidden;
	background-color:#EFF0EF;
	width:100%;
	margin:inherit;
	font-family:'Helvetica Neue', Arial, sans-serif;
	background-image:url(images/top-bg.png);
}

h1 {
	color:#7E7F7F;
}

a {
	text-decoration:none;
	color:#000000;
}

a:hover {
	-webkit-transition-property:all;
	transition-property:all;
	-o-transition-property:all;
	-ms-transition-property:all;
	-moz-transition-property:all;
	-webkit-transition-duration:0.1s;
	transition-duration:0.1s;
	-o-transition-duration:0.1s;
	-ms-transition-duration:0.1s;
	-moz-transition-duration:0.1s;
	-webkit-transition-timing-function:ease-out;
	transition-timing-function:ease-out;
	-o-transition-timing-function:ease-out;
	-ms-transition-timing-function:ease-out;
	-moz-transition-timing-function:ease-out;
	-webkit-transition-delay:initial;
	transition-delay:initial;
	-o-transition-delay:initial;
	-ms-transition-delay:initial;
	-moz-transition-delay:initial;
	color:#404040;
	text-shadow:rgba(41, 41, 41, 0.6) 0px 0px 2px;
}

#body {
	background:radial-gradient(49% 43%, circle closest-side, rgba(255,255,255,1) 140px,rgba(255,255,255,0) 410px);
	background:-webkit-radial-gradient(49% 43%, circle closest-side, rgba(255,255,255,1) 140px,rgba(255,255,255,0) 410px);
	background:-moz-radial-gradient(49% 43%, circle closest-side, rgba(255,255,255,1) 140px,rgba(255,255,255,0) 410px);
	background:-o-radial-gradient(49% 43%, circle closest-side, rgba(255,255,255,1) 140px,rgba(255,255,255,0) 410px);
	background:-ms-radial-gradient(49% 43%, circle closest-side, rgba(255,255,255,1) 140px,rgba(255,255,255,0) 410px);
	height:100%;
	overflow:auto;
}

#container {
	position:relative;
	height:50%;
	min-height:300px;
	width:50%;
	min-width:450px;
}

#page {
	position:absolute;
	bottom:0;
	right:0;
	height:600px;
	width:800px;
	margin:0px -450px -300px auto;
}

#nav {
	position:absolute;
	z-index:1;
	width:150px;
	top:0;
	height:100%;
}

#nav ul {
	display:block;
	position:relative;
	top:195px;
	margin:0;
	padding:0;
}

#nav ul li {
	display:block;
	list-style-type:none;
	list-style-position:initial;
	list-style-image:initial;
	text-align:right;
	line-height:30px;
}

#nav ul li a {
	position:relative;
	text-decoration:none;
	-webkit-transition-property:all;
	transition-property:all;
	-o-transition-property:all;
	-ms-transition-property:all;
	-moz-transition-property:all;
	-webkit-transition-duration:0.5s;
	transition-duration:0.5s;
	-o-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	-webkit-transition-timing-function:ease-in;
	transition-timing-function:ease-in;
	-o-transition-timing-function:ease-in;
	-ms-transition-timing-function:ease-in;
	-moz-transition-timing-function:ease-in;
	-webkit-transition-delay:initial;
	transition-delay:initial;
	-o-transition-delay:initial;
	-ms-transition-delay:initial;
	-moz-transition-delay:initial;
	color:#555555;
	font-size:15px;
}

#nav ul li a:hover {
	-webkit-transition-property:all;
	transition-property:all;
	-o-transition-property:all;
	-ms-transition-property:all;
	-moz-transition-property:all;
	-webkit-transition-duration:0.1s;
	transition-duration:0.1s;
	-o-transition-duration:0.1s;
	-ms-transition-duration:0.1s;
	-moz-transition-duration:0.1s;
	-webkit-transition-timing-function:ease-out;
	transition-timing-function:ease-out;
	-o-transition-timing-function:ease-out;
	-ms-transition-timing-function:ease-out;
	-moz-transition-timing-function:ease-out;
	-webkit-transition-delay:initial;
	transition-delay:initial;
	-o-transition-delay:initial;
	-ms-transition-delay:initial;
	-moz-transition-delay:initial;
	font-size:15px;
	color:#404040;
	text-shadow:rgba(41, 41, 41, 0.648438) 0px 0px 5px;
}

body.index #nav ul li.index a, body.screen #nav ul li.screen a, body.support #nav ul li.support a, body.company #nav ul li.company a {
	color:#000000;
	font-weight:bold;
	-webkit-transition-property:all;
	transition-property:all;
	-o-transition-property:all;
	-ms-transition-property:all;
	-moz-transition-property:all;
	-webkit-transition-duration:0.1s;
	transition-duration:0.1s;
	-o-transition-duration:0.1s;
	-ms-transition-duration:0.1s;
	-moz-transition-duration:0.1s;
	-webkit-transition-timing-function:ease-out;
	transition-timing-function:ease-out;
	-o-transition-timing-function:ease-out;
	-ms-transition-timing-function:ease-out;
	-moz-transition-timing-function:ease-out;
	-webkit-transition-delay:initial;
	transition-delay:initial;
	-o-transition-delay:initial;
	-ms-transition-delay:initial;
	-moz-transition-delay:initial;
}

#main {
	position:absolute;
	min-height:600px;
	max-height:inherit;
	right:1px;
	top:0;
	left:200px;
	bottom:0;
}

#content {
	left:30px;
	width:600px;
	-webkit-transition-property:-webkit-transform;
	transition-property:-webkit-transform;
	-o-transition-property:-webkit-transform;
	-ms-transition-property:-webkit-transform;
	-moz-transition-property:-webkit-transform;
	-webkit-transition-duration:0.3s;
	transition-duration:0.3s;
	-o-transition-duration:0.3s;
	-ms-transition-duration:0.3s;
	-moz-transition-duration:0.3s;
	-webkit-transition-timing-function:ease-in;
	transition-timing-function:ease-in;
	-o-transition-timing-function:ease-in;
	-ms-transition-timing-function:ease-in;
	-moz-transition-timing-function:ease-in;
	-webkit-transition-delay:initial;
	transition-delay:initial;
	-o-transition-delay:initial;
	-ms-transition-delay:initial;
	-moz-transition-delay:initial;
	height:640px;
	position:absolute;
	top:0;
}

.fallback #content .index {
	-webkit-box-shadow:none;
	box-shadow:none;
	-o-box-shadow:none;
	-ms-box-shadow:none;
	-moz-box-shadow:none;
	border-width:initial;
	border-top-color:#000000;
	border-right-color:#000000;
	border-bottom-color:#000000;
	border-left-color:#000000;
	background-origin:initial;
	background-clip:initial;
	position:absolute;
	width:330px;
	top:195px;
	border-style:none;
}

.fallback #content .screen {
	position:absolute;
	top:0;
	width:445px;
}

.fallback #content .support {
	-webkit-box-shadow:none;
	box-shadow:none;
	-o-box-shadow:none;
	-ms-box-shadow:none;
	-moz-box-shadow:none;
	border-width:initial;
	border-top-color:#000000;
	border-right-color:#000000;
	border-bottom-color:#000000;
	border-left-color:#000000;
	background-origin:initial;
	background-clip:initial;
	position:absolute;
	text-align:justify;
	top:100px;
	width:445px;
	border-style:none;
}

.fallback #content .company {
	-webkit-box-shadow:none;
	box-shadow:none;
	-o-box-shadow:none;
	-ms-box-shadow:none;
	-moz-box-shadow:none;
	border-width:initial;
	border-top-color:#000000;
	border-right-color:#000000;
	border-bottom-color:#000000;
	border-left-color:#000000;
	background-origin:initial;
	background-clip:initial;
	text-align:justify;
	top:195px;
	width:445px;
	position:absolute;
	border-style:none;
}

#faq ul {
	display:block;
	margin:0;
	padding:0;
}

#faq ul li {
	display:block;
	list-style-type:none;
}

#faq .q {
	font-weight:bold;
	color:#555555;
	padding:6px 0px 8px 0px;
}

#faq .a {
	text-align:justify;
}

#logotransit {
	height:128px;
	width:128px;
	left:23px;
	position:relative;
	background-image: url(images/Logo128.png);
	background-size: 128px 128px; 
	background-repeat: no-repeat;
	background-position: left 0px;
}

#logotransit:hover {
	-webkit-animation-name:rotateThis;
	-webkit-animation-duration:10s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
	-moz-animation-name:rotateThis;
	-moz-animation-duration:10s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-timing-function:linear;
}

@-webkit-keyframes rotateThis { 
  0% { -webkit-transform: scale(1) rotate(0deg); }
  100% { -webkit-transform: scale(1) rotate(360deg); }
}

@-moz-keyframes rotateThis { 
  0% { -moz-transform: scale(1) rotate(0deg); }
  100% { -moz-transform: scale(1) rotate(360deg); }
}

#screentransit {
	position:absolute;
	top:0;
}

#screentransit img {
	position:absolute;
	-webkit-transition-property:opacity;
	transition-property:opacity;
	-o-transition-property:opacity;
	-ms-transition-property:opacity;
	-moz-transition-property:opacity;
	-webkit-transition-duration:1s;
	transition-duration:1s;
	-o-transition-duration:1s;
	-ms-transition-duration:1s;
	-moz-transition-duration:1s;
	-webkit-transition-timing-function:ease-in-out;
	transition-timing-function:ease-in-out;
	-o-transition-timing-function:ease-in-out;
	-ms-transition-timing-function:ease-in-out;
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-delay:initial;
	transition-delay:initial;
	-o-transition-delay:initial;
	-ms-transition-delay:initial;
	-moz-transition-delay:initial;
	-webkit-box-shadow:rgb(136, 136, 136) 5px 5px 5px;
	box-shadow:rgb(136, 136, 136) 5px 5px 5px;
	-o-box-shadow:rgb(136, 136, 136) 5px 5px 5px;
	-ms-box-shadow:rgb(136, 136, 136) 5px 5px 5px;
	-moz-box-shadow:rgb(136, 136, 136) 5px 5px 5px;
	-webkit-border-top-left-radius:6px 6px;
	border-top-left-radius:6px 6px;
	-o-border-top-left-radius:6px 6px;
	-ms-border-top-left-radius:6px 6px;
	-moz-border-radius-topleft:6px 6px;
	-webkit-border-top-right-radius:6px 6px;
	border-top-right-radius:6px 6px;
	-o-border-top-right-radius:6px 6px;
	-ms-border-top-right-radius:6px 6px;
	-moz-border-radius-topright:6px 6px;
	-webkit-border-bottom-right-radius:6px 6px;
	border-bottom-right-radius:6px 6px;
	-o-border-bottom-right-radius:6px 6px;
	-ms-border-bottom-right-radius:6px 6px;
	-moz-border-radius-bottomright:6px 6px;
	-webkit-border-bottom-left-radius:6px 6px;
	border-bottom-left-radius:6px 6px;
	-o-border-bottom-left-radius:6px 6px;
	-ms-border-bottom-left-radius:6px 6px;
	-moz-border-radius-bottomleft:6px 6px;
	border-right-width:2px;
	width:382px;
	height:616px;
	left:0;
	top:0;
}

#screentransit img.top:hover {
	opacity:0;
}

.index a.twitter{
	float:left;
	padding-top: 6px;
	padding-left: 27px;
	padding-bottom: 3px;
	background-image: url(images/twitter.png);
	background-size: 21px 21px;
	background-repeat: no-repeat;
	background-position: left 4px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
}

.index a.downlink{
	float:left;
	padding-top: 6px;
	padding-left: 27px;
	padding-right: 18px;
	padding-bottom: 3px;
	background-image: url(images/downlink.png);
	background-size: 21px 21px;
	background-repeat: no-repeat;
	background-position: left 4px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
}

.index a.downlink:hover, .index a.twitter:hover{
	-moz-transform: scale(1) rotate(0deg) translate(0px, 4px) skew(0deg, 0deg);
	-webkit-transform: scale(1) rotate(0deg) translate(0px, 4px) skew(0deg, 0deg);
	-o-transform: scale(1) rotate(0deg) translate(0px, 4px) skew(0deg, 0deg);
	-ms-transform: scale(1) rotate(0deg) translate(0px, 4px) skew(0deg, 0deg);
	transform: scale(1) rotate(0deg) translate(0px, 4px) skew(0deg, 0deg);
}

@media
    only screen and (-webkit-min-device-pixel-ratio:1.5), 
    (-o-min-device-pixel-ratio:3/2), 
    (min-device-pixel-ratio:1.5),
    (min-resolution: 2dppx) {

#logotransit {	background-image: url(images/Logo128@2x.png);}
.index a.twitter {background-image: url(images/twitter@2x.png);}
.index a.downlink {background-image: url(images/downlink@2x.png);}

}