@charset "UTF-8";
/* CSS Document */

body {
	background: #333 url(../images/bg-pattern.jpg) repeat;
	font-family: 'Asap', sans-serif;
	font-size: 14px;
}

a {
	color: #727272;
	text-decoration: none;
	border: none;
}

h2 {
	color: #bebebe;
	font-size: 22px;
	font-weight: bold;
	text-transform: uppercase;
}
	#sidebarArea h2 {
		color: #727272;
		margin-top: 5px;
	}
	
p {
	color: #727272;
	line-height: 1.7em;
	text-align: left;
}

	p a {
		text-decoration: none;
		color: #BF9126;
	}
	
	p a:hover { text-decoration: underline; }

	#home p {text-align: justify;}
	
	#mainContentArea p {
		font-size: 16px;
		line-height: 24px;
	}
	
	#sidebarArea p {
		font-size: 16px;
		line-height: 1.4em;
	}
		

.firstLine {
	font-size: 18px;
	line-height: normal;
}

#container {
	background: white;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	oveflow: hidden;
	padding: 7px;
	padding-top: 0px;
	width: 955px; 
}

#header {
	height: 480px;
	position: relative;
}
	
	
	#discoveries #header,
	#about #header {height: 322px;}
	
#navArea {
	height: 135px;
}

#bannerArea {
	border-top: 10px solid #f2bb3c;
	border-bottom: 10px solid #f2bb3c;
	display: block;
	height: 350px;
	overflow: hidden;
	position: relative;
	top: -10px;
	*top: 0px;
	width: 955px;
}
	
	#discoveries #bannerArea,
	#about #bannerArea {
		height: 200px;
	}
	
	

#bannerOverlay, .flex-control-nav {
	background: url(../images/bg-overlay.png) repeat;
	height: 66px;
	top: -66px;
	position: relative;
	z-index: 5;
	width: 955px;
	z-index: 15;
}

		.flex-container {
			height: 350px;
			z-index: 10;
		}
		
		.flexslider {
			height: 350px;
		}
		
		.flex-control-nav {
			bottom: 0;
			height: 66px;
			overflow: hidden;
			padding-left: 10px;
		}
		
			/*ol-nav icons that match state of banner image*/
			.flex-control-nav li {
				display: block;
				float: left;
				height: 66px;
				width: 160px;
				overflow: hidden;
				margin-left: 30px;
			}
	
				.flex-control-nav li a {
					display: block;
					overflow: hidden;
					height: 66px;
					width: 160px;
				}
					
					.slides img {border: none !important;}
				
				.active {	}
					
					#icon1 a { background: url(../images/icons/icon-1.png) 1px 5px no-repeat; }
						#icon1 a.active { background: url(../images/icons/icon-1-ovr.png) 1px 5px no-repeat; }
					
					#icon2 a { background: url(../images/icons/icon-2.png) 1px 5px no-repeat; }
						#icon2 a.active { background: url(../images/icons/icon-2-ovr.png) 1px 5px no-repeat; }
						
					#icon3 a { background: url(../images/icons/icon-3.png) 1px 5px no-repeat; }
						#icon3 a.active { background: url(../images/icons/icon-3-ovr.png) 1px 5px no-repeat; }
					
					#icon4 a { background: url(../images/icons/icon-4.png) 1px 5px no-repeat; }
						#icon4 a.active { background: url(../images/icons/icon-4-ovr.png) 1px 5px no-repeat; }	
					
					#icon5 a { background: url(../images/icons/icon-5.png) 1px 5px no-repeat; }
						#icon5 a.active { background: url(../images/icons/icon-5-ovr.png) 1px 5px no-repeat; }	
						
						
				
		.bannerLink {
			font-size: 32px; 
			color: #fff; 
			text-shadow: 1px 1px 4px #2d271b;
			position: absolute; 
			display: block; 
			overflow: hidden;
			top: 230px;
			left: 730px;
		}
		
			#leftTxt { left: 30px; }
						
