/* ////////////////////////////////// */

/*  styles.ccs v2.0 - 23/01/2006       */

/*  Author: Dennis Robinson            */
/*  info@open-associates.co.uk         */
/*  http://www.open-associates.co.uk   */

/* //////////////////////////////////  */

/* GLOBAL */

h2 {
	color:#999999;
	text-align:left;	
	margin: 0px auto 10px 5px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	margin: 0px auto 10px 10px; 
}

h3 {
	color:#999999;
	text-align:left;	
	font-size: 1.1em;
	margin: 10px auto 5px 10px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	margin: 10px auto 5px 10px; 
}

h4 {
	color:#999999;
	text-align:left;	
	font-size: 1.0em;
	margin: 10px 25px 5px 10px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	margin: 10px 25px 5px 10px; 
}

/* HEADER AND FOOTER */
#head {
	display:block;
	height:112px;
	background:transparent;
	padding:0;
	margin:0;
}

#head img {
	border:0;
	padding:0;
	margin:0;
}

#foot {
	display:block;
	height:20px;
	color:#98989A;
	text-align:left;
	padding:2px;
	font-size:10px;
	margin:25px auto auto 335px;
}

#footHome {
	display:block;
	height:20px;
	color:#98989A;
	text-align:left;
	padding:2px;
	font-size:10px;
	margin:25px auto auto 425px;
}

/* LAYOUT */
 html,
 body {
     font-size: 62.5%;
	 min-height: 100%;
     height: 101%;
	 margin: 0;
	 padding: 0;
 }

body {
	margin: 0px;
	padding:0px; 
	background:#eee;
	font-family:verdana,arial,helvetica;
	font-size: 1.2em;
	/*overflow: auto;*/
	text-align:center;
}

#siteContainer {
	width:748px;
	position:relative;
	margin: 0px auto auto auto;
	display:block;
	/*overflow-y: hidden;*/
	background: #fff url(../images/keyline.jpg) repeat-y top left;
}

* html #siteContainer {
	display:inline-block;
}

#leftCol {
	float:left;
	position:relative;
	width:125px;
	display:inline;
}

* html #leftCol {
	width:125px;
}

#rightCol {
	float:left;
	position:relative;
	background:#F6F1F7;
	width:614px;
	display:inline;
	/*height:40em;
	min-height:40em;*/
	margin: 6px 0px 0px 9px;

}

* html #rightCol {
	display:inline-block;
	height:40em;
}

#home {
	float:left;
	position:relative;
	background:#FFFFFF;
	width:739px;
	display:inline;
	/*height:40em;
	min-height:40em;*/
	/*margin: 6px 0px 0px 9px;*/

}

* html #home {
	display:inline-block;
	height:40em;
}


#contentBox {
	position:relative;
	margin: 38px 30px auto 35px;
	padding-bottom: 25px;
	overflow:visible;
	background: #fff url(../images/content_back.jpg) no-repeat bottom right;
	width:548px;
}

.clear {
	clear:both;
	height:1px;
	overflow:hidden;
}

/* MAIN NAVIGATION*/

#nav {
	margin: 52px 0px 0px 10px;
	padding: 0;
	height:100%;
}

.about {
  float:left;
  width:110px;
  text-align:left;
  font-weight:bold;
  color:#999999;
  font-size: 1.0em;
  margin: 10px 0px 0px 0px;
}

a.about:link, a.about:visited {
  text-decoration:none;
}
a.about:hover {
  color:#A360A5;
}

.aboutOn  {
  float:left;
  width:110px;
  text-align:left;
  font-weight:bold;
  color:#A360A5;
  font-size: 1.0em;
  text-decoration:none;  
  margin: 10px 0px 0px 0px;
}

.people {
  float:left;
  width:110px;
  text-align:left;
  font-weight:bold;
  color:#999999;
  font-size: 1.0em;
  margin: 10px 0px 0px 0px;
}

a.people:link, a.people:visited {
  text-decoration:none;
}

a.people:hover {
  color:#E6B149;
}

.peopleOn  {
  float:left;
  width:110px;
  text-align:left;
  font-weight:bold;
  color:#E6B149;
  font-size: 1.0em;
  text-decoration:none;  
  margin: 10px 0px 0px 0px;
}

.approach {
  float:left;
  width:110px;
  text-align:left;
  font-weight:bold;
  color:#999999;
  font-size: 1.0em;
  margin: 10px 0px 0px 0px;
}

