/*********************
 * McNaul  *
 *********************/
 
/**********************
 RESET */
html,body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input{ margin: 0; padding: 0; } 
/*ul, li { list-style-type:none; } */
img { border: none; }

/********************** 
FONTS */
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
	/*  font-size:77% = 10px; 85% = 11px;  93%=12px; 100%=13px; 108%=14px; 123.1%=16px; 138.5=18px;  */

/**********************
GLOBAL */


body {
	font-family:Arial, sans-serif;
	color:#000;
	line-height:17px;
	font-size:13px;
	text-align:center;
	background-color:#dce1e1;
	
	background-image:url('http://gage.he.net/~mcnaul/z_img/bgBar1188.gif');
	background-repeat:no-repeat;
	background-position:50% 178px;
}

	a:link, a:visited {
		color:#b6341a;
		text-decoration:none;
	}
	
	a:hover {
		color:#b6341a;
		text-decoration:underline;
	}
	
	h1 {
		color:#b6341a;
		font-size:25px;
		line-height:1.5em;
	}
	
	
	
	#container {
		width:1000px;
		margin:0px auto;
		text-align:left;
		padding:0px 0px 0px 1px;
	}
	
	
	#content {
		padding-top:4px;
		line-height:1.8em;
	}
	
	#header {
		margin:50px 0px 0px 78px;
		height:92px;
	}
	
		#logo {
			float:left;
			width:184px;
			margin-top:8px;
		}
		


		
		#mainnav {
			float:left;
			width:580px;
			
		}
		
			#mainnav a {
				display:block;
				text-decoration:none;
				padding:3px 5px 3px 17px;
			}
			
				#mainnav a:link, #mainnav a:visited {
					color:#000000;
				}
				
				#mainnav a:hover {
					color:#b6341a;
					background:#ffffff;
					text-decoration:none;
				}
				
				#mainnav a:link span, #mainnav a:visited span {
					color:#dce1e1;
				}
			
				#mainnav a:hover span {
					color:#b6341a;
				}
					
				.sectionItem a:hover.active span  {
					color:#fff !important;
					text-decoration:none;
				}
	
				#mainnavBox {
					float:left; 
					width:500px;
					font-size:14px;
					font-weight:bold;
					height:92px;
					position:relative;
				}
	
					.sectionItem {
						position:relative;
						left:0;
						top:0;
						width:150px;
						border-right:1px solid black;
						border-left:1px solid black;
						white-space:nowrap;
						overflow:hidden;
					}
					
					.sectionItem .active, .activeFly {
						color:#697883 !important;
					}			
						
						
						.subnav {
								position:absolute;
								left:152px;
								top:0;
								font-size:12px;
								width:100px;
						}

			
			
		#content {
			clear:both;
		}
			
			



		/*********
		* CONTENT
		**********/	
	
		#colLeft {
			float:left;
			width:260px;
			min-height:300px;
			/* background:#dce1e1; */
		}
		
			#colLeft .padding {
				padding:96px 0px 0px 0px;
			}
			
			#leftBox {
				border: 14px solid #697883; 
				float:right;
				background: #697883; 
				color:#fff;
				font-size:11px;
				line-height:1.4em;
			}

			#leftBox h2 {
				font-size:14px;
				margin:10px 0px 3px 0px;
			}
			
			#leftBoxText {
				padding-left:4px;
			}
			
			#leftBox a {
				color:#ffffff;
				text-decoration:underline;
			}
			
			#leftBox a:hover {
				color:#ffffff;
				text-decoration:none;
			}
			
			/*
			#colLeft img{
				border:14px solid #697883;
			}
			*/
		
		#colRight {
			float:left;
			width:728px;
			min-height:300px;
			background:#ffffff;
		}


			#contentTopBox {
				position:relative;
				width:100%;
				height:36px;

				background:#dce1e1;
				
			}


			#practiceNav {
				position:absolute;
				right:-6px;
				right:0;
				bottom:-2px;
				text-align:right;
				font-size:17px;
				font-weight:bold;
				line-height:1em;
			}

				#practiceNav a {
					color:#697883;
					padding:3px 6px 0px 6px;
					text-decoration:none;
				}
				
				#practiceNav a:link, #practiceNav a:visited {
					color:#697883;
				}
				
				#practiceNav a:hover {
					color:#b6341a;
				}
				
				#practiceNav .active {
					background:#fff;
				}
				
				

			#whiteContent {
				padding:15px 15px 20px 22px;
				min-height:430px;
				font-size:14px;
				line-height:26px;
				background-image:url('http://gage.he.net/~mcnaul/z_img/bgCorner.png');
				background-repeat:no-repeat;
				background-position:bottom right;
			}


	#bio {
		float:left;
		width:510px;
		padding-right:20px;
		line-height:20px;
		font-size:14px;
	}

	#bioRight {
		float:right;
		width:145px;
		font-size:12px;
		line-height:18px;
		padding-left:15px;
		border-left:1px solid #dce1e1;
	}
	

	
	.rightSeparator {
		border-top:1px solid #dce1e1;
		margin-top:10px;
		padding-top:10px;
	}

		#bioRight h2 {
			font-size:12px;
			text-transform:uppercase;
			margin-bottom:2px;
		}


		
		#bioRight ul, #bioRight li {
			margin:0px;
			padding:0px;
		
		}

		#bioRight li {
			padding-left:0px;
			margin-left:15px;
			margin-bottom:5px;
		}

	#attLeft {
		float:left; 
		width:334px;
		margin-right:26px;
	}	
	

	#attList, #staffList {
		float:left; 
		width:140px; 
		
		font-size:11px;
		line-height:1.4em;
		padding-left:26px;
		margin-top:20px;
		padding-top:23px;
		padding-bottom:30px;
	}	
	

	
	#staffList { width:130px; }

	#attorneys {
		
		background-image:url('http://gage.he.net/~mcnaul/z_img/bgAtts2.png');
		background-repeat:no-repeat;
		background-position:0px 10px;
	}

	#attorneys h2 {
		font-size:13px;
		
		color:#b6341a;
	}
	
	#attorneys h3 {
		text-transform:uppercase;
		font-size:11px;
		margin-top:15px;
	}
	
	 .firstH3 { margin-top:2px !important; }

	#attorneys a:link, #attorneys a:visited, #pracRight a:link, #pracRight a:visited {
		color:#000;
		text-decoration:underline
	}
	
	#attorneys a:hover, #pracRight a:hover {
		color:#b6341a;
		text-decoration:none;
	}

	#pracLeft {
		float:left;
		width:500px;
		padding-right:30px;
		background-image:url('http://gage.he.net/~mcnaul/z_img/bgLine.png');
		background-repeat:no-repeat;
		background-position:525px 30px;
	}
	
	#pracRight {
		float:left;
		width:135px;
		font-size:12px;
		line-height:1.6em;
		
		margin-top:30px;
		padding-top:11px;
		padding-left:25px;
		

	}
	
		#pracRight a {
			display:block;
			
		}
		
		#pracRight h2 {
			font-size:12px;
		}
		

	#practiceSubcategories {
		margin:20px 0px 20px 20px;
	}

	.toggler {
		margin: 0;
		padding: 0px 0px 0px 20px;
		
		cursor:pointer;
		font-size:14px;
		margin-top:0px; 
		background:url('http://gage.he.net/~mcnaul/z_img/p_close.gif');
		background-repeat:no-repeat;
		background-position:0px 6px;
	}
	.element {
		padding:2px 4px 2px 20px;
	}

	.element .text {
		padding-bottom:15px;
	    font-size:12px;
	}	
		
	
	
	
	
			
		/*********
		* HOME
		**********/	

		#homeContainer {
			clear:both;
			margin-top:10px;
			
			background-image:url('http://gage.he.net/~mcnaul/z_img/bgHomeContent.png');
			background-repeat:repeat-y;
		}
		
		#homeContainerBtm {
			background-image:url('http://gage.he.net/~mcnaul/z_img/bgHomeContentBtm.png');
			background-repeat:no-repeat;
			height:18px;
			
			
		}	
			
			
		#spotlight {
			margin-top:32px;
		}
		
		#spotlight a, #spotlight a:hover { text-decoration:none; }
		
			.spotItem {
				float:left;
				position:relative;
				width:232px;
				height:232px;
				top:0;
				left:0;
				border:14px solid #697883;
				border-right:0;
				background-color:#fff; /*b6341a;*/
			}
			
			.lastSpot {
				border-right:14px solid #697883;
			}
			
			.spotItem img {
				position:absolute;
				top:0;
				left:0;
				
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
				filter: alpha(opacity=90);
				opacity:.9;
				
			}
			
			.spotOverlay {
				position:absolute;
				bottom:0;
				left:0;
				width:232px;
				height:20px;
				z-index:2;
				background:#000000;

				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
				filter: alpha(opacity=60);
				opacity:.6;
				
			}	
			
			.spotOverlayText {
				position:absolute;
				bottom:-5px;
				left:-1px;
				color:#fff;
				font-size:20px;
				z-index:3;
			}
			
		#homeHeadlines {
			float:left;
			width:250px;
			
			font-weight:bold;
			min-height:250px;
		}
		
			#homeHeadlines .padding { padding:42px 0px 20px 0px }
			
			#homeHeadlines h2 {
				font-size:16px;
				background:#ffffff;
				padding-left:32px;
			}
			
			#homeHeadlines ul {
				list-style-image: url(http://gage.he.net/~mcnaul/z_img/plus.png);
				
				padding-left:45px;
			}
			
			#homeHeadlines li {
				width:180px;
				line-height:1.2em;
				margin-bottom:5px;
				font-family:Arial Narrow, Arial, Helvetica, sans-serif;
				
			}
		
			#homeHeadlines a:link {
				color:#000000;
			}
			
			#homeHeadlines a:visited {
				color:#333333;
			}
			
			#homeHeadlines a:hover {
				color:#000000;
				text-decoration:underline;
			}
		
		#homeText {
			float:left;
			width:726px;
			min-height:250px;
			font-size:14px;
				line-height:26px;
		}	
		
			#homeText .padding { padding:35px 80px 10px 30px; }
			
		#homeContent {
			clear:both;
			margin-top:0px;
			
		}		
				
	
	
	
	
	
	
	
	
	
	#footer{
		font-size:10px;
		margin:30px 0px 20px 280px;
		color:#697883;
	}
	
	#footer a {
		color:#697883;
		text-decoration:underline;
	}
	
	br {
		line-height:12px;
	}
	
	.bold {
		font-style:bold;
	}
	
	.clear {
		clear:both;
	}