
/*
	Theme Name: Theme 3.3 for Kilburn Law Firm
	Theme URI: 
	Description: 
	Author: Kate Compton
	Version: 1.0
	License: 
	License URI: 
	Template: template 
	Tags: 
*/





/* 

	HTML5 - Boilerplate » LexisNexis Edition » ver 1.0 04/21/2011 
	
	[1] CSS Reset 
	[2] Base Styles
	[3] 960 Grid (12 Column)
	[4] Primary Styles
	[5] Non-Semantic Helper Classes
	[6] Media Queries
	[7] Print Styles

*/

/* 
	html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
	v1.4 2009-07-27 | Authors:Eric Meyer & Richard Clark
	html5doctor.com/html-5-reset-stylesheet/
*/












/* ----- [1] CSS Reset ----- */



html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, 
var, b, i, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary, 
time, mark, audio, video { 
	margin:0; 
	padding:0; 
	border:0; 
	outline:0; 
	font-size:100%; 
	vertical-align:baseline; 
	background:transparent; 
	}


article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { 
	display:block; 
	}


nav ul { 
	list-style:none; 
	}


blockquote, 
q { 
	quotes:none; 
	}


blockquote:before, 
blockquote:after, q:before, q:after { 
	content:''; 
	content:none; 
	}


a { 
	margin:0; 
	padding:0; 
	font-size:100%; 
	vertical-align:baseline; 
	background:transparent; 
	}


ins { 
	background-color:#ff9; 
	color:#000; 
	text-decoration:none; 
	}


mark { 
	background-color:#ff9; 
	color:#000; 
	font-style:italic; 
	font-weight:bold; 
	}


del { 
	text-decoration:line-through; 
	}


abbr[title], dfn[title] { 
	border-bottom:1px dotted; 
	cursor:help; 
	}


table { 
	border-collapse:collapse; 
	border-spacing:0; 
	}  /* tables still need cellspacing="0" in the markup */


hr { 
	display:block; 
	height:1px; 
	border:0; 
	border-top:1px solid #ccc; 
	margin:1em 0; 
	padding:0; 
	}


input, select { 
	vertical-align:middle; 
	}



/* ----- END [1] CSS Reset ----- */












/* ----- [2] Base Styles ----- */
/* 
	fonts.css from the YUI Library:developer.yahoo.com/yui/
	Refer to developer.yahoo.com/yui/3/cssfonts/ for font sizing percentages
*/



body { 
	font:13px/1.231 sans-serif; 
	*font-size: small;  /* ----- hack retained to preserve specificity ----- */
	}
	
	
select, 
input, 
textarea, 
button { 
	font:99% sans-serif; 
	}


/* ----- normalize monospace sizing (en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome) ----- */
pre, 
code, 
kbd, 
samp { 
	font-family: monospace, sans-serif; 
	}


/* set your base font here, to apply evenly */
body, 
select, 
input, 
textarea { 
	color:#444; 
	font-family: sans-serif; 
	}


/* Headers (h1,h2,etc) have no default font-size or margin, you'll want to define those yourself. */ 
h1,h2,h3,h4,h5,h6 { font-weight:bold; }


/* always force a scrollbar in non-IE */ 
html { overflow-y:scroll; }
 
 
/* Accessible focus treatment:people.opera.com/patrickl/experiments/keyboard/test */
a:hover, 
a:active { 
	outline:none; 
	}


a, 
a:active, 
a:visited { 
	color:#607890; 
	}


a:hover { 
	color:#036; 
	}


ul, 
ol { 
	margin-left:1.8em; 
	}


ol { 
	list-style-type:decimal; 
	}


/* Remove margins for navigation lists */
nav ul, 
nav li { 
	margin:0; 
	} 


small { 
	font-size:85%; 
	}


strong, 
th { 
	font-weight:bold; 
	}
	
td, 
td img { 
	vertical-align:top; 
	} 
	
	
sub { 
	vertical-align:sub; 
	font-size:smaller; 
	}


sup { 
	vertical-align:super; 
	font-size:smaller; 
	}


pre { 
	padding:15px; 
	/* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
	white-space:pre; /* CSS2 */
	white-space:pre-wrap; /* CSS 2.1 */
	white-space:pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap:break-word; /* IE */
	}


textarea { 
	overflow:auto; 
	} /* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */


.ie6 legend, 
.ie7 legend { 
	margin-left:-7px; 
	} /* thnx ivannikolic! */


/* align checkboxes, radios, text inputs with their label  [by:Thierry Koblentz tjkdesign.com/ez-css/css/base.css ]  */
input[type="radio"] { vertical-align:text-bottom; }
input[type="checkbox"] { vertical-align:bottom; }
.ie7 input[type="checkbox"] { vertical-align:baseline; }
.ie6 input { vertical-align:text-bottom; }


/* hand cursor on clickable input elements */
label, 
input[type=button], 
input[type=submit], 
button { 
	cursor:pointer; 
	}
 
 
/* webkit browsers add a 2px margin outside the chrome of form elements */  
button, 
input, 
select, 
textarea { 
	margin:0px; 
	}


/* colors for form validity - ACTIVATE/UNHIDE AT YOUR OWN DISCRETION */

