/* OFC 2.0 STYLES */

* {
	margin:0;
	padding:0;
	list-style:none;
}

body {
	_behavior: url('../csshover.htc');

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #777;
	text-rendering: optimizeLegibility; 
	/* background: url('../_img/_bkgs/default.gif') repeat-x #fff; */
}

a:link {
	color: #a0c23a;
	text-decoration: none;
}

a:visited {
	color: #a0c23a;
	text-decoration: none;
}

a:active {
	color: #a0c23a;
	text-decoration: none;
}

a:hover {
	color: #a0c23a;
	text-decoration: underline;
}

.clear {
	clear: both;
	height: 1px;
	
	/* IE HACK */
	font-size: 0px;
	line-height: 0px;
}

a, object, input {
	outline: none
}

img {
	border: none;
}

.left {
	float: left;
}

.right {
	float: right;
}

p.intro {
	font-size: 14px;
	line-height: 18px;	
	color: #5f4c36;
}

.btn {
	display: block;
	text-align: center;
	background-color: #99cc00;
	width: 120px;
	font-size: 13px;
	color: #fff !important;
	padding: 4px 0 7px 0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-transform: uppercase
}

.btn:hover {
	text-decoration: none;
	background-color: #a5dc01;
}

/*  ALL  */

.oWrap {
	width: 100%;
	padding: 0 0 30px 0;
}

#oHeader {
	width: 880px;
	/*height: 87px;*/
	margin: 0 auto 0px;
	position: relative;
	z-index: 200;
	/*border:solid 1px blue;*/
}

	#head-wrap {
		background: url('../_img/_bkgs/field_main.jpg') repeat-x bottom center #4C3A28;
		width: 100%;
		padding-bottom: 100px;
		margin: 0px;
	}
	
	.home #head-wrap 
	{
		/*padding-bottom: 470px;*/
		margin-bottom: 420px;
		position:relative;
		z-index: 500 !important;
		background: transparent;
		/*background:url('../_img/_bkgs/home_field.png') repeat-x bottom center;*/
		height: 0px;
		/* border:solid 1px yellow; */
		padding-bottom: 0px;
	}
	
	.work #head-wrap {
		padding-bottom: 200px;
	}
	
	.search-results #head-wrap {
		padding-bottom: 143px;
	}
	
	.shared #head-wrap {
		background: url('../_img/_bkgs/work-grid-green.gif') repeat-x bottom center #98CC00;
		padding-bottom: 200px;
	}

	/* NAV */
	
	#nav-wrap {
		height: 34px;
		background-color: #000;
		_background-color: #382b1d;
		opacity: .25;
		filter: alpha(opacity=20);
		_filter: alpha(opacity=100);
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 11;
	}

	#oNav {
		width: 890px;
		margin: 0 auto 20px auto;
		height: 34px;
		position: relative;
		left: -10px;
		z-index:110;
	}
	
		#oNav #main-nav {
			width: 485px;
			padding-top: 5px;
			z-index:110;
		}
	
			#oNav #main-nav span {
				display: none;
			}
			
				#oNav #main-nav li {
					float: left;
				}
		
					#oNav a.oNavMaina {
						display: block;
						font-family: Arial, Helvetica, sans-serif;
						font-size: 14px;
						line-height: 16px;
						color: #fff;
						background: url(../_img/nav-sprite.png);
						_background: url(../_img/nav-sprite.gif);
					}
					
						#oNav #home {
							width: 53px;
							height: 24px;
						}
						
						#oNav #home:hover, #oNav #home.on {
							background-position: 0 -24px
						}
						
						#oNav #work {
							width: 57px;
							height: 24px;
							background-position: -53px 0
						}
						
							
						
						#oNav #work:hover, #oNav #work.on {
							background-position: -53px -24px
						}
						
						#oNav #work:hover .flex-control-nav {
							left: -999999px;
							}
					
						
						#oNav #news {
							width: 53px;
							height: 24px;
							background-position: -110px 0
						}
						
						#oNav #news:hover, #oNav #news.on {
							background-position: -110px -24px
						}
						
						#oNav #capabilities {
							width: 94px;
							height: 24px;
							background-position: -163px 0
						}
						
						#oNav #capabilities:hover, #oNav #capabilities.on {
							background-position: -163px -24px
						}
						
						#oNav #team {
							width: 92px;
							height: 24px;
							background-position: -257px 0
						}
						
						#oNav #team:hover, #oNav #team.on {
							background-position: -257px -24px
						}
						
						#oNav #clients {
							width: 67px;
							height: 24px;
							background-position: -350px 0
						}
						
						#oNav #clients:hover, #oNav #clients.on {
							background-position: -350px -24px
						}
						
						#oNav #contact {
							width: 66px;
							height: 24px;
							background-position: -417px 0
						}
						
						#oNav #contact:hover, #oNav #contact.on {
							background-position: -417px -24px
						}
						
				ul.dropdown {
					display: none;
					position: absolute;
					
					*top: 30px;
					left: 10px;
					width: 880px;
					text-align: left;
					z-index: 999999 !important;
					*background: url('../_img/x.gif');
			
				}
				
				#oNav #main-nav li:hover ul.dropdown {
					display: block;
					z-index: 999999 !important;
				}
				
					#oNav #main-nav #cap {
						background: url('../_img/drop-cap.png') no-repeat transparent -58px bottom;
						height: 12px;
						width: 138px;
						padding: 0;
					}
					
					ul.dropdown li {
						background-color: #fff;
						float: none;
						padding: 32px;
						border-radius: 3px;
						-webkit-border-radius: 3px;
						-moz-border-radius: 3px;
						line-height: 14px;
						box-shadow: 0 1px 4px rgba(0,0,0,.2);
						-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
						-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
					}
					
					ul.dropdown li h3 {
						font-size: 22px;
						color: #ff9800;
						margin-bottom: 13px;
						position: relative;
						left: -1px;
					}
					
						ul.dropdown li a {
							font-weight: bold;
							font-size: 12px;
							padding-bottom: 4px;
							display: block;
							color: #8f795e;
						}
					
						#oNav #main-nav ul li .left {
							width: 360px;
							float: left;
						}
						
						#oNav #main-nav ul li .right {
							width: 450px;
							float: right;
						}
						
							#oNav #main-nav ul li .right .left {
								width: 180px;
							}
							
							 #oNav #main-nav ul li .right .right {
							 	width: 220px;
							 }
		
		
	#search {
		position: absolute;
		top: 5px;
		right: 0;
		background: url('../_img/search-bkg.png') no-repeat;
		
		_background: url('../_img/search-bkg.gif') no-repeat;
		width: 160px;
		height: 24px;
		margin-left: 25px;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}
	
		#search input {
			position: absolute;
			top: 6px;
			_top: 5px;
			*top: 5px;
			left: 10px;
			border: none;
			background-color: transparent;
			color: #fff !important;
			font-weight: bold;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			opacity: 0.6;
			width: 120px;
		}
		
		#search input:focus {
			opacity: 1;
			*filter:alpha(opacity=100);
			outline: none;
		}
		
		#oLogo {
			width: 142px;
			background: transparent;
			z-index: 400;
			margin: 0px 0px 30px;
			}
		
		.home #oLogo {
			width: 142px;
			top: -367px;
			left: -370px;
			margin: 0px auto;
			background: transparent;
			z-index: 400;
			position: relative;
			}
	
		#oLogo a {
			display: block;
			background: url(../_img/g_ofc_logo.png) no-repeat transparent;
			height: 37px;
			width: 142px;
			
			_background: none;
			_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://openfieldcreative.com/assets/_img/g_ofc_logo.png', sizingMethod='crop');
		}
		
		#oLogo a:hover {
			opacity: .8;
			filter:alpha(opacity=80);
		}
		
		#oLogo span {
			display: none;
		}
		
		#social-top {
			position: absolute;
			top: 5px;
			right: 166px;
		}
		
			#social-top a {
				float: left;
				display: block;
				background: url('../_img/_btns/social-icons.png') no-repeat;
				width: 24px;
				height: 24px;
				margin-right: 5px;
			}
		
			#social-top #fb {
				background-position: 0 0;
			}
			
			#social-top #fb:hover {
				background-position: 0 -24px;
			}
			
			#social-top #in {
				background-position: -29px 0;
			}
			
			#social-top #in:hover {
				background-position: -29px -24px;
			}
			
			#social-top #yt {
				background-position: -58px 0;
			}
			
			#social-top #yt:hover {
				background-position: -58px -24px;
			}
			
			#rule {
				width: 1px;
				height: 34px;
				position: absolute;
				top: 0;
				right: 165px;
				background-color: #fff;
				opacity: .2;
				filter: alpha(opacity=20);
				_display: none;
			}
			
		.addthis_toolbox {
			position: absolute;
			top: 10px;
			right: 292px;
			width: 100px;
		}
			
		.addthis_button_compact {
			background-image: none !important;
			display: block;
			*filter:alpha(opacity=50) !important;
		}
		
		.addthis_toolbox a.addthis_button_compact em {
			font-style: normal;
			font-size: 12px;
			position: relative;
			top: -2px;
			color: #fff;
			*color: #ccc;
			opacity: .5;
			filter:alpha(opacity=50);
		}
		
		.addthis_button_compact img {
			margin-right: 6px
		}
		
		.addthis_button_compact:hover {
			text-decoration: none;
		}
		
		a.addthis_button_compact:hover em {
			color: #fff;
			opacity: 1.0;
			filter:alpha(opacity=100);
		}
		
