/*

Theme Name: 
Theme URI: 
Description:
Version:
Author: 

*/	


			/* Global Layout */


body 
{
font-size: .75em;
margin: 0px;
text-align: center;
background: #C0E3F1 url(/assets/img/bg.gif) top left repeat-x;
color: #4B4C4B;	
font-family: Arial, Helvetica, sans-serif;
}

#wrap{
	
	width: 942px;
	margin: auto;
}

	#top{
		position: relative;
		height: 129px;
		padding-top: 71px;	
		background: url(/assets/img/p-top.gif) bottom right no-repeat;
	}

		#logo{
			position: absolute;
			top: 71px;
			left: 20px;
			height: 57px;
			width: 304px;
			text-indent: -9999em;
			background: url(/assets/img/logo.gif) top left no-repeat;
		}
		
		#tel{
			position: absolute;
			top: 78px;
			right: 15px;
			height: 34px;
			width: 196px;
			text-indent: -9999em;
			background: url(/assets/img/phone.gif) top left no-repeat;
		}
		
		#dateTime{
			position: absolute;
			top: 110px;
			right: 19px;
			height: 34px;
			width: 300px;
			color:#7F7F7F;
			text-align:right;
		}
		
		
		#nav{
			
			height: 31px;
			float: right;
			padding-top: 78px;
			padding-right: 18px;	
		}
		
			#nav li{
				position: relative;
				float: left;
				height: 31px;
				padding-left: 4px;	
			}
			
			#nav li a{
				
				float: left;
				height: 31px;
				text-indent: -9999em;	
			}
			
			#nav li a:hover{
				background-position: bottom left;
			}
			
			#n1{
				background: url(/assets/img/nav.gif) top left no-repeat;
				width: 64px;
			}
			
			#n2{
				background: url(/assets/img/nav-14.gif) top left no-repeat;
				width: 161px;
			}
			
			#n3{
				background: url(/assets/img/nav-18.gif) top left no-repeat;
				width: 86px;
			}
			
			#n4{
				background: url(/assets/img/nav-20.gif) top left no-repeat;
				width: 141px;
			}

                       #n32{
				background: url(/assets/img/members-white.gif) top left no-repeat;
				width: 86px;
			}
			
			#n42{
				background: url(/assets/img/areas-of-practice-blue.gif) top left no-repeat;
				width: 141px;
			}
			
			#n5{
				background: url(/assets/img/nav-22.gif) top left no-repeat;
				width: 82px;
			}
			
			#n6{
				background: url(/assets/img/nav-24.gif) top left no-repeat;
				width: 69px;
			}
			
			#n7{
				background: url(/assets/img/nav-26.gif) top left no-repeat;
				width: 99px;
			}
			
	/************************* drop downs css *********************/
	
	
	#nav li ul {
		position: absolute;
		top: 30px;
		padding: 1px 0 0;
		left: -99999px;
		display: inline-block;
		display: block;
		border-left: 1px solid #89bdd1;
		border-right: 1px solid #89bdd1;
		z-index:300;		
	}

	#nav li.drop:hover ul {
		left: 4px;
	}

	#nav li.drop ul.hoverOn {
		left: 4px;
	}
	#nav li.drop ul li {
		clear: both;
		display: block;
		height: auto;
		border-bottom: 1px solid #89bdd1;
		margin: 0;
		padding: 0;
		text-align: left;
}

	#nav li.drop ul li a {
		width: 175px;
		height: auto;
		background-image: none;
		background-color: #ffffff;
		display: block;
		text-indent: 0;
		font-size: 13px;
		color: #1e627b;
		padding: 6px 0 6px 12px;
		margin: 0px;
	}

	#nav li.drop ul li a:hover {
		background-color: #d9f0f7;
		text-decoration: none;
	}
	
	
	
	
	#page{
		
		padding-bottom: 18px;
		background: url(/assets/img/content-bg.gif) top right repeat-y;
	}
	

		#sidebar{
			position: relative;
			float: left;
			width: 189px;
			padding: 20px 0 31px 0;
			background: url(/assets/img/sb-top.gif) top left no-repeat;
		}
			#sidebar-clip{
				position: absolute;
				bottom: 0px;
				left: 0px;
				height: 31px;
				width: 189px;
				background: url(/assets/img/sb-bottom.gif) bottom left no-repeat;
			}
			
			#advice{
				
				height: 43px;
				background: url(/assets/img/advice-title.gif) top left;
			}
			
			#employment {
				
				height: 43px;
				background: url(/assets/img/employment-title.gif) top left;
			}
			
			.sb-menu ul{
				
				font-size: 1.2em;
				text-align: left;
				padding: 5px 0 5px 0;
				background: url(/assets/img/sb-bg.gif) top left;
			}
			
				.sb-menu li{
					
					height: 41px;
					padding: 0 0 0 20px;
					background: url(/assets/img/sb-nav-bg.gif) top left no-repeat;
				}
			
				.sb-menu li a{
					
					display: block;
					padding: 11px 0 0 10px;
					height: 30px;
					color: #595A5A;
				}
				
				.sb-menu li:last-child a{
					/*border-bottom: 1px solid #E5F2F7;*/
				}
			
			
			#search-box{
				
				padding: 10px 0 0 20px;
				text-align: left;
				background: url(/assets/img/sb-bg.gif) top left;
			}
			
				#search{
					
					padding: 2px 5px 2px 5px;
					background: #fff;
					width: 138px;
					border: 1px solid #B9B9B9;
				}
				
				#search-submit{
					
					height: 21px;
					width: 57px;
					border: 0px;
					margin-top: 6px;
					background: url(/assets/img/go.gif) top left;
				}
		
		
		#content{
			
			width: 745px;
			float: left;
			
		}	
		
			#head{
				
				/*text-align: center;*/
				background: url(/assets/img/top-fade.gif) bottom left repeat-x;
			}
			#subhead{
				
				/*text-align: center;*/
			}
			
				div#tri {					
					height: 122px;
					padding: 8px 0 5px 0;	
					text-align:left;
					color: #4B4C4B;	
				}

				div#tri h2{	
					font-size: 1.7em;
					padding-bottom: 5px;
				}
					
				div#tri p{	
					line-height: 1.5em;
					padding-right: 25px;
				}
				
				div#tri1{
					background: url(/assets/img/box1.gif) top left no-repeat;
					height: 107px;
					width: 206px;
					padding: 15px 0 0 22px;	
					margin: 0 0 0 14px;
					float:left;
					
				}

				div#tri1 h2 {
					color: #55BB49;
				}
				
				div#tri2{
					background: url(/assets/img/box2.gif) top left no-repeat;
					height: 107px;
					width: 206px;
					padding: 15px 0 0 22px;	
					margin: 0 0 0 14px;
					float:left;
				}
				
				div#tri2 h2 {
					color: #DE4C4C;
				}

				div#tri3{
					background: url(/assets/img/box3.gif) top left no-repeat;
					height: 107px;
					width: 206px;
					padding: 15px 0 0 22px;	
					margin: 0 0 0 14px;
					float:left;
					
				}

				div#tri3 h2 {
					color: #BA65CF;
				}


					.tri-more{
						/*position: absolute;*/
						display: block;
						height: 21px;
						width: 79px;
						/*bottom: 13px;*/
						/*left: 24px;*/
						text-indent: -9999px;
					}



			
			#front-content{
				
				padding: 20px 80px 20px 80px;
				text-align: left;
				font-size: 1.2em;
					
			}
			
				#front-content p {
					
					line-height: 1.7em;
					padding-bottom: 1em;
					text-align:left;	
				}
				
				#front-content p.feature{
					
					font-size: 1.2em;
					color: #4E93AC;
				}

				#front-content h1{
					
					font-size: 1.4em;
					padding-bottom: 1em;
					font-weight:bold;
					color:#4e93ac;
				}

				#front-content h2{
					
					font-size: 1.2em;
					padding-bottom: 1em;
					font-weight:bold;
					color:#4e93ac;
                                        margin-top:20px;
				}

				#front-content h3{
					
					font-size: 1.2em;
					padding: 1em;
					font-weight:bold;
					color:#4e93ac;
					margin-bottom:1em;
					background:#F1FAFB;
					border:1px solid #C0E3F1;
				}

                              #front-content ul {
                               padding:10px;
                                }

                              #front-content li {
                              list-style-type:square;
                              line-height:1.7em;
                              margin-left:10px;
                              }

                              #front-content strong {font-weight:bold;}
                              #front-content em {font-style:italic;}
                              #cv-box {width:100%; height: 130px; padding:10px; background-color:#F3FAFC; border:1px solid #BFE1F0;} 
                              #cv-box #photo {float:left; margin:0px 10px;}
                              #cv-box #linkedin {border-bottom:1px  solid #silver; border-right:1px solid #silver;} 

			
			#lower-tri{
				
				background: url(/assets/img/lt.gif) top left repeat-x;
				text-align: left;
				padding: 15px 0 10px 0;
			}
			
				#lower-tri li{
					
					float: left;
					padding: 0 7px 0 20px;
					width: 220px;
					/*background:url(/assets/img/bullet.gif) no-repeat 0px 6px;*/
				}
				
				
				#lower-tri li#wide{
					
					float: left;
					padding: 0 10px 0 40px;
					width: 440px;
					background: none;
					border-right:1px dotted #c0c0c0;
				}
				
				#lower-tri li:last-child{
					background: none;
				}
				
				#lower-tri h2{
					
					font-size: 1.5em;
					color: #4591AC;
					padding-bottom: 5px;	
				}
				
				#front-content p{
					
					line-height: 1.7em;
					padding-bottom: 1em;	
				}
				
				#lower-tri p{
					
					line-height: 1.4em;
				}
				
				.c-link{
					
					display: block;
					font-size: 1.2em;
					font-weight: bold;
					padding: 2px 0 2px 18px;
					line-height: 1.5em;
					color: #505050;
					background: url(/assets/img/tick.gif) left center no-repeat;
				}
				
				#lower-tri p.special{
					color: #629FB6;	
				}
				
				#lower-tri p.special a{
					color: #629FB6;
					text-decoration: underline;
				}
				
				.select{
					
					padding: 2px;
					border: 1px solid #B8B9BA;
					width: 92%;
					color: #585758;
					margin-top: 5px;
				}