/*
input:valid, textarea:valid   { 
	border-radius:1px;
	-moz-box-shadow:0px 0px 5px #def6dd; 
	-webkit-box-shadow:0px 0px 5px #def6dd; 
	box-shadow:0px 0px 5px #def6dd;
	}
	
	
input:invalid, textarea:invalid { 
	border-radius:1px;
	-moz-box-shadow:0px 0px 5px red; 
	-webkit-box-shadow:0px 0px 5px red; 
	box-shadow:0px 0px 5px red;
	}
	
	
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid { 
	background-color:#f0dddd; 
	}
*/


/* These selection declarations have to be separate. [ No text-shadow:twitter.com/miketaylr/status/12228805301 ] */
::-moz-selection { 
	background:#4e689d; 
	color:#fff; 
	text-shadow:none; 
	}


::selection { 
	background:#4e689d; 
	color:#fff; 
	text-shadow:none; 
	} 


/*  j.mp/webkit-tap-highlight-color */
a:link { 
	-webkit-tap-highlight-color:#ff5e99; 
	} 


/* make buttons play nice in IE: [ www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ ] */
button {  
	width:auto; 
	overflow:visible; 
	}
 
 
/* bicubic resizing for non-native sized IMG:[ code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ ] */
.ie7 img { 
	-ms-interpolation-mode:bicubic; 
	}
	
	
	
/* ----- END [2] Base Styles ----- */












/* ----- [3] 960 Grid (12 Column) ----- */


.container-12 { 
	position:relative; 
	margin:0px auto; 
	width:960px; 
	overflow:hidden;
	}
	
	
.alpha { 
	margin-left: 0; 
	}


.omega { 
	margin-right: 0; 
	}
	
	
.grid-1, .grid-2, .grid-3, .grid-4, 
.grid-5, .grid-6, .grid-7, .grid-8, 
.grid-9, .grid-10, .grid-11, .grid-12 { 
	display:inline;	
	float:left;	
	position:relative; 
	margin-left:10px; 
	margin-right:10px; 
	}


.push-1, .pull-1, .push-2, .pull-2, 
.push-3, .pull-3, .push-4, .pull-4, 
.push-5, .pull-5, .push-6, .pull-6, 
.push-7, .pull-7, .push-8, .pull-8, 
.push-9, .pull-9, .push-10,  .pull-10, 
.push-11, .pull-11, .push-12, .pull-12 { 
	position: relative; 
	}
	
	
.container-12 .grid-1 { width:60px; overflow:hidden; }
.container-12 .grid-2 { width:140px; overflow:hidden; }
.container-12 .grid-3 { width:220px; overflow:hidden; }
.container-12 .grid-4 { width:300px; overflow:hidden; }
.container-12 .grid-5 { width:380px; overflow:hidden; }
.container-12 .grid-6 { width:460px; overflow:hidden; }
.container-12 .grid-7 { width:540px; overflow:hidden; }
.container-12 .grid-8 { width:620px; overflow:hidden; }
.container-12 .grid-9 { width:700px; overflow:hidden; }
.container-12 .grid-10 { width:780px; overflow:hidden; }
.container-12 .grid-11 { width:860px; overflow:hidden; }
.container-12 .grid-12 { width:940px; overflow:hidden; }


.container-12 .prefix-1 { padding-left: 80px; }
.container-12 .prefix-2 { padding-left: 160px; }
.container-12 .prefix-3 { padding-left: 240px; }
.container-12 .prefix-4 { padding-left: 320px; }
.container-12 .prefix-5 { padding-left: 400px; }
.container-12 .prefix-6 { padding-left: 480px; }
.container-12 .prefix-7 { padding-left: 560px; }
.container-12 .prefix-8 { padding-left: 640px; }
.container-12 .prefix-9 { padding-left: 720px; }
.container-12 .prefix-10 { padding-left: 800px; }
.container-12 .prefix-11 { padding-left: 880px; }


.container-12 .suffix-1 { padding-right: 80px; }
.container-12 .suffix-2 { padding-right: 160px; }
.container-12 .suffix-3 { padding-right: 240px; }
.container-12 .suffix-4 { padding-right: 320px; }
.container-12 .suffix-5 { padding-right: 400px; }
.container-12 .suffix-6 { padding-right: 480px; }
.container-12 .suffix-7 { padding-right: 560px; }
.container-12 .suffix-8 { padding-right: 640px; }
.container-12 .suffix-9 { padding-right: 720px; }
.container-12 .suffix-10 { padding-right: 800px; }
.container-12 .suffix-11 { padding-right: 880px; } 


.container-12 .push-1 { left: 80px; }
.container-12 .push-2 { left: 160px; }
.container-12 .push-3 { left: 240px; }
.container-12 .push-4 { left: 320px; }
.container-12 .push-5 { left: 400px; }
.container-12 .push-6 { left: 480px; }
.container-12 .push-7 { left: 560px; }
.container-12 .push-8 { left: 640px; }
.container-12 .push-9 { left: 720px; }
.container-12 .push-10 { left: 800px; }
.container-12 .push-11 { left: 880px; }


.container-12 .pull-1 { left: -80px; }
.container-12 .pull-2 { left: -160px; }
.container-12 .pull-3 { left: -240px; }
.container-12 .pull-4 { left: -320px; }
.container-12 .pull-5 { left: -400px; }
.container-12 .pull-6 { left: -480px; }
.container-12 .pull-7 { left: -560px; }
.container-12 .pull-8 { left: -640px; }
.container-12 .pull-9 { left: -720px; }
.container-12 .pull-10 { left: -800px; }
.container-12 .pull-11 { left: -880px; }



/* ----- END [3] 960 Grid (12 Column) ----- */












