html,body {
	padding:0;
	margin:0;
	font-family: 'Open Sans', sans-serif;
	min-width:320px;
}
html {
	background: #040d16;
}
a {
	color:#1e4774;}
#topSection, #bottomAuto {
	width:100%;
	max-width:800px;
	height:100%;
	margin:auto;
	position:relative;
	
}
#topWrap {	
width:100%;
	background: #040d16 url(gfx/background.jpg) top center no-repeat;
	background-size: 1150px 300px;
	}
	#bottomWrap{
		
background: rgb(167,167,167); /* Old browsers */
	}
#topSection {
	background-size:cover;
	min-height:300px;
}

#bottomSection {
background: rgb(167,167,167); /* Old browsers */
background: -moz-linear-gradient(left, rgb(167,167,167) 0%, rgb(189,189,189) 50%, rgb(167,167,167) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgb(167,167,167) 0%,rgb(189,189,189) 50%,rgb(167,167,167) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgb(167,167,167) 0%,rgb(189,189,189) 50%,rgb(167,167,167) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7a7a7', endColorstr='#a7a7a7',GradientType=1 ); /* IE6-9 */
min-height:300px;

}
#topInfoWrap {width:30%;float:left;}
#topAboutWrap {width:70%;float:left;}
#topInfo {
	padding:35px;
	color:#cccccc;
	font-size:10px;
	float:left;
}
#topInfo .logo {width:86px;height:86px;}
#topInfo .icons {width:16px;height:16px;margin:5px 2px 0 0}
#topAbout {
	padding:80px 120px 0 50px;
	color:#ffffff;
	font-size:13px;
	float:left;
	line-height:1.4em
}
#menuWrap {
	float:right;
	margin-top:-70px;
	width:38%;
} 

#menuWrap .button{
float:left;
	height:92px;
	width:100px;
	cursor: pointer;
} 
#menu {margin-top:20px;float:left;clear:left;}
#menu a{
	font-size:12px;
	color:#1e4774;
	margin:0.5em 0 0.5em 0.7em;
	display:block;
	cursor: pointer;
}
#menu a:hover{
	color:#3e6794;
}
#menu a span{
	font-size:10px;
	color:#dddddd;
	margin:0 0 0 0.5em;
	cursor: pointer;
}
.preview {
	position: absolute;
	bottom:2%;
	left:35px;
	width:50%;
	font-size:12px;
	background:white;
	border:3px solid grey;
	height:320px;
	overflow-y: scroll;
	display:none;
}
.paddingBox {
	padding:15px 15px 0 15px;clear:left;
}
.preview h1 {
	font-size:20px;
	color:#1e4774;
	margin:5px 0 5px 0;
	font-weight: normal;
}
.preview h2{
	font-size:12px;
	color:#1e4774;
	margin:0.5em 0 0.5em 0;
	font-weight: normal;
}
.preview h2 a, .preview h2 span{
	font-size:10px;
	color:#898989;
	margin:0 0 0 1em;
}
.preview h2 a{
	color:#ff9700;
	cursor: pointer;
}
.preview img {width:100%;}
.profileWrap {width:100%; margin-bottom:15px;}
.profileWrap.one {width:40%; margin:auto;}
.profileImage {width:45%;float:left;padding-left: 5%;}

.profileWrap.one .profileImage {width:95%;float:left;padding-left: 5%;}

.preview .profileImage img{width:90%;box-shadow: 0px 0px 3px grey;}

.profileWrap .caption{padding:0 15px; clear:left;display:block;}


#footer {
	position:absolute;
	bottom:0px;
}
iframe {width:100%;}
.closediv {
	width:15px;
	height:15px;
	float:right;
	background: url(gfx/close.png) no-repeat;
	background-size:100%;}
	
	
	@media (max-width:680px) {
		#menuWrap {
	float:left;
	margin-top:-50px;
	margin-left:15px;
	width:90%;
} 
iframe {width:100%;}
.preview {
	position: absolute;
	bottom:2%;
	left:3%;
	width:90%;
	padding:2%;
	font-size:12px;
	background:white;
	border:3px solid grey;
	height:320px;
	overflow-y: scroll;
	display:none;
}
#topAbout {
	padding:80px 35px 0 50px;
	color:#ffffff;
	font-size:12px;
	float:left;
	line-height:1.4em
}
	#menu p{
	font-size:14px;
}
#menu a{
	font-size:12px;
}	
#topInfo {
	padding:20px;
	color:#cccccc;
	font-size:10px;
	float:left;
}
	}