@charset "UTF-8";

@import url("reset.css");
@import url("http://fonts.googleapis.com/css?family=Fjalla+One");

/* ************************* Color Palette ************************* */
/*
CHANGE COLORS
181818 - Dark Gray / Black
ffffff - White
eeeeee - Light Gray
404040 - Medium gray
*/

body {
	/*font-family: verdana,geneva,sans-serif;*/
	font-family: 'Open Sans',sans-serif;
	font-size: 0.875em;
	line-height:140%;
}

a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

h1, h2, h3, h4, h5, h6 {
	/*line-height: 20px;*/
	font-weight: bold;
	margin: 0.315em 0;
	text-rendering: optimizeLegibility;
	font-variant: small-caps;
	/*font-family: 'Fjalla One',sans-serif;*/
	font-family: 'Open Sans',sans-serif;
}

h1 {
	font-size: 1.5em;
}

header h1, #header_container h1 {
	line-height: 125%;
	font-size: 2.25em;
	/*font-size: 2em;*/
	letter-spacing: -0.1em;
	font-variant:normal;
}

header h1 span.dark, header h6, #header_container h1 span.dark, #header_container h6 {
	/*color:#ffffff;*/
	color:#181818;
}

header h6, #header_container h6 {
	font-variant: small-caps;
	margin-top: 0;
}

.white {
	color:#ffffff;
}

header h1 span.logo-llp, #header_container h1 span.logo-llp {
	font-size: 0.5em;
	font-weight:normal;
}

h2 {
	font-size: 1.375em;
}

#banner h2 {
	border-bottom:1px solid #eeeeee;
}

#content h2 {
}

h3 {
	font-size: 1.250em;
}

h4 {
	font-size: 1.125em;
}

h5, h6 {
	font-size: 1em;
}

p {
	margin: 0.315em 0;	
	padding: 0.315em 0;
}

/* ************************* Navigation Menu ************************* */

header nav ul, #nav_menu_list { /* Use #element_id for Internet Explorer 7 */
	float:right;
}

header nav li, #nav_menu_list li { /* Use #element_id for Internet Explorer 7 */
	float:left;
	padding:2.250em 0.4em 0;
}

header nav li.nav-top-active a, #nav_menu_list li.nav-top-active a {
	/*font-weight:bolder;*/
}

#nav_menu_list li ol { 
	display:none;
	border-radius:0.625em; 
	position:absolute; 
	list-style:none; 
	z-index:3; 
	border: 1px solid #181818;
	/*padding:0.938em;*/
	padding:0.250em;
	/*margin:0.315em 0 0;*/
	margin:0.315em -1.5em 0;
	/*background:#181818;*/
	background:#ffffff;
} 

#nav_menu_list li.dropdown-menu > a:after {
	content:' \f103';
	font-family:FontAwesome;
}

#nav_menu_list li.dropdown-menu > a.active:after {
	content:' \f102';
	font-family:FontAwesome;
}

/*#nav_menu_list li:hover ol, #nav_menu_list li.over ol, #nav_menu_list li.dropdown-menu > ol.active { */ /* Removed Hover Option */
#nav_menu_list li.dropdown-menu > ol.active {
	display:block; 
} 

#nav_menu_list li ol li { 
	clear:both;
	border-left:none;
	background:transparent; 
	padding-top:0; 
	line-height: 200%; 
} 

/*#nav_menu_list li ol li a, #nav_menu_list li.active ol li a { */
#nav_menu_list li ol li a, #nav_menu_list li.nav-top-active ol li a {
	/*color:#ffffff;*/
	color:#181818;
}

/* ************************* Structure Styling ************************* */

#header_container, #navigation_container,
#banner_container, #content_container,
 #footer_container{
margin:auto;
max-width:960px;
min-width:320px;
/*width:960px;*/
}
header, #header_container {
	/*background-color: #181818;*/
}
#banner, #banner_container {
	/*height:250px;*/
	min-height:250px;
}
#content, #content_container {
	background-color:#ffffff;
}

footer, #footer_container {
	background-color: #404040;
	color: #eeeeee;
	font-variant:small-caps;
	margin-top:1em;
}

/* ************************* Content Styling ************************* */

header nav a, #navigation_container a {
	/*color:#ffffff;*/
	color:#181818;
    letter-spacing: -1px;
	font-variant:small-caps;
	font-size:1.2em;
	padding:0.25em;
}


#header_container nav, #navigation_container {
	/*text-align:right;*/
	/*margin: 0 10px;*/
	padding: 0.315em 0;
}

#header_container nav li, #navigation_container li {
	/*border-left: 1px solid #ffffff;*/
	border-left: 1px solid #181818;
}

#banner {
	/*color: #eeeeee;*/
	color: #ffffff;
}

#banner a {
	/*color:#cccccc;*/
	/*color: #eeeeee;*/
	color: #ffffff;
}

.fa-banner-size {
	font-size:17em;
}

#home-banner-org-img {
	max-width: 256px; /* Added 2014-11-16. Reduce homepage banner height. Set max-width property to actual image width */
}

#content {
	color:#404040;
	background: url('../img/background/icon-down-arrow-blue.png') no-repeat scroll center top transparent;
	padding: 15px 0 0;
	/*border-top: 10px solid #0E5E96;*/
}

#content a {
}

#footer_container {
	background: url('../img/background/icon-down-arrow-white.png') no-repeat scroll center top transparent;
	padding: 15px 0 0;
}

footer p, #footer_container p {
	margin: 0 0.625em;
}

em {
	font-style:italic;
}

.center {
	text-align:center;
}

label {
    float: left;
    width: 7.5em;
}

