body{background:#ff8c00 url(../images/body-gradient.png) top left repeat-x;}
a {color:#f18b02; text-decoration:none}

/* New link colors - J.Peters */
a:visited{color:#d08f4a; text-decoration:none;}
a:hover{color:#fd8f00; text-decoration:underline;}
a:active{color:#d08f4a; 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{float: right;height: 22px; overflow: hidden; padding: 0 0 10px; _margin-bottom: 10px; width: 175px;background: url(../../images/logo-new.gif) no-repeat;text-indent:-9em}
.companyLogo a{display: block;height: 22px;width: 175px;}

#tagline{float:left;overflow: hidden;margin:0 0 0 0;padding: 0 0 0 0;width: 178px;text-indent:-999em;}

/* 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{color:white; 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:url(../images/subtitle-bg.jpg) no-repeat;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:url(../images/nav-bg.jpg) repeat-y;}
#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:#fbb03b;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%;}
#p-home div.home-headline h1{color:#696969;font-size:2em;margin:0 0 .5em 0;}
#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;padding-top:1em;}

/*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: 12px 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-orange.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-orange.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}

/* 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;}

/*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%;}
