/*
	Fredlaw.com - Fredrikson & Byron
	Website Color Palette

	hex			name			primary use
	-----------------------------------------------
	#EE3224		red				logo/headers
	#F59F1A		orange			feature
	#55929E		blue			secondary header
	#D8F1F6		lightBlue		secondary header background
	#7ED0E0		brightBlue		homepage arrow
	#F1F1F0		lightGrey		primary nav background
	#DDDBD9		grey			header background
	#4F4C4A		darkGrey		content
	#786E68		brown/Grey		header background
*/	
	


/*------------------------------------------------------------------------------
	basic styles 
------------------------------------------------------------------------------*/	
	
	body {
	margin: 0;
	padding: 25px;
	color: #4F4C4A;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11pt;
	text-align: center;
	background-color: #FFFFFF;
		}

	p{ margin: 0 0 15px 0; }
	
	img{ display: block; border: 0; }
	
	h1{ 
		color: #EE3224;
		font-size: 18px; 
		font-weight: normal;
		font-family: Trebuchet MS, Trebuchet, Arial, Verdana, sans-serif;
		margin: 0px 0 3px 0;
		padding: 15px 0 10px 0;
	}
	
	h2{ 
		color: #000;
		font-size: 12px;
		margin: 0 0 2px 0;
	}
	
	h3{ 
		color: #55929E;
		background: #D8F1F6;
		font-size: 11px; 
		margin: 0 0 10px 0;
		padding: 8px;
		text-transform: uppercase;
	}
	
	h4{ 
		color: #EE3224;
		font-size: 11px; 
		font-weight: normal; 
		font-family: Trebuchet MS, Trebuchet, Arial, Verdana, sans-serif;
		margin: 2px 0;
	}
	
	h6 {margin: 0; padding: 0;}
	

	.linklist li {
		list-style: none;
		margin: 0; padding: 0;
	}
	ul.linklist a {
		color: #4F4C4A;
		background: url('images/icon_redArrow.gif') no-repeat 0 4px;
		margin: 0 0 2px -10px;
		padding: 2px 0 10px 8px;
		text-decoration: none;
		line-height: 110%;
	}

	ul.linklist a:hover {
		color: #EE3224;
	}
	
	
	#logo {
		padding: 0 0 10px 0;
		margin-bottom: 10px;
	}
	
	#articleDetail #logo {
	}
	



	
/*------------------------------------------------------------------------------
	navigation
------------------------------------------------------------------------------*/	

	a{ color: #000; }

	a:hover{ color: #EE3224; }


	#nav_main{
		display: none;
	}

	
	.nav_secondary{
		display: none;
	}

		
	#nav_global{
		display: none;
	}
	
		
	.blockAlpha a{
		color: #786E68;
		border: 1px solid #BBB6B3;
		background: #fff;
		text-decoration: none;
		padding: 2px;
		display: block;
		width: 10px;
		float: left;
		margin-right: 2px;
		margin-bottom: 2px;
		text-align: center;
	}

		.blockAlpha a:hover, .blockAlpha a.active{
			color: #EE3224;
			border: 1px solid #EE3224;
		}


		.read_more, h4 a{
			color: #4F4C4A;
			background: url('images/icon_redArrow.gif') no-repeat 0 2px;
			padding-left: 8px;
			display: block;
			line-height: 100%;
			margin-bottom: 0;
			text-decoration: none;
			text-transform: uppercase;
			font-weight: bold;
		}

		.read_more a:hover, h4 a:hover;{
			color: #EE3224;
		}
		
		#go_btn{
			z-index: 60;
		}

/*------------------------------------------------------------------------------
	layout
------------------------------------------------------------------------------*/	

	#wrappa{
	text-align: left;
	width: 100%;