/* HOME */

	#banner-content {
		width: 880px;
		height: 495px;
		margin: -240px auto 60px auto;
		position: relative;
		box-shadow: 0 1px 2px rgba(0,0,0,.5);
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	}
		
		#banner-content img { /* add this to IE only stylesheet for 7 */
			float: left;
		}
		
		/* ANYTHING SLIDER */
		
		#banner-content .wrapper { 
			width: 880px; 
			overflow: auto; 
			height: 495px; 
			background-color: #fff 
		}
		
		#banner-content .wrapper ul { 
			width: 32700px; 
			list-style: none; 
			margin: 0; 
		}
		
		#banner-content ul li { 
			display: block; 
			float: left; 
			padding: 0; 
			height: 495px;
			width: 880px; 
			margin: 0; 
		}
		
		#banner-content .arrow { 
			display: block; 
			height: 28px; 
			width: 28px; 
			position: absolute; 
			top: 238px; 
			cursor: pointer; 
			border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; 
		}
		
		#banner-content .forward { 
			background: url('../_img/_btns/next.png') 0 0 #5f4c36; 
			_background: none;
			_background-color: #5f4c36;
			_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://openfieldcreative.com/assets/_img/_btns/next.png', sizingMethod='crop'); 
			height: 28px; 
			width: 28px;
			text-indent: -999em; 
			overflow: hidden; 
			right: -60px; 
		}
		
		#banner-content .back { 
			background: url('../_img/_btns/prev.png') 0 0 #5f4c36; 
			_background: none;
			_background-color: #5f4c36;
			_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://openfieldcreative.com/assets/_img/_btns/prev.png', sizingMethod='crop'); 
			text-indent: -999em; 
			overflow: hidden; 
			left: -60px; 
		}
		
		#banner-content .forward:hover { 
			background-color: #9e7e5a; 
		}
		
		#banner-content .back:hover { 
			background-color: #9e7e5a; 
		}

		
		#thumbNav { 
			display: none;
			/* width: 880px; height: 28px; text-align: center; position: relative; bottom: 33px; line-height: 24px */ 
		}
		
		#thumbNav a { 
			font-size: 14px; 
			display: inline-block; 
			width: 28px; 
			height: 28px; 
			background-color: #ccc; 
			color: #fff; background-color: #000; 
			opacity: 0.5; 
			margin-right: 4px; 
			text-align: center; 
			border-radius: 3px; 
			-webkit-border-radius: 3px; 
			-moz-border-radius: 3px; 
		}
		
		#thumbNav a:hover { 
			color: #fff; 
			text-decoration: none; 
			opacity: 1.0
		}
		
		#thumbNav a.cur { 
			background-color: #000; 
			opacity: 1.0 
		}
		
		#start-stop { 
			display: none 
		}
		
		/*
		  Prevents
		*/
		.anythingSlider .wrapper ul ul { 
			position: static; 
			margin: 0; 
			background: none; 
			overflow: visible; 
			width: auto; border: 0; 
		}
		
		.anythingSlider .wrapper ul ul li { 
			float: none; 
			height: auto; 
			width: auto; 
			background: none; 
		}
		
		
		
		
		/* ------------------------------ 
		HOME FEATURES
		----------------------------- */
		
		#banner-thumbs {
			position:absolute;
			display:block;
			right:0px;
			top:53px;
		}
		
		
		.homeFeatureText {
			margin-top: 273px;
			margin-left: 410px;
			width: 390px;
		}
		
			.homeFeatureText h5 {
				font-family: Arial, Helvetica, sans-serif;
				color: #ffffff;
				font-size: 13px;
				text-transform: uppercase;
				
				margin-bottom: 6px;
			}
		
			.homeFeatureText p {
				font-family: Arial, Helvetica, sans-serif;
				color: #ffffff;
				font-weight: bold;
				font-size: 12px;
				
				line-height: 16px;
			}
			
			
			
			
			.homeFeatureText a.case-btn {
				display: block;
				margin-top: 25px;
				/*background: url('../_img/_btns/case-btn.png') top center no-repeat;*/
				/*
				_background: none;
				_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://openfieldcreative.com/assets/_img/_btns/case-btn.png', sizingMethod='crop');
				*/
				/*width: 120px;*/
				width: auto;
				height: 29px;
				float: left;
				border: none;
				border-radius: 3px;
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				overflow: hidden;
				/*text-indent: -999em;*/
				font-family:Arial;
				font-size: 11px;
				color:#fff;
				text-decoration:none;
				line-height:29px;
				padding-left:19px;
				padding-right:19px;
				text-align:center;
				

				z-index:110000;
				border:solid 1px yellow;
			}
			
			.homeFeatureText a.case-btn:hover {
				cursor: pointer;
				
				filter:alpha(opacity=50);
				opacity: 0.5;
				_filter:alpha(opacity=100);
			}
			
			
			
			
			

			
			
			
			
			
			
		
		a.homePlayBtn, a.homePlayBtn:visited, a.homePlayBtn:active {
			display: block;
			float: left;
			width: 155px;
			height: 155px;
			
			background: url('/templates/_img/home_play_btn.png') no-repeat;
			background-position: 0 0;
			
			margin: 160px 0 0 170px;
			_display: inline;
			_background-color: #fff
		}
		
			a.homePlayBtn:hover {
				cursor: pointer;
				text-decoration: none;
				background-position: 0 -155px;
			}
			
		#fresh-wrap {
			position: relative;
			width: 880px;
			margin: 0 auto;
			padding: 175px 0px 0px;
		}
			
		#open-dialogue {
			width: 903px;
			_width: 920px;
			margin: 0 auto 50px auto;
			position: relative;
			left: 10px;
			min-height: 350px;
			height: auto !important;
			height: 350px;
		}
		
			#open-dialogue .col {
				float: left;
				width: 270px;
				margin-right: 30px;
				font-size: 11px;
			}
		
			#open-dialogue h3 {
				color: #b59d87;
				font-size: 24px;
			}
			
			#open-dialogue p {
				margin: 0 0 20px 0;
				line-height: 16px;
			}
			
			.ofc-tweets {
				font-size: 11px;
				color: #9b968f;
			}
			
				.ofc-tweets div {
					margin: 0 0 15px 0
				}
			
			.ofc-tweets .twitterPrefix {
				display: block;
				color: #5f4c36;
				font-weight: bold;
			}
			
			.ofc-tweets .twitterTime {
				display: block;
				color: #ccc;
			}
			
			#open-dialogue input {
				background: url('../_img/home/input-bkg.png') top left;
				width: 175px;
				padding: 6px 5px;
				*padding: 5px;
				font-family: Arial, Helvetica, sans-serif;
				color: #ccc;
				border: 1px solid #ccc;
				float: left;
				font-size: 11px;
				margin: 0 10px 6px 0;
			}
			
			#open-dialogue input:focus {
				color: #666;
				border: 1px solid #99cc00
			}
			
			#open-dialogue input#mc-embedded-subscribe {
				width: 100px;
				background: url('../_img/_btns/signup-btn.gif') no-repeat;
				height: 27px;
				text-indent: -999em;
				overflow: hidden;
				*padding-top: 1px;
				*padding-bottom: 4px;
				*font-size: 0;
				*line-height: 0;
				float: left;
				border: none;
				margin-top: 10px;
			}
			
			#open-dialogue input#mc-embedded-subscribe:hover {
				cursor: pointer;
				opacity: .8
			}

