/* <![ Global [ -----------------------------------------------------------*/

/*
Site 9 Default CSS File
Working Version: template
VERSION: 1.0 
LAST MODIFIED: 02.07.2008
LAST MODIFIED BY: NAPOLISX

NOTES:
Image pathing needs to be as follows.

url(http://morckfamilylaw.com/images/img.jpg);

This can be developed any way you wish, but must be changed before upload.

*/


html {
	height:100%;}
	
.body{	
	margin:0px; 
	padding:20px 0px; 
	text-align:center;
	behavior:url(../scripts/csshover.htc);
	font:12px Arial, Helvetica, sans-serif;}
	
#container {
	position:relative;
	margin:0px auto;
	text-align:left;
	width:946px;
	overflow:hidden;
	border:5px solid #69809b;}
	
#search {
	float:right;
	width:220px;
	padding:7px 0px 0px 0px;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#5b76a3;}
	
	#search p {
		margin:0px;
		padding:3px 0px;}
		
	#search ol {
		list-style:none;
		margin:0px;
		padding:0px;}
	#search ol li {
		display:inline;
		margin:0px;
		padding:0px 3px 0px 0px;}
	
	#search-field {
		border:1px solid #69809b;
		width:125px;
		padding:2px 3px;
		font:10px Verdana, Arial, Helvetica, sans-serif;
		color:#000;
		background:#ceede6;}
		
	#search-button {
		border:1px solid #69809b;
		font:10px Verdana, Arial, Helvetica, sans-serif;
		color:#000;
		background:#ceede6;
		width:50px;
		padding:1px 0px;
		text-align:center;
		text-decoration:none;}
	
	#search-button:hover {	
		background:#69809b;
		color:#fff;}
	
input, select, textarea, form {	
	margin:0px;
	padding:0px;}
	
legend	{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif; 
	color:#000;}
	
hr {
	height:1px;
	color:#000;
	background:#000;
	border:none;
	margin:5px 0px;
	padding:0px;}
		
address {
	font-style:normal;}
	

/*	<![ Navigation [ -----------------------------------------------------------*/

#nav {
	float:left;
	width:234px;
	padding:8px 0px 0px 0px;
	overflow:hidden;}
	
	#nav ul {
		list-style:none;
		margin:0px;
		padding:0px;}
		
	#nav ul li {
		margin:0px;
		padding:7px 0px;}

	#nav a {
		display:block;
		padding:2px 40px;
		background:#a9c8dc;
		font:14px "Century Gothic", Arial, sans-serif;
		line-height:14px;
		color:#204889;
		text-decoration:none;}
		
			#nav ul .home a {
				background:#a9c8dc;
				color:#204889;}
			#nav ul .about-us a {
				background:#ceede6;
				color:#0e7558;}
			#nav ul .firm-overview a {
				background:#d8eac8;
				color:#698961;}
			#nav ul .contact a {
				background:#c5e2bb;
				color:#5d7d3b;}
		
		#nav a span {
			display:block;
			padding:3px 0px 5px 0px;
			background:url(../images/arrow-bg.gif) right no-repeat;}
		
	#nav a:hover {
		font-weight:bold;
		line-height:14px;}
	
		#nav a:hover span {
			cursor:hand;}
	
#aop {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;}
	
	#aop h2 {
		font:14px "Century Gothic", Arial, sans-serif;
		line-height:14px;
		padding:0px 40px;
		height:23px;
		overflow:hidden;
		margin:0px;
		background:#cbebdb;}
	
	#aop h2 a {
		display:block;
		color:#468165;
		text-decoration:none;}
		#aop h2 a span {
			display:block;
			padding:4px 0px;
			background:url(../images/arrow-bg.gif) right no-repeat;}
			
	#aop h2 a:hover {
		font-weight:bold;
		line-height:14px;}
		#aop h2 a:hover span {
			cursor:hand;}
	
	#aop p {
		margin:0px;
		padding:10px 5px 5px 25px;}

	#aop ul {
		list-style:none;
		padding:0px;
		margin:0px;
		background:#acd59d;
		border-top:1px solid #acd59d;}
	#aop ul li {
		padding:0px 0px 1px 0px;
		margin:0px;}
		
	#aop ul li a {
		display:block;
		padding:5px 5px 5px 25px;
		background:#cbebdb; 
		color:#4c6a9a;
		text-decoration:none;}
		#aop ul li a span {
			display:block;
			background:url(../images/aop-bg.gif) top left no-repeat;
			padding:0px 0px 0px 15px;}
			
	#aop ul li a:hover {
		color:#e58509;
		text-decoration:none;
		background:#d8eac8;}
		#aop ul li a:hover span {
			background:url(../images/aop-bg-over.gif) top left no-repeat;}
		
