html{overflow-y:scroll}

body{
margin:0 auto;
width:860px;
height:100%;
font-size:100%;
font-family: 'Montserrat', sans-serif;
line-height:1.4em;
background:#a5a49f url(img/bg.png) repeat-y fixed center;
color:#000;
border-left:1px solid #fe0;
border-right:1px solid #fe0}

a{
font-weight:700;
color:#000;
text-decoration:none;
border-bottom:1px dotted #000;
transition:.5s ease}

a:hover{background:#fe0}

h1,h2,h3,h4{font-weight:900;margin:18px 64px}
h1,h2{text-align:center}
h1{font-size:2em;margin-top:90px;line-height:2em}
h2{font-size:1.8em;margin:24px 64px;color:#444}
h3{font-size:1.8em;margin:36px 64px}
h4{font-size:1.2em}

hr{margin:48px 0}

iframe{display:block;margin:32px 46px;overflow:auto;border:0}

img{display:block;border:0;margin:0 auto}

ul,form{margin:0;padding:0}

header{height:100px;background:#000}

nav ul{
float:left;
width:860px;
list-style:none;
font:700 .9em 'Montserrat', sans-serif;
text-transform:uppercase;
background:#000}

nav li{display:inline}
nav li a{
float:left;
width:95px;
margin:0 6px;
padding:12px 0;
border:none;
text-align:center;
background:#222;
color:#666;
border-radius:8px 8px 0 0;
outline:none;
z-index:0}

nav #this a,nav li a:hover{background:#ffe;color:#000}

#main{height:100%;text-align:left}

#main ul{padding:24px 82px 24px;list-style:disc url(img/bullet.png)}

#main li{padding:6px}

#main p{padding:12px 64px}

#main .c p{padding:0 24px}

#main .rev p{padding-top:100px}

#main #c1,#main #c2,#main #c3{margin-top:12px;padding:0 0 10px}

#main #c1{background:url(img/win.png) no-repeat center top}
#main #c2{background:url(img/mac.png) no-repeat center top}
#main #c3{background:url(img/au.png) no-repeat center top}

#c1,#c2,#c3,.c {float:left;width:33%}

#demo{
background:url(img/download2.png) no-repeat 50% 10%;
margin:48px;
padding:72px 24px;
border:1px solid #333;
text-align:center}

#demo p{padding:40px};

#main #c1,#main #c2{border-right:1px solid #333}
.c h1{margin:12px auto}

#c1 p, #c2 p, #c3 p{padding:72px 24px 24px 24px}

#c1 img, #c2 img, #c3 img, #d img{cursor:pointer}
.inv{padding:0 6px;background:#000;color:#ffe}

.cc{white-space:pre}

.clr{clear:both;text-align:center}

.hi{background:#fe0;padding:0 3px}

.in{clear:both;display:inline;margin:0 6px}

em{font-style:normal;padding:0 3px;border:1px dotted #666;background:#fff}
.s{font-size:.8em}

#support{margin:72px 64px}

label{
float:left;
padding-top:6px;
width:86px;
font-weight:900}

#support input,textarea{
display:block;
margin-bottom:12px;
padding:6px;
width:480px;
background:#fff;
color:#000;
border:1px solid #ccc;
outline:rgba(0,0,0,.6) 2000px solid;
outline-offset:3000px;
transition:.5s ease}

#support textarea{height:180px}
#support textarea:focus,#support input:focus{
outline-offset:0;
position:relative;
z-index:1;
background:#fe0;
border-color:#fe0}

#support input.submit{float:left;width:120px;margin-left:86px}

#support input.submit:hover{background:#fe0}

footer{clear:both;height:540px;padding-top:12px;background:#000;color:#666;font-size:.8em}

footer a{color:#666}

footer a:hover{border-color:#fe0;background:#fe0;color:#000}

footer h1{margin:6px 0 12px;font-size:1em;}

footer p{padding:0 24px}

footer ul{list-style-type:disc;padding:0 12px 12px 36px;line-height:1.8em}

footer li{padding-bottom:4px}

#inf{
clear:both;
float:left;
margin-top:12px;
padding-top:12px;
text-align:center;
border-top:1px solid #222}

#buy{
box-shadow: 0 1px 4px 0 #1c1b18;
background:#ccc;
transition:.5s ease;
cursor:pointer;
color:#444;
font-size:1.25em;
font-weight:bold;
padding:14px;
text-decoration:none;
text-shadow:1px 1px 0 #fff;
text-align:center;
float:none;
display:block;
width:140px;
margin:0 auto}

#buy:hover{background:#f11}

#buy:active{position:relative;top:1px}

#sale{height:100px;width:100%;background:#c00;color:#fff;text-align:center;line-height:100px}