/* WORK */

.filter {
	width: 275px;
	margin: 0 26px 0 0;
	float: left;
}

.filter.last {
	margin: 0
}

	.filter h3 {
		margin-bottom: 10px !important;
		padding: 0;
	}
	
	.filter select {
		width: 244px;
		background-color: #fff;
		font-weight: bold;
		border: none;
		font-family: Arial, Helvetica, sans-serif;
		color: #8f795e;
	}
	
	.jqtransformdone label{
		margin-top:4px;
		margin-right: 8px;
		display: block;
		float:left;
	}
	.jqtransformdone div.rowElem{
		clear:both;
		padding:4px 0px;
	}


/* -------------
 * Selects
 * ------------- */
.jqTransformSelectWrapper {
	width: 275px;
	position:relative;
	height: 25px;
	background: url(../_img/select_left.png) no-repeat top left;
	float:left;
	box-shadow: 0 1px 2px rgba(0,0,0,.5);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
}

.jqTransformSelectWrapper div span, #oNav #main-nav .jqTransformSelectWrapper div span {
	font-size: 12px;
	float: none;
	position: absolute;
	white-space: nowrap;
	height: 25px;
	width:275px;
	line-height: 15px;
	padding: 6px 0 0 10px;
	overflow: hidden;
	cursor:pointer;
	color: #8f795e;
	font-weight: bold;
	display:block;
}

