body, html {
	padding: 0;
	margin: 0;

	font-family: 'Fira Sans', sans-serif;
	font-weight: 400;
	font-size: 16px;
	/* color: #414141; - Replaced 2105-07-29 */
	color: #616161;
}

.font-FiraSans {
	font-family: 'Fira Sans', sans-serif;
}

p { margin: 1.8em 0;}


a:link,
a:active,
a:visited {
	color: #000;
}

h1 {
	font-weight: 300;
	font-size: 1.7em;
	text-transform: uppercase;
}
	.heading-red { color: #A21C35; }
	.heading-blue { color: #363D57; }
	.heading-green { color: #71856A; }
	.heading-yellow { color: #C5963E; }

.divider {
	display: block;
	width: 100%;
	height: 2px;
	background-color: #898989;
}



.link-box {
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	line-height: 1.3em;
	padding: 10px;
}

	.link-box-red {
		border: 1px solid #A21C35;
		color: #A21C35!important;
	}

	.link-box-blue {
		border: 1px solid #363D57;
		color: #363D57!important;
	}

	.link-box-green {
		border: 1px solid #71856A;
		color: #71856A!important;
	}

	.link-box-yellow {
		border: 1px solid #C5963E;
		color: #C5963E!important;
	}


.color-red { color: #A21C35; }
.color-blue { color: #363D57; }
.color-green { color: #71856A; }
.color-yellow { color: #C5963E; }

/* ----------------------------------------------------------------------------------------- */


html,
body {
	background-color: #2C2C2C;
}

.max-width {
	display: block;
	position: relative;
	width: 960px;
	margin: auto;
}

#Header {
	display: block;
	position: relative;
	width: 100%;
	background-color: #FFF;

	-webkit-box-shadow: inset 0 20px 10px -20px rgba(0,0,0,0.8);
	-moz-box-shadow: inset 0 20px 10px -20px rgba(0,0,0,0.8);
	box-shadow: inset 0 20px 10px -20px rgba(0,0,0,0.8);
}
	#Header .max-width {
		height: 140px;
	}

	#Logo {
		display: block;
		position: absolute;
		top: 13px;
		left: 0px;
		z-index: 102;
	}

	#Top-Nav {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
	}
		#Top-Nav a {
			color: #3E3E3E;
			text-decoration: none;
			font-weight: 300;
			text-transform: uppercase;
			line-height: 35px;
		}

		.top-nav-divider {
			display: inline-block;
			vertical-align: middle;
			background-color: #FFF;
			height: 35px;
			width: 2px;
			margin: 0 17px;

			-moz-box-shadow:    1px 1px 5px 1px #CCC;
			-webkit-box-shadow: 1px 1px 5px 1px #CCC;
			box-shadow:         1px 1px 5px 1px #CCC;
		}

	#Main-Nav {
		display: block;
		position: absolute;
		right: 0;
		bottom: 10px;
	}
		#Main-Nav span {
			color: #414141;
			text-decoration: none;
			text-transform: uppercase;
			font-size: 18px;
			padding: 15px 4px;
			margin-left: 48px;
			cursor: pointer;
		}

		#Main-Nav-AboutUs { border-top: 8px solid #363D57; }
			#Main-Nav-AboutUs:hover,
			#Main-Nav-AboutUs.active {
				color: #FFF;
				background-color: #363D57;
			}

		#Main-Nav-ForThePublic { border-top: 8px solid #71856A; }
			#Main-Nav-ForThePublic:hover,
			#Main-Nav-ForThePublic.active {
				color: #FFF;
				background-color: #71856A;
			}

		#Main-Nav-ForLawyers { border-top: 8px solid #C5963E; }
			#Main-Nav-ForLawyers:hover,
			#Main-Nav-ForLawyers.active {
				color: #FFF;
				background-color: #C5963E;
			}

		#Main-Nav-BecomeALawyer { border-top: 8px solid #A21C35; }
			#Main-Nav-BecomeALawyer:hover,
			#Main-Nav-BecomeALawyer.active {
				color: #FFF;
				background-color: #A21C35;
			}

	#Main-Subnav {
		display: block;
		/*position: absolute;*/
		position: relative;
		/*top: 140px;*/
		width: 100%;
		/*z-index: 101;*/
	}
		.subnav-block {
			display: none;
			position: relative;
			width: 100%;
			background-color: #CCC;
			padding: 10px 0;
		}
			.subnav-block.active { display: block; }

			.subnav-block a {
				display: block;
				color: #FFF;
				text-decoration: none;
				padding: 4px 0;
			}

#Banner {
	display: block;
	position: relative;
	height: 370px;
	width: 100%;
	background-position: center center;
	background-size: cover;
}

#Body {
	background: url('main/bg_texture.jpg') center top;
	line-height: 1.8em;
}

#Top-Shadow {
	display: block;
	width: 100%;
	height: 30px;
	background-position: top center;
	background-repeat: no-repeat;
}
	.top-shadow-red { background-image: url("main/topshadow/red.png"); }
	.top-shadow-blue { background-image: url("main/topshadow/blue.png"); }
	.top-shadow-yellow { background-image: url("main/topshadow/yellow.png"); }
	.top-shadow-green { background-image: url("main/topshadow/green.png"); }

#Bottom-Shadow {
	display: block;
	width: 100%;
	height: 35px;
	background: url("main/bottomshadow.png") center top no-repeat;

}

#Footer-Sitemap-Contact {
	background-color: #606060;
	padding: 20px 0;
	color: #BCBDC0;
}

	#Footer-Sitemap {
			display: block;
			width: 700px;
			float: left;
	}

		#Footer-Links a {
			padding-left: 5px;
			color: #BCBDC0;
			text-decoration: none;
			font-size: 0.7em;
		}

	#Footer-Contact {
		display: block;
		width: 225px;
		border-left: 2px solid #414141;
		padding-left: 20px;
		float: right;
		color: #BCBDC0;
	}
		#Footer-Contact div {
			padding: 10px 0;
		}

		#Footer-Contact div:first-child {
			font-size: 1.3em;
		}

		#Footer-Contact a { color: #BCBDC0;}

#Footer {
	line-height: 90px;
	color: #EFEEEE;
	font-size: 0.8em;
}
	#Footer-Copy { display: block; width: 45%; float: left; }
	#Footer-Created { display: block; width: 49%; float: right; text-align: right;}







/* ------------------------------------------------------------------------------------------------ */







/* ----- Clearfix ----- */
.clearfix:before,
.clearfix:after {
    display: table; /* 2 */
    content: " "; /* 1 */
}

.clearfix:after { clear: both; }

/* For IE 6/7 only - Include this rule to trigger hasLayout and contain floats. */
.clearfix { *zoom: 1; }