/***********GENERAL**************/
.clearfix:after 
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0; 
}

.clearfix 
{
	display: inline-block; 
}

html[xmlns] .clearfix 
{
	display: block; 
}

* html .clearfix 
{
	height: 1%; 
}

html
{

}

body
{
	font-size: 100%;
	line-height: 1em;
	font-family: Tahoma, Geneva, sans-serif;
	background: #c3ebea;
	text-align: center;
	margin: 0;
	padding: 0;
}

a
{
	text-decoration: none;
	outline: none!important;
}

img
{
	border: none;
}

#wrapper
{
	width: 975px;
	background: #fff;
	margin: 0 auto 0 auto;
	text-align: left;
	padding: 0;
	clear: both;
}

/***************HEADER************/

#header
{	

}

	#header #logo-container
	{
		float: left;
		margin: 25px 0 0 18px;
	}
	
	#header #top-nav
	{
		float: right;
		background: url('/images/nav_bg.png') repeat-x 0 100%;
		height: 63px;
		width: 585px;
	}
	
		#header #top-nav ul,
		#header #main-nav ul
		{
			margin: 0;
			padding: 0;			
		}
		
			#header #top-nav ul li,
			#header #main-nav ul li
			{
				list-style-type: none;
				display: inline;
				float: left;
				position: relative;
			}
			
			#header #top-nav ul li
			{
				/*z-index: 999;*/
			}
	
				#header #top-nav ul li a
				{
					color: #6a7064;
					font-size: 0.7em;
					font-weight: bold;
					display: block;
					float: left;
					height: 35px;
					padding: 17px 12px 0 12px;
					margin-top: 10px;
					border-left: 1px solid #efefef;
				}
				
				#header #top-nav ul li.first a
				{
					padding-left: 0;
					border-left: 0;
				}
	
				#header #top-nav ul li a:hover,
				#header #top-nav ul li a.hi,
				#header #top-nav ul li.hover a
				{
					color: #98cc00;
				}
				
				#header #top-nav ul li form
				{
					border-left: 1px solid #f6e6c2;
					height: 41px;
					padding: 20px 10px 0 10px;
					width: 155px;
                                        position: relative;
                                        z-index: 2;
				}
				
					#header #top-nav ul li form input
					{
						float: left;
					}
					
					#header #top-nav ul li form input.text
					{
						border: 1px solid #ccc;
						height: 18px;
						margin-top: 5px;
						width: 112px;
						background: url('/images/search.png') no-repeat 4px 4px;
						color: #5f5f5f;
						font-weight: bold;
						padding: 0 0 0 18px;
						font-size: 0.7em;
					}
					
					#header #top-nav ul li form input.submit
					{
						margin: 4px 0 0 3px;
					}
				
				#header #top-nav ul li ul
				{
					position: absolute;
					top: 57px;
					left: 0px;
					width: 161px;
					padding-top: 16px;
					display: none;
					background: url('/images/top_drop_top.png') no-repeat 0 0;
				}
                                
                                #header #top-nav ul li ul.sub
				{
					z-index: 999;
				}
				
				#header #top-nav ul li ul.practice
				{
					left: -26px;
				}
				
					#header #top-nav ul li ul li
					{
						display: block;
						background: url('/images/top_drop_bg.png') repeat-y 0 0;
						width: 161px;
					}
					
					#header #top-nav ul li ul li.last
					{
						background: url('/images/top_drop_bottom.png') no-repeat 0 100%;
					}
					
						#header #top-nav ul li ul li a
						{
							color: #505155!important;
							border-left: none;
							height: auto;
							padding: 3px 0 0 2px;
							margin: 0 5px 0 10px;
							width: 130px;
							border-bottom: 1px dotted #505155;
							font-weight: normal;
							display: inline;
						}
						
						#header #top-nav ul li ul li.last a
						{
							border: none;
							height: 26px;
						}
						
						#header #top-nav ul li ul li a:hover,
						#header #top-nav ul li ul li a.hi,
						#header #top-nav ul li ul li.hover a
						{
							color: #80A304!important;
						}
	
	#header #phone
	{
		clear: right;
		color: #97bfbe;
		float: right;
		width: 165px;
		height: 18px;
		border-left: 1px solid #f6e6c2;
		padding: 12px 0 0 10px;
		font-size: 1.15em;
                position:relative;
	}

        #header #phone #googleplus
        {
            position:absolute;
            z-index:100;
            left:-30px;
            top:13px;
        }

