@charset "UTF-8";

article, aside, figure, footer, header, nav, section {
	display: block;
}

article, aside, body, div, figure, footer, header, nav, section, li, ul {
	margin: 0;
	padding: 0;
	overflow: visible;
	-webkit-text-size-adjust: none;
}

#stillIE8 { display: none; }

/* Alternate background image method ---
html {
	background: url(../images/background-main2.jpg) no-repeat fixed center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}*/

/* REFERENCE ========================= */
/* =================================== */
/* Font shorthand -------------------- */
/* font: font-style font-variant font-weight font-size/line-height font-family;
/* font: italic small-caps normal 13px/150% Arial, Helvetica, sans-serif; (example)
/* ==== */

html {
	background: #3c2415;
}

body {
	font-family:"Droid Sans", "Helvetica Neue", "Nimbus Sans L", sans-serif;
	color: #333;
	width: 90%;
	font-size: 16px;
	/* [disabled]background: #2A2417; */
	margin: 0 5%;
}

img {border:none;}

:focus {outline: none;}


.clear {clear: both;}

/* "micro" clear fix, thanks to Nicolas Gallagher and Chris Coyier */
.group:before,
.group:after {
    content: "";
    display: table;
} 
.group:after {
    clear: both;
}
.group {
    *zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

/* scaleable background image ================== */
img.CLbg {
	min-height: 100%;
	min-width: 360px;
	width: 90%;
	height: auto;
	position: fixed;
	top: 0;
	left: 0;
	margin: 0 5%;
}
@media screen and (max-width: 360px) {
	img.CLbg {
		left: 50%;
		margin-left: -50%;}
}

/* General Styles ============================== */
p {
	font-size: 1em;
	line-height: 1.4em;
	margin: 0 0 1.4em;
}
h2, h3, h4, h5, h6 {
	margin: 0 0 1em;
}
h1 {
	color: #603913;
	font-size: 2em;
	font-weight: bold;
	margin: .4em 0 .7em;
}
h2 {
	color: #603913;
	font-size: 1.7em;
	font-weight: normal;
	margin: .4em 0 1em;
}
h3 {
	color: #603913;
	font-size: 1.5em;
	font-weight: normal;
	margin-top: .4em;
}
h4 {
	color: #3c2415;
	font-size: 1.2em;
	font-weight: bold;
}
h5 {
	color: #603913;
	font-size: 1em;
	font-weight: bold;
}
ol, ul {
	list-style: none;
	margin-bottom: 1.4em;
}
sup {
	font-size: .5em;
}
a {
	color: #156596;
	text-decoration: none;
}
a.sLink {
	font-weight: bold;
	text-transform: uppercase;
}
a.sLink:before {
	content: "» ";
	font-weight: bold;
}
a:hover, a:focus, a:active {
	color: #b16f47;
}
a:active {
	position: relative;
	top: 1px;
	left: 1px;
}
input {
	border-radius: 4px;
	-webkit-border-radius: 4px;
}

#containAll {
	width: 100%;
	margin: 0;
	height: 100%;
	position: relative;
}

header {
	background: #603913;
	height: auto;
	margin: 0;
	position: relative;
}
header img {
	min-width: 240px;
	width: 100%;
	height: auto;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
}

/* Primary Navigation ====================================== */
/* Notes    *** #236293; #336699; light ??(#e8f3f8)
/* from Aviary: #9faab5; #8a9fb5; #7494b5; #5e8ab5; #487fb5; #3274b5; #1b68b5;
/* FL blues: #bce6f5, #7fcfec, #40b7e3, #118bbf, #0073ad
/* extra blues: #a0d8f0 */
/* browns:  #3C2415 (very dark), #603913 (dark) */
nav select {
	display: none;
}
nav#mainNav {
	border-top: solid 1px #555;
	border-bottom: solid 1px #888;
}
nav#mainNav ul {
	background: #777;
	text-align: center;
	list-style-type: none;
	margin: 0;
	padding: 0px;
}
nav#mainNav ul li {
	background: #777;
	width: 16.6%;
	min-height: 1.4em;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	margin: 0;
	zoom: 1;
	*display: inline;
	_height: 1.4em;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
nav#mainNav ul li a {
	display: block;
	height: 1.6em;
	text-align: center;
	background: #888;
	color: #fff;
	text-decoration: none;
	text-shadow: #222 1px 1px 2px;
	line-height: 1.6em;
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: bold;
	border: solid 1px #555;
	margin: 4%;
	width: 90%;
	overflow: hidden;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
