@charset "UTF-8";
/* CSS Document */
/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #000;
}

body {
    font-size: 1em;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.te
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/* A better looking default horizontal rule */

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

/* Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */

img {
    vertical-align: middle;
}

/* Remove default fieldset styles.*/

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/* Allow only vertical resizing of textareas.*/

textarea {
    resize: vertical;
}

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

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}
/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/*html	{
	background: url(../img/bkg_lgcrop.jpg) no-repeat fixed center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}*/
body
{
	font-family: 'Lato', Helvetica, sans-serif;
	font-size: 16px;
	line-height: 2em;
	font-weight:400;
	color: #000;
	letter-spacing: 0.12em;
}
.contents
{	
	clear:both;
/*	position:relative;
*/	width:50%;
	max-width:600px;
	min-width:300px;
	margin:0px auto;
	padding:180px 80px 25px 80px;
/*	background:rgba(255, 255, 255, 0.80);
*/	/* Fallback for web browsers that doesn't support RGBa */
	/* [disabled]background: rgb(255, 255, 255); */
	/* For IE8 and earlier */
/*	filter: alpha(opacity=80);
*/}
h1, h2, h3, h4, h5, h6
{  
	font-family:'Lato', Helvetica, sans-serif;
	font-weight:700;
	font-size:18px;
	text-transform:uppercase;
	letter-spacing:.15em;
	line-height:1.25em;
	color:#CB9238;
}

p	{
	margin-bottom:50px;
}
h1 .llc {
	font-size:14px;
}
h2	{
	font-size:13px;
	color: #CB9238;
}
h6	{
	font-size:10px;
	margin-bottom:12px;
	color:#fff
}
.noWrap	
{
	white-space:nowrap;
}
.gold
{
	color:#CB9238;
}
hr
{
	background: #000;
	width: 100%;
	box-shadow: 0 2px 0px 0px rgba(255,255,255,1);
}
hr.thinRule
{
	margin-bottom: 5px;
	margin-top:-7px;
	height: 1px;
	max-width:650px;
	min-width:300px;
}
hr.midRule
{
	height: 2px;
	margin-top:-1px;
	margin-bottom: 25px;
	max-width:650px;
	min-width:300px;
}
hr.thickRule
{
	margin: 5px 0px 5px 0px; 
	height: 4px;
}
.bold {
	font-weight: bold;
	line-height:1.25em;
}


/* ==========================================================================
  header
   ========================================================================== */
#header	{
	position:fixed;
	top:0px;
	width:100%;
	z-index:100;
}
#headerbar	{
	background-color:#000;
	height:40px;
	padding:30px 50px 10px 50px;
}	
.phone	{
	float:right;
	font-family: 'Lato', Helvetica, sans-serif;
	font-size:20px;
	font-weight:400;
	letter-spacing:.15em;
	line-height:16px;
	color:#fff;
	text-align:right;
	margin-top:-3px;
}
.phone a	{
	color:#fff;
	text-decoration:none;
	font-weight:700;
}
.footerSmall .phone	
{	font-size:18px;
	line-height:14px;
	float:none;
	text-align:center;
	margin: 12px auto;
}
.phone span
{
	font-size:12px;
}
.footerSmall .phone	span
{
	font-size:10px;
}


/* ==========================================================================
  navigation
   ========================================================================== */
   


#mainnav	{
	position:relative;
	float:left;
	top:0px;
	width: 100%;
	height:auto;
	background-color:#dbdbdb;
	font-size: 14px;
	font-weight:400;
	line-height:2em;
    letter-spacing: normal;
	text-transform: uppercase;
	text-align:center;
	padding:0px 0px 0px 0px;
	margin:0px;
}
#mainnav ul li	{
	display:inline-block;
	text-align:center;
	padding:0px 14px;
	white-space: nowrap;
}
#mainnav ul li:first-child	{
	padding-left:0px;
}
ul li a	{
	text-decoration:none;
	color:#000;
}
#mainnav a:hover	{
	color:#CB9238;
}