.jqTransformSelectWrapper div span:hover {
	color: #695945
}

.jqTransformSelectWrapper  a.jqTransformSelectOpen,#oNav .jqTransformSelectWrapper  a.jqTransformSelectOpen {
	display: block;
	position: absolute;
	right: 0px;
	width: 31px;
	height: 25px;
	background: url(../_img/select_right.png) no-repeat center center;
	background-color: #5f4c36 !important
}

.jqTransformSelectWrapper ul {
	position: absolute;
	width: 273px;
	top: 23px;
	left: 0px;
	list-style: none;
	background-color: #fff;
	border: solid 1px #fff;
	display: none;
	margin: 0px;
	padding: 0px;
	height: 200px;
	overflow: auto !important;
	overflow-y: auto !important;
	z-index:10;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	box-shadow: 0 2px 2px rgba(0,0,0,.5);
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.5);
	
	z-index:2000 !important;
	height:125px !important;
	
	font-weight: normal !important;
	
}

.jqTransformSelectWrapper ul a {
	display: block;
	padding: 7px 8px 6px 9px;
	text-decoration: none;
	color:#8f795e;
	background-color: #FFF;
	font-size: 12px;	
	font-weight: normal !important;
}

.jqTransformSelectWrapper ul a.selected {
	background: #EDEDED;
	color: #8f795e;
}

.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
	color:#99cc00;
	background: #fff;
}

/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jqTransformHidden {display: none;}
	
	#projects {
		width: 903px;
		overflow: hidden;
		margin: -210px auto 120px auto;
		position: relative;
		left: 11px;
		_left: 9px;
	}
	
		#projects li {
			float: left;
			width: 275px;
			height: 250px;
			margin: 45px 26px 0 0;
			_margin: 45px 24px 0 0;
			font-size: 11px;
			color: #888;
			position: relative;
			left: 2px;
			line-height: 16px
		}
		
			#projects li strong {
				display: block;
				font-family: Arial, Helvetica, sans-serif;
				color: #5f4c36;
				font-size: 12px;
				font-weight: normal;
				margin: 0 0 2px 0;
				font-weight: bold;
			}
			
			#projects li .proj-image {
				position: relative;
				background-color: #fff;
				box-shadow: 0 1px 5px rgba(0,0,0,.5);
				-moz-box-shadow: 0 1px 5px rgba(0,0,0,.5);
				-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.5);
				width: 272px;
				height: 153px;
				margin: 0 0 15px 0;
				*display: inline;
				*background-color: transparent
			}
			
			#projects li img {	
				position: absolute;
				*position: static;
				*margin: 0 0 15px 0;
				top: -2px;
				left: -2px;
				display: block;
				border: 1px solid transparent
			}
			
			#projects li img:hover {
				cursor: pointer;
				border: 1px solid #99cc00;
			}
			 
			#projects a {
				*position: relative;
				*z-index: 1000;
			 	color: #aaa;
			}
		
			#projects a:hover {
				color: #666;
				text-decoration: none
			}



/*  PROJECT DETAIL  */

#project-controls {
	position: absolute;
	*z-index: -1;
	top: 121px;
	right: 0;
	text-align: right
}

	#project-controls a {
		display: block;
		float: right;
		width: 28px;
		height: 28px;
		background-color: #fff;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px
	}
	
	#project-controls a:hover {
		background-color: #ddd
	}
	
	#project-controls a:active {
		background-color: #666;
	}
	
		#project-controls a span {
			display: none;
		}
		
	#work-page {
		background: url('../_img/_btns/grid.gif');
		margin: 0 5px 0 0
	}
		
	#next-project {
		background: url('../_img/_btns/next-dark.png');
	}
	
	#prev-project {
		background: url('../_img/_btns/prev-dark.png');
		margin: 0 5px 0 0
	}
	
	/* TOOLTIP STYLES */
	
	.tipsy { padding: 5px; font-size: 12px; background-repeat: no-repeat;  background-image: url(../_img/tipsy.gif); opacity: .5, filter: alpha(opacity = 50); }
	.tipsy-inner { padding: 5px 8px 4px 8px; background-color: #444; color: #fff; max-width: 200px; text-align: center; font-weight: bold; }
	.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
	.tipsy-north { background-position: top center; }
	.tipsy-south { background-position: bottom center; }
	.tipsy-east { background-position: right center; }
	.tipsy-west { background-position: left center; }

#page-title {
	width: 880px;
	margin: 0 auto;
	padding-bottom: 10px;
}

	#page-title h2 {
		position: relative;
		left: -2px;
		margin-bottom: 7px;
	}
	
	#page-title h3 {
		margin-bottom: 25px;
	}

