body {
	min-height: 650px;
	min-width: 960px;
}

#logo {
	position: absolute;
	top: -13px;
	left: 0px;
	width: 221px;
	height: 84px;
	text-indent: -9999px;
	background: url(../images/logo.png) no-repeat top left;
}

#download-button {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 220px;
	height: 37px;
	padding-top: 13px;
	background: #ef831a;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #feeedd;
	
	border-radius: 20px;
	-o-border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	
   transition: all .3s linear;
   -o-transition: all .3s linear;
   -moz-transition: all .3s linear;
   -webkit-transition: all .3s linear;
}

#download-button:hover,
#download-button.active {
	background: #ff9127;
	color: #ffffff;
}

#content blockquote {
	display: block;
	position: absolute;
	top: 100px;
	right: 0px;
	width: 240px;
	color: #ffffff;
	text-align: right;
	font-family: Calibri;
	font-size: 16px;
	line-height: 20px;
}

#content blockquote footer {
	color: #b6e9ff;
	font-weight: normal;
	font-style: italic;
	font-size: 14px;
	margin-top: 15px;
}

#follow {
	display: block;
	width: 220px;
	position: absolute;
	top: 265px;
	right: 0px;
	color: #2a73b6;
	font-size: 18px;
}

#follow a.icon {
	display: block;
	float: right;
	margin-right: 4px;
	width: 24px;
	height: 23px;
	background: url(../images/icons.png) no-repeat top left;
	text-indent: -9999px;
	margin-top: 0px;
}

#follow a.icon.facebook {
	background-position: 0px 0px;
}

#follow a.icon.facebook:hover {
	background-position: 0px -23px;
}

#follow a.icon.twitter {
	background-position: -25px 0px;
}

#follow a.icon.twitter:hover {
	background-position: -25px -23px;
}

#follow a.icon.google-plus {
	background-position: -52px 0px;
}

#follow a.icon.google-plus:hover {
	background-position: -52px -23px;
}

/* MAIN MENU */

#menu {
	position: absolute;
	bottom: -15px;
	right: 0px;
	width: 220px;
}

#menu li {
	margin-bottom: 15px;
}

#menu li a {
	display: block;
	width: 220px;
	height: 35px;
	background: rgba(0, 0, 0, 0.5);
	color: #aec3d8;//#848e98;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	padding-top: 2px;
	
	border-radius: 20px;
	-o-border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	
   transition: all .3s linear;
   -o-transition: all .3s linear;
   -moz-transition: all .3s linear;
   -webkit-transition: all .3s linear;
}

#menu li a:hover {
	color: #ffffff;
	background: rgba(0, 102, 204, 0.5);
}

#menu li a.active {
	width: 252px;
	margin-left: -16px;
	color: #ffffff;
	background: rgba(0, 102, 204, 1);
}

#content-inner {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 570px;
	height: 440px;
	padding: 25px 30px;
	background: rgba(4,13,26,0.8);
	display: none;
	
	border-radius: 20px;
	-o-border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

#content-inner h1 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 16px;
}

#content-inner > div {
	display: none;
}

/* DOWNLOAD */
#content-inner #download h1 {
	text-indent: -10px;
}

#content-inner #download ul li {
	background: rgba(4,13,26,0.8);
	margin-top: 10px;
	padding: 10px;
	height: 110px;
	clear: both;
	
	border-radius: 20px;
	-o-border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

#content-inner #download ul li p.logo {
	display: block;
	float: left;
	width: 100px;
	height: 100px;
	color: #6383a5;
	font-weight: bold;
	font-size: 16px;
	margin-right: 5px;
}

#content-inner #download ul li p.content {
	color: #3e9bf7;
	font-weight: normal;
	font-size: 16px;
	line-height: 22px;
}

#content-inner #download ul li p.content a {
	color: #b6e9ff;
}

#content-inner #download ul li p.content a:hover {
	text-decoration: none;
}

#content-inner #download ul li p.logo span {
	display: block;
	margin-top: 85px;
	text-align: center;
}

#content-inner #download ul li.windows p.logo {
	background: url(../images/windows.png) no-repeat top center;
}

#content-inner #download ul li.linux p.logo {
	background: url(../images/linux.png) no-repeat top center;
}

#content-inner #download ul li.mac p.logo {
	background: url(../images/mac.png) no-repeat top center;
}

/* SCREENSHOTS */

#content-inner #screenshots ul {
	margin-left: -20px;
	margin-top: -60px;
}

#content-inner #screenshots ul li {
	float: left;
	margin-left: 17px;
	margin-top: 20px;
}

#content-inner #screenshots ul li a {
	display: block;
	width: 175px;
	height: 131px;
	border: 2px solid #163d5a;
	
   transition: all .3s linear;
   -o-transition: all .3s linear;
   -moz-transition: all .3s linear;
   -webkit-transition: all .3s linear;
}

#content-inner #screenshots ul li a:hover {
	border-color: #ffffff;
}

/* WATCH VIDEOS */
#content-inner #videos #video-content {
	width: 570px;
	height: 395px;
}

#content-inner #videos ul {
	background: rgba(4,13,26,0.8);
	margin: 10px auto;
	width: 125px;
	height: 40px;
	border-radius: 10px;
	-o-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
}

