@charset "utf-8";
/* CSS Document */

/* ---- BASE.CSS ---- */

	@import "defaults.css";

body{
	
	background:url(../img/page_parts/site_bg.png);
	background-repeat:repeat-y;
	padding:0;
	margin:0;

	
/* open sans google font specified in the defaults.css file */
	
}

#wrapper {
	
    margin: 0 auto;
	
    width: 990px;	
	
    text-align: left;
	
    vertical-align: top;
	
}

/*  - - - "PAGE" - - - */

#page_with_shadows{
	
	float:left;		
	
    width: 990px;
	
	background-image:url(../img/page_parts/page_body_bg_png24_990w.png);
		
}

#page_container{
	
float:left;	
	
	background-color:#fff;
	width:960px;
	margin-left:14px;
/*	padding-left:36px;*/
	border:1px solid #ccc;
	
/*	border-bottom:none;	*/

}

/*  - - - TOP BANNER - - - */

#top_banner{
	
	float:left;
	clear:right;
	width:100%;
	
	
/*		height:84px;
border-bottom:1px solid #FCF;*/
	


}

/*  - LOGO - */

img#falkmetzlogo{
	
	display:block;
	margin:30px 0 0 36px;

		
}

/*  - TOP RIGHT MENU - */

div#top_right_menu_container{
	
/*		float:left;
clear:right;*/
	
/*	width:100%;*/
	
	height:36px;
	
	text-align: right;
	padding-right:48px;
	
	padding-top:18px;
	

	
/*	margin-right:54px;*/
	
/*background-color:yellow;
	
	margin-left:80px;
	padding-left:30px;*/
	

		
/*	background-image:url(../img/page_parts/top_right_nav_BG.png);
	background-repeat:no-repeat;*/
	
/*	border-bottom:1px solid red;*/
	
}

div#top_right_menu_container a{
	
	font-size:11px;
	letter-spacing:.033em;
	text-decoration:none;
	
	margin-left:16px;
	
	color:#636365;	
	
}

div#top_right_menu_container a:hover{
	
	font-size:11px;
	letter-spacing:.033em;
	text-decoration:none;
	
	margin-left:16px;	
	
	color:#1568A6;
/*	font-weight:700;*/

}


/*  - - - LEFT COLUMN - - - */

div#left_col{
	
	float:left;
	width:141px;
	
	margin-left:36px;

/* The following min-height value must be at least 360px. 
   Otherwise the layout structure will collapse
*/
	height:432px;	
	
/*	outline:1px solid grey*/;

}

div#left_col_inner{
	width:140px;
}

div.left_col_inner{
	text-align:right;
	padding-top:72px;	
}

div#left_col_inner h5{
	color:#1568A6;
}

/* This exception applies to the left column on the home page
   and to any other page that might contain a "tall" header image
   (i.e., one that is 282px high).
*/

div.left_col_inner_4_tall_header_image{
	padding-top:192px;	
}

/* - - - "SLIDER FRAME" - - - */

div#slider_frame{
	
	float:left;
	
	width:759px;
	height:284px;
	
	padding:23px 0 23px 24px;
	
	background-image:url(../img/page_parts/slider_frame_w_shadow_783x330h.png);
	background-repeat:no-repeat;
	
	
}

.nivoSlider {
    position:relative;
    background:url(images/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
nivoSlider a {
    border:0;
    display:block;
}

/* - - - "SHORT HEADER IMAGE FRAME" - - - */
/* This is the alternative to the "tall" "slider frame" that found on the home page. 
   This element replaces the slider on the interior pages.  It holds a static image. 
*/ 

div#short_header_image_frame{
	
	float:left;
	
	width:759px;
	height:141px;
	
	padding:23px 0 23px 24px;
	
	background-image:url(../img/page_parts/short_header_image_frame_w_shadow_783x187.png);
	background-repeat:no-repeat;
}

div#short_header_image_container{
	width:759px;
	height:141px;	
}


/* - - - MAIN CONTENT COLUMN - - - */

div#main_content_column{
	
	float:left;	
	
	width:468px;
	padding-top:30px;
	padding-right:24px;
	margin-left:15px;
	
	
/*	min-height:300px;
	margin-left:192px;*/
		
/*	background-color:#eee;*/

}

	div#main_content_column h1,h2,h3,h4{
		color:#1568A6;
		margin-bottom:6px;
		font-weight:500;
/*		lettering-spacing:1em;*/
	}
	
	div#main_content_column p{
		
		margin:6px 0 12px 0;
		
		line-height:21px;
		
		font-size:12px;
		
	}
	
	div#main_content_column a{
	
		color:#1568A6;
		
	}
	
	div#main_content_column div.two_column_container{
		float:left;
		clear:right;
		width:100%;
		margin-bottom:9px;
	}
	
	div#main_content_column div.two_column_container div.half_width_column{
		float:left;
		width:50%;

	}
	
	div#main_content_column ul{
		padding-left:15px;
		margin-bottom:12px;	
	}
	
	div#main_content_column li{
		line-height:21px;		
	}
		
	div#client_results_container{
		
	}
	
	div#client_results_container span.topic_header{
		font-weight:700;
	}
	