/* ==========================================================================
   phone nav (http://jasonweaver.name/lab/flexiblenavigation/single-page-pattern.html)

   ========================================================================== */
	[role="navigation"] { 
	position: fixed; 
	top: 0px; 
	left: 0;
	margin: 0px; 
	border-bottom: 0; 
	width:100%;
	z-index:200;
	border-bottom:1px solid #333;
	text-align:center;
	color:#CB9238;	
	text-transform:uppercase;
	font-weight:400;
	}
	
	.nav { 
	padding: 0; 
 	margin: 0;
	}

	.nav li {
	list-style-type: none;
	width: 100%;
	}
	.nav li a {
	margin:0;
	border: 1px solid #333;
	display: block;
	padding: 13px 0px 13px 0px;
	background-color: #000;
	color:#CB9238;
	text-decoration: none;
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;
	}

	.nav .active a, .nav li a:hover {
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;
	color:#FFF;
	text-transform:uppercase;
	}
	
	.activePage {
	color:#CB9238;
	}

	.nav .active a {
	cursor: default;
	}

	#nav_toggle li a {
	color:#CB9238;
	}

	#nav_toggle { 
	display: block; 
  	}
	
	.hide {
	position: absolute !important;
	top: -9999px !important;
	left: -9999px !important;
	}



/* ==========================================================================
  home
   ========================================================================== */
#mainLogo
{
	width: 50%;
	margin: 20% auto 0;
}
#mainLogo img
{
	width: 100%;
	margin:0 auto;
	margin-bottom:20px;
}
.container .landingNav
{
	text-align: center;
	color: #666;
	font-size: 15px;
/*	letter-spacing:.19em;
*/	text-transform: uppercase;
	width: 100%;
	display: inline;
    padding: 15px;
}
.container .landingNav ul li
{
    display: inline;
    padding: 15px;
}
.landingNav li a:hover
{
	color:#CB9238;
}
.container .mainNav
{
	text-align: center;
	color: #666;
	font-size: 18px;
	letter-spacing: 0.11em;
	font-weight:400;
	width: 100%;
	text-transform: uppercase;
	line-height: 1em;
}
/*.container .mainNav ul li
{
	display: inline;
	padding: 15px;
}*/
ul:first-child
{
    padding-left:0px;
} 
   
   
   
   
   
   


/* ==========================================================================
  welcome
   ========================================================================== */
.contents ul {
	padding-left:0px;
	margin-left:0px;
	counter-reset: foo;
    display: table;
}
.contents ul li {
	list-style: none; 
	line-height: 1.6em;	 
}	
.contents ul li:before {
	content: "\2022";
	color: #CB9238;
	padding-right: 0.5em;
}
.contents li:last-child {
	padding-bottom:25px;
}
.contents li:first-child { 
	margin-top: -30px;
}
#claims	{
	margin:-25px 0px 50px 0px;
}
practiceAreas,.contents a {
	color: #CB9238;
	text-decoration:none;
}
practiceAreas,.contents a:hover {
	color: #000;
}
#claims p {
	line-height: 1.25em;
	margin-bottom: 13px;
}
.collisions	{
	padding-top:100px;
	max-width:650px;
	}
.welcomePageAddress	{
	margin-bottom:60px;
}
.welcomePageAddress p	{
	margin:0px;
	line-height:1.25em;
	font-family:'Lato', Helvetica, sans-serif;
}
.disclamimerContainer	{
	width:100%;
	background-color:#dbdbdb;
	padding:40px 0px 60px 0px;
}
.disclaimer	{
	width:60%;
	min-width:300px;
	margin:0px auto 60px;;
	font-size:12px;
	line-height:1em;
}
.disclaimer	p{
margin-bottom:15px;

}


/* ==========================================================================
  practice areas
   ========================================================================== */

#pagepractice #claims {
	margin:25px 0px 50px 0px;}
	
#pagepractice h2	{
	color:#000;
	}
	


/* ==========================================================================
  bios
   ========================================================================== */
.contentsbio
{	
	clear:both;
	width:80%;
/*	position:relative;*/
	
	max-width:645px;
	min-width:300px;
	margin:0px auto;
	padding:180px 0px 25px 0px;
/*	background:rgba(255, 255, 255, 0.80);
*/	/* Fallback for web browsers that doesn't support RGBa */
	/* [disabled]background: rgb(255, 255, 255); */
	/* For IE8 and earlier */
/*	filter: alpha(opacity=80);
*/}
.subbios
{	
	clear:both;
	width:80%;
/*	position:relative;*/
	
	max-width:645px;
	min-width:300px;
	margin:0px auto;
	padding:25px 0px 25px 0px;
/*	background:rgba(255, 255, 255, 0.80);
*/	/* Fallback for web browsers that doesn't support RGBa */
	/* [disabled]background: rgb(255, 255, 255); */
	/* For IE8 and earlier */
/*	filter: alpha(opacity=80);
*/
}
.bios
{
	width:100%;
	margin:0 auto;
}
.biobkg
{
	width: 90%;
	max-width: 850px;
	margin: 5px auto;
	padding: 10px 30px;
	background-color:#ff0000;
	/* RGBa with 0.6 opacity */
/*	background: rgba(255, 255, 255, 0.6);
*/	/* Fallback for web browsers that doesn't support RGBa */
	/* [disabled]background: rgb(255, 255, 255); */
	/* For IE8 and earlier */
	filter: alpha(opacity=70);
}
.subbios	{
	padding-top:10px;
	margin-bottom:100px;
}
.imgcontainer
{
	background-color:#CB9238;
	width:285px;
	padding:20px 0px 80px 0px;
	float:left;
	margin-right: 40px;
	margin-bottom:65px;
}
.imgcontainer img{
width:100%;
max-width:400px;
height:auto;
}
.names
{
	font-family: 'Lato', Helvetica, sans-serif;
	font-size: 18px;
	margin-left:10px;
	line-height:.2em;
	text-transform: uppercase;
	max-width:400px;
	color:#fff;

}
.bioCopy
{	
	float: left;
	max-width:310px;
	display:block;
	margin-top:-20px;
	overflow:auto;
	line-height:1.45em;
	font-size:.9em;
}
.bioCopy p
{ 
	margin-bottom:5px; 
}
.toggleLink
{
	margin-top:-25px;
}
.bios .contentsbio a	{
	color:#CB9238;
	text-decoration:none;
}
	
		