#foot{
	
	height: 80px;
	background: url(/assets/img/bg2.gif) top left repeat-x;	
}

	#foot-content{
		
		padding: 35px 0 0 0;

		margin: auto;	
		width: 942px;
		text-align: center;
		font-size: 1.1em;
		color: #938F8F;	
		background: url(/assets/img/foot.gif) top right no-repeat;
	}
	
		#foot-content a{
			color: #938F8F;
		}

/**************** our people page + our team pages *************/
.person {
	margin: 0 0 10px 0;
	border-bottom: 1px solid #e4e4e4;
	padding: 0 0 10px 0;
}

.person img{
	display: block;
	width: 100px;
	float: left;
}

.person p {
	width: 440px;
	float: right;
}

p a {
	font-weight: bold;
	color: #4B4C4B;
}

/**************** our services page *************/

.list {
	margin: 0 0 20px 10px;
	color: #7c7c7c;
}

.list li {
	background: url('/assets/img/bullet.gif') 0px 6px no-repeat;
	padding: 0 0 0 20px;
	margin: 0 0 5px 0;
}


.list li a{
	color: #7c7c7c;
}

.list li a:hover {
	color: #4B4C4B;
	
}

/************************* news page *********************/

.newsItem {
	margin: 0 0 10px 0;
	border-bottom: 1px solid #e4e4e4;
	padding: 0 0 10px 0;
}

.newsItem p {
	text-align: center;
}


 #wide ul {
	background: none;
}

#wide ul li {
	width: 420px;
	background: none;
	margin: 0 0 4px 0;
	padding: 0 0 0 15px;
	font-size: 13px;
	color: #454545;
	background: url('/assets/img/bullet.gif') 0px 5px no-repeat;
}

#wide ul li:last-child {
	background:url('/assets/img/bullet.gif') no-repeat 0px 6px;
}

#wide ul li a {
	color: #454545;

}