a.approach:link, a.approach:visited {
  text-decoration:none;
}

a.approach:hover {
  color:#65CCCB;
}
.approachOn  {
  float:left;
  width:110px;
  text-align:left;
  font-weight:bold;
  color:#65CCCB;
  font-size: 1.0em;
  text-decoration:none;
  margin: 10px 0px 0px 0px;
}

.clients {
  float:left;
  width:110px;
  text-align:left;
  font-weight:bold;
  color:#999999;
  font-size: 1.0em;
  margin: 10px 0px 0px 0px;
}

a.clients:link, a.clients:visited {
  text-decoration:none;
}

a.clients:hover {
  color:#80C5E6;
}

.clientsOn  {
  float:left;
  width:110px;
  text-align:left;
  font-weight:bold;
  color:#80C5E6;
  font-size: 1.0em;
  text-decoration:none;  
  margin: 10px 0px 0px 0px;
}

.contact {
  float:left;
  width:110px;
  text-align:left;
  font-weight:bold;
  color:#999999;
  font-size: 1.0em;
  margin: 10px 0px 0px 0px;
}

a.contact:link, a.contact:visited {
  text-decoration:none;
}

a.contact:hover {
  color:#660068;
}

.contactOn  {
  float:left;
  width:110px;
  text-align:left;
  font-weight:bold;
  color:#660068;
  font-size: 1.0em; 
  text-decoration:none; 
  margin: 10px 0px 0px 0px;
}

/* SUB NAVIGATION */

.subNav {
  float:left;
  text-align:left;
  width:110px;
  /*line-height:1.5em;*/
  color:#999999;
  font-size: 0.9em;
  clear:left;
  margin: 5px auto auto auto;
}

a.subNav:link, a.subNav:visited {
  text-decoration:none;
}

a.subNav:hover {
  color:#000;
}

.subNavOn  {
  float:left;
  text-align:left;
  width:110px;
  color:#000;
  font-size: 0.9em;
  text-decoration:none;
  clear:left;
  margin: 5px auto auto auto;
}

/* HOME BUTTONS */

.homeButton {
	float:left;
	margin: 10px 0px 0px 0px;
	border: 0px solid;
}

.homeButton img {
	border: 0px solid;
}

a.homeButton:link, a.homeButton:visited {
  text-decoration:none;
}

a.homeButton:hover {
  text-decoration:none;
}

/* SECTION SLUGS, HEADERS & SPECIAL STYLES */

.sectionHeader {
	float:left;
	position:relative;
	margin:18px 0px 0px 10px;
	clear:both;
}

.approachSlug {
	float:left;
	position:relative;
	width: 200px;
	margin:108px auto auto 20px;
	color:#65CCCB;
	text-align:left;
}

.approachBreadthSlug {
	float:left;
	position:relative;
	width: 200px;
	margin:94px auto auto 20px;
	color:#65CCCB;
	text-align:left;
}

.approachByline {
	float:left;
	position:relative;
	width: 200px;
	margin:5px auto auto 20px;
	color:#65CCCB;
	font-size: 0.8em;
	text-align:left;
}

.aboutSlug {
	float:left;
	position:relative;
	width: 200px;
	margin:135px auto auto 20px;
	color:#A360A5;
	text-align:left;
}

.aboutByline {
	float:left;
	position:relative;
	width: 200px;
	margin:5px auto auto 20px;
	color:#A360A5;
	font-size: 0.8em;
	text-align:left;
}

.peopleSlug {
	float:left;
	position:relative;
	width: 200px;
	margin:45px auto auto 20px;
	color:#E6B149;
	text-align:left;
}

#peopleProfileList {
	float:left;
	position:relative;
	color:#E6B149;
	text-align:left;
	list-style-type: none;
	padding:0px;
	margin:20px auto auto 5px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	margin:20px auto auto 20px;
}

#peopleProfileList li a {
	color:#E6B149;
	text-decoration:none;
}

#peopleProfileList li a:hover {
	color:#000;
	text-decoration:none;
}

.clientSlug {
	float:left;
	position:relative;
	width: 200px;
	margin:120px auto auto 20px;
	color:#80C5E6;
	text-align:left;
}

