body { color: #ffffff; margin: 0px; background: black url(../images/background.jpg) center top no-repeat; font-family: 'mipr', Arial, sans-serif; margin: 0 auto; position: relative;}

h3 { font-size: 18px; }

#header {
    height: 210px;
    margin-left: 440px;
    width: 500px;
}

#logo { margin: 28px 0 10px 0; float: left; }

#logo a {
	background: url(../images/logo.png) left top no-repeat;
	line-height: 72px;
	height: 72px;
	display: block;
	width: 216px;
	text-indent: -999em;
	overflow: hidden;
}

#nav { float: right; }
#nav ul { margin: 14px 0px 0px 0px; }
#nav li { float: left; margin: 0px 0px 0px 20px; list-style: none; position: relative;}
#nav li:first-child { background: transparent; }
#nav li a {
	display: block; height: 32px; padding: 0 10px; line-height: 30px;
	color: #ffffff; 
	font-size: 18px;  
	letter-spacing: 1px;
	text-decoration: none; text-transform: uppercase;
}
#nav li:hover > a,
#nav li a:hover,
#nav li a.active { background-color: #468ed1; border-radius: 5px; }

#nav li.sub > a {
	background-position: right top;
	padding-right: 22px;
}
#nav li.sub:hover > a,
#nav li.sub > a:hover,
#nav li.sub > a.active { background-position: right bottom; }

#content > div {
  background: url(../images/panel-big.png) right top no-repeat;
  width: 506px; 
  height: 322px;
  margin: 0 auto;
  padding: 25px;
  color: #783C24;
  max-height: 322px;
  clear: both;
  display: block;
}
#content > div:first-child { background: transparent; width: auto; color: #fff;}

#links { min-height: 380px; }
#links a {
    width: 184px; display: block; margin-bottom: 20px;
    height: 67px; 
    text-indent: -999em; line-height: 67px;
}
#links a.ipa { background-image: url(../images/bt_appstore.png); }
#links a.apk { background-image: url(../images/bt_googleplay.png); }
#links a.bar { background-image: url(../images/bt_playbook.png); }

#screens a {
	position: relative; padding: 6px 11px 12px 6px;
	display: block; width: 169px; height: 127px;
	z-index: 1;
}
#screens img { width: 169px; height: 127px; }
#screens span {
	background: url(../images/panel-small.png) left top no-repeat;
	position: absolute;	top: 0px; left: 0px;
	width: 186px;
	height: 145px;
}



#screens .grid_3 {
    position: relative;
}
.copy {
    font-size: 12px;
    color: #555555;
    text-align: center;
    margin: 30px;
}

#scrollbar1 { width: 500px; clear: both; margin: 0px 0 0px; }
#scrollbar1 .viewport { width: 480px; height: 260px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background-color: #003D5D; }
#scrollbar1 .scrollbar { position: relative; float: right; width: 9px; }
#scrollbar1 .track { background-color: #D8EEFD; height: 100%; width: 7px; position: relative; padding: 0 1px; border-radius: 5px; padding-bottom: 2px; background-color: rgba(255, 255, 255, 0.3);}
#scrollbar1 .thumb { height: 20px; width: 7px; cursor: pointer; overflow: hidden; position: absolute; top: 0; border-radius: 5px; margin: 1px 0;}
#scrollbar1 .thumb .end { overflow: hidden; height: 7px; width: 7px; border-radius: 5px;}
#scrollbar1 .disable{ display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }




.bidAnim { width: 1px; height: 1px; display: none; background-image: url("../images/big.png"); }
/*
.bigAnimX {
    width: 400px;
    height: 250px;
    background-image: url("../images/big.png");
    
    -webkit-animation: playx .8s steps(5) infinite,  playy .40s steps(8) infinite;
       -moz-animation: playx .8s steps(5) infinite,  playy .40s steps(8) infinite;
        -ms-animation: playx .8s steps(5) infinite,  playy .40s steps(8) infinite;
         -o-animation: playx .8s steps(5) infinite,  playy .40s steps(8) infinite;
            animation: playx .8s steps(5) infinite,  playy .40s steps(8) infinite;
}

@-webkit-keyframes playx {
   from { background-position-x:    0px; }
     to { background-position-x: -2000px; }
}

@-moz-keyframes playx {
   from { background-position-x:    0px; }
     to { background-position-x: -2000px; }
}

@-ms-keyframes playx {
   from { background-position-x:    0px; }
     to { background-position-x: -2000px; }
}

@-o-keyframes playx {
   from { background-position-x:    0px; }
     to { background-position-x: -2000px; }
}

@keyframes playx {
   from { background-position-x:    0px; }
     to { background-position-x: -2000px; }
}

@-webkit-keyframes playy {
   from { background-position-y:    0px; }
     to { background-position-y: -2000px; }
}

@-moz-keyframes playy {
   from { background-position-y:    0px; }
     to { background-position-y: -2000px; }
}

@-ms-keyframes playy {
   from { background-position-y:    0px; }
     to { background-position-y: -2000px; }
}

@-o-keyframes playy {
   from { background-position-y:    0px; }
     to { background-position-y: -2000px; }
}

@keyframes playy {
   from { background-position-y:    0px; }
     to { background-position-y: -2000px; }
}
*/
canvas {
    position: absolute;
    top: 0px;
    z-index: -1;
    left: 300px;
}
#content h2, label { text-shadow: 0px 1px 1px #ffffff; }
#content p { width: 260px; float: right; line-height: 180%; font-size: 16px; }
#content i { font-size: 1.13em; }
#content #privacy p { width: auto; float: none; line-height: 160%; font-size: 14px; }

tbody tr:nth-child(2n+1) {
    background-color: rgba(255, 255, 255, 0.25);
}
th {
    text-align: center;
    font-weight: bold;
}

th, td {
    text-align: center;
    padding: 5px;
    text-shadow: 0px 1px 1px #ffffff;
}

DIV.mailContact {
}

/* Powermail */
  /* Form */
span.mandatory {
  /* Color of mandatory error message */
  color: red;
  padding-left: 2px;
}
DIV.mailContact DIV {
  position: relative;
  margin: 0 0 .5em 0;
  clear:both;
  clear: none;
}
DIV.mailContact fieldset {
  /* Fieldset */
  border: 1px solid #64605d;
  padding: 10px;
}
DIV.mailContact legend {
  /* legend of Fieldset */
    color: #FFFFFF;
  font-weight: bold;
  padding: 0 5px;
}
DIV.mailContact label,
DIV.mailContact fieldsets legend {
  /* label */
  display: block;
  width: 100px;
    
  white-space:normal;
}
DIV.mailContact label.radio {
    float: none !important;
    display: inline-block;
    width: auto;
    line-height: 22px;
    padding: 2px 0 2px 5px;
}
DIV.mailContact input {
  margin-left:0;
}
DIV.mailContact input[type='radio'] {
    vertical-align: text-top;
}

DIV.mailContact input[type='text'],
DIV.mailContact input[type='email'],
DIV.mailContact textarea {
  /* Input and textarea */
  border:1px solid #ccc;
  background:#f8f8f8 none;
  -moz-box-shadow:0 0 5px #eee inset;
  -webkit-box-shadow:0 0 5px #eee inset;
    padding:2px;
  width: 90%;
}

DIV.mailContact textarea:focus,
DIV.mailContact input:not([type="submit"]):focus {
  background:#fff none;
  border:1px solid #333;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
}
DIV.mailContact input[type="submit"] {
  /* submit button */
  margin: 0 0 10px 100px;
  padding: 2px 20px;
  font-weight: bold;
}

div.mailContact fieldset div {
    width: 48%;
}
div.mailContact fieldset div div {
    width: 100%;
}
div.mailContact table {
    margin: 0px;
}

#content {
    margin-bottom: 40px;
}

#content > div#privacy {
background: url(../images/panel-bigger.png) right top no-repeat;
width: 660px;
max-height: 450px;
height: 400px;
padding-left: 35px;
}

#privacy #scrollbar1 {
    width: 660px;
}

#privacy #scrollbar1 .viewport {
    width: 640px;
    height: 340px;
}

.copy a {
    color: #555555;
    text-decoration: none;
}
.copy a:hover {
    color: #999999;
    text-decoration: underline;
}