*{margin:0;padding:0} 
.clear{clear:both} 
.center, .center *{text-align:center !important}
.right, .right *{text-align:right !important} 
.text-right {text-align:right !important} 
.round, .round *{border-radius:1000px !important}
.rounded{border-radius:20px}
img{max-width:100%}
a{text-decoration:underline; color:#fff}
a img{border:0}
p, table, ul, ol, img{margin-bottom:30px}
.small{font-size:13px}
.italic{font-style:italic}
body{font-family:Arial, Helvetica, Sans-Serif; font-size:17px; line-height:28px; color:#fff; background:#004a96 url("../images/bg.png") repeat-x 0 100px} 
body, html{height:100%} 
#outer{min-height:100%} 
#inner{padding-bottom:70px} 
/* headings */ 
h1{font-family:'Quicksand', Arial, Helvetica, sans-serif; letter-spacing:1px; font-size:25px; margin-bottom:40px}
h2, h3{font-size:17px; text-transform:uppercase; font-weight:bold; margin-bottom:10px} 
/* lists */
li{list-style-position:inside} 
/* header */  
#header{position:relative; width:100%; z-index:10; padding:20px 0; height:80px; background:#fff; text-align:center} 
/* logo */
#logo img{height:80px; margin:0}
/* bars */ 
div.bar{padding:50px 0 20px 0} 
div.content{width:100%; max-width:1600px; padding:0 10%; box-sizing:border-box; position:relative; margin:0 auto}
/* screenshots */
div.screenshots img{height:130px; border-radius:10px; margin:1px 2px 1px 0}
/* footer */   
#footer{min-height:70px; margin-top:-70px; box-sizing:border-box; padding:20px 0 0 0; text-align:center; color:#87a6d9; font-size:13px}
#footer a{color:#87a6d9; text-decoration:none}