@import url(http://fonts.googleapis.com/css?family=Alegreya:400italic,400,700,900);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,700,800);

body {
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	margin:0;
	padding:0;
	min-width:800px;
	background:#eee;
}

.header {
	background:#111A2D;
}

.header.home {
	/*height:800px;*/
	padding-top:50px;
}

.header.page {
	height:150px;
	padding-top:50px;
}

h1 {
	font-size:50px;
	font-weight:700;
	padding:0;
	margin:0;
	text-align:center;
	color:#fff;
}

h1 span {
	opacity:0.8;
}

h2 {
	font-size:20px;
	font-weight:300;
	padding:0;
	margin:0;
	text-align:center;
	color:#fff;
	opacity:0.5;
}

.container {
	width:1000px;
	margin:0 auto;
}

.img-screenshot {
	margin-top:60px;
	/*width:800px;*/
	width:70%;
	max-width:990px;
	min-width:800px;
}

.small-screenshot {
	border:1px solid #ccc;
	box-shadow: 0px 0px 10px 2px #ddd;
	margin-left:20px;
	width:475px;
	height:319px;
	background:url(./img/placeholder.gif);
}

.right {
	float:right;
	margin-top:-25px;
}

.clear {
	clear:both;
}



.links {
	width:400px;
	margin:0 auto;
	text-align:center;
	margin-top:60px;
	padding-bottom:70px;
}

a.button {
	color:#fff;
	background:#198c19;
	padding:8px 12px;
	border:1px solid #000;
	text-decoration:none;
	transition:all 300ms;
}

a.button:hover {
	color:#fff;
	background:#147014;
}

.links a.meta {
	margin-left:10px;
	color:#fff;
	opacity:0.5;
	text-decoration:none;
	transition:all 300ms;
}

.links a.meta:hover {
	color:#fff;
	opacity:1;
	text-decoration:none;
}




.content {
	margin-top:50px;
	color:#666;
}

.content h3 {
	color:#000;
	margin:0;
	padding:0;
}

.content h3 span {
	text-transform:uppercase;
	font-size:13px;
	color:#fff;
	font-weight:400;
	background:#597986;
	padding:2px 5px;
	margin-left:10px;
}

.content p {
	line-height:25px;
}
.content p.subtitle {
	margin-top:0px;
	font-weight:700;
	color:#6b7f78;
}

.content .feature {
	display:block;
	height:380px;
}

.content .feature.small {
	height:180px !important;
}

.download {
	background:#092b1f;
	color:#ccc;
	padding:50px 0 50px 0;
	border-top:1px solid #fff;
	margin-top:50px;
}

.download h3 {
	color:#fff;
	margin:0;
	padding:0;
}

.download p a, .download .meta a {
	color:#ccc;
	text-decoration:none;
	transition:all 300ms;
	border-bottom:1px solid #474747;
}

.download p a:hover, .download .meta a:hover {
	color:#fff;
	text-decoration:none;
	border-bottom:1px solid #ccc;
}

.download .meta {
	display:block;
	margin-top:15px;
	text-align:center;
	font-size:11px;
	color:#666;
}

.download .download-link {
	margin-top:0px;
}



.footer {
	font-size:12px;
	text-align:center;
	background:#1c1d21;
	color:#666;
	padding:50px 0 100px 0;
	border-top:1px solid #3d3d3d;
}

.footer .col {
	width:20%;
	display:inline-block;
	text-align:left;
	vertical-align:top;
	padding:0 10px;
}

.footer .col h4 {
	margin:0;
	padding:0;
	font-weight:700;
	color:#ddd;
}

.footer .col ul {
	margin:0;
	padding:0;
	margin-left:20px;
	margin-top:10px;
}

.footer .col ul li {
	padding:3px 0;
}

.footer a {
	color:#909090;
	text-decoration:none;
	transition:all 300ms;
	border-bottom:1px solid #323337;
}

.footer a:hover {
	color:#eee;
	text-decoration:none;
	border-bottom:1px solid #666;
}

.footer .small-links {
	margin-top:30px;
}

.footer .small-links a.first {
	margin-left:10px;
}

.footer .small-links a {
	margin:5px;
}