nav#mainNav ul li a:hover,
nav#mainNav ul li a:active,
nav#mainNav ul li a:focus {
	background: #aaa;
	border-color: #666666;
	color: #fff;
	text-shadow: #014B7C 1px 1px 2px;
}
/*nav ul li:hover,
nav ul li:active,
nav ul li:focus {
	border-bottom-color: #40b7e3;
	border-right-color: #118bbf;
	border-left-color: #40b7e3;
	border-top-color: #118bbf;
}*/

#subNav {
	background: none;
	margin: 0 0 .1em;
	width: 100%;
	border-top: solid 1px #3c2415;
}
#subNav ul {
	list-style: none;
	margin: 0 10% 0 60%;
	width: auto;
	background: #3c2415;
	border-radius: 0px 0px 1em 1em;
	-webkit-border-bottom-left-radius: 1em;
	-webkit-border-bottom-right-radius: 1em;
}
#subNav ul li {
	width: 80%;
	margin: 0 5%;
	padding: .2em 5% .3em;
	text-align: center;
}
#subNav ul li a {
	color: #d5a87e;
	text-transform: uppercase;
	font-size: .8em;
}
#subNav ul li a:hover,
#subNav ul li a:focus,
#subNav ul li a:active {
	color: #b16f47;
}

/* Main Content ============================= */
section#mainContent {
	padding: 0 0;
	width: 100%;
	margin: 0 auto;
}
section#mainContent article,
section#mainContent aside {
	background: rgba(255,255,255,.7);
	padding: .8em 2% .6em;
	border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	border: solid 1px #eee;
}
section#mainContent article {
	float: left;
	margin: 1em 1% 1em 2%;
	width: 49%;
}
section#mainContent aside {
	float: right;
	margin: 1em 2% 1em 1%;
	width: 36%;
}
#mainContent article img[align*=right],
#mainContent aside img[align*=right] {
	padding: .1em 0 .1em 2%;
}
#mainContent article img[align*=left],
#mainContent aside img[align*=left] {
	padding: .1em 2% .1em 0;
}

/* target="_blank" Add-on */
section#mainContent article a[target=_blank]:after {
	content: url(../images/clv2/target-blank-blu.png);
	padding: 0 0 0 .05em;
	position: relative;
	bottom: .5%;
}

#mainContent article ul,
#mainContent aside ul {
	list-style-type: circle;
	margin-left: 2em;
	margin-bottom: 1.4em;
}
#mainContent article ul li,
#mainContent aside ul li {
	line-height: 1.4em;
	margin-bottom: .3em;
}
#mainContent article blockquote,
#mainContent aside blockquote {
	font-style: italic;
}

/* gallery ****/
section#mainContent article.gallery {
	float: none;
	margin: 1em auto;
	padding: .8em 2% .6em;
	width: 90%;
	clear: both;
}
#mainContent article.gallery #galleryContainer {
	width: 88%;
	margin: .2em auto;
	padding: .1em 4%;
	border: solid #C30 2px;
}
#mainContent article#firstPortfolio ul {
	list-style-type: none;
	margin: 0 1.2em 1.4em;
	padding: 0;
}
#mainContent article#firstPortfolio ul li {
	margin: .1em 0;
	padding: .1em .1em;
}
#mainContent article.gallery ul#sliderPortfolio {
	list-style-type: none;
	margin: 0;
}
#mainContent article.gallery ul#sliderPortfolio li {
	margin: 0;
	padding: 0;
}
#mainContent article.gallery ul li .portImage {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
#mainContent article.gallery ul li img {
	width: auto;
	/* [disabled]height: 100%; */
}
a.resLink {
	font-weight: bold;
	text-transform: none;
}
/**************************************** New Gallery Grid ***********/
#portGrid {
	/* Prevent vertical gaps */
  /*line-height: 0;*/
	-webkit-column-count: 5;
	-webkit-column-gap: .5em;
	-moz-column-count: 5;
	-moz-column-gap: .5em;
	column-count: 5;
	column-gap: .5em;
	padding-bottom: 2em;
}
#portGrid img {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
	padding-top: 1.2em;
}
#firstPortfolio #portGrid a {
	font-size: 0.7em;
}

@media (max-width: 1200px) {
  #portGrid {
  -moz-column-count:    4;
  -webkit-column-count: 4;
  column-count:         4;
  }
}
@media (max-width: 900px) {
  #portGrid {
  -moz-column-count:    3;
  -webkit-column-count: 3;
  column-count:         3;
  }
}
@media (max-width: 600px) {
  #portGrid {
  -moz-column-count:    2;
  -webkit-column-count: 2;
  column-count:         2;
  }
}

