/**
 * Color Swatch
 *
 * Light Brown 	#291d1c
 * Dark Brown 	#1d1414
 * Nav Bg light	#332827
 * Nav bg dark	#291d1c
 * Nav lt br btm#4d4342
 * Nav bdr top	#231c1b
 * Light Blue	#70aee0 (links)
 * Bg blue		#0065b8
 * Grey			#342928 (borders for dark boxes)
 * Lighter Grey	#3f3433 (borders for light boxes)
 * Text			#9f958a
 * Light Text	#e2d4c4
 * Caramel		#cc9152
 */

body
{
	margin:0;
	padding:0;
	background:#1d1414 url(../images/bg-darknoise.png) center top;
}

#document > header > .content,
#document > section > header,
#document > section > .content,
#document > section > section,
#document > footer > .content
{
	width:940px;
	margin:0 auto;
	position:relative;
}

/**
 * Document
 */
#document
{
	border-top:8px solid #1d1414;
	background:url('../images/bg-document.png') 0 0 repeat-x;
}

/**
 * Header
 */
#document > header 
{
	background:url('../images/bg-header.jpg') bottom right no-repeat;
	border:1px solid rgba(255,255,255,0.4);
	border-width:1px 0;
	padding:0 0 36px;
	height:354px;
}
#document > header .content { padding-right:500px; width:440px; }
#document > header address  { position:absolute; top:26px; right:0; font-size:18px; color:#fff; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif; text-shadow:0px 2px 1px rgba(0,0,0,0.3); background:url(../images/icon-phone.png) no-repeat 0 0; line-height:28px; padding-left:33px; }
#document > header ul		{ margin:0; list-style:none; }
#document > header ul li 	{ float:left; margin-right:10px;  }
#document > header ul li a 	{ font-size:13px; padding:2px 20px; font-weight:normal; -webkit-border-radius:5px; -moz-border-radius:5px; background-image:url('../images/bg-button_large.png'); /* .button */ }
#document > header ul li a:hover { background-image:url('../images/bg-button_large_hover.png'); }

/*
#document > header ul a 	{ font-size:14px; text-transform:uppercase; background:rgba(0,0,0,0.3); border-bottom-color:rgba(255,255,255,0.5); line-height:30px; padding:0 15px; "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif; font-weight: normal; }
#document > header ul a:hover { background:rgba(0,0,0,0.1); }
*/

/**
 * Doc Sections
 */
#document > section 		{ border-top:1px solid #3f3433; padding:36px 0 18px; background:#291d1c url(../images/bg-lightnoise.png) center top; }
#document > section.alt 	{ background:#1d1414 url(../images/bg-darknoise.png) center top; border-top:1px solid #342928; }

/**
 * Doc Footer
 */
#document > footer 			{ background:#1d1414 url(../images/bg-darknoise.png) center top; }
	
/**
 * Navigation
 */
