/* ::::: http://www.nalassociates.com/style.css ::::: */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0px; padding: 0px; border: 0px none; font-family: inherit; font-size: inherit; line-height: inherit; font-size-adjust: inherit; font-stretch: inherit; font-feature-settings: inherit; font-language-override: inherit; font-kerning: inherit; font-synthesis: inherit; font-variant: inherit; vertical-align: baseline; text-rendering: optimizelegibility; font-weight: normal; font-style: normal; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section { display: block;}
body { line-height: 1; }
ol, ul { list-style: outside none none; }
h1 a { background-position: left top; width: 222px; height: 22px; text-indent: 105%; white-space: nowrap; overflow: hidden; position: fixed; top: 100px; z-index: 999; left: 50px; display: block; }
#nav { width: 25%; height: 100%; background: none repeat scroll 0% 0% rgb(255, 255, 255); position: fixed; left: 0px; top: 0px; z-index: 900; }
#nav ul { border-top: 1px solid rgb(231, 231, 231); margin: auto 50px; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; height: 180px; }
#nav li a { color: rgb(133, 133, 133); border-bottom: 1px solid rgb(231, 231, 231); height: 35px; line-height: 35px; display: block; width: 100%; font-family: "Avenir LT W01 85 Heavy",Helvetica,sans-serif; text-decoration: none; transition: all 0.2s ease-in-out 0s; }
#nav li a:hover, #nav li a.sel { color: rgb(59, 59, 59); }
#home:target .text, #about-us:target .text, #contact:target .text{ opacity: 1; }
#home:target, #about-us:target, #practice-areas:target, #regions:target, #contact:target { z-index: 800; }

#side { display: none; }
.main { width: 100%; height: 100%; background: none repeat scroll 0% 0% rgb(255, 255, 255); position: absolute; z-index: 700; }
.figure { width: 40%; background: none repeat scroll 0% 0% rgb(16, 16, 16); height: 100%; position: fixed; right: 0px; }

.content { width: 35%; height: 100%; right: 40%; position: absolute;  }
h2 { position: absolute; top: 100px; font-family: "Avenir LT W01 85 Heavy",Helvetica,sans-serif; color: rgb(133, 133, 133); height: 22px; line-height: 22px; transition: all 0.5s ease-in-out 0s; }
#home h2 { display: none; }
h2, .text { padding-left: 5px; }
.text { margin: auto; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; height: 180px; padding-right: 50px; opacity: 0; transition: all 0.2s ease-in-out 0s; }
.text a { color: rgb(59, 59, 59); text-decoration: none; }
.text a:hover { color: rgb(59, 59, 59); text-decoration: underline; }
p { color: rgb(59, 59, 59); font-family: "Avenir LT W01 45 Book",Helvetica,sans-serif; line-height: 1.5em; margin-bottom: 1em; }
h3 { color: rgb(59, 59, 59); font-family: "Avenir LT W01 85 Heavy",Helvetica,sans-serif; line-height: 1.5em; margin-bottom: 1em; }
.text ul { padding-bottom: 30px; }
ul li { color: rgb(133, 133, 133); line-height: 1.5em; font-family: "Avenir LT W01 45 Book",Helvetica,sans-serif; }
ul li u { color: rgb(255, 75, 0); text-decoration: none; }
#close { display: none; }
#footer { position: absolute; bottom: 100px; left: 50px; z-index: 999; }
#footer p { font-family: "Avenir LT W01 45 Book",Helvetica,sans-serif; font-size: 0.875em; color: rgb(133, 133, 133); }