/*	position: relative;*/
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background: url('images/1x1invis.gif') repeat-y;
	}


	#footer{
		display: none;
	}
	
	#col_left{
		margin-bottom: 10px;
	}
	
	#col_major{
		width: 100%;
		clear: both;
	}
	

		#header{
			display: none;
		}
	
		
		#content{
			margin: 0;
			background-color:#FFFFFF
		}
		
			#content p, #content ul, #content h2, #content h4{
				margin-left: 8px;
				padding-left: 0;
			}
		
			#content li{
				margin-left: 15px;
				padding-left: 0px;
			}

		/*This is used when there aren't heads with the blue background (then the content underneath doesn't need to be indented ) */
		
			#content.noHeads p, #content.noHeads ul, #content.noHeads h2, #content.noHeads h4{ margin-left: 0; }
			#content.noHeads li{ margin-left: 0px; }


	#content_c1{
		clear: right;
		width: 421px;
		float: left;
	}
		#content_c1 p, #content_c1 ul, #content_c1 h2, #content_c1 h4{
			margin-left: 8px;
			padding-left: 0;
		}
			#content_c1 li{
				margin-left: 15px;
				padding-left: 0px;
			}

		#content_c1 .pad{
			padding: 10px;
		}


	#content_c2{
		width: 191px;
		float: left;
	}
	
		#content_c2 h2{
			font-family: Trebuchet MS, Trebuchet, Arial, Verdana, sans-serif;
			font-weight: normal;
			color: #EE3224;
			text-transform: uppercase;
			margin: 0 5px 15px 0;
		}
	
		.block{
			background: #F59F1A;
			height: 173px;
		}

			#content_c2 .block h2{ color: #fff; font-weight: bold }
			#content_c2 .block .pad{ padding: 20px; }

	.oneCol{
		float: left;
		width: 370px;
	}
	.twoCol{
		float: left;
		width: 200px;
	}
	
	#content{
		margin: 0 0px 0 20px;
	}
	
	.colLeft {
		float: left;
		width: 275px; _width: 270px;
		margin: 0 10px 0 0; padding: 0;
	}

	.sidebar_grey{
		background: #fff url('images/sidebarGrey_back.gif') repeat-y;
	}
	
		.sidebar_grey .pad{ float: right; width: 189px; }
		.sidebar_grey .nav_secondary{ background: #F3F2F1; }
		
		
	
/*------------------------------------------------------------------------------
	homepage
------------------------------------------------------------------------------*/	

	#home_feature{
		background: #fff url('images/1x1invis.gif') right repeat-y;
	}

	.news_events{
		float: right;
		width: 220px;
		color: #000;
	}

		.news_events a{
			color: #000;
			font-weight: bold;
			background: url('images/icon_redArrow.gif') no-repeat 0 2px;
			padding-left: 8px;
			display: block;
			line-height: 100%;
			text-decoration: none;
		}

		.news_events a:hover{
			color: #EE3224;
		}
		
		.news_events .pad{
			padding: 25px 15px 15px 15px;
		}
		
		.news_events h2{ color: #fff; }
		
	.attorney_copy{
		position: absolute; 
		left: 330px; 
		top: 437px; 
		zindex: 20; 
		width: 245px; 
		height: 200px;
	}

		.attorney_copy .pad{
			padding: 40px 20px 0 30px;
		}

	.awards{ float: right; margin: -25px 20px 0 0;}
	.awards2 {margin-left: 10px;}
	.awards img, .awards2 img {float: left;}

	.utility{ margin: 20px 0 0 10px; }
		
/*------------------------------------------------------------------------------
	articles
------------------------------------------------------------------------------*/	


	.articles {
		color: #000;
	}
		.articles h4{
			font-family: Trebuchet MS, Trebuchet, Arial, Verdana, sans-serif;
			color: #000;
			font-size: 12px;
			margin-bottom: 5px;
		}
	
		.articles .date{
			font-style: italic;
			float: right;
			color: #4F4C4A;
		}
		
		.articles p{  }
		

		

	.mini_content{
		width: 191px;
		float: right;
		margin: 0 -10px 20px 0px;
		-margin-right: -10px;
		border-left: 20px solid #fff;
	}
		.mini_content .wrap{ background: #F1F1F0; }

		.mini_content .head{
			text-transform: uppercase;
			background: #E4E4E2;
			padding: 12px 5px 12px 8px;
			margin: 0;
		}

		.mini_content .head h2{
			font-family: Trebuchet MS, Trebuchet, Arial, Verdana, sans-serif;
			color: #EE3224;
		}
		#content .mini_content h4{ padding: 0; margin: 0; }
		.mini_content .pad{ padding: 0 0 0 25px; }
		#tick{ float: right; }


		.mini_content .contacts, .mini_content .features{
			padding: 15px;
		}

		.mini_content .features{
			background: #E7E7E5;
		}

		.mini_content .contacts h2, .mini_content .features h2{
			font-family: Trebuchet MS, Trebuchet, Arial, Verdana, sans-serif;
			font-size: 10px;
			font-weight: bold;
			color: #EE3224;
			text-transform: uppercase;
			margin-bottom: 10px;
		}

		.mini_content .contacts h3, .mini_content .features h3{
			color: #000;
			background: none;
			text-transform: none;
			margin-bottom: 4px;
		}

		.mini_content .contacts{
		
		}

		.mini_content .features{
		
		}


/*------------------------------------------------------------------------------
	practice areas
------------------------------------------------------------------------------*/	

	#practice_areas #content{
		margin: 0 20px 0 20px;
	}
	
	.inline_quote .pc{
		float: left;
		margin-right: 10px;
	}


	.inline_quote .q_mark{
		float: left;
		margin: 0 10px 0 0;
	}

	.inline_quote .content{
		font-family: Trebuchet MS, Trebuchet, Arial, Verdana, sans-serif;
		padding: 10px 0 0 0;
		line-height: 150%;
		font-size: 14px;
	}

	.inline_quote .attorney{
		font-family: Arial, Verdana, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #000;
		margin: 2px 0 0 180px;
	}

	/*rules for the grey version with right aligned image*/

		.inline_quote .content_grey{
			font-family: Trebuchet MS, Trebuchet, Arial, Verdana, sans-serif;
			line-height: 130%;
			font-size: 13px;
			background: #F1F1F0;
			height: 109px;
		}
		.inline_quote .pc_grey{
			float: right;
		}
		
		.inline_quote .c_quote{ padding: 20px 20px 0px 20px;}
	

/*------------------------------------------------------------------------------
	careers
------------------------------------------------------------------------------*/	
	.secondaryContent{
		float: left;
		width: 200px;
	}

		.secondaryContent .pad{
			padding: 10px 10px 0px 20px;
		}

		.secondaryContent .hd{ margin-bottom: 10px; }
		.vertR{ float: left; margin-top: 10px; }
		
	.careers_nav img{
		display: inline;
		float: left;
	}
	
	.careers_subnav_summer a{
		display: block;
		background: url('images/careers_subnav_back.gif') no-repeat;
		width: 181px;
		height: 22px;
		text-decoration: none;
		color: #584C44;
	}
	
	.careers_subnav_training a{
		display: block;
		background: url('images/careers_subnav_back_training.gif') no-repeat;
		width: 181px;
		height: 22px;
		text-decoration: none;
		color: #584C44;
	}

	.careers_subnav_about a{
		display: block;
		background: url('images/careers_subnav_back_about.gif') no-repeat;
		width: 181px;
		height: 22px;
		text-decoration: none;
		color: #584C44;
	}

	.careers_subnav_salary a{
		display: block;
		background: url('images/careers_subnav_back_salary.gif') no-repeat;
		width: 181px;
		height: 22px;
		text-decoration: none;
		color: #584C44;
	}
	
		.careers_subnav_summer a:hover{ color: #EE3224; }
		.careers_subnav_training a:hover{ color: #EE3224; }	
		.careers_subnav_about a:hover{ color: #EE3224; }
		.careers_subnav_salary a:hover{ color: #EE3224; }	
		.careers_subnav_interviewing a:hover{ color: #EE3224; }	
	
		.careers_subnav_summer span{ display: block; padding: 5px 0 0 20px;}
		.careers_subnav_training span{ display: block; padding: 5px 0 0 20px;}
		.careers_subnav_about span{ display: block; padding: 5px 0 0 20px;}		
		.careers_subnav_salary span{ display: block; padding: 5px 0 0 20px;}
		.careers_subnav_interviewing span{ display: block; padding: 5px 0 0 20px;}
	
		#arrow_2 {	
			position: absolute; 
			left: 130px; top: 90px; 
			z-index: 20;	
			margin: 0; padding: 0;
			width: 669px;
		}
		#arrow_2 img {
			float: left;
			margin: 0; padding: 0;
			z-index: 20;
		}
		
/*------------------------------------------------------------------------------
	bios
------------------------------------------------------------------------------*/	

	#bio_header{
		position: relative;
	}
	
	.b_col{ width: 49%; float: left; }
	
	.tab_top{
		position: absolute;
		top: 176px;
		left: 140px;
		z-index: 22;
	}
	div.domtab{
	}
	ul.domtabs{
		display: none;				
	}
	*:first-child+html ul.domtabs {
		top: 255px;
	}
	ul.domtabs li{
		 margin:0; padding:0; display:inline 
	}
	ul.domtabs a:link,
	ul.domtabs a:visited,
	ul.domtabs a:active,
	ul.domtabs a:hover{
		font-size: 13px;
		font-family: Trebuchet MS, Trebuchet, Arial, Verdana, sans-serif;
		display: block;
		text-decoration: none;
		color: #4F4C4A;
		float: left;
		width: 142px;
		height: 42px;
		text-align: center;
		background: url('images/tab.gif') no-repeat right;
		}
	ul.domtabs li.active a:link,
	ul.domtabs li.active a:visited,
	ul.domtabs li.active a:active,
	ul.domtabs li.active a:hover {
		background: url('images/tab_active.gif') no-repeat right center;
		color: #EE3224;
		}	
	ul.domtabs li a span { 
		display: block; 
		padding-top: 13px; 
		}

	ul.domtabs a:hover{
		color: #EE3224; 
	}
	div.domtab div{
		background-color:white; 
		position:relative; 
		z-index:1; 
		margin: 0;
		display:none;
	}

	#domtabprintview{
		display: none;
	}
	#domtabprintview a:link,
	#domtabprintview a:visited,
	#domtabprintview a:active,
	#domtabprintview a:hover{
		color:#fff;
	}
	.tab_title {
		display: none;
	}
	#tab1{
		display:none;
	}
	#tab2{
		display:none;
	}
	#tab3{
		display:none;
	}
	.bio_1{
		background: #F1F1F0;
		height: 221px;
		width: 140px;
		float: left;
	}

	.bio_2{
		background: #F1F1F0;
		width: 281px;
		height: 221px;
		float: left;
		color: #000; 
	}
		.bio_2 h1{ padding: 0;}
		.bio_2 .ie{ -margin: -10px 0; }

	.bio_3 {
		line-height: 110%;
		width: 191px;
		height: 225px; _height: 224px;
		float: left;
		background: #F59F1A;
		color: #000;
		font-size: 10px; 
	}

		.bio_3 .pad{ padding: 20px 20px 0 20px; }
		.bio_3 h2{ color: #fff; }
		.bio_3 img{ float: left; margin-right: 2px; }
		.bio_3 b{ display: block; margin-top: 10px; font-size: 10px; }
		.bio_3 p {padding-top: 8px; font-size: 10px; }


	/*bio results */

	.results div{
		font-size: 12px;
		margin: 10px 8px 5px 8px;
		padding: 8px 0;
		background: url('images/rule_dotted.gif') repeat-x ;
		line-height: 150%;
		clear: right;
	}
		.results div.noB{ background: none; }

		.results a{
			color: #EE3224;
			text-decoration: none;
		}
		.results div div{
			font-size: 11px;
			margin: 0;
			padding: 0;
			background: none;
			float: right;
			width: 180px;
			color: #000;
		}

		.results div div a{
			text-decoration: underline;
		}
		
	.results a:hover {
		text-decoration: underline;
	}	



/*------------------------------------------------------------------------------
	icons - mainly used within contact areas in bios
------------------------------------------------------------------------------*/	

	.documents, .mail, .paperClip, .phone, .pointer, .redArrow{
		display: block;
		margin: 0; padding: 0 0 8px 0;
	}
	
	.documents{  }
	.mail{ 	font-size: 10px; background: url('images/1x1invis.gif') no-repeat left center; }
	.paperClip{ display: none;}
	.phone{ font-size: 10px; background: url('images/1x1invis.gif') no-repeat left center;  }
	.pointer{ display: none;}
	.redArrow{ background: url('images/icon_redArrow.gif') no-repeat left center; text-decoration: none; padding-left: 10px; }


/*------------------------------------------------------------------------------
	forms
------------------------------------------------------------------------------*/	
	
	form{ margin: 0; padding: 0;}
	input{ vertical-align: middle; font-size: 10px; padding-left: 3px;}
	
	.lCol{ width: 150px; margin-bottom: 5px; font-size: 10px;}
	.lColT{ margin-bottom: 5px; font-size: 10px;}
	
	
/*------------------------------------------------------------------------------
	floating arrows
------------------------------------------------------------------------------*/	
	
	#arrow{ position: absolute; left: 130px; top: 74px; zindex: 20; }
	#arrow_person{ position: absolute; right: 4px; _right: 3px; top: 74px; zindex: 55; }
	#arrow_copy{ position: absolute; left: 200px; top: 152px; zindex: 45; }


/*------------------------------------------------------------------------------
	misc
------------------------------------------------------------------------------*/	
	
	.clearB{ clear: both; }
	.clearR{ clear: right; }
	.clearL{ clear: left; }
	
	.ruleD{
		clear: both;
		background: url('images/1x1invis.gif') repeat-x;
		height: 2px;
		padding: 5px 0;
	}


	.float{ behavior: url("iepngfix.htc"); }
	.floatSub{ behavior: url("iepngfix.htc"); }
	
	.imgBorder{ border: 2px solid #fff;}

	.printHide {display: none;}

	.printOnly {display: inline;}