#header #phone #linkedin
        {
            position:absolute;
            z-index:100;
            left:-50px;
            top:13px;
        }

	
	#header #main-nav
	{
		background: url('/images/nav_bg.png') repeat-x 0 100%;
		float: left;
		width: 973px;
		font-size: 0.9em;
		margin: 50px 0 0 1px;
	}
	
		#header #main-nav ul li
		{
			z-index: 998;
		}
	
			#header #main-nav ul li
			{
				height: 40px;
			}
		
				#header #main-nav ul li a
				{
					color: #4fbae6;
					padding: 13px 15px 0 15px;
					display: block;
					float: left;
					height: 27px;
					border-right: 1px solid #efefef;
				}
			
				#header #main-nav ul li.last a
				{
					border-right: none;
				}
			
				#header #main-nav ul li a:hover,
				#header #main-nav ul li a.hi,
				#header #main-nav ul li.hover a
				{
					background: #fff;
				}
				
				#header #main-nav ul li ul
				{
					position: absolute;
					top: 33px;
					left: 0px;
					width: 222px;
					padding: 17px 0 0 0;
					display: none;
					background: url('/images/main_drop_top.png') no-repeat 0 0;
				}
				
				#header #main-nav ul li ul.left
				{
					left: auto!important;
					right: -7px!important;
				}
				
					#header #main-nav ul li ul li
					{
						display: block;
						background: url('/images/main_drop_bg.png') repeat-y 0 0;
						height: auto!important;
					}
					
						#header #main-nav ul li ul li a
						{
							border-right: none;
							width: 176px;
							height: auto!important;
							padding: 8px 0 8px 0;
							color: #505155;
							border-bottom: 1px dotted #505155;
							margin: 0 30px 0 19px;
							font-size: 0.85em;
							background: none!important;
							display: inline;
						}
						
						#header #main-nav ul li ul li a:hover
						{
							background: none;
							color: #22B1DD;
						}
						
						#header #main-nav ul li ul li.last
						{
							padding-bottom: 5px;
							background: url('/images/main_drop_bottom.png') no-repeat 0 100%;
						}
						
						#header #main-nav ul li ul li.last a
						{
							border: none;
						}

/***************CONTENT***********/

#content
{
	font-size: 0.953em;
	clear: both;
}

#content h1
{
	font-size: 1.2em;
}

#content h2
{
	font-size: 1em;
	font-weight: normal;
	color: #525252;
}

#content p
{
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-weight: normal;
	color: #6d6d6d;
	font-size: 1.1em;
	line-height: 1.2em;
}

#content a
{
	color: #98cc00;
}

#content a:hover
{
	color: #4fbae6;
}

	.home #col-1,
	.home #col-2
	{
		height: 550px;
		float: left;
		padding-top: 5px;
		margin-top: 7px;
	}
	
	.home #col-1
	{
		width: 465px;
		background: url('/images/home_top.png') repeat-x 0 0;
		position: relative;
	}
	
		.home #col-1 .inner
		{
			background: url('/images/nav_bg.png') repeat-x 0 100%;
			height: 555px;
			padding-left: 15px;
			padding-right: 15px;
			padding-top: 20px;
		}
	
		.home #col-1 img.top-right
		{
			position: absolute;
			top: 0;
			right: 0;
		}
		
		.home #col-1 img.top-left
		{
			position: absolute;
			top: 0;
			left: 0;
		}
		
		.home #col-1 img.head-shot
		{
			float: left;
			margin-right: 10px;
		}
		
		.home #col-1 h2
		{
			font-size: 0.9em;
		}
	
	.home #col-2
	{
		width: 510px;		
		position: relative;
	}
	
		.home #col-2 img.shadow
		{
			position: absolute;
			top: 5px;
			left: 0;
		}

                
                
                .word p {
                    margin: 4px 0 !important;
                    margin-bottom: 20px !important;
                    font-weight: normal !important;
                    color: #6D6D6D !important;
                } 
                
                .word ul,
                .word ol {
                    color: #6D6D6D !important;
                } 
                
                .word ul li,
                .word ol li {
                    padding-bottom: 5px;
                } 
                
                .word ul li p,
                .word ol li p {
                    padding-bottom: 5px !important;
                    margin: 0 !important;
                } 
                
                .word p.evidence,
                .word .evidence,
                .word *.evidence {
                    color: #333 !important;
                    font-weight: bold !important;
                } 
                
                .word h1 {
                    padding-top: 20px;
                    font-weight: normal !important;
                    color: #333 !important;
                    margin: 0 !important;
                    margin-left: -5px !important;
                }
                
                .word h2 {
                    font-size: 1.35em !important;
                    font-weight: normal !important;
                    color: #333 !important;
                    line-height: 1.1em;
                    margin: 0 !important;
                    padding: 20px 0 !important;
                    margin-left: -7px !important;
                }
                
                .word h3 {
                    font-size: 1.1em !important;
                    font-weight: normal !important;
                    color: #333 !important;
                    padding-bottom: 20px !important;
                    margin: 0 !important;
                    margin-left: -5px !important;
                }
                
                .word.testimonials h3 {
                    padding-top: 30px;
                }
                
                .word span {
                    margin: 0 !important;
                    color: #6D6D6D !important;
                    font-weight: normal !important;
                }   
                
                
                .word table,
                .word table  *{
                    font-size: 1em;
                    color: #6D6D6D !important;
                }  
                
                .word table td {
                    border-bottom: 1px dotted #AAA;
                }
                
                .word table th {
                    border-bottom: 1px solid #AAA;
                }
                
                .word table td,
                .word table th {
                    padding: 10px !important;
                }
                
                .word table td p,
                .word table th p {
                    padding: 0 !important;
                    margin: 0 !important;
                }
                
                
                