/* ----- [4] Primary Styles ----- */


	body {
		background:url(img/body-bg-brown.gif) left top repeat-x #503009; 
		}



	/* ----- container ----- */
	
	#container {
		position:relative;
		margin:0px auto;
		width:955px;
		overflow:hidden;
		}


	/* ----- Header ----- */


	header {
		}
		
		
	header .logo {
		margin:0px;
		padding:20px 0px 10px 0px;
		*padding:20px 0px 0px 0px;
		max-width:600px;
		height:auto;
		overflow:hidden;
		float:left;
		}
		
		
	#header-phone {
		margin:0px;
		padding:25px 0px 15px 0px;
		width:315px;
		height:auto;
		float:right;
		text-align:center;
		overflow:hidden;
		display:block;
		}
		
		
	#header-phone i {
		margin:5px 0px 0px 0px;
		padding:0px;
		color:#62aeb8;
		font:normal 145% 'Trebuchet MS', Arial, Helvetica, sans-serif;
		float:left;
		}
		
		
	#header-phone b {
		margin:0px;
		padding:0px;
		font:bold 220% 'Trebuchet MS', Arial, Helvetica, sans-serif;
		float:right;
		}
		
		
	#header-phone b span {	
		color:#62aeb8;
		}
		
		
		
	/* ----- Main Navigation ----- */


		nav#main {
			clear:both;
			display:block;
			margin:5px 0px;
			padding:0px 15px;
			background: url(img/main-nav-bg.png) no-repeat;
			*background:url(img/main-nav-bg.png) top center repeat-y #fafce5;
			text-align:center;
			font:115%/100% Arial, Helvetica, sans-serif;
			text-transform:capitalize;
			
			}
			
			nav#main ul {
				list-style:none;
				margin:0px;
				padding:0px;
				}
			
			nav#main ul li {
				position:relative;
				z-index:50;
				display:inline;
				margin:0px;
				padding:0px;
				}
		
				nav#main ul li.page-item-41,
				nav#main ul li.page-item-43 {
					display:none;
					}
				
		
			nav#main ul li a {
				display:inline-block;
				height:33px;
				padding:18px 25px 0px 25px; 
				overflow:hidden;
				border-right:solid 1px #acacac;
				color:#000;
				text-decoration:none;
				}
				
				
				nav#main ul li:first-child a {
					border-left:solid 1px #acacac;
					}
			
			nav#main ul li a:hover,
			nav#main ul li:hover a {
				background:url(img/nav-over.png) repeat;
				color:#503009;
				text-decoration:none;
				} 
						
					
			/* ----- Drop Navigation:Second Level ----- */
					
					
			nav#main ul ul {
				display:none;
				position:absolute;
				z-index:98;
				top:14px;
				left:0px;
				margin:0px;
				*margin:37px 0px 0px 0px;
				padding:0px;
				width:185px;
				text-align:left;
				font:normal 75% Arial, Helvetica, sans-serif;
				}
				
				@media screen and (-webkit-min-device-pixel-ratio:0){
					nav#main ul ul {
						top:34px;
						}
					}  /*Safari hack - keep in */
							
							
							
							
				nav#main ul li:hover ul {
					display:block;
					}
			
				nav#main ul ul li {
					position: relative;
					z-index:99;
					padding:0px;
					margin:0px;
					}
				
				nav#main ul ul li a,
				nav#main ul ul li:first-child a,
				nav#main ul li:hover ul li a,
				nav#main ul li:hover ul li:first-child a {
					position: relative;
					z-index: 100;
					display:block;
					margin:0px;
					padding:5px 10px;
					height:auto;
					border:none;
					border-bottom:1px solid #acacac;
					background:#ddd;
					color:#000;
					text-decoration:none;
					}
				
				nav#main ul ul li a:hover,
				nav#main ul li:hover ul li a:hover {
					background:#eee;
					color:#503009;
					font:normal 100% Arial, Helvetica, sans-serif;
					text-decoration:none;
					top:0px;
					}
					
				
					
					/*submenu*/
		
		nav#main ul ul ul.sub-menu {
					display:none;
					position:absolute;
					width:150px;
					z-index:99999;
					font:normal 100% Arial, Helvetica, sans-serif;
					left:185px;
					}
		
		nav#main ul ul li:hover ul.sub-menu {
					display:block;
					position:absolute;
					width:150px;
					font:normal 100% Arial, Helvetica, sans-serif;
					z-index:99999;
					border-bottom:1px solid #acacac;
					background:#ddd;
					left:185px;
					top:-15px;
					*top:-38px;
					}
					
					@media all and (min-width: 0px)
					{
					nav#main ul ul li:hover ul.sub-menu {top:-25px;}
					}
					
					@-moz-document url-prefix() { 
					  nav#main ul ul li:hover ul.sub-menu {
						 top:-15px;
					  }
					}
										
					
					
					
					
					
	/* ----- AOP Navigation ----- */


	nav.aop	{
		margin:0px;
		padding:0px;
		width:241px;
		background:#dfdacb;
		-moz-border-radius:8px 0px 8px 8px;
		-webkit-border-radius:8px 0px 8px 8px;
		border-radius:8px 0px 8px 8px;
		overflow:hidden;
		}
	
	nav.aop ul {
		margin:0px;
		padding:10px;-
		list-style:none;
		}
		
	nav.aop ul li {
		margin:0px;
		padding:0px;
		list-style:none;
		}
		
	nav.aop ul li a {
		display:block;
		padding:1px 0px 1px 10px;
		background:no-repeat 0px 7px url(img/practice-area-arrow.gif);
		color:#343635;
		font:normal 93% "Trebuchet MS", Arial, Helvetica, sans-serif;
		text-decoration:none;
		}
		
		nav.aop ul li,
		nav.aop ul li a {
			display:none;
			}
		
		nav.aop ul li.page-item-14,
		nav.aop ul li.page-item-14 ul li {
			display:block;
			}
			
		nav.aop ul li.page-item-14 ul li a {
			display:block;
			}
			
	nav.aop ul li a:hover {
		text-decoration:underline;
		}
			
			
	/* ----- Newsletters ----- */

		
		#newsletters {
			margin:2px 0px 0px 0px;
			padding:0px;
			width:240px;
			background:#dfdacb;
			-moz-border-radius:8px 0px 8px 8px;
			-webkit-border-radius:8px 0px 8px 8px;
			border-radius:8px 0px 8px 8px;
			overflow:hidden;
			}
		
	#newsletters ul {
		margin:0px 0px 20px 0px;
		padding:0px;
		list-style:none;
		}
		
	#newsletters ul li {
		margin:0px 0px 0px 0px;
		padding:10px 20px 20px 20px;
		list-style:none;
		border-bottom:1px #cdcccc solid;
		}	
		
	
		
	#newsletters ul li:last-child {
		border-bottom:0px;
		}
		
	#newsletters ul li a {
		color:#6e9731;
		font:normal 93% Arial, Helvetica, sans-serif;
		text-decoration:underline;
		float:right;
		}
			
	#newsletters ul li a:hover {
		text-decoration:none;
		}			


	/* ----- Banner ----- */
	
	#banner-field {
		margin:0px;
		padding:0px;
		width:955px;
		-webkit-border-radius: 10px;
		-webkit-border-top-left-radius: 35px;
		-moz-border-radius: 10px;
		-moz-border-radius-topleft:35px;
		border-radius: 10px;
		border-top-left-radius:35px;
		}

	
	#banner {
		margin:0px 0px 0px 0px;
		padding:0px;
		width:955px;
		overflow:hidden;
		}
	
	#banner img {
		}


	/* ----- Middle Section ----- */



	#mid-section {
		margin:3px 0px 0px 0px;
		padding:0px;
		width:955px;
		height:auto;
		overflow:hidden;
		}



	/* ----- Sidebar(s) ----- */


	
	.left {
		float:left;
		}
		
	
	.right {
		margin:0px;
		padding:0px;
		width:240px;
		height:auto;
		float:right;
		}
		
	.right h2 {
		margin:0px;
		padding:3px 0px 3px 10px;
		color:#fff;
	    font:normal 140% 'Trebuchet MS', Arial, Helvetica, sans-serif;
		background: url(img/heading-bg-brown.png) center top repeat-y;
		}	
		
		
	/* ----- Main Content Area ----- */


	#content {
		margin:0px;
		padding:20px 30px 30px 30px;
		width:652px;
		min-height:300px;
		float:left;
		background:#fff;
		color:#090909;
		font:normal 93% 'Trebuchet MS', Arial, Helvetica, sans-serif;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		border-radius:8px;
		}
		
		#content .attorney-list {
			list-style:none;
			margin-left:0px;
			padding-left:0px;
			}
			
			#content .attorney-list li {
				padding-top:30px;
				}
			
			#content .attorney-list img {
				margin:-30px 10px 0px 0px;
				}
		
		#content .img-left {
			float:left;
			margin:0px 20px 10px 0px;
			padding:5px;
			background:#eee;
			border:1px solid #bbb;
			}
		
		#content .img-right {
			float:right;
			margin:0px 0px 10px 20px;
			padding:5px;
			background:#eee;
			border:1px solid #bbb;
			}
			
			
		
		#content p, 
		#content ol, 
		#content ul {
			margin-top:0px;
			margin-bottom:15px;
			}
				
			#content li {
				margin-top:5px;
				margin-bottom:5px;
				}
			
			#content ol ol, 
			#content ul ul, 
			#content ol ul, 
			#content ul ol {
				margin-top:0px;
				margin-bottom:0px;
				}
				
			#content td ol, 
			#content td ul,
			#content td ol ol, 
			#content td ul ul, 
			#content td ol ul, 
			#content td ul ol {
				margin-top:0px;
				margin-bottom:25px;
				}
				
		#content p {
			line-height:20px;
			}
			
		#content a {
			color:#e78a13;
			text-decoration:underline;
			}
			
		#content a:hover {
			color:#f6aa48;
			text-decoration:underline;
			}
			
		#content h1 {	
			margin:0px 0px 15px 0px;
			padding:0px;
			font:normal 185%/35px "Trebuchet MS", Arial, Helvetica, sans-serif;
			color:#e78a13;
			border-bottom:1px solid #cdd1cf;
			}
			
		#content h2 {	
			margin:0px 0px 15px 0px;
			padding:0px;
			font:normal 148% "Trebuchet MS", Arial, Helvetica, sans-serif;
			color:#4e300a;
			}
			
		#content h3 {	
			margin:0px 0px 15px 0px;
			padding:0px;
			font:bold 120% "Trebuchet MS", Arial, Helvetica, sans-serif;
			color:#e78a13;
			}
			
		#content h4 {	
			margin:0px 0px 15px 0px;
			padding:0px;
			font:bold 105% "Trebuchet MS", Arial, Helvetica, sans-serif;
			color:#444;
			}
			
		#content h5 {	
			margin:0px 0px 15px 0px;
			padding:0px;
			font:bold 93% "Trebuchet MS", Arial, Helvetica, sans-serif;
			color:#666;
			}
			
		#content h6 {	
			margin:0px 0px 15px 0px;
			padding:0px;
			font:bold 83% "Trebuchet MS", Arial, Helvetica, sans-serif;
			color:#888;
			}
			



	/* ----- Footer ----- */


	footer {
		margin:2px 0px 20px 0px;
		padding:30px 30px 30px 30px;
		width:895px;
		height:auto;
		background:#e0dbcb;
		overflow:hidden;
		font: normal 93% Arial, Helvetica, sans-serif;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		border-radius:8px;
		}

	
	footer .logo {
		float:left;
		margin:0px;
		padding:0px 0px 20px 0px;
		width:200px;
		height:auto;
		overflow:hidden;
		}
		

	nav#main-footlinks {
		margin:0px 0px 10px 0px;
		padding:0px 0px 0px 0px;
		width:693px;
		height:auto;
		font-size:100%;
		font-weight:normal;
		float:right;
		overflow:hidden;
		}
		
		nav#main-footlinks ul {
			list-style:none;
			margin:10px 0px 0px 10px;
			padding:0px 0px 0px 0px;
			}
			
			nav#main-footlinks ul ul {
				display:none;
				}
		
		nav#main-footlinks ul li {
			margin:0px;
			padding:0px 0px 0px 0px;
			float:left;
			}
			
			nav#main-footlinks ul li.page-item-41,
			nav#main-footlinks ul li.page-item-43 {
				display:none;
				}
		
		nav#main-footlinks ul li a {
			display:inline-block;
			margin:0px;
			padding:0px 10px;
			color:#343635;
			font:normal 95% 'Trebuchet MS', Arial, Helvetica, sans-serif;
			text-decoration:none;
			}
		
		nav#main-footlinks ul li a:hover {
			color:#000;
			text-decoration:underline;
			}
		
	
	#disclaimer {
		margin:5px 0px 0px 0px;
		padding:0px;
		width:893px;
		height:auto;
		text-align:left;
		font:normal 83% Arial, Helvetica, sans-serif;
		color:#0f0e0d;
		clear:both;
		}
		
		#disclaimer p {
			margin:0px;
			padding:0px 0px 15px 0px;
			}
		
		#disclaimer a {
			color:#0b4676;
			font-weight:bold;
			text-decoration:underline;
			}
		
		#disclaimer a:hover {
			text-decoration:none;
			}
	
	
	#disclaimer img {
		float:right;
		}
		
	

		/* ----- [ Main Contact Form ] ----- */
		
		
					img.CfnImg {
			}
		
		form.main-contact-form {
			margin:0px;
			padding:0px;
			text-align:left;
			}
			
			form.main-contact-form div.gform_heading {
				display:none;
				}
			
			form.main-contact-form fieldset {
				border:none;
				margin:0px;
				padding:0px;
				}
			
			form.main-contact-form legend {
				display:none;
				}
				
			form.main-contact-form ul,
			form.main-contact-form ol,
			#content form.main-contact-form ul,
			#content form.main-contact-form ol {
				list-style:none;
				margin:0px;
				padding:0px;
				}
			
				form.main-contact-form ul li,
				form.main-contact-form ol li,
				#content form.main-contact-form ul li,
				#content form.main-contact-form ol li {
					clear:both;
					display:block;
					margin:5px 0px;
					*margin:1px 0px;
					padding:5px 0px;
					*padding:1px 0px;
					}
			
			
			/* ----- Labels [ Main Contact Form ] ----- */
			
			form.main-contact-form label {
				display:block;
				float:left;
				width:20%;
				padding:0px;
				overflow:hidden;
				vertical-align:top;
				}
				
				
				form.main-contact-form .captcha label {
					display:none;
					}
				
					
				/* ----- Denotes required field (styles applied to asterisk only) [ Main Contact Form ] ----- */
				
				form.main-contact-form span.gfield_required {
					font-weight:bold;
					color:#b20000;
					}
			

			/* ----- general input field area [ Main Contact Form ] ----- */
				
			form.main-contact-form div.ginput_container {
				float:right;
				width:75%;
				overflow:hidden;
				}
			
			
				/* ----- general input fields [ Main Contact Form ] ----- */
				
				form.main-contact-form input,
				form.main-contact-form select,
				form.main-contact-form textarea {
					width:95%;
					padding:5px;
					border:1px solid #bbb;
					background:#efefef;
					font:100% Verdana, Arial, Helvetica, sans-serif;
					color:#000;
					}
					
					
					/* ----- Message section [ Main Contact Form ] ----- */
					
					form.main-contact-form textarea {
						height:100px;
						overflow:auto;
						}
						
						
					/* ----- removing set pixel width for select & checkbox [ Main Contact Form ] ----- */
					
					form.main-contact-form select,
					form.main-contact-form input[type="checkbox"],
					form.main-contact-form input[type="radio"],
					form.main-contact-form input[type="file"],
					form.main-contact-form li.disclaimer div.ginput_container input {
						width:auto;
						}

					form.main-contact-form input[type="checkbox"],
					form.main-contact-form input[type="radio"],
					form.main-contact-form li.disclaimer div.ginput_container input {
						background:none;
						border:none;
						padding:0px;
						margin:0px;
						}
						
						
					/* ---- Sub-label for the "Disclaimer" checkbox (full disclaimer text written out) ----- */
					
					form.main-contact-form li.disclaimer div.ginput_container label {
						float:right;
						width:95%;
						margin:0px;
						*margin:-18px 0px 0px 0px;
						padding:0px;
						}
					
				

				/* ----- Submit Button [ Main Contact Form ] ----- */
	
				form.main-contact-form input.button {
					margin:0px;
					margin-left:25%;
					width:auto;
					background:#444;
					border:1px solid #222;
					color:#fff;
					font:bold 93% Verdana, Arial, Helvetica, sans-serif;
					text-transform:uppercase;
					padding:5px 10px;
					*padding:5px 0px;
					}
				
				
				form.main-contact-form input.button:hover {
					background:#666;
					}
				
			
			
			/* ----- Anti-Spam Honeypot Field (hidden) [ Main Contact Form ] ---- */
			
			form.main-contact-form li.gform_validation_container {
				clear:both;
				}
			
			form.main-contact-form li.gform_validation_container label,
			form.main-contact-form li.gform_validation_container .ginput_container,
			form.main-contact-form li.gform_validation_container .gfield_description {
				display:none;
				}
			
			/* ----- error message if required field not filled out [ Main Contact Form ] ----- */
			
			
				/* ----- main error message ----- */
				
				form.main-contact-form div.validation_error {
					clear:both;
					display:block;
					padding:10px;
					border:1px solid #6c0000;
					background:#b80000;
					color:#fff;
					font-weight:bold;
					}
				
				/* ----- specific error messages ----- */
				
				form.main-contact-form li.gfield_error {
					}
				
				form.main-contact-form div.gfield_description {
					float:right;
					clear:both;
					display:block;
					margin:10px 0px;
					padding:10px 0px;
					text-indent:10px;
					width:100%;
					border:1px solid #db9595;
					background:#ebcaca;
					color:#000;
					}
				
				form.main-contact-form div.instruction {
					font-style:italic;
					}
			
	

	
		
	/* ----- [ Quick Contact Form ] ----- */
		
	#quick-contact-box {
		margin:0px 0px 0px 455px;
		padding:0px 0px 25px 0px;
		position:absolute;
		width:500px;
		height:270px;
		background:url(img/form-bg-brown.png) right top no-repeat;
		z-index:1000;
		overflow:hidden;
	    }
	   
	  #quick-contact-box h2 {
			margin:0px 0px 0px 270px;
			padding:0px;
			color:#fff;
			font:normal 140%/30px 'Trebuchet MS', Arial, Helvetica, sans-serif;
			}
	  
		form.quick-contact-form {
			margin:10px 20px 0px 0px;
			padding:0px 0px 0px 0px;
			}
		
		form.quick-contact-form fieldset {
			border:none;
			margin:0px;
			padding:0px;
			}
		
		
		form.quick-contact-form legend {
			display:none;
		}
		 
		
		form.quick-contact-form ul {
			list-style:none;
			margin:0px 0px 10px 0px;
			padding:0px;
			}
	   
	   
		form.quick-contact-form ul li {
			margin:0px;
			padding:7px 0px;
			*padding:0px 0px;
			width:480px;
			display:block;
			clear:both;
			}
	
	   
		/* ----- Labels [ Quick Contact Form ] ----- */
		
		form.quick-contact-form label {
			margin:0px 0px 0px 270px;
			float:left;
			width:50px;
			color:#fff;
			font:bold 85% Arial, Helvetica, sans-serif;
			}
		
		form.quick-contact-form li.message label {
			display:none;
			width:100%;
			float:none;
			}
		  
		  
		/* ----- Denotes required field (styles applied to asterisk only) [ Quick Contact Form ] ----- */
		
		form.quick-contact-form span.gfield_required {
			font-weight:bold;
			color:#b20000;
			}
	 
		
		/* ----- input fields [ Quick Contact Form ] ----- */
		
		form.quick-contact-form input,
		form.quick-contact-form select,
		form.quick-contact-form textarea {
			width:150px;
			border:none;
			background:#fff;
			padding:4px;
			font:normal 85% Arial, Helvetica, sans-serif;
			color:#000;
			float:right;
			}
		 
		 
		 /* ----- removing set pixel width for some select & checkbox [ Quick Contact Form ] ----- */
		 
		form.quick-contact-form select {
			width:auto;
		}
		
		
		/* ----- Message section [ Quick Contact Form ] ----- */
		
		form.quick-contact-form textarea {			
			margin:0px 0px 0px -210px;
			*margin:-9px 0px 0px -210px;
			padding:4px;
			width:202px;
			height:55px;
			overflow:auto;
			position:absolute;
			}
	 
			 
		/* ----- form input field container [ Quick Contact Form ]  ----- */
		
		form.quick-contact-form span.gfield_required {
			font-weight:bold;
			color:#b20000;
			}
		
		
		form.quick-contact-form div.ginput_container {
			overflow:hidden;
			float:right;
			}
		
		
		form.quick-contact-form li.message div.ginput_container {
			}
		 
		 
		/* ----- Anti-Spam Honeypot Field (hidden) [ Quick Contact Form ]---- */
		
		form.quick-contact-form ul li.gform_validation_container {
			display:none;
			}
		 
	 
		/* ----- Submit Button [ Quick Contact Form ] ----- */
	 
		
		form.quick-contact-form div.gform_footer {
			text-align:center;
			clear:both;
			*margin:-10px 0px 0px 0px;
			}
		
		
		form.quick-contact-form input.button {
			width:77px;
			height:26px;
			border:0px solid #000;
			background: url(img/submit-btn.png) center top no-repeat;
			font-size:93%;
			text-transform:capitalize;
			color:#000;
			float:right;
			margin:55px 0px 0px 0px;
			*margin:57px 0px 0px 0px;
			padding:0px;
			}
		
		form.quick-contact-form input.button:hover {
			background:url(img/submit-btn.png) center -26px no-repeat;
			border:0px solid #000;
			}
		
					 /* ----- Anti-Spam Honeypot Field (hidden) [ Quick Contact Form ] ---- */
       
       form.quick-contact-form ul li.gform_validation_container {
              display:none;
              }
       
       
       /* ----- error message if required field not filled out [ Quick Contact Form ] ----- */
       
       
              /* ----- main error message ----- */
              
              form.quick-contact-form div.validation_error {
              		 margin:-40px 0px 0px 0px; 
                     padding:3px;
                     border:1px solid #6c0000;
                     background:#b80000;
                     color:#fff;
                     width:230px;
                     font-size:85%;
                     position:relative;
                     }
                                                
              
              /* ----- specific error messages ----- */
              
              form.quick-contact-form li.gfield_error {
                     }

              
              form.quick-contact-form div.gfield_description {
              		 margin:-15px 0px 0px 0px;
                     padding:4px;
                     border:1px solid #db9595;
                     background:#ebcaca;
                     color:#000;
                     float:left;
                     position:relative;
                     width:230px;
                     }					
              
                     form.quick-contact-form div.gfield_description {
                           margin-left:0px;
                           }
                           
                    form.quick-contact-form .validation_message {
                    	color:#000;
                    	width:150px;
                    	font-size:85%;
                    	}      

		

	/* ----- Maps & Directions ----- */
		
		
		.google-map {
			border:1px solid #c0c0c0;
			background:#fff;
			padding:15px;
			}
			
			
			.google-map h3,
			#content .google-map h3 {
				display:none;
				}
			

		#map_canvas_google_map_81 {
			border:1px solid #c0c0c0;
			}
			
		
		
			/* ----- "Get Directions" button ----- */
			
			
			div.google-map input,
			div.google-map input[type="button"] {
				border:1px solid #222;
				background:#444;
				color:#fff;
				font:bold 13px Arial, Helvetica, sans-serif;
				text-transform:uppercase;
				margin:10px 0px;
				padding:2px 5px;
				*padding:2px 0px 0px 0px;
				*width:130px;
				} /* GET DIRECTIONS button */
				
			div.google-map input:hover,
			div.google-map input[type="button"]:hover {
				background:#666;
				}
			
			
			
			/* ----- "Get Directions From" section ----- */
			
			div#directions-from {
				display:block;
				}
			
				div#directions-from input {
					width:400px;
					border:1px solid #c0c0c0;
					background:#eee;
					font:12px Tahoma, Verdana, Arial, sans-serif;
					text-transform:none;
					color:#000;
					padding:4px 5px;
					}
			
			
			
			/* ----- "Language" ----- */
		
			div#directions-locale {
				display:block;
				}
				
				
				div#directions-locale select {
					border:1px solid #c0c0c0;
					background:#eee;
					font:12px Tahoma, Verdana, Arial, sans-serif;
					text-transform:none;
					color:#000;
					padding:3px;
					} 


	
		
		/* ----- Search Results page ----- */
		
		
		#content ul.search-results-list li:first-child h2,
		#content ul.search-results-list li h2 {
			margin:0px;
			padding:0px;
			}
		
		.entry-title  {
			}
		
		
		#content ul.search-results-list p {
			margin:15px 0px;
			padding:0px;
			}
		
				
		#search-nav-below {
			border-top:1px dotted #ccc;
			display:block;
			padding:20px 0px 0px 0px;
			font-weight:bold;
			}
			
			
			#search-nav-below .nav-previous {
				display:block;
				float:left;
				}
		
		
			#search-nav-below .nav-more {
				display:block;
				float:right;
				}
		
					
					
		
		/* ----- Blog Post - Main Display List ----- */
		
		
		div.post-entry,
		div.type-post {
			border-bottom:1px dotted #ccc;
			}
			
			
			.post-author-date-info {
				display:block;
				float:right;
				padding:5px 0px 10px 20px;
				text-align:right;
				font-size:88%;
				}
				
				
		#nav-below {
			display:block;
			padding:20px 0px 0px 0px;
			font-weight:bold;
			}
			
			
			#nav-below .nav-previous {
				display:block;
				float:left;
				}
		
		
			#nav-below .nav-next {
				display:block;
				float:right;
				}
				
		ul.paging { 
			list-style: none; 
			padding: 0; 
			font-weight: bold; 
			}
			
		ul.paging li { 
			float: left; 
			margin: 0 6px 6px 0; 
			}
		ul.paging li a, ul.paging li.active { 
			display: block; 
			padding: 3px 6px; 
			background-color: #f5f5f5; 
			border: 1px solid #ccc; 
			}
		ul.paging li.active { 
			background-color: #000; 
			border-color: #000; 
			color: #fff; 
			}
					
					
		
		/* ---- Comments Section ----- */
		
		
		#comments {
			border-top:1px dotted #ccc;
			background:#fff;
			}
		
		
		#comments-list {
			padding:1px 0px;
			font:11px Verdana, Arial, Helvetica, sans-serif;
			color:#000;
			}
			
			
			#comments-list p,
			#content #comments-list p {
				line-height:18px;
				}
			
			
			#comments-list ol {
				list-style:none;
				margin:0px;
				padding:5px 0px 0px 0px;
				background:#fff;
				border-top:1px dotted #ccc;
				}
			
			
				#comments-list ul {
					list-style:none;
					margin-left:0px;
					padding-left:40px;
					background:#fff;
					}
				
				
					#comment-container-border {
						padding:0px 0px 10px 0px;
						background:#fff;
						border-bottom:1px dotted #ccc;
						}
					
					#comment-container-background {
						padding:10px;
						background:#f7f7f7;
						}
			
			
			.comment-author {
				display:block;
				float:left;
				margin:0px 15px 5px 0px;
				background:#fff;
				border:1px solid #ccc;
				padding:5px;
				}
				
				
				.comment-author a,
				.comment-author a:hover, 
				#content .comment-author a,
				#content .comment-author a:hover {
					text-decoration:none;
					font:bold 12px Verdana, Arial, Helvetica, sans-serif;
					}
				
				
				.comment-author img {
					display:block;
					max-width:50px;
					max-height:50px;
					overflow:hidden;
					margin:0px 0px 5px 0px;
					}
			
			
			.comment-reply-link {
				display:block;
				clear:both;
				}
				
				
				#content .comment-reply-link a,
				.comment-reply-link a {
					}
		
		
		#respond {
			}
		
		
		form#commentform {
			}
		
		
			#form-section-author,
			#form-section-email,
			#form-section-url {
				display:block;
				float:left;
				padding:0px;
				width:31%;
				overflow:hidden;
				}
		
		
				#respond input#author,
				#respond input#email,
				#respond input#url {
					border:1px solid #ccc;
					background:#f7f7f7;
					font:12px Verdana, Arial, Helvetica, sans-serif;
					color:#b20000;
					padding:5px;
					width:90%;
					}
				
				
			#form-section-comment {
				clear:both;
				display:block;
				padding:5px 0px 0px 0px;
				}
			
			
				#respond textarea#comment {
					border:1px solid #ccc;
					background:#f7f7f7;
					font:12px Verdana, Arial, Helvetica, sans-serif;
					color:#b20000;
					padding:5px;
					width:90%;
					overflow:auto;
					}
		
		
			#respond .form-submit {
				padding:15px 0px;
				}
			
			
			#respond .form-submit input {
				background:#444;
				border:1px solid #222;
				color:#fff;
				font:bold 11px Verdana, Arial, Helvetica, sans-serif;
				text-transform:uppercase;
				padding:5px 10px;
				}
		
		
			#respond .form-submit input:hover {
				background:#a60000;
				border:1px solid #500000;
				color:#fff;
				}
				
				
				#form-allowed-tags code {
					color:#666;
					}


					
		
		/* ---- Category page ----- */
				
		div.entry-meta,
		div.entry-utility {
			font-size:88%;
			}
			
		h1 span.category-title {
			color:#b20000;
			}
			
				
				
				