#footlinks {
	border:2px solid #fff;
	background:#c4ddeb;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#6c8bbe;
	text-align:center;
	padding:6px 0px;}	
	
	#footlinks ul {
		list-style:none;
		margin:0px;
		padding:0px;}
	#footlinks ul li {
		display:inline;
		margin:0px;
		padding:0px;}
		
		#footlinks ul ul {
			display:inline;}

	#footlinks a {
		color:#6c8bbe;
		text-decoration:none;
		padding:0px 10px;
		border-right:1px solid #6c8bbe;}
		
		#footlinks .last_child a {
			border-right:none;}
		
	#footlinks a:hover {
		color:#e58509;
		text-decoration:underline;}
	
/*	<![ Layout [ -----------------------------------------------------------*/

#clear {
	clear:both;
	margin:0px;
	padding:0px;
	height:1px;
	overflow:hidden;}

#header{
	height:58px;
	background: url(../images/header.gif) top left no-repeat;
	overflow:hidden;}

#banner {
	border-top:5px solid #69809b;
	border-bottom:5px solid #69809b;
	background:#fff;
	padding:2px 2px 2px 0px;
	height:177px;
	padding:2px 2px 2px 0px;
	overflow: hidden;}
	
	#banner p {
		margin:0px;
		padding:0px;}
	
	#banner-pic1 {
		float:right;
		margin:0px 3px 0px 0px;
		width:232px;
		height:177px;
		overflow:hidden;
		background:url(../images/banner-pic1.jpg) top left no-repeat;}
		
	#banner-pic2  {
		float:right;
		margin:0px 3px 0px 0px;
		width:240px;
		height:177px;
		overflow:hidden;
		background:url(../images/banner-pic2.jpg) top left no-repeat;}
		
	#banner-pic3 {
		float:right;
		margin:0px;
		width:230px;
		height:177px;
		overflow:hidden;
		background:url(../images/banner-pic3.jpg) top left no-repeat;}

#banner-HOME {
	height:180px;
	overflow:hidden;
	border-top:5px solid #69809b;
	border-bottom:5px solid #69809b;
	background:#fff;}
	
#banner-HOME-content {
	width:575px;
	padding:20px 0px 0px 20px;
	overflow:hidden;
	float:left;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	line-height:15px;
	color:#000;}
	
#rotating-image {
	float:right;
	width:332px;
	height:180px;
	overflow:hidden;
	background:url(../images/banner-home-01.jpg) top left no-repeat;}

#mid {
	border-top:2px solid #fff;
	background:url(../images/mid-bg.gif) top left repeat-y #b9e5d8;}
	
	#mid-ABOUT {
		border-top:2px solid #fff;
		background:url(../images/mid-bg.gif) top left repeat-y #b9e5d8;}
	#mid-OVERVIEW {
		border-top:2px solid #fff;
		background:url(../images/mid-bg.gif) top left repeat-y #c7e1b0;}
	#mid-CONTACT {
		border-top:2px solid #fff;
		background:url(../images/mid-bg.gif) top left repeat-y #acd59d;}