#introHolder {
	width: 880px;
	margin: 0 auto;
	margin-bottom: 40px;
}

#slideshow {
	width: 880px;
	height: 495px;
	margin: 0 auto;
	position: relative;
	background: url('../_img/loading.gif') center center #fff no-repeat;
	box-shadow: 0 1px 2px rgba(0,0,0,.5);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
}


/*  MB CODE  */

a.videoPlayBtn, a.videoPlayBtn:visited, a.videoPlayBtn:active {
	position: absolute;
	display: block;
	/*float: left;*/
	width: 155px;
	height: 155px;
	
	background: url('/templates/_img/home_play_btn.png') no-repeat;
	background-position: 0 0;
	
	margin: 170px 0 0 362px;
}

	a.videoPlayBtn:hover {
		cursor: pointer;
		text-decoration: none;
		background-position: 0 -155px;
	}

#contentHolder {
	width: 880px;
	margin: 0 auto;
	padding-top: 40px;
}
	
	#cs-intro {
		float: left;
		width: 650px;
		margin-right: 30px;
	}
	
		#cs-intro p, .case-study table p {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 13px;
			margin-bottom: 20px;
			line-height: 18px;
		}
		
	#cs-details {
		float: right;
		width: 195px;
		margin-top: 10px;
		line-height: 20px;
	}
	
		#cs-details h5 {
			padding: 0 0 7px 0;
			border-bottom: 1px solid #ddd;
			text-transform: uppercase
		}
		
			#cs-details p {
				margin: -5px 0 20px 0
			}
		
				#cs-details a {
					font-size: 12px;
					font-family: Arial, Helvetica, sans-serif;
					font-weight: bold;
				}
	
	#caption {
		position: absolute;
		bottom: 0;
		left: 0;
		background: url('../_img/work/caption-bkg.png');
		width: 880px;
		height: 35px;
		z-index: 4;
		color: #fff;
		font-size: 12px;
		font-weight: bold;
	}
	
		#captionText {
			font-family: Arial, Helvetica, sans-serif;	
			padding: 10px 0 0 20px;
			float: left;
			width: 770px;
		}
		
	#imageNumber {
		padding: 10px 20px 0 0;
		float: right;
	}


#caseHolder {
	width: 880px;
	margin: 20px auto 50px auto;
	position: relative;
}		
	
		#results-wrap {
			width: 880px;
			margin: 0 auto 50px auto
		}
			
			.cs-results {
				float: left;
				width: 650px
			}
			
			.cs-results-tease {
				float: right;
				width: 200px;
				margin-top: 52px
			}
			
				.cs-results-tease blockquote {
					font-family: Georgia, Times, serif;
					font-size: 22px;
					line-height: 30px;
					font-style: italic;
					text-indent: -8px;
					margin-bottom: 25px;
				}
				
				.cs-results-tease p {
					color: #444;
				}

.case-study table {
	cellpadding: 0;
	cellspacing: 0;
	border: 0;
	width: 880px;
	margin: 0 auto;
}

	.case-study table td {
		vertical-align: top;
		padding: 0 30px 30px 0;
		width: 424px;
		voice-family: "\"}\""; 
		voice-family:inherit;
		width: 394px;
	}
	
		.case-study table td h2 {
			margin-top: -10px
		}
		
		.case-study table td img {
			margin-bottom: 30px;
		}
		
		.case-study table td strong {
			color: #444
		}

#related-title, #cs-title {
	width: 880px;
	color: #444;
	margin: 0 auto;
	font-size: 28px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 30px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}
	
#related-projects {
	width: 880px;
	margin: 30px auto 50px auto;
}

	#related-pojects li {
		float: left;
	}
	
	.case-study .oWrap {
		padding: 0;
	}
	
/* CAPABILITIES */

#page-title.capabilities {
	position: relative
}

#content.capabilities {
	margin: -80px 0 100px 0;
}

	#capabilities-list {
		font-size: 14px !important;
		text-transform: uppercase;
	}
	
		#capabilities-list a:hover {
			color: #fff !important;
			text-decoration: none;
		}
	
		#capabilities-list .divider {
			color: #fff !important;
		}
	
		#content.capabilities .item {
			width: 880px;
			margin: 0 auto;
			padding: 50px 0;
			border-bottom: 1px solid #ccc;
		}
		
			#content.capabilities .item h3 {
				font-size: 26px !important;
				line-height: 28px !important;
				margin-bottom: 20px !important
			}
		
			#content.capabilities .item h4 {
				color: #8f795e !important;
				font-weight: bold !important;
				font-size: 24px !important
			}
		
			#content.capabilities .subtitle {
				color: #ff9800;
				font-size: 26px;
			}
			
			#content.capabilities .left {
				width: 565px;
				float: left;
			}
			
				#content.capabilities .left .body-subtitle-caps {
					font-size: 24px;
					color: #8f795e;
					margin-bottom: 5px;
				}
				
			#content.capabilities .right {
				width: 275px;
				margin: -30px 0 0 0
			}
			
				#content.capabilities .right ul {
					margin: 0 0 0 15px;
					color: #8f795e;
					line-height: 20px;
				}
			
				#content.capabilities .right ul li {
					list-style: disc !important;
				}
	