#mainContainer {
	display: block;
	margin: 26px 54px;
	overflow: hidden;
	position: relative;
	top: 10px;
	
	*top: 20px;
	top: 20px\0/;
}

	#mainContentArea {
		float: left;
		margin-right: 20px;
		width: 495px;
	}
		/*alternate widths*/
		#home #mainContentArea {
			width: 425px;
		}
		
		#services #mainContentArea {
			width: 445px;
		}
		
		.onewide {
			width: 860px !important;
		}
		
		.threeQtr {
			width: 630px !important;
		}
	
	
	#sidebarArea {
		background: #dedede;
		float: left;
		margin-top: 15px;
		padding: 14px;
		width: 300px;
	}
	
		#services #sidebarArea {
			width: 350px;
		}
		
		#home #sidebarArea {
			width: 370px;
		}
		
		#sidebarArea.narrow {
			width: 165px !important;
		}

#footer {
	color: #febb3c;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 20px;
	text-align: center;
	text-transform: uppercase;
}


/*header styles*/
.logo {
	border: none;
	margin-left: 5px; 
	margin-top: 5px;
}



#mainNavUL {
	float: right;
	list-style-type: none;
	margin-top: 83px;
	margin-right: 5px;
	overflow: hidden;
}
	
	#mainNavUL li {
		display: block;
		float: left;
		/*margin-left: 15px;
		padding-left: 18px;*/
		margin-left: 0px;
		padding-left: 0px;
		overflow: hidden;
	}
		
	
		#mainNavUL a {
			color: inherit;
			*color: #bebebe;
			text-decoration: none;
			
			margin-left: 15px;
			padding-left: 18px;
		}
		
		#mainNavUL li a:hover {
			color: #d3d3d3;
			background: url(../images/nav-arrow-hover.jpg) 0px 5px no-repeat;
			overflow: visible;
			border: none\0/;
		}
	
	.navMain {
		color: #bebebe;
		font-size: 26px;
		font-weight: normal;
		line-height: 1em;
		text-transform: uppercase;
	}
	
	
		/*nav dropdown styles*/
		#servicesDrop {
			background:  url(../images/bg-overlay.png) repeat;
			color: white;
			display: block;
			list-style-type: square;
			overflow: hidden;
			padding: 0;
			/*position: relative;
			left: 262px;
			top: 120px;*/
			  	left: 500px;
    			position: absolute;
   			 	top: 104px;
			width: 170px;
				/* *z-index: 20;
				position: absolute;
				*left: 460px;
				position: absolute\0/;
				left: 480px\0/;
				top: 115px\0/; 
				z-index: 20\0/;   */
				
				*top: 118px;
				top: 100px\0/;
				*left: 460px;
				left: 500px\0/;
				
			visibility: hidden;
			z-index: 20;
				
		}
		
		@media screen and (-webkit-min-device-pixel-ratio:0) {
     		/* Add your Safari-specific styles here.
			#servicesDrop {left: 500px; top: -5px;} */
		}
		
			#servicesDrop li {
				background:  url(../images/bg-overlay.png) repeat;
				display: block;
				padding: 5px 10px;
				width: auto;
			}
			
				#servicesDrop li:last-child {padding-bottom: 10px;}
			
			#servicesDrop a {
				color: white;
				text-decoration: none;
			}
			
			#servicesDrop a:hover {color: #f2bb3c;}
	

	
	
	/*banner image styles*/
	.bannerImg {
		margin-top: -8px;
		margin-bottom: -8px;
		z-index: 1;
	}
	

/*overlay styles*/
/*overlay title styles*/
.overlayText {
	background: url(../images/bg-overlay.png) repeat;
	color: #fff;
	display: block;
	float: left;
	font-size: 18px;
	font-weight: normal;
	padding: 70px 15px 15px 35px;
	overflow: hidden;
	position: relative;
	text-transform: uppercase;
	top: -290px;
	
}

	
	.short .overlayText {
		padding-top: 40px;
		top: -130px;
	}
	
	.overlayLG {
		clear: left;
		display: block;
		padding-top: 15px;
		font-size: 36px;
		font-weight: normal;
		line-height: 36px;
		*margin-top: 0;
		*padding-top: 5px;
	}

	
	.overlayText img {
		display: block;
		overflow: hidden;
		clear: both;
		*margin-bottom: 0px;
	}
	
	

	
		.iconThumb {
			float: left;
			margin-top: 5px;
			margin-right: 2px;
		}
	


.stdUL {
	color: #727272;
	list-style-type: square;
	font-size: 12px;
	font-weight: normal;
	padding-left: 13px;
	margin-left: 0px;
}
	#mainContentArea .stdUL {
		font-size: 16px;
		line-height: 24px;
	}

	.stdUL li {
		margin-bottom: 20px;
	}
	
	#profiles {list-style-type: none; padding-left: 0px;}
	
	#profiles.stdUL a {
		color: #888;
		text-decoration: underline;
		font-weight: bold;
	}
		#profiles.stdUL a:hover {color: #f2bb3c;}