/* - - - - - - - - - - - - - - - - - - - - - - - - - */
/*    TEAM BIO DIRECTORIES
/* - - - - - - - - - - - - - - - - - - - - - - - - - */		
	
	div#team_bio_directory_container{
		
		width:100%;
	}
	
	div#team_bio_directory_container div{
		
	}

	div.team_bio_directory_listing{
		
		width:100%;
		height:115px;
		
		border-top:1px solid #ccc;	
			
		padding-top:4px;
		margin-bottom:18px;
		
	}
	
	div.team_bio_directory_listing img.thumbnail{
		
		float:left;
		width:90px;
		height:108px;
		
		margin-right:6px;	
			
	}
	
	div.team_bio_directory_listing table.personal_info{
		
		width:366px;
		height:108px;
		
/*			background-color:#F99;*/

	}
	
	div.team_bio_directory_listing table.personal_info td{
		
		vertical-align:bottom;
		padding:0 6px 0 6px;

	}
	
	div.team_bio_directory_listing table.personal_info td.name{
		font-size:16px;
		color:#1568a6;
		vertical-align: top;
	}

	div.team_bio_directory_listing table.personal_info td.title{
		font-size:13px;

	}
	
	div.team_bio_directory_listing table.personal_info td.email{
		text-align:right;
		vertical-align: top;
	}
	
	div.team_bio_directory_listing table.personal_info td.email a{
		font-size:12px;		
	}
	
	div.team_bio_directory_listing table.personal_info td.phone, td.fax, td.vcard{
		font-size:11px;
		text-align:right;
	}

	div.team_bio_directory_listing table.personal_info td.linkedin{
		text-align:right;
	}
	
	div.team_bio_directory_listing table.personal_info td.linkedin div.text{
		display:inline;
		padding:0;
		margin:0;
	}
	
	div.team_bio_directory_listing table.personal_info td.linkedin div.text p{
		display:inline;
		padding:0;
		margin:0;
	}
	
	div.team_bio_directory_listing table.personal_info td.linkedin div.logo{
		display:inline;
		padding:0;
		margin:0;
	}
	
/* - - - - - - - - - - - - - - - - - - - - - - - - - */
/*    INDIVIDUAL BIOGRAPHY PAGES
/* - - - - - - - - - - - - - - - - - - - - - - - - - */	

	div#biography{
		
		width:100%;
		float:left;
		
	}
	
	div#biography img{
		float:left;
		margin:6px 16px 6px 0;
	}
	
	ul.bio_menu{
		
		margin-left:9px;
		padding-left:9px;
		
		font-size:12px;
		
		list-style-type: none;
	}
	
	ul.bio_menu li{
		margin-bottom:15px;
	}
	
	ul.bio_menu a{
		color:#1568A6;	
	}
	
	ul.bio_menu a:hover{
		text-decoration:underline;
	}
	
	ul#attorneys_menu{
		
	}
	
	
/* - - - contact page - - - */	
	table#locations{
		margin-top:18px;
		width:100%;	
	}
	
/* - - - RIGHT COLUMN - - - */

div#right_column{
	
float:left;
	
	width:218px;
	padding-left:21px;
	padding-right:36px;
	padding-top:30px;
	background-image:url(../img/page_parts/right_col_BG.png);
	background-repeat:repeat-y;	
}

	div#right_column h2{
		color:#636364;
		font-size:13px;	
	}
	
	div#right_column h3{
		font-size:12px;	
	}
	
	div#right_column p{
		margin-bottom:9px;	
	}
	
	div#right_column p.callout{
		font-size:13px;
		line-height:24px;
		color:#1568a6;
		width:75%;
	}
	
	div#right_column div.menu{
/*		background-color:#ddd;*/
		min-height:180px;
	}
	
	div#right_column div.menu a{
		display:block;
		line-height:27px;
		color:#222222;
	}

/* - - - PAGE FOOTER - - - */

div#page_footer{
	
float:left;	
	
	width:732px;
	margin-left:192px;
	padding-top:12px;
	min-height:180px;
	
	border-top:1px solid #ccc;
	margin-top:30px;
	
	
/*	background-color:#eee;	*/

}

/* - - - FOOTER COLUMNS - - - */

div#page_footer div.column{
	
	float:left;
	
	width:168px;
	
	min-height:168px;
	
	margin-bottom:12px;
	margin-right:12px;
	
	text-align:left;	
	
/*	background-color:#ddd;*/
	
}

div#page_footer div.column a{
	color:#636365;
	text-align:left;
	display:block;
}

div#page_footer div.footer_menu{
	width:140px;
}

div#page_footer div.location_column{
	
}

div#page_footer div.chicago{
	width:189px;
}

div#page_footer div.milwaukee{
	width:150px;
}

/* This exception applies the the third column in the footer
This column must be narrower than the others so that the copyright
block lines up with the left edge of the text in the column above. 
Added per T. Brame request -- 11-7-2012 */

div#page_footer div.copyright{
	width:143px;
}

/* - - - BOTTOM SHADOW - - - */

div#bottom_shadow{
	
float:left;	
	
	width:990px;
	height:24px;
	background-image:url(../img/page_parts/shadow_bottom.png);
	background-repeat:no-repeat;
	
/*	border-bottom:1px solid orange;*/
	
}