/* TEAM */

#team-wrap, #client-wrap {
	width: 915px;
	margin: 0 auto;
	position: relative;
	left: 18px;
}

	#team-banner img, #team-wrap .col img {
	  box-shadow: 0 1px 2px rgba(0,0,0,.5);
	  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	}
	
	#team-wrap .col h1 {
		color: #5f4c36;
		font-size: 40px;
		margin: 10px 0 -2px 0;
	}
	
	#team-wrap .col {
		float: left;
		width: 280px;
		margin: 0 22px 80px 0
	}
	
		#team-wrap p {
			color: #5f4c36;
			font-size: 12px;
			line-height: 16px;
			margin-bottom: 16px;
			padding-right: 5px
		}
	
		#team-wrap .col .twitter {
			float: left;
			display: block;
			background: url('../_img/_btns/social-icons.png') no-repeat;
			background-position: -85px 0;
			height: 24px;
			padding: 5px 0 0 32px;
			voice-family: "\"}\""; 
			voice-family:inherit;
			height: 19px;
			margin:  0 19px 10px 0;
			position: relative;
			left: -1px;
		}
		
		#team-wrap .col .twitter:hover {
			background-position: -85px -24px;
		}
		
		#team-wrap .col .linkedin {
			float: left;
			display: block;
			background: url('../_img/_btns/linkedin-btn.png') no-repeat;
			height: 24px;
			padding: 5px 0 0 32px;
			voice-family: "\"}\""; 
			voice-family:inherit;
			height: 19px;
		}
		
		#team-wrap .col .linkedin:hover {
			background-position: 0 -24px;
		}
		
/* CLIENTS */

	#client-wrap .col {
		float: left;
		width: 280px;
		margin: 0 25px 80px 0
	}
	
		#client-wrap .col .body-subtitle {
			font-size: 18px;
			margin-bottom: 0
		}
		
		#client-wrap .col p {
			margin-bottom: 20px
		}
		
/* CONTACT */

#contact-wrap {
	width: 880px;
	margin: 0 auto 100px auto;
}

	#contact-wrap #main-col {
		float: left;
		width: 575px;
		margin-right: 30px;
	}
	
		#contact-wrap #main-col h2 {
			position: relative;
			left: -1px;
			font-size: 30px;
		}
		
		#contact-wrap #main-col h3 {
			font-family: arial, helvetica, sans-serif !important
		}
	
		#contact-wrap #main-col p {
			color: #8f795e;
			margin-bottom: 15px
		}
		
			#contact-wrap #main-col strong em {
				color: #99cc00;
				font-size: 15px;
				font-style: normal
			}
		
		#contact-wrap #main-col ul {
			color: #8f795e;
			margin: 0 0 20px 12px;
		}
		
			#contact-wrap #main-col ul li {
				color: #8f795e;
				list-style-type: disc;
			}
	
	#contact-wrap #side-col {
		float: left;
		width: 273px;
	}
	
		#contact-wrap #side-col h1 {
			position: relative;
			margin-bottom: 0;
			left: -1px;
			font-size: 30px;
		}
	
		#contact-wrap #side-col h2 {
			position: relative;
			margin-bottom: 8px;
			left: -1px
		}
	
		#contact-wrap #side-col p {
			margin-bottom: 25px;
		}
	
		#contact-wrap #side-col strong {
			display: block;
			color: #5f4c36
		}
		
			#contact-wrap #side-col strong span {
				font-weight: normal
			}
			
			#contact-wrap #side-col em {
				font-style: normal;
				color: #fcb41f;
			}
			
			#contact-wrap #side-col a em {
				font-weight: normal;
				color: #99cc00
			}
		
		#contact-wrap #side-col a, #contact-wrap #main-col a {
			display: block;
			font-weight: bold;
		}
		
		#contact-wrap #side-col #map-thumb img {
			border: 1px solid #99cc00;
			text-decoration: none;
			margin: 10px 0
		}
		
		#contact-wrap #side-col #map-thumb:hover img {
			border: 1px solid #5f4c36;
		}
		
/* SEARCH RESULTS */

#search-wrap h3#search-count {
	position: absolute;
	top: -143px;
	*top: -123px;
}

.search-results #content {
	margin-top: -40px;
	*margin-top: -30px;
}

/* FOOTER */

#oFooter {
	width: 100%;
	height: auto;
	background: #55432f url('../_img/footer-cap.gif') repeat-x top center;
	padding-top: 40px;
	padding-bottom: 40px;
}

#footerHolder {
	width: 880px;
	margin: 0 auto;
	margin-top: 40px;
	*margin-top: 70px;
}

.footerItem {
	float: left;
	width: 175px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #aaa;
	/*margin-top: 40px;*/
}

.footerItemLast {
	float: right;
	width: 180px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #b59d87;
	/*margin-top: 40px;*/
}

	.footerItem strong, .footerItemLast strong, .footerItem strong a, .footerItem strong a:visited, .footerItem strong a:active {
		font-weight: bold;
		color: #fff;
		display: block;
	}

	.footerItem a, .footerItem a:visited, .footerItem a:active {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #b59d87;
		display: block
	}
	
	a.footerLinkFancy, a.footerLinkFancy:visited, a.footerLinkFancy:active {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #a0c23a;
	}
	
	a.footerLinkOrange:hover {
		text-decoration: underline;
	}
	
	a.footerSubHead, a.footerSubHead:visited, a.footerSubHead:active {
		font-weight: bold;
		color: #fff;
	}
	
	a.footerSubHead:hover {
		text-decoration: underline;
	}
	
	