#mid-HOME {
	border-top:2px solid #fff;
	background:url(../images/mid-bg-home.gif) top left;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	padding:0px 0px 15px 0px;}

	#mid-HOME h2 {
		font:14px "Century Gothic", Arial, sans-serif;
		text-align:center;
		line-height:14px;
		padding:0px 40px;
		margin:0px;
		height:23px;
		overflow:hidden;}	
		
	#mid-HOME p {
		padding-left:20px;
		padding-right:20px;}

	#mid-HOME a {
		font-weight:bold;
		color:#40649f;
		text-decoration:none;}
		#mid-HOME a:hover {
			text-decoration:underline;}
	
		#mid-HOME #aop ul li a {
			font-weight:normal;}
	
		#mid-HOME h2 a {
			font-weight:normal;
			display:block;
			text-decoration:none;}
			#mid-HOME h2 a span {
				display:block;
				padding:4px 20px 4px 0px;
				background:url(../images/arrow-bg.gif) right no-repeat;}
				
		#mid-HOME h2 a:hover {
			font-weight:bold;
			line-height:14px;
			text-decoration:none;}
			#mid-HOME h2 a:hover span {
				cursor:hand;}

#home-column1 {
	float:left;
	width:232px;
	padding:0px 0px 0px 2px;
	overflow:hidden;}
	#home-column1 h2 {
		background:#cbebdb;}
	#home-column1 h2 a {
		color:#468165;}

#home-column2 {
	float:left;
	width:235px;
	overflow:hidden;
	margin:0px 0px 0px 2px;}
	#home-column2 h2 {
		background:#ceede6;}
	#home-column2 h2 a {
		color:#0e7558;}
	#home-column2 ul, #home-column2 ol {
		margin:0px;
		padding:0px 20px 0px 40px;}
	#home-column2 li {
		padding:0px 0px 8px 0px;}
		

#home-column3 {
	float:left;
	width:235px;
	overflow:hidden;
	margin:0px 0px 0px 2px;}
	#home-column3 h2 {
		background:#d8eac8;}
	#home-column3 h2 a {
		color:#698961;}
	#home-column3 ul, #home-column2 ol {
		margin:0px;
		padding:0px 20px 0px 40px;}

#home-column4 {
	float:left;
	width:234px;
	overflow:hidden;
	margin:0px 0px 0px 2px;}
	#home-column4 h2 {
		background:#c5e2bb;}
	#home-column4 h2 a {
		color:#5d7d3b;}
	#home-column4 address {
		padding-left:20px;
		padding-right:20px;}
	
#left {
	float:left;
	width:232px;
	padding:0px 0px 20px 0px;
	border-left:2px solid #fff;
	overflow:hidden;}
	
#right {
	float:right;
	width:708px;
	padding:0px 0px 20px 0px;
	border-right:2px solid #fff;
	overflow:hidden;
	background:url(../images/right-bg.gif) top left repeat-x;}
	
	#mid-ABOUT #right {
		background:url(../images/right-bg-about.gif) top left repeat-x;}
	#mid-OVERVIEW #right {
		background:url(../images/right-bg-overview.gif) top left repeat-x;}
	#mid-CONTACT #right {
		background:url(../images/right-bg-contact.gif) top left repeat-x;}
	
#content {
	float:left;
	width:430px;
	padding:0px 0px 0px 20px;
	overflow:hidden;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#000;}

	#content h1{	
		font: normal 14px "Century Gothic", Arial, sans-serif;
		color:#0e7558;
		line-height:normal;
		padding:1px 0px 0px 0px;
		margin-top:0px;}
		
		#mid-ABOUT #content h1 {
			color:#0e7558;}
		#mid-OVERVIEW #content h1 {
			color:#698961;}
		#mid-CONTACT #content h1 {
			color:#5d7d3b;}
		
	#content h2{	
		font: bold 13px Verdana, Arial, Helvetica, sans-serif;
		color:#000;
		line-height:normal;
		padding:0px;}
	#content h3{	
		font: bold 11px Verdana, Arial, Helvetica, sans-serif;
		line-height:normal;
		padding:0px;}
	#content h4{	
		font: bold 11px Verdana, Arial, Helvetica, sans-serif;
		color:#666;
		line-height:normal;
		padding:0px;}
	#content h5{	
		font: bold 11px Verdana, Arial, Helvetica, sans-serif;
		color:#888;
		line-height:normal;
		padding:0px;}
	#content a {
		color:#40649f;
		font-weight:bold;
		text-decoration:none;}
	#content a:hover {
		text-decoration:underline;}


