/* @override http://innovationfocus.com.temp.omnis.com/screen.css */

/* @override http://innovationfocus.com.temp.omnis.com/screen.css */

/* @override http://innovationfocus.com.temp.omnis.com/screen.css */

/* @override http://if.davenportdesign.net/index.php?css=site/stylesheet.v.1224696150 */




html,
body {
	background: url('/images/body_bg.jpg') #333 repeat-x;
	font: 12px 'Helvetica', sans-serif;
	margin: 0;
	padding: 0; text-align:center;
}

html>body {text-align:left;}

object {
	margin-bottom: -3px;
}

.red {
	color:#AD0305;
	font-size: 100%;
	font-weight: bold !important;}

outline {
color:#AD0305;
font-weight:bold !important;}

p {
	line-height: 18px;
	margin-bottom: 0 0 15px 0 !important;}
	
#contentbox /*div.case.case_full*/  ul li {
	padding-left: 0;
	background: url(/images/bullet.gif) 0 5px no-repeat;
/*	border-bottom: 1px dashed #ccc;  */
	padding:0 0 0px 12px;
	margin: 0 40px 3px 7px;
	font-weight: bold !important;
	
	font: 13px/17px arial;
	color: black;
}

#contentbox ol {
	padding-left: 17px;
}
	
#contentbox div.case.case_full  ol li{
	font: 14px Georgia;
	font-weight: normal;
	color: #999;
	background: none;
}	

#contentbox div.case.case_full  ol li p {
	background: none;
/*	border-bottom: 1px dashed #ccc;	*/
	margin-bottom: 5px;
	padding-bottom: 7px;
	margin-right: 40px;
	font: 12px helvetica;
	color: #333;
}

img {
	display: inline;
	vertical-align: bottom;
	text-decoration: none;
	border: none;
	padding: 0;
	margin: 0;
}



hr {
	border: none;
	border-bottom: 1px dotted #999;
}

strong {font-weight:bold;}

a, a:hover, a:visited, a:active {
	color: #AD0305;
	text-decoration: underline;}



.smaller {
	font-size: 85%;}
	
.floatr {
	float:right;
	margin: 20px;}
	
.floatl {
	float:left;
	margin: 12px;}
	
.margin_r10 {
	margin:0 10px 0 0;
}	
	
.margin_l10_b10 {
	margin: 0 0 10px 10px;
}
.mr0 {margin-right: 0 !important;}
	
.ml0 {margin-left: 0 !important;}

.pl0 {padding-left: 0 !important;}

.pr0 {padding-right: 0 !important;}

.border3 {
	border: 4px solid #eaeaea;}


ul { list-style: none; }
h1, h2, h3, h4, h5, h6, p, a, input, form {
	margin: 0;
	padding: 0;
	font-weight: normal;
}
	
.clear {
	clear: both;}

/* header */

#header {
	background: black;
	border-bottom: 1px solid #333;}
	
	#header ul {
		text-align: right;
		width: 850px;
		margin: auto;
		padding: 10px 0;}
	
	#header ul li {
		margin: 0 10px 0 0;
		list-style: none;
		display: inline;}
	
	#header a {
		text-transform: uppercase;
		text-decoration: none;
		color: white;
		letter-spacing: 1px;}
		
	#header a:hover {
		text-decoration: underline;}
		
	#header ul li .selected {
		color: #9E100F;	}
	

/* #glow puts a bg image slightly wider than 850 to add the glow effect of site canvas */



#glow {
        width:850px;
	margin: auto;
	padding: 0;
	background: url('/images/glow.png') center top;
	text-align:left;} 

html>body #glow {
	padding: 0 10px;} 


/* container holds the portion of site that is 850 wide */

#container {
	/*width: 850px;*/
	background: url(/images/ie_bg.gif) repeat-y #F5F5F5;}
	
	
/* midbar - where the flash resides */

#midbar {
	background: url('/images/gray.jpg') no-repeat #222;}	
	
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// MID BAR LINKS ///////////// */
/* notice widths... (15 + 40 + 15) + 4 * (195) = 850px */