/* ----- END [4] Primary Styles ----- */












/* ----- [5] Non-Semantic Helper Classes ----- */



/* for image replacement */
.ir { 
	display:block; 
	text-indent:-999em; 
	overflow:hidden; 
	background-repeat:no-repeat; 
	text-align:left; 
	direction:ltr; 
	}


/* Hide for both screenreaders and browsers  [ css-discuss.incutio.com/wiki/Screenreader_Visibility ] */
.hidden { 
	display:none; 
	visibility:hidden; 
	} 


/* Hide only visually, but have it available for screenreaders: by Jon Neal.
www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { 
	border: 0; 
	clip: rect(0 0 0 0); 
	height: 1px; 
	margin: -1px; 
	overflow: hidden; 
	padding: 0; 
	position: absolute; 
	width: 1px; 
	}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { 
	clip: auto; 
	height: auto; 
	margin: 0; 
	overflow: visible; 
	position: static; 
	width: auto; 
	}


/* Hide visually and from screenreaders, but maintain layout */
.invisible { 
	visibility:hidden; 
	}


/* >> The Magnificent CLEARFIX:Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, 
.clearfix:after { 
	content:"\0020"; 
	display:block; 
	height:0; 
	visibility:hidden; 
	} 


.clearfix:after { 
	clear:both; 
	}


/* Fix clearfix:greenprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { 
	zoom:1; 
	clear:both; 
	}



/* ----- END [5] Non-Semantic Helper Classes ----- */












/* ----- [6] Media Queries ----- */
/* ----- These follow after primary styles so they will successfully override. ----- */



@media all and (orientation:portrait) { 

	/* Style adjustments for portrait mode goes here */
	
	}


@media all and (orientation:landscape) { 

	/* Style adjustments for landscape mode goes here */
	
	}


/* 
	Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
	Consider this:www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ 
*/

@media screen and (max-device-width:480px) {

	/* ----- Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you (j.mp/textsizeadjust ) ----- */
	/*html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
	
	}



/* ----- END [6] Media Queries ----- */












/* ----- [7] Print Styles ----- */
/* ----- inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ ----- */



@media print {

	* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
	-ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
	a, a:visited { color: #444 !important; text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for img, or javascript/internal links */
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
	tr, img { page-break-inside: avoid; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3{ page-break-after: avoid; }
	
	}



/* ----- END [7] Print Styles ----- */










