/*

Asymmetric Advantage Capital Management
MAIN STYLESHEET
CSS by Preston So
www.prestonsodesign.com

*/

/*
Base elements
*/
body {
	margin: 0;
	padding: 0;
	font: 1em/1.6em 'Crimson', Georgia, serif;
	background: white url('images/header-new.jpg') no-repeat top center;
}
a {
	color: #24253a;
	text-decoration: none;
}
a:hover, a:active {
	color: #57586d;
	border-bottom: 1px solid #ccc;
}
a img {
	border: 0;
}
h3#about {
	padding-left: 180px;
}

/*
Header
*/
#container {
	width: 903px;
	margin: 0 auto;
}
#header {
	height: 308px;
}
#header h1 {
	margin: 0;
	padding-top: 130px;
	padding-bottom: 60px;
}
#header h1 a {
	display: block;
	width: 465px;
	height: 68px;
/*
	background: transparent url('images/logo-new 2018.png') no-repeat -1px 0;
*/
	text-indent: -9999px;
}
#header h1 a:hover, #header h1 a:active {
	border: 0;
}
#header-nav {
	height: 27px;
	background-color: #5b5763;
	padding-top: 5px;
	background: transparent url('images/navbar.png') repeat-x;
}
#header-nav ul {
	margin: 0;
	padding: 0 0 0 35px;
}
#header-nav ul li {
	list-style: none;
	display: inline;
}
#header-nav ul li a {
	font-family: 'ColaborateBoldRegular', Verdana, sans-serif;
	text-transform: uppercase;
	color: #afb0c7;
	padding: 5px 10px;
	margin-top: 5px;
	margin-right: 10px;
	font-size: 90%;
}
#header-nav ul li a:hover, #header-nav ul li a:active {
	border: 0;
	color: white;
	background-color: #3a3448;
}
#header-nav ul li.active a {
	background-color: #3a3448;
	color: #eee;
}
#header-nav ul li.active a:hover, #header-nav ul li.active a:active {
	background-color: #080115;
	color: white;
}

/*
Content
*/
#content {
	background: transparent url('images/content-new.jpg') repeat;
	zoom: 1;
	width: 903px;
	margin: 0 auto;
}
#content:before, #content:after {
	content: "";
	display: table;
}
#content:after {
	clear: both;
}
#content-main {
	float: left;
	width: 66%;
	background-color: white;
	box-shadow: 3px 3px 5px #eee;
	margin: 15px 0;
	padding: 0 15px 0 0;
}
#content-main h3, #content-main h4, #content-main h5, #content-main h6 {
	font-weight: normal;
	color: #666;
}
#content-left {
	float: left;
	width: 31%;
	background: transparent url('images/sidebar-new.jpg') repeat-y;
	margin-right: 25px;
	margin-bottom: 25px;
}
#content-left h2 {
	text-transform: uppercase;
	font: 1.25em 'ColaborateBoldRegular', Verdana, sans-serif;
	letter-spacing: -1px;
	color: white;
	padding: 20px 25px;
	margin: 15px 0 0 0;
	background: transparent url('images/sidebar-header-new.jpg') no-repeat -2px 0;
}
#content-left p {
	padding: 0 25px;
	font-size: 1em;
	font-style: italic;
	color: black;
	text-align: center;
}
#content-left ul {
	padding: 50px 0 0 25px;
	font-style: italic;
}
#content-left ul li {
	list-style: none;
}
#content-right {
	float: right;
	width: 25%;
	text-align: right;
	padding: 25px;
}
#content-right h4 {
	margin: 0;
	color: #7e2a2a;
	text-transform: uppercase;
	font: 0.8em 'ColaborateBoldRegular', Verdana, sans-serif;
}
#content-right p {
	margin: 0;
	font: 1.25em 'Crimson', Georgia, serif;
	font-style: italic;
	color: #24253a;
}
p#signature-paul, p#signature-marat {
	color: black;
	font: 0.75em 'ColaborateRegular', Verdana, sans-serif;
	text-transform: uppercase;
	height: 10px;
}
p#signature-paul {
	background: transparent url('images/signatures-new.png') no-repeat top right;
	padding-top: 70px;
}
p#signature-marat {
	background: transparent url('images/signatures-new.png') no-repeat 52px -82px;
	padding-top: 50px;
}