nav 
{ 
	position:absolute; 
	top:-18px; 
	right:0;
	width:350px;
}
nav > a { float:left; background:url(../images/icon-back_to_top.png) no-repeat top left; height:11px; width:9px; text-indent:-9999px; position:relative; left:-5px; top:10px; overflow:hidden; }
nav > a:hover { background-position:0 -11px; }
nav ul li { float:left; margin-left:10px; font-weight:bold; color:#fff; }
nav ul li:first-child { margin-left:0; }
nav ul li.current a { color:#fff; }

	/* Style the nav slightly different on odd sections */
	#document > .alt nav ul { background:#291d1c; }

/**
 * About us
 */
#about_us 
{ 	
	margin-top:8px; 
}
#about_us .content > div { float:left; width:300px; margin-left:20px; }
#about_us .content > div:first-child { margin-left:0; }

/**
 * Areas of Practice
 */
#areas_of_practice div.callout 		{ float:right; width:520px; padding:10px 20px; margin-left:20px; background:#291d1c url(../images/bg-darknoise.png); }
#areas_of_practice div.callout ul 	{ margin:0; list-style-position:inside; color:#e2d4c4; width:260px; float:left; }
#areas_of_practice div.callout li 	{ line-height:18px; margin-right:10px; margin-left:10px; margin-bottom:5px;list-style-position:outside; }
#areas_of_practice #state_courts 	{ clear:left; }

	/**
	 * For grouping lists with headings
	 */
	.list-group 				
	{ 
		width:160px; 
		margin-left:20px; 
		float:left; 
	}
	.list-group:first-child 	{ margin-left:0; }
	.list-group h3 				{ margin-top:18px; }
	.list-group ul 				{ margin-left:0; padding:0; list-style:none; }

/**
 * Our people
 */
section#our_people				{ padding-bottom:36px; }
#our_people article 			{ display:block; margin-bottom:36px;  }
#our_people article h2 			{ margin-bottom:0; }
#our_people article header p	{ font-size:18px; color:#e2d4c4; }
#our_people article	.position	{ font-size:15px; font-style:italic; }
#our_people article figure img 	{ float:left; margin-bottom:18px; /* .bordered */ }
#our_people article .content 	{ width:460px; float:right; -webkit-column-count:2; -webkit-column-gap:20px; }

#staff_list 		{ display:none; }
#staff_list ul		{ list-style:none; margin:0; }
#staff_list li		{ float:left; margin:0 0 18px 20px; }
#staff_list img		{ width:130px; height:102px; display:block; -webkit-transition: all 0.2s ease-out;  /* .bordered */ }
#staff_list a		{ outline:0; }

#staff_list a:hover img,
#staff_list li.current a img
{ border-color:#cc9152; }

#staff_list a:hover img
{ border-color:#4d3c3b; }

/* Javscript Enabled */
.js #our_people article	{ display:none; margin-bottom:0; overflow:visible; float:right; width:460px; }
.js #our_people figure	{ position:absolute; top:0; left:0; }
.js #staff_list	{ width:480px; margin-left:-20px; display:block; float:left; margin-top:282px; }
.js #our_people article.current { display:block; }

/**
 * Contact Us
 */
section#contact
{ 
	padding-bottom:18px;  
}
#contact .copy 					{ width:360px; float:left; margin-bottom:9px; }
#contact .sub-copy 				{ width:560px; float:right; margin-bottom:18px; }
#contact .copy > address p 		{ float:left; margin-right:10px; width:170px;  }
#contact form 					{ }
#contact form button 			{ float:right; clear:right; }
	
#map 							{ width:930px;height:236px; clear:left; background:url(../images/google-map.png) no-repeat 0 0; overflow:hidden; }
.directions 					{ padding-left:17px; background:url(../images/icon-compass.png) no-repeat 0 1px; }
.directions:hover 				{ background-position: 0 -14px; }

/* Javscript enabled */
.js #map { background:none; }

/**
 * Footer
 */
#resources 	
{
	margin-bottom:36px;
	width:960px;
	margin-left:-20px;
}
#resources > h3 				{ margin:0 0 9px 20px; }
#resources ul 					{ margin:0; }
#resources li 					{ float:left; width:220px; margin-left:20px; list-style-position:inside; color:#e2d4c4;  }
#resources li a 				{ font-size:11px; }
.site-author 					{ display:block; text-indent:-9999px; height:30px; width:103px; background:url(../images/icon-logo.png) no-repeat 0 0; }

/**
 * Site Copyright 
 */
#site-information 
{
	border-top:1px solid #292020;
	padding-top:17px;
	padding-bottom:54px;
	font-size:11px;
	line-height:11px;
	overflow:hidden;
}
#site-information #copyright 	{ float:left; }
#site-information ul 			{ float:left; margin:0; }
#site-information li 			{ float:left; list-style:none; padding:0 7px; border-left:1px solid #292020; }
#site-information li:first-child { border:0; }
#site-information label			{ font-size:12px; }
#site-information input 		{ margin-right:5px; }
#site-information input,
#site-information button 		{ float:left; display:inline; }

/* Campaign Monitor Newsletter */
#site-information form 			{ float:left; position:relative; top:-10px; left:10px; padding-right:30px; background:100% 6px no-repeat; }
#site-information form.loading	{ background-image:url(../images/ajax-loader.gif); }
#site-information .form_message { top:-15px; display:none; width:425px; float:right; line-height:18px; }

/**
 * Newism Logo
 */
#newism
{ 
	position:relative; 
	top:-10px;
	margin:0;
}
#newism a { float:right; width:95px; height:30px; text-indent:-9999px; background:url(../images/icon-newism.png) no-repeat bottom left; opacity:0.5; -webkit-transition:opacity 0.5s ease-out; }
#newism a:hover { opacity:1; }

/**
 * Forms
 */
form.disabled 
{
	opacity:0.5;
}
 
input[type=text],
textarea
{
	 -moz-border-radius:3px;
	 -webkit-border-radius:3px;
	 background:#291d1c;
	 border-top:1px solid #ccc; 
	 border-width:1px 0 0 0; 
	 border: 1px solid #342928;
	 color:#e2d4c4;
	 font-family:inherit;
	 font-size:12px; 
	 margin-bottom:9px;
	 padding:4px 5px;
}
input[type=text] 	{ line-height:18px; width:170px; margin:0 0 16px 0; height:18px; }
select 				{ width:180px; }
textarea 			{ width:342px; height:140px; overflow:auto; padding-top:6px; }

button, .button
{ 
	-moz-border-radius:3px;
	-moz-box-shadow:0 0 5px rgba(0,0,0,0.5);
	-webkit-border-radius:3px; 
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.5);
	background:#004aa5 url('../images/bg-button.png') top left;
	border:0; 
	color:#fff; 
	cursor:pointer; 
	display:block;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-size:11px; 
	height:27px; 
	line-height:27px; 
	padding:1px 14px 2px; 
	text-shadow:0 -1px 0 #000;
	text-transform:uppercase;
}
button:hover, .button:hover { background:#015cd0 url('../images/bg-button_hover.png') top left; }
button:active, .button:active { position:relative; top:1px; }

.loader,
.form_message { height:18px; width:18px; background:url(../images/ajax-loader.gif) no-repeat left top; float:left; position:relative; top:5px; display:none; padding-left:25px; text-align:left; width:370px; }

.loader.error,
.form_message { background-image:url(../images/ajax-error.png);  }

.loader {}
.loader.success,
.form_message.success { background-image:url(../images/ajax-success.png);  }
.loader.error	{}

.form_message { display:none; }
.form_message.success,
.form_message.error { display:block; }

form .control 			{ float:left; width:185px; clear:left; position:relative; }
form .control.textarea 	{ float:right; width:354px; }
form .select label		{ display:none; }

/* Javascript Enabled */
.js form label { position:absolute; top:2px; left:7px; line-height:25px; }
.js form .textarea label span { left:10px; top:3px; }

/* Form errors */
input[type=text].error,
textarea.error { border-color:#cc9152; }

/**
 * Text link animations
 */
nav ul a,
#about_us .content p a,
#resources a,
#site-information ul a
{
	-webkit-transition:all 0.3s ease-out;
}

/**
 * Grid
 */
#grid 
{
	display:none;
	height:100%;
	left:50%;
	margin:0 0 0 -470px;
	position:fixed;
	top:0;
	width:940px;
}