h1 a, #close, #side span { background-image: url('sprite.png'); background-repeat: no-repeat; background-size: 413px 34px; }
#nav ul {
	margin: auto 20px;
}
h2 {
	height: 17px;
}
.text {
	padding-right: 20px;
}
#footer {
	left: 20px;
	bottom: 55px;
}
@media only screen and (min-width: 900px){
	#about-us .text { height: auto; margin-top: 180px;}
}
@media only screen and (max-width: 1260px) {
	h1 a { background-size: 327px 28px; height: 17px; width: 175px; left: 20px; }
	#nav ul { margin: auto 20px; }
	h2 { height: 17px; }
	.text { padding-right: 20px; }
	#footer { left: 20px; bottom: 55px; }
}
@media only screen and (max-width: 900px) {
	#header { height: 128px; line-height: 128px; background: none repeat scroll 0% 0% rgb(255, 255, 255); width: 100%; position: fixed; z-index: 999; left: 0px; transition: all 0.2s ease-in-out 0s; }

	h1 a { position: relative; top: auto; display: inline-block; }

	#side { display: inline-block; position: absolute; height: 20px; line-height: 20px; background: none repeat scroll 0% 0% rgb(255, 255, 255); top: 55px; right: 0px; z-index: 900; text-align: right; text-decoration: none; }

	#side span { width: 80px; height: 20px; line-height: 20px; color: rgb(133, 133, 133); padding-right: 25px; background-position: right 5px; font-family: "Avenir LT W01 85 Heavy",Helvetica,sans-serif; margin-right: 40px; cursor: pointer; }

	#side span:hover { color: rgb(59, 59, 59); background-position: right -17px; }

	#nav { width: 50%; right: 0px; left: auto; background: none repeat scroll 0% 0% rgb(44, 44, 44); z-index: 0; }
	#nav ul { border: none; margin: 50px 100px auto 40px;}
	#nav li a { border: none; }
	#nav li a:hover, #nav li a.sel { color: rgb(249, 249, 249); }
	#close { display: block; background-position: -289px top; width: 18px; height: 18px; position: absolute; top: 55px; right: 40px; text-indent: 105%; white-space: nowrap; overflow: hidden; cursor: pointer; }

	#close:hover { background-position: -308px top; background-size: 413px 34px; }

	#container { height: 100%; width: 100%; left: 0px; position: absolute; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75); transition: all 0.2s ease-in-out 0s; }
	#container.onside { -webkit-transform: translate3d(-50%,0,0); -moz-transform: translate3d(-50%,0,0); -ms-transform: translate3d(-50%,0,0); -o-transform: translate3d(-50%,0,0); transform: translate3d(-50%,0,0);}

	.figure { width: 100%; height: 30%; position: relative; margin-top: 128px; overflow: hidden; }

	.content { width: 100%; height: auto; max-width: 100%; right: auto; background: none repeat scroll 0% 0% rgb(255, 255, 255); position: relative; overflow: hidden; }

	h2 { position: relative; top: 0px; }
	.text { position: relative; padding-right: 0px; overflow: hidden; height: auto; }
}

@media only screen and (max-width: 900px) and (min-width: 715px) {
	h1 a { left: 40px; }
	h2 { margin: 40px 0px 0px 40px; }

	.text {	margin: 40px 0px 0 40px;}
	.text .left { float: left; width: 50%; }
	.left p, .left ul { padding-right: 20px; }
	.text .right { float: right; width: 50%; }
	.text .right p, .text .right h3, .text .right ul { padding-left: 20px; }
	h2, .text { padding-left: 0px; }
}


@media only screen and (max-width: 715px) {
	#header { height: 70px; line-height: 75px; }
	#nav { width: 75%; }
	#nav ul { margin: 20px 50px 0px 20px; }
	#close { top: 30px; right: 20px; }
	#side { top: 25px; }
	#side span { display: inline-block; overflow: hidden; padding-right: 0px; margin-right: 20px; position: relative; text-indent: 105%; white-space: nowrap; }
	#container.onside { -webkit-transform: translate3d(-75%,0,0); -moz-transform: translate3d(-75%,0,0); -ms-transform: translate3d(-75%,0,0); -o-transform: translate3d(-75%,0,0); transform: translate3d(-75%,0,0);}
	h2, .text { margin: 20px; padding-left: 0px; }
	.figure { margin-top: 70px; height: 180px; }
	.dot { background-size: 38% auto; height: 20%; width: 20%; }
	.dots .dot { background-size: 100% auto; height: 18px; width: 18px; margin: -9px auto auto -9px; }
}


@font-face {
	font-family: "Avenir LT W01 45 Book";
	src: url('4f32268f-fd86-4960-b72c-4bb1ba75ec6f.eot') format("eot");
}
@font-face {
	font-family: "Avenir LT W01 45 Book";
	src: url('939cba03-5b40-4d01-9bc5-7589eca863db.woff') format("woff"), url('849bc5b9-a2ff-4343-977b-26ba8bd24a60.ttf') format("truetype"), url('f67fa3b5-c1d1-488f-8e60-a828b9ad56a4.svg') format("svg");
}
@font-face {
	font-family: "Avenir LT W01 85 Heavy";
	src: url('f61bf0f6-c193-4100-b940-12a1a01dcee5.eot') format("eot");
}
@font-face {
	font-family: "Avenir LT W01 85 Heavy";
	src: url('7147ec3a-8ff8-4ec9-8c5c-bd1571dc6ae6.woff') format("woff"), url('d1dc54b2-878d-4693-8d6e-b442e99fef68.ttf') format("truetype"), url('731dd4d3-64da-427d-ba61-01575b3cf3f7.svg') format("svg");
}
@font-face {
	font-family: "Sonsie One";
	src: url('SonsieOne-Regular.ttf') format("truetype");
}
/**--***/