/*  <![ Primary Contact Form [ ----------------------------------------------------*/

.pad_frm_itm {
	padding:2px 0px;
	margin:0px;
	width:420px;
	}

.form-label {
	width:127px; /* Width of labels */
	padding:0px 5px 0px 0px;
	display:inline-block;
	vertical-align:top;}
  
.form-pct {
	padding:2px 3px;
	border-width:1px;
	width:270px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#444;}
	
.msg-pct {
	padding:2px 3px;
	border-width:1px;
	width:400px;
	height:70px;
	overflow:auto;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#444;}

.custom-form {
	}

	.custom-form fieldset {
		margin:0px 0px 10px 0px;
		padding:0px;
		width:470px; /*  .msg-pct width + 25   */
		border:none;}
		  
	.custom-form legend {
		padding:0px 2px;
		font-weight:bold;}
		  
	.custom-form ol {
		margin:0px;
		padding:0px;
		list-style:none;}


/*	<![ Quick Contact [ -----------------------------------------------------------*/

#qc {
	float:right;
	width:210px;
	padding:40px 0px 0px 20px;
	overflow:hidden;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;}
	
	#home-column4 #qc {
		float:none;
		padding-top:0px;}
		
	#home-column4 #qc p {
		padding-left:0px;
		padding-right:0px;}
	
	#qc address {
		margin:0px;
		padding:0px;
		display:block;}
		
	#qc a {
		font-weight:bold;
		color:#40649f;
		text-decoration:none;}
	#qc a:hover {
		text-decoration:underline;}

.pad_frm_itm2 {
	padding:0px 0px 1px 0px;
	margin:0px;}

.form-label2 {
	width:70px;
	padding:0px 2px 0px 0px;
	display:inline-block;
	vertical-align:top;}
  
.form-pct2 {
	background:#d8eac8;
	border:1px solid #69809b;
	padding:2px 3px;
	width:120px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#444;}
	
.msg-pct2 {
	background:#d8eac8;
	border:1px solid #69809b;
	padding:2px 3px;
	width:120px;
	height:50px;
	overflow:auto;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#444;}

.custom-form2 {
	padding:5px 0px 0px 0px;}

	.custom-form2 p {
		margin:0px;
		padding:10px 0px;}

	.custom-form2 fieldset {
		margin:0px 0px 10px 0px;
		padding:0px;
		border:none;}
		  
	.custom-form2 legend {
		padding:0px;
		margin:0px;
		font:bold 10px Verdana, Arial, Helvetica, sans-serif;}
		  
	.custom-form2 ol {
		margin:0px;
		padding:0px;
		list-style:none;}

.submit-align2 {
	margin:-20px 0px 0px 0px;}

.submit {
	background:#d8eac8;
	border:1px solid #69809b;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	width:50px;
	margin:0px;
	padding:0px;
	text-align:center;}
	
.submit:hover {	
	background:#69809b;
	color:#fff;
	width:50px;
	cursor:pointer;
	}


/*	<![ Disclaimer [	 -----------------------------------------------------------*/

#disclaimer{
	position:relative;
	margin:0px auto;
	text-align:left;
	width:947px;
	padding:10px 0px 0px 0px;
	overflow:hidden;
	font:10px Arial, Helvetica, sans-serif;
	color:#a3b6b0;}
	
	#disclaimer a {
		color:#849d95;
		font-weight:bold;
		text-decoration:none;}
	#disclaimer a:hover {
		text-decoration:underline;}	


/*	<![ Site 9 Styles [ --------------------------------------------------------*/

/* Directions Page Styles (Google Maps Default)

/* [ Outer div ] -----------> */
#directionsForm{
	}

/* div that wraps form */
#directionsInput {
	padding:4px 0px;}

#fromAddress{
	width:350px;}

#directionsLocale{
	padding:4px 0px;}

#locale{
	}

#directionsSubmit{
	padding:4px 0px;}

#map{
	border:1px solid #000;
	color:#000;}

#addressNotFound{
	}

#directions{
	}