.clientsProfileListLeft {
	float:left;
	position:relative;
    border-style:solid;
    border-right-color:#80C5E6;
    border-width:0px 1px 0px 0px;
	width: 259px;
	color:#999999;
	text-align:left;
	list-style-type: none;
	padding:0px;
	width: 259px;	
	margin: 10px auto 10px -5px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	margin: 10px auto 10px 10px;
	width: 249px; 		
}

.clientsProfileListRight {
	float:left;
	position:relative;
	color:#999999;
	text-align:left;
	list-style-type: none;
	padding:0px;	
	margin: 10px auto 10px 20px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	margin: 10px auto 10px 20px; 		
}

.contactsFindMap {
	border: 0px solid;
	float:right;
	position:relative;
	margin:18px 20px 20px 20px;
}

.contactsPdfSlug {
	float:left;
	position:relative;
	width:130px;
	color:#660068;
	text-align:left;
	font-size: 0.8em;
	font-weight: bold;
	margin:20px auto auto 5px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	margin:20px auto auto 10px;
}

.contactsPdfIcon {
	float:left;
	position:relative;
	width:200px;
	color:#660068;
	text-align:left;
	font-size: 1.1em;
	font-weight: bold;
	border: 0px solid;
	margin:15px auto auto 5px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	margin:15px auto auto 10px;
}

.contactsPdfIcon img {
	border:0px solid;
}

a.contactsPdfIcon:link, a.contactsPdfIcon:visited {
  text-decoration:none;
}

.contactsAddress {
	float:left;
	position:relative;
	width:200px;
	color:#999999;
	text-align:left;
	margin:30px auto auto 5px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	margin:30px auto auto 10px;
}

.contactsEmail {
	color:#999999;
	text-decoration:none;
}

#bio {
	float:left;
	position:relative;
	width: 350px;
	margin: 20px auto 10px 168px;
 	
}

#bio img {
	float:left;
	position:relative;
	margin: 0px 25px 0px 0px;
}

#bioAdmin {
	float:left;
	position:relative;
	width: 450px;
	margin: 20px auto 10px 75px;
 	
}

#bioAdmin img {
	float:left;
	position:relative;
	margin: 0px 25px 10px 0px;
}

.keyDealCopy {
	float: left;
	position: relative;
	width:520px;
	color:#999999;
	clear:both;
	text-align:left;	
	margin: 10px auto 10px 5px;
	voice-family: "\"}\""; voice-family:inherit; 
	margin: 10px auto 10px 10px; 	
}

.keyDealImageCopy {
	float: left;
	position: relative;
	width:520px;
	color:#999999;
	text-align:left;	
	margin: 40px auto 0px 5px;
	voice-family: "\"}\""; voice-family:inherit;  
	margin: 40px auto 0px 10px; 
}


.keyDealImageCopy img  {
	float: left;
	position: relative;
	clear: both;
}

.keyDealMultipleImageLeft  {
	margin: 0px 22px 10px 0px; 	
}

.keyDealMultipleImageMiddle  {
	margin: -105px 22px 0px 216px;
	voice-family: "\"}\""; voice-family:inherit;
	margin: -105px 22px 0px 216px;
}

.keyDealMultipleImageRight  {
	margin: -105px 22px 0px 360px;
	voice-family: "\"}\""; voice-family:inherit; 	
}

.keyDealImageCaption  {
	float: left;
	position: relative;
	width:520px;
	color:#999999;
	/*clear:both;*/
	text-align:left;	
	margin: 0px auto 10px 5px;
	voice-family: "\"}\""; voice-family:inherit;  
	margin: 0px auto 10px 10px;
}

/* TEXT AND HEADER STYLES */

.approachCopy {
	float: left;
	position: relative;
	width:520px;
	color:#999999;
	clear:both;
	text-align:left;	
	margin: 10px auto 10px 5px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	margin: 10px auto 10px 10px; 		
}

.bioCopy {
	position: relative;
	color:#999999;
	text-align:left;
}

.bioLink {
	float:left;
	position:relative;
	color:#999999;
	clear:both;
	margin: 0px auto 10px 60px;
}	
 
a.bioLink:link, a.bioLink:visited {
  text-decoration:none;
}  

.listNoBullets {
	list-style: none;
	color: #999999;
	text-align:left;
}

.listNoBullets li {
	margin:10px auto auto -30px;
}

.peopleOrange {
	color:#E6B149;
}

.approachBlue {
	color:#65CCCB;
}

.bioOrange {
	color:#E6B149;
	margin: 0px auto 10px auto;
}