/* ==========================================================================
  read more toggle
   ========================================================================== */
.toggleLink 
{
	color:#CB9238;
	text-decoration: none;
}
.toggleLink:hover 
{
	color:#000;
	cursor: pointer;
}
.elaboration 
{
	display: none;
}		



/* ==========================================================================
  contacts
   ========================================================================== */
.maincontacts	{
	   background-color:#CB9238;
	   padding:8px 0px 0px 0px;
	   width:100%;
	   margin-bottom:50px;
   }
.close	{
	line-height:1.45em;
}
.maincontacts img	{
	margin-left:20px;
   }
.mainaddress	{
	background-color:#fff;
	margin-top:8px;
	padding:20px;
	line-height:1.2em;
}
#pagecontacts .mapcontainer		{
	width:100%;
	max-width:600px;
	min-width:300px;
	margin:25px auto 60px;
}
#map-canvas	{
	width:100%;
	height:300px;
	margin:0px auto;
	}
#hours .thickRule	{
	margin-top:-25px;
}
#hours	{
	margin-bottom:100px;
}


/* ==========================================================================
  individual practice pages
   ========================================================================== */
   
 .list 	{
	 margin-top:-40px;
	 line-height:1.4em;}  
   
   
   
   /* ==========================================================================
  footer
   ========================================================================== */

	.footerLarge	{
	width:100%;
    font-size: 14px;
    background-color: #000;
	bottom:0;
    position:fixed;
    z-index:150;
    _position:absolute;
	width:100%;
	text-transform:uppercase;
	letter-spacing: 0.15em;
	font-weight:700;

	}
	.footerLarge a{
		float:right;
		text-decoration:none;
		color:#CB9238;
		margin:10px 50px;
	}
	.footerLarge a:hover	{
		color:#fff;
	}
	.footerSmall	{
	background-color:#000;
    bottom:0;
    position:fixed;
    z-index:150;
    _position:absolute;
    _top:expression(eval(document.documentElement.scrollTop+
        (document.documentElement.clientHeight-this.offsetHeight)));
    height:58px;
	width:100%;
	}
	/*http://stackoverflow.com/questions/2571573/css-footer-position-stick-to-bottom-of-browser*/

@media only screen and (min-width:811px) and (max-width:920px) {
.landingNav ul li a	{
	letter-spacing: normal;
}
}


@media only screen and (max-width:810px) {
#header	{
	display:none;
}
.contents	{	
	width:90%;
	margin:0px auto;
	padding:80px 15px 25px 15px;
}
.contentsbio	{
	width:100%;
	padding:80px 0px 25px 0px;
}
.imgcontainer	{
	padding:20px 0px 40px 0px;
	float:none;
	margin:0 auto 25px;
	width:90%;
	max-width:400px;
	height:290px;
}
imgcontainer img	{
	width:100%;
}
.bioCopy	{
	float:none;
	margin:0 auto;
	width:90%;
	max-width:400px;
}
.footerLarge	{
	display:none;
}
.disclaimer	{
	width:90%;
	padding:0px 15px 0px 15px;
}
.maincontacts img	{
	width:80%;
   }
.container .landingNav	{
	display:none;
}
#mainLogo
{
	width: 70%;
	margin: 50% auto 0;
}

}
@media only screen and (min-width:811px)  {
	
#flexnav	{
	display:none;
}
.footerSmall	{
	display:none;
}
}