.clientList {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	.clientList li {
		border: 1px solid #f2bb3c;
		display: block;
		float: left;
		height: 75px;
		width: 150px;
		overflow: hidden;
		padding: 0;
		margin: 5px;
	}
	
	.clientList img {
		display: block;
		margin-left: auto; 
		margin-right: auto;
	}

.title {
	font-size: 16px;
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.noBullets {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}

	.noBullets li {
		display: block;
		overflow: hidden;
		margin-top: 5px;
		margin-bottom: 10px;
	}
	
		.noBullets a {
			display: block;
		}
		
		.noBullets li h3 {margin-top: 10px;}
		.noBullets li p {margin-top: 5px;}

/*current page styles*/	
	#home #homeBtn a, 
	#services #svcBtn a, 
	#discoveries #discBtn a,
	#about #aboutBtn a {
		background: url(../images/nav-arrow-active.jpg) 0px 5px no-repeat;
		color: #f2bb3c !important;
	}
	
.iconLG {
	border: none;
	margin-right: 10px;
	margin-bottom: 5px;
}

li h3 { margin-bottom: 0px; }

.twoCols {
	display: block;
	float: left;
	width: 50%;
}

.clientLogo {
	border: 1px solid #f2bb3c;
	display: block;
	float: left;
	margin-right: 10px;
	overflow: visible;
	vertical-align: middle;
}

p.title {
	clear: both;
	line-height: 16px;
	margin-bottom: 5px;
	overflow: hidden;
}

.yellowLG {
	font-size: 18px;
	font-weight: bold;
	color: #bf9126;
	text-transform: uppercase;
}

#about #sidebarArea ul {
	background: #efefef;
	padding: 5px 10px;
	border: 1px solid #f2bb3c;
	float: none;
}

	#about #sidebarArea .logo {
		margin-left: 0px;
		padding-left: 0px;
	}


/*DISCOVERIES PAGE*/
/*NEWS COL STYLES*/
#newsCol a:hover {
	color: #bf9126;
	text-decoration: underline;
}

#discCol {
	border-right: 1px solid #F2BB3C;
		border-right: 1px solid #f2bb3c\0/;
	display: block;
	overflow: hidden;
		*overflow: auto;
		overflow: auto\0/;
	margin-right: 10px;
		margin-right: 10px\0/;
	padding-right: 10px;
		padding-right: 10px\0/;
}

#newsCol {
	display: block;
	overflow: hidden;
		*overflow: auto;
		overflow: auto\0/;
	width: 43%;
	margin-left: 10px;
		margin-left: 10px\0/;
}

#newsCol .stdUL {
	font-size: 12px;
}

#newsCol .stdUL li {
	margin-bottom: 5px;
	line-height: 14px;
}

.bodyTxt {
	font-size: 12px;
	margin-right: 10px;
}

.discoveryLinks { 
	color: #bf9126; 
	font-size: 12px; 
	font-style: italic; 
	}
	
	.discoveryLinks a, #articleLinks a, #releaseCol a:hover {color: #bf9126;}

.discoveryRule {
	border: none;
	border-top: 1px solid #F2BB3C;
		border-top: 1px solid #f2bb3c\0/;
		display: block\0/;
	margin-right: 20px;
	margin-bottom: 20px;
	
}

.giantTxt {
	color: #F2BB3C; 
	font-size: 60px !important;
		*font-size: 60px;
		font-size: 60px\0/; 
	font-weight: bold; 
	margin-bottom: 10px !important; 
	margin-top: 10px !important;
}



/*EMAIL FORM*/
#emailForm {
	display: block;
	float: left;
	margin-top: 15px;
	overflow: hidden;
}


#about #emailForm input, #about #emailForm textarea {
	width: 290px;
}

#emailForm #submit {
	padding: 5px !important; 
	width: 120px !important;
}

	#tyMsg { 
		clear: both;
		display: block;
		float: left;
		margin-bottom: 10px;
		oveflow: hidden;
	}
	
	
	
.sidebarImage {
	margin: 10px 0px; 
	margin-left: 13px;
}

	li .sidebarImage {
		margin-left: 0px;
		width: 363px;
	}