/*
CSS for Stratis capital
*/

/* -------------------------- 1. BODY, UNIVERSAL ELEMENTS -----------------------------*/
body {
	line-height:1.3em;
	background:#f3f2f2;
	color:#000;
	font: normal 0.95em 'Lato', Helvetica, Arial, serif;
	padding:0;
	margin:0;
	}
/* ------------------------------------------------------------------------------
// floats: used sitewide
 ------------------------------------------------------------------------------*/
.floatright {
	float:right;
	}
.floatleft {
	float;left;
	}
/* ------------------------------------------------------------------------------
// title tags
------------------------------------------------------------------------------ */
h1, h2, h3, h4, h5, h6 {
	font-weight:400;
	font-family: 'Vollkorn', Georgia, serif;
	}
h1 {
	font-size: 2.7em;
	margin-top:0.75em;
	letter-spacing: -2px;
	}
.uppercase { 	text-transform: uppercase; }
h2 {
	font-size:4.5em;
	margin-bottom:0.85em;
	}
h3 {
	font-size: 2.4em;
	}
/* margin for contact address area */
.pad-bottom {
	margin-top: 40px;
	}
	.center { text-align:center; }
/*------------------------------------------------------------------------------ 
// universal link definitions, paragraph margins, clear class
 ------------------------------------------------------------------------------*/
a, a:link, a:visited {
	text-decoration:none;
	color:#000;
	}
a:hover { 
	color:#ccc; 
	}
p {/* margins defined in reset.css */}
.clear {clear:both;}
/* ------------------------------------------------------------------------------
// universal width for site: used multiple places - crucial to layout of main content
 ------------------------------------------------------------------------------*/
.width {
	width:960px;
	margin:auto;
	clear:both;
	}
.fixed {
	position:fixed;
	height: 100px;
	background: #f3f2f2;
	min-width:100%;
	top:0;
	left:0;
	-moz-box-shadow: 0px 1px 7px #ccc;
	-webkit-box-shadow:  0px 1px 7px #ccc;
	box-shadow:  0px 1px 7px #ccc;	
	z-index: 9999;
	}
.black {
	background: #000;
	color:#fff;
	padding: 25px 0 45px 0;
	font-size: 13px;
	}
.black p {	line-height:190%; }
/* ------------------------------------------------------------------------------
// menu layout definitions
 ------------------------------------------------------------------------------*/
.menu li {
	display: block;
	float:left;
	padding: 12px 20px 0 20px;
	font-size: 16px;
	font-family: 'Vollkorn', Georgia, serif;
	}
/* ------------------------------------------------------------------------------
// banner definitions
 ------------------------------------------------------------------------------*/
.banner {
	height:590px;
	min-width:100%;
	background: url(/images/banner.jpg) left no-repeat;
	padding-top:100px;
	}
.banner-box {
	float:right;
	background: url(images/fade.png);
	padding:20px;
	color:#ccc;
	width:250px;
	height:420px;
	margin-top:180px;
	line-height:200%;
	}
.find-out {
	background: url(images/arrow.png) right center no-repeat;
	margin-top:25px;
	}
.find-out a, .find-out a:visited {
	color:#fff;
	display:block;
	text-align:right;
	padding: 0 45px 0 0;
	}
.find-out a:hover {
	color:#ccc;
	}
/* ------------------------------------------------------------------------------
// About section
 ------------------------------------------------------------------------------*/	
blockquote {
	border-left: 3px solid #fff;
	font-size: 18px;
	font-style: italic;
	margin-left:0;
	padding: 0 0 0 10px;
	line-height:170%;
	
	}
.quotes { font-size:35px; }
.one-half {
	float:left;
	width: 47%;
	text-align: justify;
	padding: 0 0 35px 0;
	}
.sep { margin-left: 40px; }
/* ------------------------------------------------------------------------------
// Our Services section
 ------------------------------------------------------------------------------*/	

 .services {
	display:block;
	float:left;
	padding-left: 65px;
	font-size: 13px;
	margin-bottom: 35px;
	}
.one { background: url(images/financial_advisory_icon.png) left  top no-repeat;}
.two { background: url(images/placeholder-svs.jpg) left  top no-repeat;}
.three { background: url(images/portfolio_icon.png) left top no-repeat;}
.four { background: url(images/placeholder-svs.jpg) left top no-repeat;}
.five { background: url(images/merger_icon.png) left top  no-repeat;}
.six { background: url(images/placeholder-svs.jpg) left top no-repeat;}
.seven { background: url(images/placeholder-svs.jpg) left top  no-repeat;}
.eight { background: url(images/placeholder-svs.jpg) left top  no-repeat;}

.indent {
	padding: 0 25px;
	}
.svs-sub { 
	font-size: 16px;
	font-weight:bold;
	}
	
/* ------------------------------------------------------------------------------
// Contact form section
 ------------------------------------------------------------------------------*/	
 /* styles the message */
.thank-you {
	}
form p {
	position:relative;
	margin: 10px 0 0 0;
	}
form input, textarea {
	width:430px;
	padding:10px;
	margin-bottom:4px;
	}
textarea { 
	height:150px; 
	margin-bottom:0;
}
form p label {
	position: absolute; 
	top: 6px;
	 left: 15px; 
	 color:#000; 
	 font-size:11px;
 }
input[type="submit"] {
	background: #fff;
	width:75px ;
	border:0;
	float:right;

	}
	
/* border around the google map */
.border {
		border: 15px solid #fff;
		background: #fff;
		}
/* ------------------------------------------------------------------------------
// Footer section
 ------------------------------------------------------------------------------*/	
 hr {
	border: solid #ccc; border-width: 1px 0 0; clear: both; margin: 40px 0 15px; height: 0;
	}
/* adjusting padding on the first menu item, without having to re-code entire thing */
.menu li.first {
	padding-left:0;
	margin-left:-30px;
	}
.smaller { 
	font-size: 12px;
	color:#b7b6b6;
	margin-bottom:20px;
	}
.smaller a, .smaller a:visited {
	color: #a5a4a4;
	}
.smaller a:hover {
	color:#000;
	}
.pad-top {
	padding-top: 25px;
	}