/* CUFON */

.cufon-loading { 
	visibility: hidden !important;
}

/* PAGE TITLES */

#page-title h2 { /* Large white title (Top) */
	display: block;
	font-size: 46px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	line-height: 46px;
	margin-bottom: 6px;
	*position: relative;
	*z-index: 0 !important;
}
	
#page-title h3, #search-wrap h3.subtitle { /* Page subtitle (Top) */
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
	color: #99cc00;
	line-height: 28px;
	margin-bottom: 15px;
}

/* HOME TITLES */

#fresh-wrap h2, #open-dialogue h2 {
	display: block;
	font-size: 28px;
	font-family: Arial, Helvetica, sans-serif;
	color: #5f4c36;
	line-height: 30px;
	margin-bottom: 15px;
}

#open-dialogue h3 {
	color: #b59d87; 
	font-size: 24px;
	margin-bottom: 15px;
}

#content h1 {
	display: block;
	font-size: 42px;
	font-family: Arial, Helvetica, sans-serif;
	color: #5f4c36;
	line-height: 46px;
	margin-bottom: 15px;
}

.case-study #content h1 {
	font-size: 28px;
	line-height: 32px;
	margin-bottom: 20px;
	font-weight: normal
}

#content h2 {
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ff9900;
	line-height: 18px;
	margin-bottom: 10px;
	font-weight: normal
}

#content h3 {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ff9900;
	line-height: 24px;
	margin-bottom: 5px;
	font-weight: normal
}

#content h4 {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #5f4c36;
	line-height: 20px;
	margin-bottom: 10px;
	font-weight: bold;
}

#content h5 {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #5f4c36;
	line-height: 20px;
	margin-bottom: 10px;
	font-weight: bold;
}

#content table ul {
	margin: -10px 0 20px 0;
	padding-top: 0;
	padding-left: 14px;
	padding-bottom: 5px;
}

	#content table ul li {
		list-style-type: disc !important;
	}

/* JCAROUSEL CORE */

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
	/*height: 450px;*/
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
	/**/
	/*width: 740px;*/
}

.jcarousel-list {
    /*z-index: 1;*/
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
	/**/
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
	margin: 0;
    padding: 0;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
 /*
.jcarousel-next {
    z-index: 3;
}

.jcarousel-prev {
    z-index: 3;
}
*/

/* BIG PROJECT SLIDESHOW */

/* mb code  */

#largeCarouselPrev {
	z-index: 5;
	position: absolute;
	top: 0;
	left: 0px;
	width: 300px;
	height: 495px;
	
	background: url('../_img/clear.gif');
}

	#largeCarouselPrev:hover {
		cursor: pointer;
	}
	
	#largeCarouselPrev:hover .carouselPrevImage {
		background-color: #9e7e5a
	}

#largeCarouselNext {
	z-index: 5;
	position: absolute;
	top: 0;
	left: 580px;
	width: 300px;
	height: 495px;
	
	background: url('../_img/clear.gif');
	
}

	#largeCarouselNext:hover {
		cursor: pointer;
	}
	
	#largeCarouselNext:hover .carouselNextImage {
		background-color: #9e7e5a;
	}
	

.carouselNextImage {
    position: absolute;
    top: 233px;
    right: -52px;
    width: 28px;
    height: 28px;
    z-index: 3;
    cursor: pointer;
    background: url('../_img/_btns/next.png') no-repeat 0 0 #5f4c36;
    _background-color: #5f4c36;
    _background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://openfieldcreative.com/assets/_img/_btns/next.png', sizingMethod='crop');
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px
}

.carouselPrevImage {
    position: absolute;
    top: 233px;
    left: -52px;
    width: 28px;
    height: 28px;
	z-index: 3;
    cursor: pointer;
    background: url('../_img/_btns/prev.png') no-repeat 0 0 #5f4c36;
    _background-color: #5f4c36;
    _background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://openfieldcreative.com/assets/_img/_btns/prev.png', sizingMethod='crop');
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px
}


/* end mb code */

.jcarousel-skin-large-projects .jcarousel-container {
	width: 880px;
}

.jcarousel-skin-large-projects .jcarousel-container-horizontal {
    width: 880px;
	height: 495px;
}

.jcarousel-skin-large-projects .jcarousel-clip-horizontal {
    width:  880px;
    height: 495px;
}

.jcarousel-skin-large-projects .jcarousel-item {
	/*cursor: pointer;*/
    width:  880px;
    height: 495px;
	
	background: url('/_img/loading.gif') no-repeat;
	background-position: 360px 180px;
}

.jcarousel-skin-large-projects.jcarousel-item-horizontal {
    /*margin-right: 10px;*/
}

.jcarousel-skin-large-projects .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-large-projects .jcarousel-next-horizontal {
	/*
    position: absolute;
    top: 245px;
    right: 20px;
    width: 25px;
    height: 25px;
    z-index: 100;
    cursor: pointer;
    background: transparent url('../_img/_btns/next-large-btn.png') no-repeat 0 0;
	*/
}

.jcarousel-skin-large-projects .jcarousel-next-horizontal:hover {
   /* background-position: 0 -25px; */
}

.jcarousel-skin-large-projects .jcarousel-next-horizontal:active {
   /* background-position: 0 0; */
}

.jcarousel-skin-large-projects .jcarousel-next-disabled-horizontal,
.jcarousel-skin-large-projects .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-large-projects .jcarousel-next-disabled-horizontal:active {
	/*
    cursor: default;
    background-position: 0 -50px;
	*/
}