ul.angle-right-indicator li a:before {
	content:'\f101  ';
	font-family:FontAwesome;
}

ul.angle-right-indicator {
	line-height:200%;
}

#business-card {
	background-color: #ffffff;
	color: #181818;
	padding:0.25em; /* Added 2014-10-19. Right of business card image not centered with down arrow */
}

#business-card h3, #business-card h5 {
	font-variant: small-caps;
	margin:0;
}

#business-card img {
	padding-right: 10px;
}

#business-card p {
	margin:0;
}

#business-card a {
	color: #181818;
}

p.quote-body {
	padding: 0 2em;
	font-style:italic;
	font-family: 'Tangerine', cursive, palatino, serif;
	font-size: 2.75em;
	font-weight: bold;
	line-height: 2em;
	margin-top: 1em;
}

p.quote-by {
	text-align:right;
	font-style:italic;
	font-family: 'Tangerine', cursive, palatino, serif;
	font-size: 2.25em;
	font-weight: bold;
}

.underline {
	text-decoration: underline;
}

/* ************************* Column Styling ************************* */
.one_half, .one_third, .two_third, .one_fourth, .three_fourth, .full_row, .one_eighth {
	float:left;
	margin-left:2%;
	margin-top:1%;
	position: relative;
	/*float: left;
	margin: 0px 10px 10px 10px;
	position: relative;*/
}

.one_half {
	width:47%;
}

.one_third {
	width:30.666%;
}

.two_third {
	width:63.333%;
}

.one_fourth {
	width:22.5%;
}

.three_fourth {
	width:71.5%;
}

.full_row {
	width: 96%;
}

.one_eighth {
	width: 10.25%;
}

/* ************************* Clear Float ************************* */

.clear {
	clear:both;
	display:block;
	height:0;
}

/* ************************* Responsive Styling ************************* */

img {
	width: 100%;
	height: auto;
}

/*@media only screen and (max-width: 1024px) {*/
@media only screen and (max-width: 960px) {
	header .one_half, #header_container .one_half {
		width:96%;
		padding-bottom:0.5em;
	}
	header nav ul, #nav_menu_list { /* Use #element_id for Internet Explorer 7 */
		float:none;
		/*width:100%;*/
	}
	#nav-home {
		display:none;
	}
	header nav li, #nav_menu_list li {
		width:47%;
		margin-bottom:0.25em;
		padding: 1.5em 0.5em 0;
	}
	#nav_menu_list li:hover ol, #nav_menu_list li.over ol { 
		display:none; 
	}
	#nav_menu_list li.dropdown-menu > a:after, nav_menu_list li.dropdown-menu > a.active:after {
	    padding: 0 0.5em;
	}
	#nav_menu_list li ol { 
		margin:0.315em 0.250em 0;
	}
	#nav_menu_list li.dropdown-menu > ol li {
		width:100%;
	}
	#business-card-container .one_fourth {
		width:11.25%;
	}
	#business-card {
		width:71.5%;
		/*padding:0.5em;*/ /* Commented 2014-10-19. Right of business card image not centered with down arrow */
		padding:0.5em 0.5em 0.5em 0;
	}
}

@media only screen and (max-width: 768px) {
}

@media only screen and (max-width: 700px) {
}

@media only screen and (max-width: 600px) {
}

@media only screen and (max-width: 575px) {
	.one_fourth, .one_third, .one_half, .two_third, .three_fourth, .full_row, #business-card {
		width:96%;
		margin-left:2%;
	}
	#business-card {
		padding:0;
		margin-bottom:0.25em;
	}
	header .one_third, header .two_third, #header_container .one_third, #header_container .two_third {
		padding-bottom:0.25em;
	}
	header nav ul, #nav_menu_list {
		padding-top:0.75em;
	}
	#nav-home {
		display:block;
	}
	header nav li, #nav_menu_list li { /* Use #element_id for Internet Explorer 7 */
		width:100%;
		line-height: 3em;
		padding:0;
		margin-bottom:0.5em;
	}
	#header_container nav li.nav-top-active, #nav_menu_list li.nav-top-active {
		/*border-left: none;*/
		vertical-align: middle;
	}
	header nav li.nav-top-active a, #nav_menu_list li.nav-top-active a {
		color:#ffffff;
	}
	header nav li.active a, #nav_menu_list li.active a {
		color:#ffffff;
	}
	#nav_menu_list li ol { 
		margin:0.315em 1em 0;
	}
	#nav_menu_list li ol.active { 
		position:relative;
		border:none;
	}
	#nav_menu_list li ol { 
		background-color:transparent;
	}
	#header_container nav li.nav-top-active.dropdown-menu a, #header_container nav li.nav-top-active.dropdown-menu a:after, #nav_menu_list li.nav-top-active.dropdown-menu a, #nav_menu_list li.nav-top-active.dropdown-menu a:after {
		color: #ffffff;
	}
	#home-banner-org-img {
		max-width: none; /* Added 2014-11-16. Reset max-width property to default (none) */
	}
	.contact-link {
		text-decoration: underline;
	}
	form label, form input.input-field, form textarea {
		width:96%;
	}
}

/*@media only screen and (min-width: 50px) and (max-width: 480px) {}*/

/* ************************* Print Styling ************************* */
@media print {
	#navigation_container, nav {
		display: none;
	}
	#banner, #banner_container {
		border-top: 1px solid #0e5e96;
		border-bottom: 1px solid #0e5e96;
	}
	#footer, #footer_container {
		border-top: 1px solid #404040;
	}
	#banner h2 {
	    border-bottom: 1px solid #404040;
	}
	p.quote-body {
		font-size: 2.25em;
	}
	p.quote-by {
		font-size: 1.75em;
	}
}