* { margin: 0; padding: 0; outline:0; }

/***** PNG FIX *****/
img, div, li, { behavior: url(iepngfix.htc); }

.clear { clear: both; }

.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.appleLinks a {color:#966d40; text-decoration:none;}
.appleLinksWhite a {color:#ffeab1; text-decoration:none;}



body, html { font-size: 100%; padding: 0; margin: 0; height:100%;}
body {
	background-color: #beaf84;
	height: 100%;
	font-family: 'Nunito Sans', sans-serif;
	background-image:url(images/bg.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;
	font-weight:400;
}

img { max-width: 100%; height:auto; border: 0; -ms-interpolation-mode: bicubic; display:block; margin:0 auto; }


hr {
	border: none;
	border-top: 1px solid #acabab;
	height: 1px;
	margin: 0 0 5px 0;
	
}

:focus { outline:0 }

.shadow { width: 100%; height: 17px; position: relative; background-image: url(images/shadow.png); background-repeat: repeat-x; background-position: left top;}



/*------------ Typography -------------*/

/* Lists */
ul {list-style-type: none; text-decoration:none;}

/*---- UL site -----*/
ul.site { margin: 20px 0 20px 120px}
ul.site li {
	font-size:18px;
	color: #3C2E13;
	line-height:2em;
	letter-spacing:0.1em;
	text-align: left;
	padding: 10px 0;
	list-style-position: outside;
	list-style-type: disc;
}

/*---- UL resources -----*/
ul.resources { margin: 20px 0 20px 20px}
ul.resources li {
	font-size:18px;
	color: #3C2E13;
	line-height:1.5em;
	letter-spacing:0.1em;
	text-align: left;
	padding: 15px 0;
}

ul.resources li a {text-decoration: none; color: #986130; font-weight:700;}

ul.resources li a:hover { color: #3C2E13; text-decoration: none;}


/*--- UL faq-list -----*/
ul.faq-list { margin: 20px 0 20px 20px}
ul.faq-list li {
	font-size:18px;
	color: #3C2E13;
	line-height:1.5em;
	letter-spacing:0.1em;
	text-align: left;
	padding: 15px 0;
}

ul.faq-list li a {text-decoration: underline; color: #3C2E13; font-weight:700;}

ul.faq-list li a:hover { color: #986130; text-decoration: none;}


/* Blockquote */
q, blockquote { quotes: "\201C" "\201D" "\2018" "\2019";}
q:before, blockquote:before { content: open-quote; }
q:after, blockquote:after { content: no-close-quote;}


/*---- A Tag -------*/
a { color: #000; text-decoration: none; cursor:pointer; /* fade */ -webkit-transition:all 200ms ease-in; -o-transition:all 200ms ease-in; -moz-transition:all 200ms ease-in;}
	
a:hover { color: #B6B6B6; text-decoration: none;}

a.faq-a {
	color: #7C5027;
	font-weight:600;
	text-decoration:underline;
}
a.faq-a:hover {color: #3C2E13;}

a.mail {color:#ffb87e; text-transform:none;}
a.mail:hover{ color:#ffeab1;}



/*---- H Tag -------*/

h1, h2, h3, h4, h5, h6 {font-family: 'Crimson Text', serif; font-weight: 400; letter-spacing:0; text-transform:none; text-align:center;}
h1 { color:#8c5d29; font-size: 40px; padding: 0 0 10px 0;}
h1.contact { color:#ffeab1; font-size: 40px; padding: 0 0 100px 0;}
h1. attorney { color:#8c5d29; font-size: 40px; padding: 0 0 10px 0;}
h2 { color:#000; font-size: 18px; padding: 0px 0 10px 0}
h2.poem-name { color:#000; font-size: 18px; padding: 0 0 10px 0;}


/*---- P Tag -------*/
p {
	font-size:18px;
	color: #3C2E13;
	line-height:2em;
	letter-spacing:0.08em;
	text-align: justify;
	text-justify: inter-word;
	padding: 20px 0;
	font-style: normal;
	font-weight:400;
}


p.italic { font-style:italic; font-weight: 400; font-size:18px; color: #666; line-height:2em; letter-spacing:0; text-align: justify; padding: 5px 0; }

/*---- Span -------*/

.bold { font-weight:600;}

.poem {font-size:16px; text-align:center; font-style:italic; letter-spacing:0;}
.poem-credits {font-size:14px; text-align:center; letter-spacing:0;}

.dropcap { font-family: 'Georgia' serif; font-size:63px; font-weight: 700; text-transform: uppercase; display:block; float:left; padding:0; margin:15px 2px 10px 0; color: #8c5d29; initial-letter: 3; }

.firstLetter {
	float:left;
    color: #8c5d29;
    margin: 0.25em 0.2em 0.1em 0;
    font-size:120px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight:600;
    line-height : 0.5;
}



.firstLetter + span{
  margin-left : -0.5em;
}


/* Wraps */


#wrapper  { height:auto; position: relative; width: 100%; background-image: url(images/bg-content2.png); background-repeat: repeat background-position: left top;}
#wrapper2  { height:auto; position: relative; width: 100%;}


.main-area{ max-width:60.000em; margin: 0 auto; height: auto !important; padding: 2em 3em 3em 3em;}


.main-area-quote {
	max-width:60.000em;
	margin: 0 auto;
	height: auto !important;
	padding: 2em 0 3em 0;
	
}



/* ----------------- Header -------------------- */

.header { max-width:60.000em; margin: 0 auto; height: auto !important; padding: 0.5em 1em 1em 1em; }

.one-fourth p { color:#5f5130; font-size: 16px; font-weight:600; letter-spacing:0; text-transform:uppercase; line-height:1.5em; text-align:center; margin: 20px 0 0 5px; padding:0;}
.one-fourth p.phone-number {font-size: 28px; font-weight:600; color:#8c5d29; margin:0 !important; line-height:1em !important; text-shadow: 1px 0px #e9e1c8 !important}


/* Logo Header */
#logo img{ width: 323px; height: 116px; max-width: 100%; border: 0; -ms-interpolation-mode: bicubic; display:block; }
#logo { float: none; text-align: center; padding: 10px 0 0 0; }
#logo a { margin: 0 auto; display: inline-block;  }


/* -----------------  Section Background --------------------------------- */

.section { float: left; width: 100%; }

#section{
-webkit-background-size: 100% !important;
-moz-background-size: 100% !important;
-o-background-size: 100% !important;
background-size: 100% !important;
max-width: 100%;
width: 100%;
}


/* Section A */

#section-a{ background:url(images/7.jpg) no-repeat fixed  center bottom; background-color:#87481c; text-align:center;}
#section-a p { color: #ffeab1; font-style:italic; font-weight:600; font-size: 24px; padding: 20px 50px; text-align:center;}
.block-start { font-family: Georgia, serif; font-weight: bold; font-size: 56px; font-style:normal;  position:relative; top : .25em}



.quote-area {
	max-width:60.000em;
	margin: 20px auto;
	background-image: url(images/bg-quote.png);
	background-repeat: repeat;
	padding: 40px 0;
}

.quote-scroll {text-align:center; margin: 0 auto;}
.right {text-align:right; font-style:normal; font-size:20px !important;}

/* Section B */

#section-b{
	background:url(images/10.jpg) fixed center bottom no-repeat;
	background-color: #a57443;
	-webkit-background-size: 100% !important;
    -moz-background-size: 100% !important;
    -o-background-size: 100% !important;
    background-size: 100% !important;
    max-width: 100%;
    width: 100%;
    padding:0;
    margin:0;}
	
#section-b p { color: #ffeab1; font-weight:600; font-size: 20px; text-align: center; text-transform: uppercase; padding:0;}


@media only screen and (max-width: 992px) {
#section, #section-b{
-webkit-background-size:cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
}
}



/* -----------------  Map --------------------------------- */
.full-map {width: 100%;}

.full-map img { width: 100%; height: auto;}

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


/*-----------------------------------------------------------------------------------*/
/*	SOCIAL
/*-----------------------------------------------------------------------------------*/


#social-inner {margin: 0 auto; text-align:center; position:relative; padding:10px 0 10px 0; width:100%; height:29px;}
.facebook {width:29px; display:inline-block; padding: 0 2px 0 0; position:relative;}
.linkedin {width:29px; display:inline-block; padding: 0 0 0 2px; position:relative}



.attorney-photo {float:left; margin: 30px 40px 20px 0; }


/* ----------------- Footer -------------------- */
#footer-wrapper  { height:auto; position: relative; width: 100%; background-color: #401d00;}

.footer{ max-width:60.000em; margin: 0 auto; height: auto !important; padding: 1em 2em 3em 2em; }

.footer p { font-family: 'Nunito Sans', sans-serif; font-weight: 300; font-size:16px; color: #fff; line-height:2em; letter-spacing:0.1em; text-align: center; padding: 0; }

.footer a { color: #f4bd8c; text-decoration: none; cursor:pointer; /* fade */ -webkit-transition:all 200ms ease-in; -o-transition:all 200ms ease-in; -moz-transition:all 200ms ease-in; }
	
.footer a:hover { color: #fff; text-decoration: none; }



/*-----------------------------------------------------------------------------------*/
/*	COLUMNS
/*-----------------------------------------------------------------------------------*/

.one-half-header { width:48%; }
.one-third { height:auto; }
.one-half { width:48%;}
.one-third { width:30.66%;}
.two-third { width:65.33%; }

.one-half-third { width:30.66%; }
.two-half-third { width:65.33%; }

.one-fourth { width:22%;}
.three-fourth { width:74%; }
.one-fifth { width:16.8%; }
.two-fifth { width:37.6%; }
.three-fifth { width:58.4%; }
.four-fifth { width:67.2%; }
.one-sixth { width:13.33%; }
.five-sixth { width:82.67%; }

.poem-left { width:42.6%; }
.poem-right { width:53.4%; }

.one-half, .two-half-third, .one-half-third, .poem-left, .poem-right, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth, .one-sixth, .five-sixth, .poem-left, .poem-right { position:relative; margin-right:4%; float:left;}

.one-third { margin-top: 4%;}

.one-half-header { position:relative; margin-right:4%; float:left;}




.last { margin-right:0 !important; clear:right; }

.column-wrapper {
	overflow: hidden;
	width: 100%;
}