.jcarousel-skin-large-projects .jcarousel-prev-horizontal {
	/*
    position: absolute;
    top: 245px;
    left: 20px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background: transparent url('../_img/_btns/prev-large-btn.png') no-repeat 0 0;
	*/
}

.jcarousel-skin-large-projects .jcarousel-prev-horizontal:hover {
	/*
    background-position: 0 -25px;
	*/
}

.jcarousel-skin-large-projects .jcarousel-prev-horizontal:active {
	/*
    background-position: 0 0;
	*/
}

.jcarousel-skin-large-projects .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-large-projects .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-large-projects .jcarousel-prev-disabled-horizontal:active {
	/*
    cursor: default;
    background-position: 0 -50px;
	*/
}

/* SMALL PROJECT CAROUSEL */

.jcarousel-skin-small-projects .jcarousel-container {
	position: relative;
	right: 1px
}

.jcarousel-skin-small-projects .jcarousel-container-horizontal {
    width: 912px;
}

.jcarousel-skin-small-projects .jcarousel-clip-horizontal {
    width:  912px;
    height: 360px;
}

.jcarousel-skin-small-projects .jcarousel-item {
    width:  272px;
    height: 360px;
}

.jcarousel-skin-small-projects .jcarousel-item-horizontal {
    /* margin-right: 32px; */
}

.jcarousel-skin-small-projects .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-small-projects .jcarousel-next-horizontal {
	position: absolute;
	display: block;
    top: 66px;
    right: -29px;
    width: 28px;
    height: 28px;
    cursor: pointer;
    background: url('../_img/_btns/next.png') 0 0 no-repeat #5f4c36;
    _background-color: #5f4c36;
    _background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://openfieldcreative.com/assets/_img/_btns/next.png', sizingMethod='crop');
    border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	z-index: 100;
}

.jcarousel-skin-small-projects .jcarousel-prev-horizontal {
    position: absolute;
    top: 66px;
    left: -59px;
    width: 28px;
    height: 28px;
    cursor: pointer;
    background: url('../_img/_btns/prev.png') no-repeat 0 0 #5f4c36;
    _background-color: #5f4c36;
    _background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://openfieldcreative.com/assets/_img/_btns/prev.png', sizingMethod='crop');
    border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	z-index: 100;
}

.jcarousel-skin-small-projects .jcarousel-next-horizontal:hover, .jcarousel-skin-small-projects .jcarousel-prev-horizontal:hover {
    background-color: #9e7e5a;
}

.jcarousel-skin-small-projects .jcarousel-next-horizontal:active, .jcarousel-skin-small-projects .jcarousel-prev-horizontal:active {
    background-color: #3f3224;
}

.jcarousel-skin-small-projects .jcarousel-next-disabled-horizontal,
.jcarousel-skin-small-projects .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-small-projects .jcarousel-next-disabled-horizontal:active,
.jcarousel-skin-small-projects .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-small-projects .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-small-projects .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-color: #e2e2e1;
}

/* SMALL PROJECT CAROUSEL THUMBS */

.thumbItem {
	float: left;
	width: 272px;
	height: 240px;
}

	#fresh-wrap .thumbItem {
		text-align: left
	}
	
		#fresh-wrap .thumbItem h3 {
			font-size: 22px;
			margin-bottom: 4px;
			line-height: 24px;
			position: relative;
			left: -2px;
		}
		
			#fresh-wrap .thumbItem h3 a {
				color: #ff9800
			}
			
			#fresh-wrap .thumbItem h3 a:hover {
				color: #ff9800;
				text-decoration: none;
			}
	
		#fresh-wrap .thumbItem p {
			color: #888;
			line-height: 16px;
			font-size: 12px;
		}
		
	.thumbItem a.feature-small {
		display: block;
		width: 272px;
		height: 153px;
		box-shadow: 0 1px 2px rgba(0,0,0,.5);
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
		position: relative;
		left: 2px;
		margin-bottom: 10px;
	}

.thumbItem img {
	border: 1px solid transparent;
	position: relative;
	right: 1px;
}

.thumbItem img:hover {
	border: 1px solid #a0c23a;
	cursor: pointer;
}

.thumbTitle {
	font-family: Arial, Helvetica, serif;
	font-size: 13px;	
	color: #5f4c36;
	font-weight: bold;
}

.thumbTag, .thumbTag a, .thumbTag a:visited, .thumbTag a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;		
	color: #888;
	line-height: 16px;
}

.thumbTag a:hover {
	text-decoration: none;
	color: #999;
}

/* SHARED PROJECT STYLES */

#client-welcome {
	display:inline;
	float:left; 
	margin-left:10px;
	margin-top:7px;
	text-transform:uppercase;
}
	
	#client-welcome a {
		color:#ddd !important; 
		background-image: none;
	}
	
	#client-welcome a:hover {
		color: #fff !important;
		text-decoration: none;
	}

#to-ofc {
	display:inline;
	color:#ddd !important; 
	float:right; 
	cursor:pointer;
	padding: 7px 0 0 0;
	font-size: 14px;
	background-image: none !important;
	height: 34px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
  	height: 27px;
}

#to-ofc:hover {
	color: #fff !important;
	text-decoration: none;
}

#to-ofc span {
	height: 34px;
}

#share-title {
	width: 577px;
	float: left;
}

	#share-title h3 {
		color: #fff;
	}
	
#ofc-tease {
	width: 270px;
	float: right;
}

	#ofc-tease p {
		font-size: 12px;
		color: #fff;
	}
	
		#ofc-tease strong {
			display: block;
			color: #403324;
			margin-bottom: 6px;
		}
		
	#ofc-tease a {
		color: #fff;
		text-decoration: underline;
	}
	
	#ofc-tease a:hover {
		text-decoration: none
	}