/*  
Theme Name: Keys Commercial WP Theme.
Theme URI: http://www.keyscommercial.com
Description: Keys Commercial - Div-based theme created October 2009.
Version: 2.0
Author: Andrew Martin via Sky vs. Ground Web Design freelanced via Eric Den Braber of DB Solutions.
Author URI: http://www.mydbsolutions.com

*/

li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }


body {
	font: normal 1em/1.5em Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background:#959595;
	position: relative;
	margin: 0 auto;
}

img {
	border:0 none;
}

.autoclear:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
}

a {
	color:#7c8fa7;
}
/* --- Header --- */

#header {
	position: relative;
	top:0;
	right:0;
	width:100%;
	height:90px;
	background:#7c8fa7;
	border-bottom:10px solid #595959;
}

#header a img {
	float:right;
	display:block;
}

#header a {
	border: 0 none;
	display:block;
	text-indent:-9999px;
}

/* --- Navigation --- */

#navigation ul {
	float:left;
	padding:15px 0 15px 20px;
}

#navigation a {
	display:block;
	text-indent:0;
}

/* --- Home Page --- */

#homepage #middle {
	height:189px;
}

#lower {
	background:#fff;
	border-bottom: 10px solid #595959;
	width:100%;
	vertical-align:middle;
}

#homephoto {
	margin:0 20px 0 0;
	float:left;
	height:259px;
	width:316px;
	background:transparent;
	border-right: 10px solid #595959;
}

#bluebar {
	background:#3f5474;
	height:60px;
	border-bottom:10px solid #595959;
	text-indent:-9999px;
}

/* --- Home Page --> FOOTER --- */

#footer {
	float:left;
	width:316px;
	height:152px;
	padding: 20px 0 0 0;
	text-align:right;
}

#footer ul {
	margin: 0;
}

#footer ul li {
	list-style:none;
	color:#FFFFFF;
	font-family:'trebuchet ms',sans-serif;
	font-size:11px;
	
	line-height:22px;
	
}

/* --- Company Overview --- */

#companyoverview {
	background:#435373;
	padding:0px 48px 20px 22px;
	width:105px;
	height:450px;
	float:left;
	border-right: 10px solid #595959;
}

#content {
	padding:10px;

}

#lower.left #content {
	margin-left: 185px;
}


#footer.companyoverview {
	width:175px;
}

/* --- People - Index --- */

#middle.peopleindex {
	height:534px;
}

#peopletile {
	width:316px;
	margin-right:10px;
	background:#7d838f;
	float:left;
	border-right: 10px solid #595959;
}

#peopletile em {
	display:block;
	float:left;
}

#peopletile em, #peopletile p {
	padding:0 0 0 10px;
	color:#fff;
	margin-bottom:0px;
}

#peopletile .profile {
	float:left;
	background:#595959;
		padding:0 0 10px 0;
}

#peopletile .geoffrey {
	border-right: 10px solid #595959;
	float:left;
}

#peopletile .ronan {
	margin-top:195px;
	border-top: 10px solid #595959;
	border-left: 10px solid #595959;
}

#peopletile .ashley {
	border-left:10px solid #595959;
border-top:10px solid #595959;
margin-top:155px;
}

#footer.peopleindex {
	width:355px;
}

#peopletile a img {
	display:block;
}

#peopletile .russell {
	clear:both;
	margin-top:-50px;
	border-top: 10px solid #595959;
	border-right: 10px solid #595959;
}

/* --- People - Bio Subpage --- */

#profilepic {
	/* width:356px; */
	padding:0 0 100px 0;
	margin:0 20px 0px 0;
	float:left;
	background:#7d838f;
}

#profilepic img {
	max-width:175px;
}

#footer.profilepage {
	width:356px;
}

#middle.bio {
	/* margin-left:356px; */
}

/* --- Staff List --- */

#staff-grid {
	width:555px;
	margin-right:20px;
	float:left;
}

#staff-grid .grid {
	float:left;
	background:#7d838f;
	border-right: 10px solid #595959;
	border-bottom: 10px solid #595959;
	width:175px;
	height:310px;
}

#staff-grid .grid p, #staff-grid .grid em {
	color:#FFFFFF;
margin-bottom:0;
padding:0 0 0 10px;
}

#staff-grid .grid.staffbox {
	background: #595959;
}

#staff-grid .grid.clear {
	clear:both;
}

#staff-grid .grid.lower {
	border-bottom: 10px solid #595959;
}

#footer.staff-gridpage {
	width:541px;
}

/* --- Contact Page --- */

#contact #content {
	float:left;
	width:75%;
}

#contact #contact-form {
	width:20%;
	float:left;
	clear:both;
	margin:20px 0;
	text-align:center;
}

.cform {
	margin: 0 !important;

}

/* --- Properties Page --- */

#properties #header {
	border:0 none;
}

ul#secondaryNav {
	background:#595959;
}

/* --- Previous Styles (Barely touched or altered) --- */

.copy { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; ; color: #000000; font-weight: normal; padding-bottom: 0px}

.head, h2 { font-weight: normal; color: #7f8fa6; font-size: 16px; }

.footer { color: #FFFFFF; font-family: 'trebuchet ms', sans-serif; font-size: 11px; line-height: 22px; padding-top: 10px;}

.property_head { font-weight: bold; font-size: 16px }



div.padded { margin: 10px; padding-bottom: 15px;}

div.padded li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }

div.padded { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }

div.padded h2 { color: #7f8fa6; font-size: 16px; font-weight: normal; }

.staffhead {  font-size: 14px; font-style: normal; font-weight: bold; color: #7f8fa6; padding-bottom: 0px;}

.stafflist {  font-size: 12px; color: #7f8fa6}


#nav, #home-nav {
	list-style: none;
	padding: 45px 0 0 25px;
	margin: 0;
	text-transform: uppercase;
}

div#properties-nav ul#nav {
	padding: 0 0 0 25px !important;
}

#nav a, #home-nav a {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	font-family: 'trebuchet ms', sans-serif;
	letter-spacing: 1px;
}

#nav a:hover, #nav li.current_page_item a, #nav li.current_page_ancestor a {
	color: #232D3F;
}

#home-nav {
	text-transform: none;
	font-weight: bold;
	padding-left: 60px;
}



#home-nav li {
	padding: 5px 0;
}

#home-nav a {
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 12px;	
	letter-spacing: 0;
	color: #8F8F8F;
}

#home-nav a:hover {
	color: #000;
}


/*slideshow*/

.slideshow {
	width: 300px;
	height: 200px;
	overflow: hidden;
}

.slideshow a img {
	border: 0;
}

p.title {
	background: #595959;
	color: #fff;	
	margin: 0;
	padding: 0 0 8px 5px;
}

ul#people-nav {
	list-style: none;
	margin: 0;
	float:left;
	padding: 0px;
	width: 400px;
}

ul#people-nav li {
	padding: 5px 0;
}

ul#people-nav a {
	text-decoration: none;
}

ul.people-nav li {
	list-style:none;
	color:#7C8FA7;
	padding:5px 0;
}

.staffpage ul.people-nav li a {
	text-decoration:none;
}

p#bio-title {
	color: #fff;
	width:170px;
	max-width:145px;
	padding: 0 15px;
}