#midbar div {
	background: #A70B0C url('/images/midbar_bg.jpg') repeat-x 0 50%;
	border: 1px solid #642323;
	border-width: 1px 0px;
}
#midbar ul, #midbar li { display: inline; }
#midbar ul li a {
	color: #fff;
	font: bold 16px helvetica, 'sans-serif';
	text-decoration: none;
	display: block;
	float: left;
	width: 195px;
	padding: 15px 0;
	overflow: hidden;
}
#midbar ul li a.on {
	background: #A70B0C url('/images/midbar_bg.jpg') repeat-x 0 50%;
}
#midbar ul li a#home_link { width: auto; }
#midbar ul li a#home_link span { width: 40px; background: transparent url('/images/home_ico.gif') no-repeat 50% 50%; text-indent: -9999px;  }
#midbar ul li a#home_link span span { background: transparent none !important; }
/* #midbar ul li a#home_link:hover span { background-image: url('/images/home_ico_hover.gif'); } */
#midbar ul li a span { display: block; padding: 0 15px; }
#midbar ul li a span span { font-size: 11px; font-weight: normal; padding: 0; }
#midbar ul li a span span.hidden { display: none; }
#midbar ul li a.current { color: #ddd; text-decoration: underline; }
#midbar ul li a:hover { }
#midbar ul li a.current:hover {
	color: #fff;
}
html>body #midbar ul li a.selected {
	background: url('/images/smoke_tint.png');
}


	
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// MAIN CONTENT STYLING ///////////// */
	
#contentbox {
	float: left;
	width: 520px;
	padding: 30px;}
	
		
	#contentbox h1 {
		color:#A30823;
		margin-bottom: 15px;}
		
	#contentbox p {
		margin-bottom: 15px;}
		
	#contentbox h2 {
		color: #363636;
		margin-bottom: 15px;
		font-size: 16px;
		line-height: 22px;}
		
	#contentbox ul {
		list-style: none;
		margin-left: 0px;
		padding-left: 13px;}
		
	#contentbox li {
		padding-left: 13px;
		margin-bottom: 4px;
		background: url(/images/bullet.gif) center left no-repeat;}		
	#contentbox ol li {
		padding-left: 5px;
	}

	
	
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// SIDEBAR ///////////// */
	
#sidebar {
	background: white;
	float: right;
	width: 270px;}
	
	
	#sidebar div {
		border-bottom: 1px dotted #ccc;
		margin-bottom: 15px;
		padding-bottom: 15px;}

	#sidebar .search{
		border-top: 1px solid #685C54;
		border-bottom: 1px solid #685C54;
		background:  url(../ximages/search.gif) #8C7D72;
		height: 20px;
		padding: 7px;
		margin-bottom: 0;}
		
		
		#sidebar .search #keywords {
			margin-top: 0px;
			font: 12px "Lucida Sans"; 
			width: 150px;
			background: url('/images/search_m.gif') repeat-x transparent;
			border: none;}
			
		#sidebar .search #keywords {
			font: 12px Helvetica, Arial, San Serif;
			}
		
	#sidebar h4 {
		text-transform: uppercase;
		font-weight: bold;
		margin: 0 0 6px 15px;}
		
	#sidebar p {
		color: #666;
		margin: 0 15px;}
		
	#sidebar .date {
		display: block;
		width: 66px;
		text-align: center;
		color: white;
		margin: 0 0 6px 15px;
		padding: 2px;
		background-color: #8C7D72;
		text-transform: uppercase;
		font-weight: bold; }
		
#footer {
	text-align: center;
	background: black;
	border-top: 1px solid #666;
	padding: 5px;}
		
#footer ul {
	margin: 0;
	padding: 0;}
	
	#footer ul li {
		list-style: none;
		display: inline;}
		
	#footer a {
		color:#666;}
		
		
	#footer p {
		color: #ccc;}
		
/* team page */
		
.person {
	float: left;
	margin-right: 15px;
	width:113px;
	height: 195px;}

	.person img {
		width: 100px;
		height: 107px;
		border: 1px solid #eaeaea;
		border-bottom-color:#ccc ;
		border-right-color: #ccc;
		background: white;
		padding: 5px;}	
		
	.person p {
		font-size: 11px;
		font-style: italic;
                margin:0 !important;
                padding:0;}
	
		.person p a {
			font-weight: bold;
			font-style: normal;
			font-size: 12px;}
		
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// SEARCH BAR ///////////// */
		
span.sbox_l  {
	background: white url('/images/search_l.gif') no-repeat top left;
	float: left;
	width: 19px; height: 19px;
}

span.sbox_r  {
	background: white url('/images/search_r.gif') no-repeat top left;
	float: left;
	width: 19px; height: 19px;
}

span.sbox input {
	background: white url('/images/search_bg.gif') repeat-x top left;
	float: left;
	border: 0;
	height: 19px; width: 142px;
	padding: 3px;
	font:11px/13px "Lucida Sans", "Lucida Grande", San-serif;
	color: #000;
}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// CASE STUDY MODULE ///////////// */



#featured-module {
	border-top: 2px solid #eaeaea;
	border-bottom: 2px solid #eaeaea;
	margin-top: -15px;
	padding: 15px 0px 0px !important;
}

#featured-module div {
	border-bottom: none;
	margin-bottom: 0;
}