.imgCenter {
	text-align: center;
}
.imgCenter img {
	width: 100%;
}

aside #giveNow {
	background: none;
	width: 80%;
	margin: 0 auto 2em;
}
aside #giveNow a {
	display: block;
	background: #f9b625;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.2em;
	text-shadow: #de7c00 1px 1px 3px;
	text-align: center;
	width: 8em;
	padding: .3em 0;
	margin: .5em auto;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
aside #giveNow a:hover,
aside #giveNow a:focus,
aside #giveNow a:active {
	background: #de7c00;
	text-shadow: #7c5a45 1px 1px 3px;
}
aside #connectNow h3 {
	margin-bottom: .7em;
}
aside #connectNow h5 {
	margin-bottom: .7em;
}
aside #connectNow ul {
	list-style: none;
	margin: 0 0 1.4em;
}
aside #connectNow ul li {
	margin: 0;
}
aside #wtrLink1 {
	text-align: center;
	padding: 5px 5%;
}

p .pnote {
	color: #3c2415;
	font-style: italic;
	font-size: 85%;
}

/* Blog Feed styles =========================== */
#mainContent #blogFeed {
}
#mainContent #blogFeed h2 img {
	position: relative;
	top: .2em;
}
#mainContent #blogFeed div p.feedTitle a:nth-child(2) {
	font: normal bold 2em/100% Arial, Helvetica, sans-serif;
	color: #333;
	margin-left: .2em;
	position: relative;
	top: -.1em;
}
#mainContent #blogFeed div p.feedTitle {
	display: none;
}
#mainContent #blogFeed ul li {
	border: 2px solid #A0C4E1;
	list-style-type: none;
	margin-bottom: 5px;
	padding: 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#mainContent #blogFeed div ul li span.headline a {
	font-size: 1.4em;
	font-weight: bold;
	clear: both;
	display: block;
}
#mainContent #blogFeed div ul li p.feedItemAuthor,
#mainContent #blogFeed div ul li p.date {
	color: #777;
	font-size: .7em;
	margin: .3em .2em 1em 1em;
	display: inline;
}
#mainContent #blogFeed div ul li p.feedItemAuthor:before {
	content: "by ";
}
#mainContent #blogFeed div ul li p.date {
	font-weight: bold;
}

#mainContent .videoBox {
	padding: .5em 0 1em;
	/* [disabled]text-align: center; */
	width: 100%;
	/* [disabled]height: 100%; */
	/* [disabled]position: relative; */
}
#mainContent .videoBox video {
}

/* JQuery Accordion Styles ===================== */
#ourCalling #accordionWrap {
	width: 97%;
	margin-left: 0;
	margin-right: auto;
	margin-bottom: 1.5em;
}
#ourCalling .accordionButton {
	color: #014b7c;
	width: 100%;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	background: none;
	border-bottom: 1px solid #71b4ec;
	cursor: pointer;
	padding: 7px;
}
#ourCalling .accordionContent {
	color: #002a50;
	width: 100%;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	background: none;
	padding: 0 7px;
	}	
/* EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS */
#ourCalling .on {
	background: none;
	color: #7c5a45;
}	
#ourCalling .over {
	background: none;
	color: #b16f47;
}


/* Footer ====================================== */
footer {
	background: #777;
	color: #ddd;
	width: 100%;
	padding: 0;
	margin: 0;
	border-top: solid 1px #888;
	border-bottom: solid 1px #555;
}
footer a {
	color: #ddd;
}
footer #footNav {
	padding: .5em 5% 0;
}
footer #footNav ul {
	list-style-type: none;
}
footer #footNav ul li {
	font-size: .8em;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	padding: 0 4px 0 0;
	margin: 0 .8em .4em 0;
	zoom: 1;
	*display: inline;
}
footer #footNav ul li a {
	display: block;
	border-bottom: solid 1px #777;
}
footer #footNav ul li a[target=_blank] {
	padding-right: 6px;
	background: url(../images/clv2/target-blank.png) top right no-repeat;
}
footer #footNav ul li a:focus,
footer #footNav ul li a:hover,
footer #footNav ul li a:active {
	color: #eee;
	border-bottom: solid 1px #ddd;
}
footer #copyright {
	padding: .5em 5%;
	color: #ddd;
	font: normal normal .6em/100% Tahoma, Geneva, sans-serif;
}
footer #copyright .key {
	float: right;
}
footer #copyright p:first-child {
	float: left;
}