/*
Bio classes
*/
.bio {
	zoom: 1;
	padding: 25px 0;
	border-bottom: 1px solid #eee;
}
.bio:before, .bio:after {
	content: "";
	display: table;
}
.bio:after {
	clear: both;
}
.bio p:first-child {
	margin-top: 0;
}
.bio img {
	box-shadow: 3px 3px 5px #eee;
}
.bio h4 {
	margin: 0;
	color: #7e2a2a;
	text-transform: uppercase;
	font: 0.8em 'ColaborateBoldRegular', Verdana, sans-serif;
}
.bio-left {
	float: left;
	width: 25%;
	font-style: italic;
}
.bio-right {
	float: right;
	width: 70%;
}

/*
Login and contact classes
*/
#login, #contact {
	zoom: 1;
}
#login {
	padding: 50px 0;
	text-align: center;
}
#login:before, #login:after, #contact:before, #contact:after {
	content: "";
	display: table;
}
#login:after, #contact:after {
	clear: both;
}
#login a {
	display: block;
	padding: 15px;
	border: 1px solid white;
}
#login a:hover, #login a:active, #map a:hover, #map a:active {
	border: 1px solid #eee;
	box-shadow: 3px 3px 5px #eee;
}
#login span {
	display: block;
}
#contact a {
	text-transform: uppercase;
	font: 0.8em 'ColaborateBoldRegular', Verdana, sans-serif;
}
.login-left, .login-right, .contact-left, .contact-right {
	float: left;
	width: 49%;
	padding-right: 5px;
}
.contact-left {
	width: 34%;
}
.contact-right {
	width: 60%;
}
#contact-emails {
	zoom: 1;
}
#contact-emails:before, #contact-emails:after {
	content: "";
	display: table;
}
#content-emails:after {
	clear: both;
}
#contact-emails p {
	float: left;
	width: 50%;
}
#map {
	padding: 25px 0;
}
#map a {
	display: block;
	width: 379px;
	margin: 0 auto;
}
#map a:hover, #map a:active {
	border: 0;
}

/*
Footer
*/
#footer {
	zoom: 1;
	background: transparent url('images/content-new.jpg') repeat;
}
#footer:before, #footer:after {
	content: "";
	display: table;
}
#footer:after {
	clear: both;
}
#footer-left {
	float: right;
	width: 31%;
	padding-right: 25px;
	font-size: 80%;
	line-height: 1em;
	text-align: right;
}
#footer-left #footer-copyright {
	font-family: 'ColaborateBoldRegular', Verdana, sans-serif;
	margin: 0;
}
#footer-right {
	float: left;
	width: 63%;
	padding-left: 25px;
}
#footer-right p {
	margin: 0;
}
#footer-right #disclaimer {
	text-transform: uppercase;
	font: 0.65em 'ColaborateRegular', Verdana, sans-serif;
	line-height: 1.2em;
	color: #a3a3a1;
}
#footer-right #disclaimer h5 {
	font-family: 'ColaborateBoldRegular', Verdana, sans-serif;
	font-size: 1.3em;
	margin: 0;
}
#footer-right #credit {
	padding: 25px 0;
}
#footer-right #credit a {
	color: #91a2b9;
}
#footer-right #credit a strong {
	text-transform: uppercase;
	font: 0.8em 'ColaborateBoldRegular', Verdana, sans-serif;
}
#footer-right #credit a:hover, #footer-right #credit a:active {
	color: #24253a;
	border: 0;
}