#sidebar .case_study {
	border: none;}

.case_study span {
	padding: 10px 0;
	margin-left: 15px;
	border: 1px dotted #666;
	border-width: 1px 0 0 0;
	display: block;}

body #sidebar .case_study span h4 {
	margin-left: 0;
	color: white;
	background-color: #666;
	padding: 3px;
	display: inline;}

#sidebar div ul {
	margin-left: 20px;
	padding-left: 0;
}

#sidebar div ul li {
	padding: 0 0 3px 10px;
	background: url(/images/bullet.gif) center left no-repeat;
}

#sidebar .selected {
	color: black !important;
}

#sidebar div.lcontent ul li a.selected {
	color: black;
	font-weight: bold;
	text-decoration: none;
}

#sidebar div.calendar {
	background: url(/images/cal_bg.gif) bottom right no-repeat;
	border-bottom: none;
	padding-bottom: 30px;}

.calendartable {
	margin: auto;}

#sidebar h4.center {
	text-align: center;
	margin-left:0; margin-right:0;}

#sidebar h3 {
	text-transform: uppercase;
	font-weight:bold;
	background: #a70b0c;
	border-bottom:	 1px solid #580606;
	color: white;
	padding: 10px;
	margin: 0 0 10px 0;
}

.hiddenFields{display:none;}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// SEARCH RESULTS ///////////// */

#contentbox li.search_results {
	padding-bottom: 15px;
	line-height: 16px;
	background-image:none;
}

/* single employee bio page */

#contentbox div.employee h1 {
	margin-bottom: 0px;
}

#contentbox div.employee img.floatl {
	border: 1px solid #eaeaea;
	border-bottom-color:#ccc ;
	border-right-color: #ccc;
	background: white;
	margin: 0 13px 10px 0;
	padding: 5px;
}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// NEW PAGE COMMENTS ///////////// */


#login {
	width: 850px;
	margin: auto;
	height: 35px;
	/*padding: 5px;*/
	background-color: #8c7d72;
	border-bottom: 1px solid #666;
	}
	
#login .input {
	height: 17px;
	width: 149px;
	background: url(/images/field.gif);
	border: none;
}	

#login label {
	height: 19px;
	font: 14px Helvetica;
	text-transform: uppercase;
	font-weight: bold;
	color: #222;}


#login p {
	float: left;
	margin: 10px;
	color: black;
}

#box {
	width: 850px;
	margin: auto;
}

#box .login_link {
	margin-right: 150px;
}

#header ul li.first a.login_link {
	margin-right: 150px;	
	color: #666;
	background: #141414;
	padding: 4px;
}


.photo_border {
	border: 1px solid #eaeaea;
	border-bottom-color:#ccc ;
	border-right-color: #ccc;
	background: white;
	padding: 5px;}
	
.partner {
	border-bottom: 1px dashed #666;
	margin-bottom: 15px;
}	
	
	
.partner img {
	margin: 0 15px 15px 0;
}

#sidebar div.categories {
	margin-top: 10px;
	padding-bottom: 0;
	
}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// CASE STUDIES PAGE ///////////// */

div.case {
	border-bottom: 1px dashed #ccc;
	margin-bottom: 10px;}
div.case img {
	margin: 0 15px 15px 0;}
	
div.case h1 {
	margin-bottom: 0 !important;}

.case_pic_box {
	background: url(/images/gallery_bg.gif) repeat-x bottom left #ccc;
	padding: 15px 0 0 0;
	border-bottom: solid 1px #666 !important;
	} 
	
.case_pic_box .img_holder {
	padding: 0 0 0 10px !important;
	margin: 0 !important;
	border-bottom: none !important;}
	
.tn_link {
	float: left;
	padding: 4px !important;	
	margin: 0 3px 3px 0;
	background: white ;
	border-right: 1px solid #999 !important;
	border-bottom: 1px solid #999 !important;
}

.tn_img {
	border: 1px solid #eaeaea;
	border-left:1px solid #999;
	border-top:1px solid #999;
	padding:0px !important;
	margin:0px !important;
	background: no-repeat center;

}
	
.case_pic_box h4 {
	padding-left: 10px !important;
	margin-left: 0 !important;
	background: url(arrow.gif) no-repeat left top;}
.case_pic_box p {
	margin: 0 0 5px 0 !important;}

.case_pic_box img {
	padding: 4px;
	background: white;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999; }

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// LIGHTBOX ///////////// */


.zoom_tn img {
	padding: 4px;
	border-top: 1px solid #eaeaea;
	border-left: 1px solid #eaeaea;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	margin: 3px;
	
	}

.margin15 {
	margin: 15px;}