.content
{
	font-size: 0.785em!important;
	background: url('/images/nav_bg.png') repeat-x 0 100%;
	padding-bottom: 50px;
}

	.content p
	{
		color: #6a7064;
	}

	.content #image-container
	{
		height: 300px;
		width: 973px;
		margin-left: 1px;
		margin-top: 5px;
		float: left;
		border-bottom: 1px solid #ccc;
	}
	
		.content #image-container img
		{
			display: block;
		}
		
	.content #col-1
	{
		width: 280px;
		float: left;
		margin: 21px 0 0 0;
		min-height: 100px;
		height: auto !important;
		height: 100px;
	}
	
		.content #col-1 ul
		{
			margin: 0;
			padding: 0 55px 0 15px;
		}
		
			.content #col-1 ul li
			{
				list-style-type: none;
			}
			
				.content #col-1 ul li a
				{
					color: #6a7064;
					display: block;
					width: 210px;
					border-bottom: 1px solid #fff;
					padding: 10px 0 0 0;
					font-weight: bold;
					font-size: 0.9em;
				}
				
				.content #col-1 ul li a:hover,
				.content #col-1 ul li.hi a
				{
					color: #98cc00;
					border-bottom: 1px solid #98cc00;
				}
	
	.content #col-2
	{
		width: 425px;
		float: left;
		margin: 22px 35px 0 0;
	}
	
	.content .wide
	{
		width: 650px!important;
	}

		.content #col-2 p.quote
		{
			padding: 0;
			margin: 0 0 0 0; 
			color: #4fbae6;
		}
	
		.content #col-2 p.quote-source
		{
			font-family: Tahoma, Geneva, sans-serif;
			font-size: 0.95em;
			margin: 0 0 20px 0;
			color: #989898;
		}
		
		.content #col-2 h1
		{
			font-size: 1.725em;
			line-height: 1.2em;
			font-weight: normal;
			margin-top: 0;
		}
		
		.content #col-2 table td
		{
			vertical-align: top;
			padding: 0 20px 0 0;
		}

	.content #col-3
	{
		float: left;
		margin: 30px 0 0 0;
		width: 215px;		
	}
	
		.content #col-3 h2
		{
			color: #3d88a0;
			font-size: 1.2em;
			margin: 0;
			padding: 0 0 15px 0;
			border-bottom: 1px dotted #ccc;
		}
		
		.content #col-3 h3
		{
			color: #3d88a0;
			font-weight: normal;
			font-size: 1em;
			margin: 7px 0 0 0;
		}
		
		.content #col-3 .row
		{
			border-bottom: 1px dotted #ccc;
			padding: 0;
		}
		
			.content #col-3 .row p
			{
				padding: 0 0 7px 0;
				margin: 0;
				font-family: Tahoma, Geneva, sans-serif;
				font-size: 1em;
			}
			
		.content #col-3 p.side-small
		{
			font-size: 0.925em;
			line-height: 1.2em;
		}

/***************FOOTER************/
#footer
{
	background: #fff;
	height: 305px;
	width: 975px;
        padding-bottom: 10px;
}

#footer a
{
	color: #6a7064;
}

#footer a:hover
{
	text-decoration: underline;
}


	#footer .col
	{
		width: 265px;
		float: left;
		background: url('/images/footer_col_border.png') no-repeat 100% 35%;
		height: 140px;
		color: #6a7064;
		font-size: 0.7em;
		line-height: 1.2em;
		padding: 35px 0 0 60px;
	} 
	
	#footer .last
	{
		background: none;
	}
	
		#footer .last p
		{
			float: left;
		}

		#footer .last img
		{
			float: right;
			margin: 0 10px 0 0;
		}
	
	#footer .col p
	{
		padding: 0;
		margin: 0;
	}
	
	#footer .col span
	{
		color: #8e8576;
		font-weight: bold;
		width: 265px;
		float: left;
	}
	
/** before and after */

.before-after
{
	margin-top: 40px;
	margin-bottom: 40px;

}

.before-after-photo
{
	width: 46%;
	display: inline-block;
	height: 250px;
	background-repeat: no-repeat;
	background-size: cover;

	background-position: center center;
	margin-right: 2%;

}
.before-after-photo:first-child
{
    border-right: 0px solid grey
}
