﻿@charset "UTF-8";
/* Arkeo Stack - Landing Page */

html, body { height: 100%; }

a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }

/*body { padding: 0; margin: 0; background: #000000 url(images/bg.png) no-repeat center top;  width: 100%; display: table;  border-top: #ffffff 1px solid; font-family: sans-serif; font-size: 14px; }*/
body { padding: 0; margin: 0; background: #000000 url(images/bg.png) no-repeat center top;  width: 100%; display: table;  font-family: sans-serif; font-size: 14px; }

/* Content Divs */
.container { position: relative; padding: 0; margin: 0 auto; width: 1000px; min-height: 100%; }

.header { height: 300px; width: 1000px; }
.headerLeft { position: absolute; top: 22px; left: 0px; float: left; }
.headerRight { float: right; text-align: center; width: 514px; color: #FFFFFF; }

img.logo { margin: 30px auto 10px; }

.optionLeft { float: left; width: 50%; text-align: center; }
.optionRight { float: right; width: 50%; text-align: center; }

/*.content { overflow: auto; padding-bottom: 100px; margin-top: 50px; }*/
.content { overflow: auto; margin-top: 50px; }
.points { float: left; padding: 0 20px; height: 225px; width: 278px; background: url(images/point_bg.png) no-repeat center bottom; margin: 0px 0px 30px 11px; text-align: center; color: #757575; }
.points-wide { float: left; padding: 0 20px; height: 125px; background: url(images/point_wide_bg.png) no-repeat left bottom; margin: 0px 0px 30px 11px; color: #757575; }

/*.footerBG { position: relative; z-index: 500px; margin-top: -100px; height: 100px; clear: both; width: 100%; background: #000000; }*/
.footerBG { position: relative; z-index: 500px; clear: both; height: 40px; width: 100%; background: #000000; }
.footer { width: 1000px; margin: 0 auto; }
.footerLeft { float: left; width: 50%; color: #757575; text-align: left; margin-top: 10px; font-family: 'Open Sans', sans-serif; font-size: 10px; }
.footerRight { float: right; width: 50%; color: #757575; text-align: right; margin-top: 10px; font-family: 'Open Sans', sans-serif; font-size: 10px;  }
.footerLink { color: #b5b5b5; }

/* Opera */

body:before { content: ""; height: 100%; float: left; width: 0; margin-top: -32767px; }

h1 { font-family: sans-serif; font-weight: 300; font-size: 24px; color: #075ab2; }
h3 { font-family: sans-serif; font-weight: 300; font-size: 22px; color: #fffbce; }

.features { font-family: sans-serif; font-size: 13px; font-style: italic; color: #b8e6f9; }

/* Firefox ONLY */
/*.container, x:-moz-any-link, x:default { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -100px auto; }*/
/*.footerBG, x:-moz-any-link, x:default { height: 100px; clear: both; position: absolute; left: 0; right: 0; bottom: 0; top: 700px; z-index: 500px; background: #000000; }*/
/*.footerBG, x:-moz-any-link, x:default { height: 40px; clear: both; background: #000000; }*/
/*.spacer, x:-moz-any-link, x:default { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #000000; height: auto; }*/

.contacts{ float:left;width:210px;margin:0 50px; }
.logonLabel{ font-family: sans-serif; font-size: 16px; color: #075AB2;font-weight: 500;padding-top:8px; }

#img-laptop{ width: 487px;height:298px; }