footer #footDivSelect {
	display: none;
}



/* MailChimp Form Embed Code - Classic - 08/17/2011 */
#mc_embed_signup {
	clear:left;
	/* [disabled]font:14px Helvetica,Arial,sans-serif; */
}
#mc_embed_signup form {
	display:block;
	position:relative;
	text-align:left;
	padding:0px 0 10px 3%
}
#mc_embed_signup h2 {
	/* [disabled]font-weight:bold; */
	padding:0;
	margin:15px 0;
	/* [disabled]font-size:1.4em; */
}
#mc_embed_signup input {
	border:1px solid #999;
	-webkit-appearance:none;
	background: rgba(245,245,245,.4);
}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {
	background: rgba(200,225,245,.5);
	border-color: #c60;
}
#mc_embed_signup .button {
	clear:both; 
	background-color: #aaa; 
	border: 0 none; 
	border-radius:4px; 
	color: #FFFFFF; 
	cursor: pointer; 
	display: inline-block; 
	font-size:1.2em; 
	font-weight: bold; 
	height: 32px; 
	line-height: 32px; 
	margin: 0 5px 10px 0; 
	padding: 0 22px; 
	text-align: center; 
	text-decoration: none; 
	vertical-align: top; 
	white-space: nowrap; 
	width: auto;
}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {
	clear:left; 
	position:relative; 
	width:96%; 
	padding-bottom:3%; 
	min-height:50px;
}
#mc_embed_signup .size1of2 {
	clear:none; 
	float:left; 
	display:inline-block; 
	width:46%; 
	margin-right:4%;
}
* html #mc_embed_signup .size1of2 {
	margin-right:2%; /* Fix for IE6 double margins. */
}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, 
#mc_embed_signup .phonefield-us input {
	display:inline; 
	width:60px; 
	margin:0 2px; 
	letter-spacing:1px; 
	text-align:center; 
	padding:5px 0 2px 0;
}
#mc_embed_signup .phonefield-us .phonearea input, 
#mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}
#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#c60; font-size:200%;}
#mc_embed_signup .mc-field-group .asterisk {position:absolute; top:25px; right:10px;}        
#mc_embed_signup .clear {clear:both;}
#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}
#mc_embed_signup #mc-field-group-phone {
	display: block;
	clear: left;
	float: none;
}
#mc_embed_signup div#mce-responses {
	float:left; 
	top:-1.4em; 
	padding:0em .5em 0em .5em; 
	overflow:hidden; 
	width:90%;
	margin: 0 5%; 
	clear: both;
}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {
	display:block; 
	float:none; 
	width:auto; 
	margin-left:1.05em; 
	text-align:left; 
	padding:.5em 0;
}
#mc-embedded-subscribe {
	clear:both; 
	width:auto; 
	display:block; 
	margin:1em 0 1em 5%;
}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {
	padding:.5em; 
	border:1px solid #ccc; 
	margin-right:.5em; 
	font-weight:bold;
}


/* Color classes -=-=-=-=-=-=-=-= */
.blue0 {
	color: #002a50;
}
.blue1 {
	color: #014B7C;
}
.blue2 {
	color: #15659B;
}
.blue3 {
	color: #128BC6;
}
.blue4 {
	color: #71b4ec;
}
.blue5 {
	color: #A0C4E1;
}
/* #E8F3F8 light blue */
.brown0 {
	color: #3C2415;
}
.brown1 {
	color: #603913;
}
.brown2 {
	color: #7c5a45;
}
.brown3 {
	color: #b16f47;
}

/* save, just in case --
#subNav {
	background: none;
	margin: 0 0 .1em;
	width: 100%;
	border-top: solid 1px #3c2415;
}
#subNav ul {
	list-style: none;
	margin: 0 10% 0 50%;
	width: auto;
	background: #3c2415;
	border-radius: 0px 0px 1em 1em;
	-webkit-border-radius: 0px 0px 1em 1em;
}
#subNav ul li {
	display: inline-block;
	width: 29%;
	margin: 0 5%;
	padding: .2em 5% .3em;
	text-align: center;
}
#subNav ul li:first-child {
	width: 20%;
	margin: 0 2% 0 6%;
}
#subNav ul li:last-child {
	width: 38%;
	margin: 0 6% 0 2%;
}
#subNav ul li a {
	color: #d5a87e;
	text-transform: uppercase;
	font-size: .8em;
}
#subNav ul li a:hover,
#subNav ul li a:focus,
#subNav ul li a:active {
	color: #b16f47;
}
*/