body{background:#96d8d8 url(../images/bg-body.jpg) top left repeat-x;}
a {color:#D81F2A; text-decoration:none}
a:visited{text-decoration:none;}
a:hover{text-decoration:underline;}
a:active{text-decoration:underline;}
a.printLk{cursor:pointer;}
p{line-height:1.6;margin-bottom:1em}
sup {font-size: .7em;}
h1 sup{font-size:.25em}
h2 a, h4 a{font-size:90%;padding-left:1em}
h2 a.all{float:right;font-size:70%;*margin-top:-1em;}
a.right{float:right;}
.col h2{margin-top:2em}
.col>h2:first-child{margin-top:1em}
.callout{margin-top:6em;}
#strengthCallout{margin-top:1em;background:url(../images/icn-braket.gif) no-repeat 110px 0}
#strengthCallout .snipe {float:right;width:80px;display:block;height:100px;padding-top:24px;}

#header{position:relative;}

.companyLogo{margin-top:25px; }
#preheader a.olsonLink { display:block; float:right; margin-top:34px; font-size:0.9em; }

/* background:url(../../images/tagline.png) no-repeat */

#markee{position:relative;padding:40px 0 0 60px;position:relative;height:79px;_height:119px;overflow:hidden;clear:both;background:url(../images/head-bg.jpg) no-repeat}
#markee h1{ font-weight:normal; font-size:50px; margin:0 0 0 -60px; }
#p-home #markee{padding:80px 0 0 190px;height:139px;_height:218px;position:relative;}
#subtitle{position:absolute;height:100px;_overflow:hidden; width:964px;bottom:-100px;background-color:#99CCCC;left:0;-moz-opacity: 0.9;opacity:.90; filter: alpha(opacity=90);}
#subtitle p{line-height:1.3;padding: 20px 300px 20px 132px;color:white;font-size:120%;font-weight:normal}

.align-right { float:right; margin: 0 0 15px 15px; border: 1px solid #999999; }

#accent{width:62px;height:50px;position:absolute;top:87px;left:40px;z-index:1000}

h1#title{margin-left: -20px;}

#mainNav{ background-color:#33CCCC; }
#mainNav ul{padding-top:.5em}
#mainNav li{line-height:1em;width:112px;}
#mainNav li a{background:url(../images/tabs.gif) no-repeat -27px top;cursor:pointer}
#mainNav li.on strong{background:url(../images/tabs.gif) no-repeat -27px bottom;}
#mainNav li a:hover{color:white;text-decoration:none}
#mainNav li a, #mainNav li strong{ color:#FFF; text-decoration:none; font-size:1.1em; font-weight:normal; height:43px; padding:0; }
#mainNav li span{position:absolute;display:block;width:110px;height:43px;}
#mainNav li span.bg{background:url(../images/tabs.gif) no-repeat 0 -44px;}
#mainNav li span.nav{margin:8px 0 0 12px;line-height:1.4}
#newsticker li a {color:#FBB03B;font-size:1.1em;text-decoration:none;}

#footer{border-top:1px solid #cbcbcb;text-align:center;}

/*js*/
.js .toggle{display:none;}

/*home*/

#p-home #strengthCallout .snipe{width:110px;height:auto;}
#p-home #content3 h2{white-space:nowrap;}
#p-home #tagline{margin-top: 35px;}
#p-home h1#title{margin-left:-60px;}

#hooha ul{margin: 1em 0}
#hooha li	{list-style: none; font-size: 85%; margin-bottom: 15px;}
#hooha li div{margin-left:35px;}
#hooha li img	{float: left; margin-right: 5px;}
#hooha a.twitter{background:url(../images/icn-twitter-sm.gif) no-repeat;font-size:85%;display:block;padding:2px 0 2px 20px}
.testimonial blockquote	{margin: 0 0 0.5em;}
.testimonial .image{float:right;width:100px;margin-top:.3em}
.testimonial .credit{margin-right:105px;}
#p-home div.home-headline{float:left;width:60%; border-bottom:solid 1px #A7A7A7; }
#p-home div.home-headline h1 {margin:1.5em 0 0.5em 0; font-size:2em; color:#696969; }
#p-home div.home-headline p {font-size:1.4em;line-height:1.35em;color:#999;}
#p-home div.home-services-teaser{float:right;width:34%}
#p-home div.home-services-teaser h2{margin:0 0 1.25em 0;}
#p-home div.home-work{ clear:both; }

/*moving overlay*/
#overlaywrapper { background: black; margin: 0; width: 100%; height: 1100px; opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); z-index: 1000; position: absolute; top: 0; left: 0; }
#olsoninner { position: absolute; top: 0; left: 0; width: 100%; z-index: 1001; }
#wearenowolson { text-align: center; width: 600px; border: 1px solid black; color: #5f6168; margin: 100px auto 0; padding: 0; background: white; }
#isnow { margin: 60px 20px; padding: 0; }
#wearenowolson h2 { margin: 0 30px; font-size: 1.4em; font-weight: bold; }
#wearenowolson p { margin: 20px 30px 40px; font-size: 1em;}
#pressrelease { float: left; margin: 0px 0px 25px 120px; background: url(/images/prdoc.jpg) no-repeat left center; }
#pressrelease a, #pressrelease a:visited { text-decoration: none; color: #d3222a; line-height: 2.0em; margin: 0; padding: 0px 0px 0px 30px;}
#visitolson { float: right; margin: 0px 126px 25px 0px; background: url(/images/olsono.jpg) no-repeat left center; }
#visitolson a, #visitolson a:visited { text-decoration: none; color: #d3222a; line-height: 2.0em; margin: 0; padding: 0px 0px 0px 30px;}
#pressrelease a:hover, #pressrelease a:active, #visitolson a:hover, #visitolson a:active { text-decoration: underline;}

/*overlay*/
div#fancy_div {background: white;color:#696969}
#fancy_ajax {position:relative;}
#fancy_ajax .images{margin-left:0;}
#fancy_content{right:14px !important;}/*left:10px !important}*/
.overlay h1, h3, p {padding-right: 10px;}
.overlay h3 {padding-bottom: 10px;}
.overlay img {border: 1px solid #999999; }

/*work*/
#work .project,#seeourwork .project {float:left;width:207px;height:104px;margin-right:2px;margin-bottom:2px;position:relative;overflow:hidden;}
#work .project .teaser, #seeourwork .project .teaser{position:absolute;bottom:-59px;display:block;background:#696969;color:white;width:188px;_width:208px;height:68px;_height:87px;padding:7px 10px 12px;-moz-opacity: 0.8;opacity:.80; filter: alpha(opacity=80);}
#work .project a, #seeourwork .project a{text-decoration:none}
#work .project .teaser span, #seeourwork .project .teaser span{display:block;width:195px;}
#work .project .teaser span.title, #seeourwork .project .teaser span.title{margin-bottom:.3em;font-size:105%;*font-size:100%}
#seeourwork{width:207px;overflow:hidden}

#project h2	{margin-top: 0;}
#project dl, #project h2, #project .block{margin-left:0}
#project dt{float:left;padding-right:0.3em;font-weight:bold;font-size:105%}
#project dd{margin-bottom:0.5em;}
#project dd.initiative, #project dd.solution, #project dd.objective{line-height:1.4}
#project dd.client, #project dd.project{font-size:105%}
#project dd.solution ul	{margin-left: 1.5em;}
#project dd.solution ul li	{list-style: disc outside;}
#project .block h3	{margin-bottom: 0.25em;}
#project ul {margin: 0;}
#project ul li {list-style: none;}

#fancy_ajax #project{_width:99%;margin-right:10px}
#fancy_content .images{position:relative;zoom:1;padding-bottom:15px}
#fancy_content .images img{display:none;border:1px solid #999}
#fancy_content .images img.first{display:inline}
#pager{position:absolute;bottom:0;right:10px;}
#pager a{width:10px;height:10px;overflow:hidden;display:block;float:left;background:#ffc15e;color:#ffc15e;margin-left:5px}
#pager a.on{background:#f7941e;color:#f7941e}

#services h1{float: left; margin: 0; font-size: 2.5em;}
#services p	{margin-left: 200px;}
#services img {margin: 10px 50px;}
#wordle h1{font-size: 2.5em;margin-top:0}
#wordle p{float: right; margin: 1em 4em 0 0; font-size:90%; background: url(../images/wordle-bubble.gif) top left no-repeat; padding:8px 40px 12px 12px; height: 85px; width: 300px;_width:320px;line-height:1.3;}
#wordle img	{clear: both; margin-left: 80px;}
#content2 a.wordle img{margin-top:2em;}

div.tags li	{list-style:none;}

/*people*/
.people .person {float:left;width:207px;height:121px;position:relative;margin-right:2px;margin-bottom:2px;overflow:hidden;}
.people .person.edge{margin-right:0}
.people .person .teaser{position:absolute;display:block;background:#696969;color:white;bottom:-34px;width:187px;_width:207px;height:18px;_height:37px;padding:7px 10px;-moz-opacity: 0.8;opacity:.80; filter: alpha(opacity=80);}
.people .person a{text-decoration:none}
#people{display:none;}
/*if JS size container*/
.js #people{height:528px;display:block}
#person h2	{margin-top: 0;}
#person h2, #person h3,#person p{}
#person div.links{float:right;width:100px;}
#person div.links ul{margin:0}
#person div.links li{list-style:none;float:left;width:20px;text-indent:-999em;height: 20px;overflow: hidden;padding: 0px;}
#person div.links li a{display:block;}
div.links li.twitter{background:url(../images/icn-twitter-sm.gif) no-repeat}
div.links li.facebook{background:url(../images/icn-facebook-sm.gif) no-repeat}
div.links li.linkedin{background:url(../images/icn-linkedin-sm.gif) no-repeat}
div.links li.delicious{background:url(../images/icn-delicious-sm.gif) no-repeat}
div.links li.digg{background:url(../images/icn-digg-sm.gif) no-repeat}

/*about*/
.accent{position:relative;padding: 30px 0 10px 72px; background: url(../images/accent-mark-red.gif) left center no-repeat;}
.col .accent{margin-top:1em;}
#ourrewards {float: right; width: 220px; padding-left: 10px;}
#ourrewards p {font-size: 90%;}
#ventures {clear: left;}
#ventures ul	{margin: 0;}
#ventures ul li {list-style: none; clear: left;overflow:hidden;margin-bottom:.5em}
#ventures ul li img {float: left; padding: 0 20px 10px 0;}
#ventures a {color: #f47321;}
#ventures a:hover {color: #666;}
#tally ul, #tally ol {margin-left: 1.5em;}
#p-tally img.tally{margin-top:2em}
#tallygraph{margin-top:43em}
#tally a.i-toggle{display:block;}
#p-about #content1 .inside { padding-right:0; }
#p-about #content1 .inside p { padding-right:3em; }

/*posts*/
div.posts{margin-left:12px;padding-left:18px;background:url(../images/icn-bubble.gif) no-repeat}
div.posts h4{margin-bottom:0}
div.posts ul{margin:0}
div.posts li{list-style:none}
#person div.posts{margin-top:1em}

/*news ticker*/
#newsticker{float:right;width:218px;_width:248px;padding:9px 15px 0;height:34px;_height:43px;margin:-43px 0 0;font-size:90%;overflow:hidden;background: #524640 url(../images/tab-off.png) no-repeat}
#newsticker li{list-style:none;padding-bottom:27px;color:#ccc;}
#newsticker li a{color:#FBB03B}

/*contact*/
.officeaddress {line-height: 1.5em; margin-bottom: 20px;}
.officeaddress a{margin-left: 40px;}
#map iframe {border:1px solid #696969; clear: left;}
.mapLk{line-height:2}
#directions {padding: 0 20px; background: url(../images/accent-mark-red.gif) 325px 5px no-repeat;}
#directions h1 span a {margin-left: 20px; font-size: 60%;}
#directions ul	{margin: 10px 0;}
#directions ul li {font-weight: bold; list-style-type: none;}
#directions li ul {margin: 0 0 15px 25px;}
#directions li ul li {list-style: disc outside; font-weight: normal;}
#contactLinks{float:right;width:200px;margin-top:-55px}
#formCheck{ display: none; }

/* Bonfire Partners Page */
#bonfire img.logo { margin-bottom:2em; }
#bonfireventures ul { margin:0; }
#bonfireventures ul li {list-style: none; clear: left;overflow:hidden;margin-bottom:.5em}

/* Press Room */
#p-pressroom #fancy_wrap h1 { margin-bottom:1em; }

/*popovers*/
#partners {position: relative; zoom:1;margin-top:0;margin-bottom:2em;height:75px;}
#partners .partner {float:left; width:50px; margin-right: 3px;}
#partners .partner a.mug{position:relative;display:block;width:50px;height:50px;}
#partners .partner a.mug img{width:50px;height:50px;position:absolute;top:0;left:0;border:3px solid white;}
#partners .partner a.mug img.big{width:60px;height:60px;top:-5px;left:-5px}
#partners .on img{-moz-opacity: 1 ;opacity:1; filter: alpha(opacity=100)}
#partners .partner img.trigger	{padding:0; background: none;}
#partners .partner .info {padding: 1em 0; position: absolute; margin-top: -3px;_margin-top:2px; display: none; background: url(../images/bg-pop.gif) top left no-repeat; border:0px solid #333; font-size: 90%;}
#partners .partner .info p{padding: 0 2em;}
#partners .popup p strong{display:block;}
#partners .partner .info .posts	{margin-top: 1em; margin-left: .5em;background-color:white;}

/*forms*/
form {margin-top: 1.5em;} 
fieldset {border: none; margin: 0; padding: 0;}
legend {font-weight: normal; font-size: 1.4em; padding-bottom: 0.5em; color: #666;}
label {display: none;}
input, textarea	{display: block; width: 570px; padding: 2px; margin-bottom: 0.5em; background: #f4f4f4; border: 1px solid #d7d7d7; color: #666;}
textarea {width: 570px !important; height: 100px;}
button.button {width: 70px; padding: 5px 0; text-align: center; background: #96908d; color: #fff; font-weight: bold;font-size:1em;border-width:1px}
input:focus, textarea:focus	{background: #fff;}
div.row {margin:0; padding-top:0.5em;}
span.alert {background:#FFF url(../images/triangle.gif) no-repeat scroll 0 0;border:1px solid red;left:12em;padding:2px 2px 2px 18px;position:absolute;top:0.3em;z-index:100; color:red;}
#fancy_div div.success{margin:0;padding:0;color:#696969;}

/* autocomplete */
#searchpeople{}
#search{}

  #searchpeople {
    margin: 0;
    padding: 0;
    }
  #searchpeople fieldset {
    margin: 0;
    padding: 0;
    border: 0;
    }
  #searchpeople label { 
    color: #999; 
    display: none; 
    }
  #searchpeople input { 
    width: 183px; 
  background: #fff url('../images/search-icn.gif') 0 0 no-repeat;
  float: left;
  padding: 3px 3px 3px 19px;
  font: 11px/13px arial;
    color: #222; 
    }
  #searchpeople #submitquery { 
    display: none; 
    }

.ac_results {
  padding: 0px;
  border: 1px solid #ccc;
  background-color: white;
  overflow: hidden;
  z-index: 99999;
	text-align:left;
}

.ac_results ul {
  width: 100%;
  list-style-position: outside;
  list-style: none;
  padding: 0;
  margin: 0;
}

.ac_results li {
  margin: 0px;
  padding: 2px 5px;
  cursor: default;
  display: block;
  /* 
  if width will be 100% horizontal scrollbar will apear 
  when scroll mode will be used
  */
  /*width: 100%;*/
  font: menu;
  font-size: 12px;
  /* 
  it is very important, if line-height not setted or setted 
  in relative units scroll will be broken in firefox
  */
  line-height: 16px;
  overflow: hidden;
}
.ac_results li a{text-decoration:none;color:#666}

.ac_loading {
  background: white url('../images/indicator.gif') right center no-repeat;
}

.ac_odd {
  background-color: #eee;
}

.ac_over {
  background-color: #ddd;
  color: white;
}

.link-list {
text-align: left;
list-style: none;
margin: 0 0 1em;
padding: 0;
}
.link-list>* {
margin: 1px 1.5ex 1px 0;
line-height: 1.333em;
}
.link-list>li,
.link-list>dt { padding: 2px 0; }
.link-list>dd { padding-left: 1.25ex; }
.link-list li,
.link-list dt { _padding: 0.15em 0 0.2em;  }
.link-list dd { _padding-left: 1.25ex;  }
.link-list li,
.link-list dt,
.link-list dd {
_margin: 1px 1.5ex 1px 0;
_line-height: 1.35em; 
}
ul.link-list li { _list-style-position: outside;  }


.icon-pdf {padding-left:21px; background-image:url("../images/icon-pdf.gif"); background-position:left center; background-repeat:no-repeat;}
.icon-twitter {padding-left:21px; background-image:url("../images/icon-twitter.gif"); background-position:left center; background-repeat:no-repeat;}
.icon-facebook {padding-left:21px; background-image:url("../images/icon-facebook.gif"); background-position:left center; background-repeat:no-repeat;}
.icon-eps {padding-left:21px; background-image:url("../images/icon-eps.gif"); background-position:left center; background-repeat:no-repeat;}
.icon-tif {padding-left:21px; background-image:url("../images/icon-tif.gif"); background-position:left center; background-repeat:no-repeat;}
.icon-linkedin {padding-left:21px; background-image:url("../images/icn-linkedin.gif"); background-position:3px center; background-repeat:no-repeat;}
.icon-youtube {padding-left:21px; background-image:url("../images/icn-youtube.gif"); background-position:3px center; background-repeat:no-repeat;}

/*featured story on home page */
#featuredStory{clear:both;background: #f5f5f5;padding:20px 20px 7px;border-width:1px;border-style:solid;border-color:#dddddd;}
#featuredStory .mainImage{float:left}
#featuredStory .story{margin-left: 100px;}
#featuredStory a.more{padding-left: 5px;}
#featuredStory h2{margin-top:0}
#featuredStory h2 a{padding-left:0em; text-decoration: none;}
#featuredStory p.related{font-size: 85%;}

#cardStack { float:right; width:296px; height:182px; background:url(../images/bg_card.gif) no-repeat right bottom; }
#cardStack ul { position:relative; margin:0; }
#cardStack li { position:absolute; top:0; left:0; width:290px; height:175px; list-style-type:none; background-color:#F5F5F5; border:solid 1px #D0D0D0; z-index:1; }
#cardStack li.first { z-index:3; }
#cardStack li h3 { color:#D81F2A; text-transform:uppercase; margin:0 0 0.5em 0; font-weight:bold; }
#cardStack li img { position:absolute; top:15px; left:15px; }
#cardStack li div { padding:14px 5px 5px 105px; font-size:0.9em; }
#cardStack li .card-pagination { position:absolute; top:145px; left:31px; padding:0; }
#cardStack .btn-back, #cardStack .btn-forward { 
	margin:0;
	padding:0;
	position:relative;
	display:inline-block;
	!display:block; 
	width:8px; 
	height:11px; 
	top:2px; 
	background-position:left top; 
	background-repeat:no-repeat; 
	overflow:hidden; 
	text-indent:-99px; }
#cardStack .btn-back { background-image: url("../images/btn_arrow_left.png"); }
#cardStack .btn-forward { background-image: url("../images/btn_arrow_right.png"); }

