/* -- 	Custom Style for Four Rivers Group
		Design by Pusher, Inc.  --*/
html {
	overflow-y: scroll;
}
body {
	background: url(../images/bg.jpg);
}

#container {
	background: url(../images/stripes2.png) no-repeat, url(../images/container-bg.png);
	/* background: url(../images/stripes2.png) no-repeat; */
	/* background-color: white; */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-position: 10px 180px;
	margin-top: 10px;
	min-height: 800px; 
}

#container-wrapper {
	width: 1238px;
	background: transparent url(../images/container-shadow2.png) 0 0 no-repeat;
	margin-bottom: 20px;
	
}


#header {
	height: 160px;
	overflow: visible;
}

#logo {
	margin-top: 20px;
	margin-left: 20px;
}

/* -- Menu Navigation --*/

#nav { /* remove bullets and list indents */
	list-style: none;
	margin: 0px;
	padding-left: 35px;
	margin-top: 70px;
	margin-rigt: 30px;
}

#nav li {
	font-size: 26px;
	float: left;
	padding-left: 26px;
}

#nav a:hover {
	color: #000000;
}
		
/* -- Home-Slider --*/

#home-slider  {
	position: absolute;
	display: block;
	width: 640px;
	height: 280px;
	margin-top: 0px;
	margin-left: 0px;
	background-color: #000;
	background:url(../images/loading.gif) no-repeat 50% 50%;
	border: 4px solid white;
}

#home-slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#home-slider a {
    border:0;
    display:block;
}

#slider-container {
	margin-top: -75px;
	margin-left: -12px;
	height: 350px;
}
#slider-container:after {
	content: url(../images/slider-shadow.png);
	position: relative;
	top: 0px;
	left: 10px;
}

/* -- Main Content --*/

#main-content {
	font-family: 'EB Garamond', serif;
	line-height: 24px;
	font-size: 18px;
	font-style: normal;
	font-weight:normal;
	text-align: justify;
	color: #878787;
	margin-top: -30px;
	margin-left: 40px;
}

#main-content p:first-letter {
	color: #7d9d52;
	font-size: 36px;
}

/* -- News --*/

#latest-news {
	margin-top: 15px;
	margin-left: 10px;
}

#latest-news ul li {
	text-decoration: none;
	list-style-type: none;
	padding: 5px;
}

#latest-news h3 {
	font-family: 'EB Garamond', serif;
	font-size: 24px;
	color: #7d9d52;
	margin-left: 32px;
	margin-bottom: 10px;
}

#news-container {
	margin-top: -35px;
	margin-left: 50px;
}

#latest-news .f {
	visibility: hidden; /* In order to hide "Veiw All" text */
}

/* -- Footer --*/

#footer {
	font-family: 'EB Garamond', serif;
	font-size: 18px;
	color: #878787;
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 50px;
}

/* -- News Page  --*/

/*  links */

#news-container a:link {
	color:#6489b3;
	text-decoration: none;
}      /* unvisited link */
#news-container a:visited {
	color:#878787;
}  /* visited link */
#news-container a:hover {
	color:#878787;
}  /* mouse over link */
#news-container a:active {
	color:#878787;
}  /* selected link */
#news-container a:focus {
	outline: 1px dotted;
}  /* focused link */

#news-container li {
	list-style-type: none;
	margin-bottom: 12px;
}



/* -- Portfolio Page  --*/

#folio-content {
margin-top: -35px;
	margin-left: -15px;
	
}

.overlay img {
	border: 4px solid white;
}

#portfolio {
	margin:0;
	padding:0;
	border:none;
	outline:none;
}
.details 
{
    padding: 1em;
}	
.overlay .details 
{
	padding: 2.5em 1em 3em 1em;
	line-height: 130%;
	text-align: justify;
}
.overlay .details h2 
{
    margin-bottom: .5em;
}


/* the overlayed element */
.overlay {
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#222222;
	color: white;
	margin-bottom: 20px;
	
	width:658px;	
	min-height:200px;
	border:1px solid #666;
	padding: 20px;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* default close button positioned on upper right corner */
.overlay .close {
	background-image:url(../images/close.png);
	position:absolute; right:-7px; top:-7px;
	cursor:pointer;
	height:28px;
	width:28px;
}
	
		/*** Custom Animation Styles (You can remove/add any styles below) ***/
		.circle .mosaic-overlay {
			background:url(../images/hover-magnify.png) no-repeat center center;
			opacity:0;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
			filter:alpha(opacity=00);
			display:none;
		}
		
		.fade .mosaic-overlay {
			opacity:0;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
			filter:alpha(opacity=00);
			background:url(../images/bg-black.png);
		}
		
		.bar .mosaic-overlay {
			bottom:-140px;
			height:140px;
			background:url(../images/bg-black.png);
		}
		
		.bar2 .mosaic-overlay {
			bottom:-50px;
			height:100px;
			opacity:0.8;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
			filter:alpha(opacity=80);
		}
		
			.bar2 .mosaic-overlay:hover {
				opacity:1;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
				filter:alpha(opacity=100);
			}
		
		.bar3 .mosaic-overlay {
			top:-100px;
			height:100px;
			background:url(../images/bg-black.png);
		}
		/*** End Animation Styles ***/
		
		
/* -- Location Page  --*/

#map-container iframe {
	border:  5px solid white;
}

#map-container p {
	margin: 5px;
	font-size: 20px;
	padding-bottom: 20px;
	line-height: .2em;
	
}

.location {
	color: #6489b3;
}

#map-container {
	padding-bottom: 30px;
}

/* -- Team Page  --*/

.partners {
	margin-bottom: 15px;
}

.partners h2 {
	margin-top: 50px;
	
}

.partner-pic img {
	border:  5px solid white;
}

.partners span, partners h3 {
	display: block;
}

.member-name {
	font-size: 18px;
	color: #878787;
}

.member-title {
	font-size: 18px;
	color: #6c9d30;
}

#team-container {
	margin-top: 0px;
	margin-left: 65px;
}

#team-container h2 {
	font-size: 20px;
	color: #6489b3;
	margin: 20px 0px 20px 0px;
}

#board ul li {
	font-size: 18px;
	color: #878787;
}

.team-image {
	cursor: pointer;
}

.bio-overlay {
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#222222;
	color: white;
	
	width:658px;	
	min-height:200px;
	border:1px solid #666;
	padding: 20px;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* default close button positioned on upper right corner */
.bio-overlay .close {
	background-image:url(../images/close.png);
	position:absolute; right:-7px; top:-7px;
	cursor:pointer;
	height:28px;
	width:28px;
}

.bio-overlay img {
	border: 4px solid white;
	float: left;
	margin: 15px;
}

.bio-overlay p{
	padding-bottom: 15px;
}