#zoom {
	display: none;
	position: absolute;
	top: 327px;
	left: 120px;
	z-index: 100;
}

#zoom * {
	display: block;
	border-style: none;
}

#zoom .top, #zoom .bottom {
	height: 13px;
	margin-left: 13px;
	background: url(/images/z/ZoomShadow.png) 100% 0;
}

#zoom .top div, #zoom .bottom div {
	width: 13px;
	height: 13px;
	position: relative;
	left: -13px;
	background: url(/images/z/ZoomShadow.png) 0 0;
}

#zoom .bottom {
	background-position: 100% 100%;
}

#zoom .bottom div {
	background-position: 0 100%;
}

#zoom .i1 {
	padding-left: 7px;
	background: url(/images/z/ZoomShadowSides.png) repeat-y;
}

#zoom .i2 {
	padding-right: 7px;
	background: url(/images/z/ZoomShadowSides.png) repeat-y 100% 0;
}

#zoom .i3 {
	padding: 1px;
}

#zoom-close {
	width: 30px;
	height: 30px;
	position: absolute;
	top: -12px;
	left: -15px;
	background-image: url(/images/z/ZoomClose.png);
	text-indent: -1000em;
	overflow: hidden;
}

#zoom-close:active {
	background-position: 0 -30px;
}

#zoom-content {
	margin: -9px -1px -5px;
	background-color: #fff;
	position: relative;
	padding: 0;
}

#zoom-captioncontainer {
	display:none;
	position: absolute;
	color: #fff;
	top: 100%;
	margin-top: 10px;
	text-shadow: #000 0 1px 3px;
	width: 100%;
	font-weight: bold;
	cursor: default;
}

#zoom-captioncontainer * {
	display: inline;
}

#zoom-captioncontainer div {
	padding-top: 7px;
	padding-bottom: 14px;
	background: url(/images/z/ZoomCaptionLeft.png) no-repeat;
}

#zoom-captioncontainer div div {
	background: url(/images/z/ZoomCaptionRight.png) no-repeat 100% 0;
	margin-left: 15px;
}

#zoom-caption {
	background: url(/images/z/ZoomCaptionFill.png) repeat-x 100% 0;
	margin-right: 15px;
	padding: 7px 0 14px;
}

#zoom-load {
	width: 48px;
	height: 48px;
	background-image: url(/images/z/ZoomProgress.png);
	display: none;
}

#overlay { background-image: url(/images/z/ZoomOverlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(/images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/z/ZoomOverlay.png", sizingMethod="scale");
}




/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// CLEARFIX ///////////// */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: "s;dflkgj ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */



.relevant_case_study img {
	padding: 4px;
	margin: 0px 10px 5px 16px;
	background: white;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	
}

#contentbox div.entry {
	border-bottom: 1px dashed #666;
	margin-bottom: 20px;	
}


#discovery h1.underline {
	padding: 5px 0 5px 45px;
	background: url(/images/blurb_l.gif) left center no-repeat;
}

#discovery_ideation h1.underline {
	padding: 5px 0 5px 75px;
	background: url(/images/blurb_bulb_l.gif) left center no-repeat;
}

#ideation h1.underline {
	padding: 7px 0 5px 33px;
	background: url(/images/bulb_l.gif) left center no-repeat;
}

#ideation_development h1.underline {
	padding: 6px 0 5px 63px;
	background: url(/images/bulb_gear_l.gif) left center no-repeat;
}

#development h1.underline {
	padding: 6px 0 5px 37px;
	background: url(/images/gear_l.gif) left center no-repeat;
}

#innovation h1.underline, #home h1.underline {
	padding: 5px 0 5px 105px;
	background: url(/images/all_l.gif) left center no-repeat;
}

#home .floatr, 
#discovery .floatr, 
#discovery_ideation .floatr, 
#ideation .floatr, 
#ideation_development .floatr, 
#development .floatr, 
#innovation .floatr  {
	margin: 0 0 10px 10px;}

#home .logoblock {
	border: 5px solid #cecece;
	margin-bottom: 19px;
	padding: 10px 10px 0px 10px;
	background: url(/images/logo_gradient.gif) left top white;}
	
#home .logoblock p {
	border-bottom: 1px dotted #ccc;
	padding: 0 0 7px 0;
	margin: 0;}
	
#home .logoblock p.last {
	border: none;
	margin-bottom: 0;}
	
#home .logoblock p img {
	float: left;
	margin: 0 15px 0 0;}
	
.infobox {
	padding-top: 15px;
	margin-bottom: 15px;
	background: #d9d9d9;
	border: 1px solid #ccc;
	border-left-width: 3px;}
	
.infobox p {
	float: left;
	margin-left: 20px;}