/* -------------------------------------------------------------------------- */

* { 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	}
.cf:before,
.cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }
html, body { overflow-x:hidden; }
body {
	margin:0;
	font-family:arial,helvetica,sans-serif;
	font-size:16px;
	color:#666;
	background: #1364a6 url('../images/tile-25.png');
}
img { max-width:100%; height:auto; }
iframe { max-width:100%; }

.rightimg { float:right; margin:1em 0 30px 30px; max-width:50%; } 
.leftimg { float:left; margin:1em 30px 30px 0; max-width:50%; } 

a { color:#1364a6; } 
a:hover { text-decoration:none; }

h1, h2, h3, h4 { margin:1em 0 0.2em; font-weight:normal; line-height:normal; }
h1 { font-weight:bold; } 
h1+*, h2+*, h3+*, h4+* { margin-top:0; }

@media screen  and (max-width:450px){
	.rightimg, 
	.leftimg { float:none; margin:1em 0 30px; max-width:100%; text-align:center; }
	#contentBlock h1,
	#contentBlock h2,
	#contentBlock h3 { text-align:center; }
}
@media screen  and (max-width:360px){
	h1 { font-size:1.7em; }
	h2 { font-size:1.3em; }
}
 
/* -------------------------------------------------------------------------- */

	.req { color:red; }
	label, input, select, textarea {
		display:block;
		margin-top:10px;
		max-width:100%;
		font-family:inherit;
		}
	input, select, textarea { padding:5px; }
	label+input, label+select, label+textarea { margin-top:5px; }

	input[type="submit"] { border:0; color:#fff; padding:10px; border-radius:10px;
		background: #f33e3f; /* Old browsers */
		background: -moz-linear-gradient(top,  #f33e3f 1%, #a3050a 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #f33e3f 1%,#a3050a 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #f33e3f 1%,#a3050a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f33e3f', endColorstr='#a3050a',GradientType=0 ); /* IE6-9 */
	} 
	input[type="submit"]:hover {
		cursor:pointer;
		background:#F33E3F;
	}

/* -------------------------------------------------------------------------- */

#wrapper { max-width:1000px; margin:20px auto 0; border:10px solid rgba(255,255,255,0.1);  }
#contentBlock li,
#footerBlock li { line-height:1.2em; padding-bottom:0.4em; }

/* -------------------------------------------------------------------------- */

#headerBlock { background:#0c4988 url(../images/background-flag.jpg) center center no-repeat; background-size:180%; position:relative; }
#headerBlock a { color:#fff; }
#headerBlock > div { padding:20px; position: relative; overflow:hidden; z-index:5;} 

.logo { display:inline-block; } 
.logo > img { display:block; } 
.gavel { position:absolute; top:10px; right:10px; } 


@media screen  and (max-width:700px){
	.logo { width:70%; } 
	.gavel { width:36%; top:auto; bottom:-14%;  } 
}
/*
@media screen  and (max-width:450px){
	.logo { width:100%; }
	.gavel { display:none; }
}
*/

/* -------------------------------------------------------------------------- */

#menuBlock {
	border-top:1px solid rgba(255,255,255,0.5);
	border-bottom:1px solid rgba(0,0,0,0.5);
	color:#fff;
	text-shadow: 0 1px 0px #000;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f33e3f+1,a3050a+100 */
background: #f33e3f; /* Old browsers */
background: -moz-linear-gradient(top,  #f33e3f 1%, #a3050a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f33e3f 1%,#a3050a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f33e3f 1%,#a3050a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f33e3f', endColorstr='#a3050a',GradientType=0 ); /* IE6-9 */
} 
#menuBlock > div { text-align:center; padding:0; } 

.topNav { list-style:none; margin:0; padding:0; }
.topNav > li { display:inline-block; border-right:1px solid rgba(0,0,0,0.2); border-left:1px solid rgba(0,0,0,0.2); }
.topNav > li > a { display:block; text-decoration:none; color:#fff; padding:0.5em 10px; font-size:20px; }
.topNav > li:hover > a { background:#F33E3F; }

.topNav > li > ul { display:none; }

.menu { display:none; color:#fff; text-decoration:none; padding:10px; }
.menu:hover { background:#F33E3F; }

@media screen  and (max-width:960px){
	.topNav > li > a { font-size:16px; padding:15px 10px; }
}
@media screen  and (max-width:820px){
	.menu { display:block; }
	.topNav { display:none; margin:0; } 
	.topNav > li { display:block; } 
	.topNav > li > a { padding:10px; }
}

/* -------------------------------------------------------------------------- */

#footerBlock { background:#166bae; color:#fff; text-shadow: 0 1px 0px #000; font-size:14px; }
#footerBlock a { color:#fff; }
#footerBlock > div { padding:40px 20px 40px; text-align:center; }

#footerBlock > div > div { display:inline-block; vertical-align:top; padding:0 40px 0 0; text-align:left;  } 
#footerBlock > div > div:nth-of-type(1) { width:140px; } 
#footerBlock > div > div:nth-of-type(2) { width:240px; } 
#footerBlock > div > div:nth-of-type(3) { width:500px; padding:0; } 
#footerBlock > div > div > *:first-child { margin-top:0; } 
#footerBlock ul { list-style:none; padding:0; margin:0; } 
#footerBlock ul li { padding-bottom:0; } 
#footerBlock ul li a { text-decoration:underline; font-size:12px; } 
#footerBlock ul li a:hover { text-decoration:none; } 

@media screen  and (max-width:980px){
	#footerBlock > div > div:nth-of-type(3) { width:300px; }
}
@media screen  and (max-width:770px){
	#footerBlock > div > div { padding:0 20px 0 0; }
	#footerBlock > div > div:nth-of-type(1) { width:110px; }
	#footerBlock > div > div:nth-of-type(2) { width:200px; }
	#footerBlock > div > div:nth-of-type(3) { width:260px; }
}
@media screen  and (max-width:660px){
	#footerBlock > div { width:300px; max-width:100%; margin:0 auto; text-align:left; }
	#footerBlock > div > div:nth-of-type(1),
	#footerBlock > div > div:nth-of-type(2), 
	#footerBlock > div > div:nth-of-type(3) { width:100%; padding:0; }
	#footerBlock > div > div:nth-of-type(2), 
	#footerBlock > div > div:nth-of-type(3) { padding-top:40px; }
}
@media screen  and (max-width:340px){
	#footerBlock > div { padding:40px 10px; }
}

/* -------------------------------------------------------------------------- */

#bottomBlock { color:#fff; font-size:12px; margin-bottom:100px; }
#bottomBlock > div { max-width:1000px; margin:0 auto; text-align:center; padding:0 20px; }
#bottomBlock span { display:inline-block; }

@media screen  and (max-width:430px){
	#bottomBlock span { display:inline; }
}

/* -------------------------------------------------------------------------- */

#contentBlock { background:#fff; min-height:300px; } 
#contentBlock > div { padding:15px 5px; } 

#left { float:left; width:200px; margin-left:-100%; margin-bottom:110px; }
#right { float:left; width:200px; margin-left:-200px;  }

.sidebar p, .sidebar a { font-size:12px; }

#wrapcenter { float:left; width:100%; } 
#center { margin: 10px 230px; }

#center { line-height:1.4em; } 
#center > *:first-child { margin-top:0; }

@media screen  and (max-width:840px){
	#center { margin:10px 20px 50px; }
	#left { float:left; width:49%; clear:both; margin-left:0; }
	#right { float:right; width:49%; margin:0;  }
	
}
@media screen  and (max-width:580px){
	#left, 
	#right { float:none; width:300px; max-width:100%; margin:0 auto; padding-top:10px; }
	#left { margin:0 auto 110px; }
}

/* ----- left ----- */

.practiceAreas { background:#0c3861; border-radius:10px; color:#fff; padding:20px 15px; } 
.practiceAreas > *:first-child { margin-top:0; }
.practiceAreas > *:last-child { margin-bottom:0; }
.practiceAreas ul { padding-left:20px; }
.practiceAreas li { padding-bottom:0!important; }
.practiceAreas a { color:#fff; text-decoration:underline!important; } 
.practiceAreas a:hover { text-decoration:none!important; } 

.faq { background:#cff3fb; border-radius:10px; padding:0 15px 20px; margin-top:10px; position:relative; } 
.faq > *:first-child { margin-top:0; }
.faq > *:last-child { margin-bottom:0; }
.faq > p:first-of-type { margin-top:1em; }
.faq h3 { border-top-left-radius:10px; border-top-right-radius:10px; }
.faq:after {
	position:absolute; top:100%; left:10px; margin-top:-10px;
	content:""; display:block;
	width:71px; height:114px; background:url('../images/faq.png');
} 

/* ----- right ----- */

.cta {
	text-align:center; 
	padding:20px 15px; 
	background:#36c3f1; 
	color:#fff; text-shadow: 0 0 10px #052242;
	box-shadow: inset 0px 0 100px 0px #103f73;
	border-radius:10px;
	}
.cta > *:first-child { margin-top:0; font-weight:bold; } 
.cta > *:last-child { margin-bottom:0; font-weight:bold; } 
.cta p { margin:0.5em 0; } 
.cta a { text-decoration:none; color:#fff; } 
.cta a:hover { text-decoration:underline; } 
.cta p, .cta a { font-size:20px!important; }

.requestCall h3,
.faq h3 { background:#0c3861; color:#fff; margin:0 -15px 10px; padding:20px 15px 10px;  } 

.requestCall { margin-top:10px; background:#f1f1f1; border-radius:10px; padding:0 15px 20px; overflow:hidden; } 

form label {  } 
form input { width:100%; border:1px solid #ccc; margin-top:5px; } 
form input[type="submit"] { width:70%; clear:both; margin-top:20px; font-size:16px; } 

@media screen  and (max-width:450px){
	form label { float:none; margin:0 0 20px 0; width:100%; } 
}

/* ----- main ----- */

#contentBlock h1 span,
#contentBlock h2 span { display:inline-block; } 

.rightimg > img,
.imgframe { box-shadow:0 0 10px rgba(0,0,0,0.5); } 

/* -------------------------------------------------------------------------- */

#contentBlock .alternating { list-style:none; margin:0; padding:0; }
#contentBlock .alternating > li { padding:20px; padding-bottom:20px; border-radius:10px; }
#contentBlock .alternating > li:nth-of-type(even) { background:#f1f1f1; }
#contentBlock .alternating > li > *:first-child { margin-top:0; }
#contentBlock .alternating > li > *:last-child { margin-bottom:0; }
#contentBlock .alternating > li .attribution { padding-left:20px; }



/* ----------------

purple color 

---------------- */
/* change logo.png to logo-transparent.png */


body.purple { 
	background: #572e5a url('../images/tile-25.png');
	background: #000; 
	}
body.purple #wrapper { border: 10px solid rgba(22, 107, 174, 0.5); }
body.purple #menuBlock,
body.purple input[type="submit"] {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#924f94+0,572e5a+100 */
background: #924f94; /* Old browsers */
background: -moz-linear-gradient(top, #924f94 0%, #572e5a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #924f94 0%,#572e5a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #924f94 0%,#572e5a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#924f94', endColorstr='#572e5a',GradientType=0 ); /* IE6-9 */
}
body.purple .topNav > li:hover > a,
body.purple .menu:hover,
body.purple input[type="submit"]:hover { background:#924f94 } 

body.purple #headerBlock:after { content:""; display:block; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(255,255,255,0.9); }