@import url(http://fonts.googleapis.com/css?family=Lato:400,300,700,900,400italic,100);
/* Reset
================================================== */
* {
	margin: 0;
	padding: 0;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-style:normal;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Body & Main
================================================== */

body {
	background: #383737;
	nowhitespace: afterproperty;
	font: 14px/1.4 'Lato', Helvetica, Arial, sans-serif;
	color: #282929;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	font-weight:300
}
.wrap {
	width: 948px;
	margin: 0 auto;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.home-top-wrap {
	width:100%;
	margin:0;
	background: url("img/bg.png") no-repeat center bottom;
	display:block;
	height:374px;
}
.content-wrap {
	width:948px;
	margin:0 10px 0 10px;
	background:white;
	display:block;
}
#top-left {
	float:left;
	display:block;
	padding:50px 0 0 0;
	width:35%
}
#top-right {
	float:left;
	display:block;
	width:65%;
	padding:65px 0 0 0;
}
#top-right h3 {
	font-size:60px;
	font-weight:300;
	color:white;
	margin:0 0 0 0;
}
#top-right h4 {
	font-size:18px;
	font-weight:700;
	color:white;
	margin:0 0 35px 6px;
	text-transform:uppercase
}
#top-right p {
	font-size:16px;
	font-weight:300;
	margin:0 0 0 6px;
	color:#ffffff;
	line-height:1.5;
}
.squares {
	float:right;
}
.line img {
	width:100%;
	height:1px;
	margin-bottom:10px;
}
.content-top-wrap {
	width:948px;
	margin:0 10px 0 10px;
	display:table;
	background:white;
	padding:0;
}
.article-list-container {
	width:100%;
	display:table;
	margin:-30px 0 0 0;
	background: transparent url("img/bg-bottom.png") no-repeat right bottom;
	padding-bottom:30px;
}
.article-container {
	background:#454444;
	width:29%;
	float:left;
	margin:10px 20px 10px 0;
	padding:10px
}
.article-container span.author {
	font-size:12px;
	color:#757677;
}
.article-container h2 a:hover {
	color:white;
}
.article-container h2 {
	margin:0 0 5px 0;
}
.article-container p {
	font-size:14px;
	margin:0;
	color:#ffffff;
	line-height:1.5;
}
.article-container img {
	width:97%;
	margin-bottom:10px;
	border:5px solid #535252;
}
.article-section-container {
	width:100%;
	display:table;
	margin:30px 0 0 0;
	background: transparent url("img/bg-bottom.png") no-repeat right bottom;
	padding-bottom:30px;
}
.article {
}
.article h1 {
	color:white;
	font-size:36px;
}
.article img {
	width:100%;
	margin-bottom:30px
}
.article p {
	color:white;
	line-height:1.5;
	font-size:16px;
}
.footer-top-one {
	width:100%;
	margin:0;
	padding:0;
	display:block;
	height:63px;
	background:#232323;
	clear:both;
}
.footer-top-two {
	width:100%;
	margin:0;
	padding:0;
	display:block;
	height:1px;
	background:#636565;
}
.footer-bottom {
	width:100%;
	margin:0;
	display:block;
	height:44px;
	background:#2d3033;
	text-align:right;
	color:white;
	font-size:14px;
	padding-top:20px
}
/* Typography
================================================== */
h1, h2, h3, h4, h5, h6 {
	font-weight: 300;
	font-family: 'Lato', Helvetica, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	color: white;
}
h1 {
	font-size: 1.714em;
	margin: 0 0 20px;
}
h2 {
	font-size: 1.875em;
	line-height:1.2;
	margin-bottom:10px;
}
.content-left h2 {
	font-size:36px;
	font-weight:600;
	color:#44494b;
	line-height:1
}
.content-left h3 {
	font-size:24px;
	font-weight:600;
	line-height:1;
	margin-top:25px;
}
.content-left p {
	margin:15px 0 15px 0;
}
.content-left a {
	color:#1c4787;
	font-weight:600;
}
.content-left ul {
	margin:15px 0 20px 30px;
	list-style-type: disc;
}
.content-left ul li {
	padding:5px 0
}
h3 {
	font-size: 1.625em;
	line-height:1.2;
	margin-bottom:10px;
}
h4 {
	font-size: 1.400em;
	margin-bottom:10px;
}
h5 {
	font-size: 0.857em;
}
h6 {
	font-size: 0.714em;
}
#main-content {
	font-size: 1em;
}
p {
	margin: 0 0 20px;
}
p img {
	margin: 0;
}
em {
	font-style: italic;
}
strong {
	font-weight:700;
}
small {
	font-size: 80%;
}
p a, p a:visited {
	line-height: inherit;
}
a:link {
	text-decoration: none;
	color:#ae6fb2;
}
a:focus {
	outline: 0;
}
a {
	outline: 0;
}
p a, p a:visited {
	line-height: inherit;
}
a:focus {
	outline: 0;
}
/* COLORS */

body.colors .article p a {
	color:#e19770;
}
body.colors #top-left img {
	width:90%;
	border:7px solid #e19770;
}
body.colors .article-container h2 a {
	font-size:18px;
	font-weight:400;
	color:#db7c4b;
	margin:0;
	text-transform:uppercase
}
body.colors .article-container p a {
	color:#db7c4b;
	font-size:12px;
}
body.colors .article-container a:hover img {
	border:5px solid #db7c4b;
}
body.colors .home-top-wrap {
	background-color: #db7c4b
}

/* MEDIA QUERIES */


 @media screen and (max-width:1024px) {
 .wrap {
 width: 90%;
margin:0 30px
}
 .article-container {
 width: 45%;
}
}
 @media screen and (max-width:768px) {
 .article-container {
 width: 42%;
}
}
 @media screen and (max-width:640px) {
 #top-left {
float:none;
display:block;
padding:20px 0 0 0;
width:15%
}
 #top-right {
float:none;
display:block;
width:100%;
padding:15px 0 0 0;
}
}
 @media screen and (max-width:468px) {
 .article-container {
 width: 94%;
}
 #top-right h3 {
 font-size:24px;
}
#top-right h4 {
 margin:0 0 10px;
}
#top-right p {
 margin:0
}
}
 @media screen and (max-width:380px) {
}