#content-inner #videos ul li {
	float: left;
	margin-left: 13px;
	margin-top: 7px;
}

#content-inner #videos ul li a {
	display: block;
	width: 13px;
	height: 13px;
	border: 6px solid #043b75;
	background: #043b75;
	text-indent: -9999px;
	
	border-radius: 25px;
	-o-border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;	
	
   transition: all .3s linear;
   -o-transition: all .3s linear;
   -moz-transition: all .3s linear;
   -webkit-transition: all .3s linear;
}

#content-inner #videos ul li a:hover {
	border-color: #0066cc;
	background-color: #0066cc;
}

#content-inner #videos ul li a.active {
	border-color: #0066cc;
	background-color: #ffffff;
}

/* GOODIES */

#content-inner #goodies ul {
	margin-left: -20px;
	margin-top: -15px;
}

#content-inner #goodies ul li {
	float: left;
	margin-left: 17px;
	margin-top: 17px;
}

#content-inner #goodies ul li.link {
	background: rgba(4,13,26,0.8);
	width: 165px;
	margin-top: 5px;
	border-radius: 10px;
	-o-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
	padding: 7px;
	margin-bottom: 40px;
}

#content-inner #goodies ul li.link p {
	width: 50%;
	float: left;
	text-align: center;
	font-size: 11px;
	color: #3e9bf7;
}

#content-inner #goodies ul li.link p a {
	color: #c8e2fc;
}

#content-inner #goodies ul li.link p a:hover {
	text-decoration: none;
}

#content-inner #goodies ul li img {
	display: block;
	width: 175px;
	height: 131px;
	border: 2px solid #ffffff;
}

#content-inner #goodies > p {
	font-size: 16px;
	color: #3e9bf7;
}

#content-inner #goodies > p a {
	color: #b6e9ff;
}

#content-inner #goodies > p a:hover {
	text-decoration: none;
}

#content-inner #goodies h1 {
	text-indent: -10px;
	margin-bottom: 5px;
}

/* CONTACTS */
#content-inner #contacts h1 {
	margin-bottom: 5px;
}

#content-inner #contacts > p {
	font-size: 16px;
	color: #3e9bf7;
}

#content-inner #contacts > p a {
	color: #b6e9ff;
}

#content-inner #contacts > p a:hover {
	text-decoration: none;
}

#content-inner #contacts h1 {
	text-indent: -10px;
}

#content-inner #contacts form .clear {
	clear: both;
}

#content-inner #contacts form label {
	font-size: 16px;
	color: #3e9bf7;
}

#content-inner #contacts form label.focus {
	color: #abdcf1;
}

#content-inner #contacts form input {
	background: #0a3155;
	border: 2px solid #3e9bf7;
	outline: none;
}

#content-inner #contacts form input:focus {
	background: #104b82;
	border: 2px solid #b6e9ff;
}

#content-inner #contacts form input, 
#content-inner #contacts form textarea, 
#content-inner #contacts form select {
	background: #0a3155;
	border: 2px solid #3e9bf7;
	outline: none;
	color: #b6e9ff;
	font-size: 16px;
	font-family: Calibri;
	width: 200px;
	height: 18px;
	
	transition: all .1s linear;
	-o-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear;
}

#content-inner #contacts form select {
	height: 23px;
	width: 206px;
}

#content-inner #contacts form input.error, 
#content-inner #contacts form textarea.error,
#content-inner #contacts form select.error {
	background: #0a3155;
	border: 2px solid #8A0404;
}

#content-inner #contacts form label.error {
	color: #8A0404;
}

#content-inner #contacts form textarea {
	width: 450px;
	height: 58px;
	resize: none;
}

#content-inner #contacts form div.field.half.email {
	margin-left: 27px;
}

#content-inner #contacts form a {
	display: block;
	float: right;
	margin-top: -28px;
	margin-right: -10px;
	width: 115px;
	height: 23px;
	background: #0066cc;
	color: #ffffff;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	border: none;
	border-radius: 7px;
	-o-border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;	
	text-decoration: none;
}

#content-inner #contacts form a:hover {
	background: #0077cc;
}

#content-inner #contacts form input#serial {
	width: 290px;
}

#content-inner #contacts form input:focus, 
#content-inner #contacts form textarea:focus, 
#content-inner #contacts form select:focus {
	background: #104b82;
	border: 2px solid #b6e9ff;
}

#content-inner #contacts form .field {
	margin-top: 5px;
}

#content-inner #contacts form .field.half {
	width: 215px;
	float: left;
}

#content-inner #contacts form #ajax-result {
	float: right;
	margin-top: -48px;
	width: 125px;
	text-align: center;
	margin-bottom: 25px;
	margin-right: -10px;
	display: none;
}

#content #share {
	position: absolute;
	left: 0px;
	bottom: -45px;
}

p.copyright {
	display: block; 
	position: absolute; 
	bottom: 10px; 
	right: 10px; 
	color: #14304D; 
	font-size: 11px;
}

p.copyright a {
	color: #14304D;
}

p.copyright a:hover {
	color: #ffffff;
}