@import url('http://fonts.googleapis.com/css?family=Oswald');

@import url('http://fonts.googleapis.com/css?family=Open+Sans');


body {
	display: block;
	margin: 0;
}

.header {
	position: relative;
	display: block;

}

.header-logo {
	position: absolute;
	display: block;
	top: 2px;
	left: 105px;


}

.header-pic {
	width: 100%;
	height: 620px;
}

.s-plogo {
	display: inline-block;
	width: 55px;
}

.logo-text {
	display: inline block;
	font-family: Open Sans;
	font-size: 19px;
	margin-left: 11px;
	vertical-align: 21px;
}

.about-block {
	position: absolute;
	display: block;
	top: 12px;
	right: 139px;
	width: 170px;
	font-size: 21px;	
}

.about {
	font-family: Oswald;
	font-color: #083451;
	margin-left: -5px;
	padding-right: 15px;
}

.search {
	font-family: Oswald;
	font-color: #083451;
}

.mag-lense {
	width: 19px;
}

.title-block {
	display: block;
	position: absolute;
	width: 85%;
	left: 170px;
	top: 224px;
}

.s-ptitle {
	font-family: Open Sans;
	color: #FFFFFF;
	font-size: 117px;
}

.subtitle {
	position: absolute;
	font-family: Open Sans;
	font-size: 18px;
	color: #083451;
	max-height: 15px;
	padding: 143px;
	left: 223px;
}

.middle {
	position: relative;
	display: block;
	width: 100%;
}

.body-left {
	display: inline-block;
	width: 61%;
	box-sizing: border-box;
	padding-left: 130px;
}

.headline {
	font-family: Oswald;
	font-size: 75px;
	color: #083451;
}

.credit {

}

.credit-avatar {
	max-width: 30px;
}

.name {
	font-family: Open Sans;
	color: #1568B0;	
	vertical-align: 10px;
	margin-left: 20px;
}

.dateline {
	font-family: Open Sans;
	color: #CBCBCB;
	vertical-align: 10px;
	margin-left: 15px;

}

.ipsums {
	font-family: Open Sans;
	color: #545F67;
	font-size: 19px;
	font-weight: bold;
}

.underline {
	color: #ACBAC6;
}

.radical {
	font-family: Open Sans;
	font-size: 32px;
	color: #0061AD;
	border-left-color: #ACBAC6;
	border-left-style: solid;
	padding: 25px;
	margin-left: 8px;
}

.rollover {
	color: #0061AD;
}

.text-links {
	max-width: 600px;
	max-height: 40px;
}

.read-links {
	display: inline-block;
}

.comment-links {
	display: inline-block;
	position: relative;
	background-color: #545F67;
	color: white;
	width: 21px;
	padding: 10px;
}

.comment-text {
	display: inline-block;
	position: relative;
	background-color: #ACBAC6;
	max-height: 40px;
	width: 130px;
	padding: 9px;
	font-family: Open Sans;
	color: white;
	top: -14px;
	right: 4px;
}

.read {
	display: inline-block;
	position: relative;
	background-color: #545F67;
	color: white;
	width: 27px;
	padding:10px;
}

.share {
	display: inline-block;
	position: relative;
	background-color: #083452;
	color: white;
	width: 21px;
	padding: 11px;
}

.share-text {
	display: inline-block;
	position: relative;
	background-color: #106DB3;
	max-height: 40px;
	width: 130px;
	padding: 9px;
	font-family: Open Sans;
	color: white;
	top: -14px;
	right: 4px;
}

.share-links {
	display: inline-block;
}

.body-right {
	display: inline-block;
	position: relative;
	width: 25%;
	box-sizing: border-box;
	margin-left: 89px;
	margin-bottom: 247px;
	padding: 32px 0px;
	top: 60px;
	vertical-align: top;
}

.pic-container {
	padding-right: 23px;
	text-align: center;
}

.aside-pic {
	width: 100px;
}

.aside-name {
	font-family: Open Sans;
	color: #0061AD;
	font-size: 20px;
	text-align: center;
	margin-top: 9px;
}

.aside-links {
	position: relative;
	font-family: Open Sans;
	font-weight: bold;
	color: #CBCBCB;
}

.aside-link-each {
	display: inline-block;
	padding: 8px;
}

.ad-pic {
	position: relative;
	width: 93%;
	margin-top: 45px; 
}

.link {
	position: relative;
	font-family: Open Sans;
	font-weight: bold;
	color: #CBCBCB;
	text-decoration: underline;
	left: 231px;
}

.aside-header {
	position: relative;
	font-family: Oswald;
	font-size: 22px;
	color: #0061AD;
	top: 33px;
}

.aside-ipsum {
	position: relative;
	font-family: Open Sans;
	color: #CBCBCB;
	font-size: 18px;
	margin-top: 40px;
}

.footer {
	position: relative;
	display: block;
	border-top-style: solid;
	border-top-color: #ACBAC6;
	border-top-width: 1px;
	font-size: 0px;
}

.footer-headline {
	display: block;
	font-family: Oswald;
	font-size: 76px;
	color: #083451;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 33px;
}

.footer-photos {
	display: block;
	position: relative;
	width: 100%;
	font-family: Oswald;
}

.photo {
	display: inline-block;
	position: relative;
	width: 25%;
}

.pic {
	width:100%;
}


.overlay1 {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #106DB3;
	top: 0;
	right: 0;
	opacity: .7;
}

.overlay2 {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #106DB3;
	top: 0;
	right: 0;
	opacity: .3;
}
.overlay3 {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #106DB3;
	top: 0;
	right: 0;
	opacity: .7;
}

.overlay4 {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #106DB3;
	top: 0;
	right: 0;
	opacity: .7;
}

.text1 {
	position: absolute;
	font-size: 35px;
	color: #083452;
	padding-left: 20px;
	bottom: 10px;
	left: 0px;
}

.text2 {
	position: absolute;
	font-size: 35px;
	color: white;
	padding-left: 20px;
	bottom: 10px;
	left: 0px;
}

.text3 {
	position: absolute;
	font-size: 35px;
	color: #083452;
	padding-left: 20px;
	bottom: 10px;
	left: 0px;
}

.text4 {
	position: absolute;
	font-size: 35px;
	color: #083452;
	padding-left: 20px;
	bottom: 10px;
	left: 0px;
}

.footer-bar {
	position: relative;
	width: 100%;
	height: 100px;
	background-color: #06314D;
}

.footer-icon {
	display: inline-block;
	position: absolute;
	top: 30px;
	left: 200px;
}

.footer-copyright {
	display: inline-block;
	position: absolute;
	font-family: Open Sans;
	color: #AAB8C3;
	top: 40px;
	left: 260px;
	font-size: 15px;
}


.footer-nav {
	display: inline-block;
	position: absolute;
	font-family: Open Sans;
	text-decoration: none;
}

.footer-nav a:link, a:hover, a:visited, a:active, a {
	color: #AAB8C3;
	text-decoration: none;
}

.nav1, .nav2, .nav3, .nav4 {
	display: inline-block;
	position: absolute;
	top: 40px;
	color: #AABBC3;
	font-size: 15px;
	font-family: Open Sans;
	text-decoration: none;
}

.nav1 {
	left: 920px;
	text-decoration: none;
}

.nav2 {
	left: 1020px;
	text-decoration: none;
}

.nav3 {
	left: 1120px;
	text-decoration: none;
}

.nav4 {
	left: 1220px;
	text-decoration: none;
}