html, body{
  margin:0;
  padding:0;

  background-color:#C8C8C8;

  font-family:arial;
  font-size:12px;
  color:#B0B0B0;
}

#wrap{
  width:986px;
  margin:auto;
  margin-top:30px;
  height:875px;
  background:#fff;
  border:1px solid #fff;
}

#main{
  background:#fff;
  height:645px;
  width:100%;
}

a{
  color:#B0B0B0;
  text-decoration:none;
}

a:hover{
  text-decoration:underline;
}

#feature.news a{
  color:#818181;
}

img.logo{
  margin-left:80px;
  margin-top:180px;
  margin-bottom:20px; /* this is here to throw the right */
  margin-right:10px;
  float:left;
}

table.hMenu{
  margin:50px 0 10px 0;
  width:569px;
}

table.hMenu td{
  text-align:center;
  font-size:12px;
}

table.hMenu a{
  color: #B0B0B0;
  text-decoration:none;
}

table.hMenu a:hover{
  color: #6d6f72;
}

table.hMenu a.current, table.hMenu a.current:hover{
  color:#B0B0B0;
  cursor:default;
  font-weight:bold;
}

#vMenu{
  float:left;
}

#vMenu a{
  color:#B0B0B0;
  display:block;
  background:url('../images/grey_arrow.gif') no-repeat;
  background-position: -8px 11px;
  text-decoration:none;
  padding:8px 0 8px 17px;
  border-bottom:1px #B0B0B0 dotted;
  margin-left:15px;
}

#vMenu a:hover{
  color:#6d6f72;
}

#vMenu a.noborder{
  border-bottom:0;
}

#vMenu a.current, #vMenu a.current:hover{
  color:#BED839;
  cursor:default;
}

#content{
  position:relative;
  width:569px;
  margin-top:20px;
  margin-left:5px;
  float:left;
}

#content #words{
  width:293px;
  float:left;
  font-size:11px;
  line-height:18px;
  color:#818181;
  margin-left:-5px;
}

*html #content #words{
  margin-left:0;
}

#content #words p{
  margin:0;
  padding:0;
}

#content #column_profile, 
#content #column_pr, 
#content #column_photography {
  position:relative;
  width:260px;
  float:left;
  font-size:11px;
  line-height:18px;
  color:#818181;
  margin: 0 15px 0 0;
}

#content #column_profile{
  margin-top:-20px;
}

#content #column_pr{
  line-height:1.25em;
  margin-top:-10px;
  margin-right:0;
  padding-left:2px;
  padding-right:0;
}

#content #column_pr.left{
  width:320px;
  width:560px; /* temporary until we have case studies */
}

#content #column_pr.right{
  width:240px;
  padding-left:3px;
}

#content #column_photography{
  padding-left:10px;
  width:550px;
  padding-top:0;
  margin-top:-20px;
}

#content #column_job_left{
  width:356px;
  padding-right:0;
  margin-top:10px;
  *margin-top:25px;
  float:left;
}

#content #column_job_right{
  width:209px;
  background: url('../images/job_border_bak.gif') repeat-y;
  float:right;
}

#content #column_job_right p{
  margin:10px 20px;
}

#content #column_pf_left{
  padding-right:0;
  margin-top:-30px;
  float:left;
  margin-left:-5px;
}

#content #column_pf_right p{
  margin:8px 0 8px 0;
}

#content #column_pf_right{
  width:389px;
  float:right;
  margin-top:-20px;
  margin-left:10px;
  float:left;
}

#content #column_pf_right img{
  margin-bottom:10px;
}

#content #column_job_right a{
  color:#AFD625;
  font-weight:bold;
}

#feature.job #content{
  margin-top:0;
}

#blog{
  position:relative;
  background:#fff url('../images/blog_border.gif') no-repeat;
  width:225px;
  height:200px;
  float:right;
}

#blog p.heading{
  background:#fff url('../images/blog_quote.gif') no-repeat;
  font-weight:bold;
  width:50%;
  height:18px;
  margin:9px 0 5px 13px;
  padding:1px 0 0 24px;
  color:#818181;
}

div.arrows{
  position:absolute;
  bottom:30px;
  right:15px;
  width:10px;
}

div.arrows_news{
  position:absolute;
  bottom:0;
  right:5px;
  width:10px;
}

div.arrows_blogpg{
  position:absolute;
  bottom:0;
  right:10px;
  width:10px;
}

*html div.arrows_news{
  right:15px;
}

div.arrows_jobs{
  position:absolute;
  bottom:0;
  right:25px;
  width:10px;
}

div.arrows img.arrow, div.arrows_news img.arrow, div.arrows_blogpg img.arrow, div.arrows_jobs img.arrow{
  margin-bottom:3px;
  visibility:hidden;
}

#blog #scroll_container{
  margin-left:13px;
  width:175px;
  height:130px;
  overflow:hidden;
  position:relative;
}

#feature.news #scroll_container{
  position:relative;
  margin-left:13px;
  margin-bottom:10px;
  width:550px;
  height:500px;
  overflow:hidden;
}

#feature.careers #scroll_container{
  position:relative;
  margin-left:13px;
  margin-bottom:10px;
  width:397px;
  height:266px;
  *height:254px;
  overflow:hidden;
}

*html #feature.careers #scroll_container{
  height:247px;
}

#feature.blogpg #scroll_container{
  position:relative;
  margin-left:20px;
  margin-bottom:10px;
  width:550px;
  height:500px;
  overflow:hidden;
}

#news{
  position:relative;
  width:500px;
  height:400px;
  padding:0 30px;
  margin-bottom:15px;
  overflow:hidden;
  float:left;
}

#scroll{
  font-size:11px;
  color:#818181;
  margin-top:0;
  float:left;
}

.blog_scroll{
  width:174px;
}

.news_scroll{
  width:500px;
}

.job_scroll{
  width:340px;
  margin-left:10px;
  *margin-left:5px;
}

.blogpg_scroll{
  width:520px;
}

/*
#textEnd{float:left;width:1px;height:1px;background:purple;}
#textEndPlunge{float:left;width:1px;background:cyan;}
.tep_blog{height:65px;}
.tep_news{height:320px;}
*/
#enews{
  clear:left;
  font-weight:bold;
  margin-left:-3px;
}

*html #enews{
  margin-left:0;
}

#enews.home{
  padding-top:20px;
  margin-left:-8px;
}

#enews.pr{
  margin-top:-5px;
}
*html #enews.pr{
  margin-left:-8px;
}

#enews img{
  margin-top:-2px;
}
*html #enews img{
  margin-left:8px;
}

#enews a{
  color:#A0A0A0;
  text-decoration:none;
}

.translucent{
  filter:alpha(opacity=50);
  opacity:0.5;
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
}

#popup_shadow{
  position:absolute;
  top:20px;
  left:20px;
  visibility:hidden;
  background: #999;
  width:352px;
  height:120px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  background: #333;
  width:364px;
  height:120px;
}

#popup{
  position: absolute;
  top:14px;
  left:14px;
  width:354px;
  height:100px;
  background:#fff;
  border:1px solid #A0A0A0;
  padding:10px 15px;
  font-size:11px;
  color:#909090;
  visibility:hidden;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:334px;
}
 
#popup form{
  margin:0;
  padding:0;
 }
 
#popup input.text{
  margin:7px 0;
  width:160px;
  float:left;
  clear:left;
 }
 
#popup img{
  border:0;
  margin-top:7px;
  float:right;
 }
 
#popup img.close{
  position:absolute;
  top:-12px;
  right:-5px;
}
 
#popup p{
  padding:0;
  margin:0;
  clear:left;
 }
 
form input.submit{
  border:0;
  float:right;
  background: #B8CE45;
  clear:right;
  font-size:11px;
  font-weight:bold;
  color:white;
  margin-top:10px;
  padding:3px 0;
 }
  
#content #column_profile a{
  background: #B8CE45;
  font-size:11px;
  font-weight:bold;
  color:white;
  margin-top:10px;
  padding:3px 5px;
  text-decoration:none;
 }

#feature{
  float:left;
  border:0;
  margin:0;
  padding:0;
}

div.literature{
  width:569px;
  height:328px;
}

div.contact{
  width:569px;
  background: url('../images/contact_border_bak.gif') repeat-y;
}

div.clients, div.blogpg, div.news{
  width:571px;
  background: url('../images/clients_border_bak.gif') repeat-y;
}

div.portfolio{
  width:571px;
}

div.careers{
  width:571px;
}

#jobs{
  width:397px;
  margin-left:170px;
  background: url('../images/careers_border_bak.gif') repeat-y;
}

#jobs h1{
  margin-left:20px;
  margin-top:10px;
  font-weight:bold;
  font-size:11px;
  color:#818181;
}

div.casestudies, div.photography{
  width:571px;
  padding-top:10px;
}

div.casestudies table tr td{
  padding:10px 0;
}

div.contact div.left{
  width:323px;
  float:left;
}

div.contact div.left p{
  margin:0 0 20px 0;
}

div.contact div.left form{
  margin:0 20px;
  color:#666;
}

div.contact div.left hr{
  width:100%;
  height:1px;
  border:0;
  border-bottom:1px dotted #B0B0B0;
  margin:20px 0 15px 0;
  *margin:10px 0; /* read by ie only */
}

div.contact div.left form input{
  float:right;
  width:170px;
}

div.contact div.left form input.submit{
  width:70px;
  margin:0;
}

div.contact div.left form textarea{
  width:100%;
  height:150px;
  margin-bottom:10px;
}

div.contact div.left form label{
  display:block;
  margin-bottom:5px;
  height:20px;
}

div.contact div.left form span.smallprint{
  float:left;
  font-size:10px;
}

div.contact div.right{
  width:234px;
  margin-left:11px;
  float:left;
}

div.contact div.right ul{
  list-style:none;
  padding:12px 0 15px 40px;
  border-bottom:1px solid #dcddde;
  margin:0;
  font-weight:bold;
}

div.contact div.right ul.first{
  padding-top:0;
}

div.contact div.right ul.last{
  border-bottom:0;
}

div.contact div.right ul li{
  margin-left:-25px;
  padding:7px 0 3px 25px;
  font-weight:normal;
}

div.contact div.right ul li.address{
  background:url('../images/contact_address.gif') no-repeat; 
  background-position:0 8px;
}

div.contact div.right ul li.phone{
  background:url('../images/contact_phone.gif') no-repeat;  
  background-position:0 5px;
}

div.contact div.right ul li.map{
  background:url('../images/contact_map.gif') no-repeat;  
  background-position:0 5px;
}

div.contact div.right ul li.email{
  background:url('../images/contact_email.gif') no-repeat;  
  background-position:0 6px;
}

div.contact div.right ul li a{
  color: #B0B0B0;
}

#contact_border, #clients_border, #blogpg_border, #careers_border, #job_border{
  height:11px;
}
#blogpg_border_btm{
  height:26px;
}

#contact_border{width:569px;}
#clients_border{width:571px;}
#blogpg_border{width:571px;}
#careers_border{width:397px;}
#job_border{width:209px;}

div.contact_border_top{background:url('../images/contact_border_top.gif') no-repeat;}
div.contact_border_btm{background:url('../images/contact_border_btm.gif') no-repeat; background-position:bottom left; clear:both;}
div.clients_border_top{background:url('../images/clients_border_top.gif') no-repeat;}
div.clients_border_btm{background:url('../images/clients_border_btm.gif') no-repeat; background-position:bottom left; clear:both;}
div.blogpg_border_top{background:url('../images/blog_border_top.gif') no-repeat;}
div.blogpg_border_btm{background:url('../images/blog_border_btm.gif') no-repeat; background-position:bottom left; clear:both;}
div.careers_border_top{background:url('../images/careers_border_top.gif') no-repeat;}
div.careers_border_btm{background:url('../images/careers_border_btm.gif') no-repeat; background-position:bottom left;}
div.job_border_top{background:url('../images/job_border_top.gif') no-repeat;}
div.job_border_btm{background:url('../images/job_border_btm.gif') no-repeat; background-position:bottom left; clear:both;}

#client_images{
  float:left;
  width:569px;
}

ul.casestudy{
  list-style:none;
  padding-left:0;
  margin-left:0;
  *margin-top:10px;
}

ul.casestudy li{
  height:17px;
  padding-top:3px;
}

ul.casestudy li.pdf{
  padding-left:28px;
}

ul.casestudy li a{
  text-decoration:none;
  color:#cdcdcd;
}

ul.casestudy li.title a{
  padding-left:28px;
  background: url('../images/case_study_button.gif') no-repeat;
  padding-top:2px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  padding-top:4px;
}

#content #column_pr a{
  padding-left:28px;
  background: url('../images/case_study_button.gif') no-repeat;
  text-decoration:none;
  color:#A0A0A0;
  font-weight:normal;
  padding-top:6px;
}

#content #column_profile p,
#content #column_pr p,
#content #column_photography p{
  *margin:10px 0;  
}

ul.casestudy li.title a:hover, #content #column_pr a:hover{
  background-position:0 -19px;
}

a.sub_choice{
  text-decoration:none;
  color:#999999;
  font-weight:bold;
  font-size:12px;
  margin-right:5px;
}

a.sub_choice:hover{
  color:#666666;
}

a.cursub, a.cursub:hover{color:#BED839;cursor:default;}

p.threeqtr{width:75%;}

p.news_headline{
  margin:0 0 0 90px;
  padding:15px 0 10px 0;
  border-top:1px dotted #999999;
  font-weight:bold;
}

p.news_headline_first{
  margin:0 0 0 90px;
  padding:10px 0 10px 0;
  font-weight:bold;
}

p.news_item{
  margin:0 0 0 90px;
  padding:0 0 15px 0;
  line-height:18px;
}

#feature.news p.news_item a{
  color:#AFD625;
}

p.job_title{
  margin:35px 0 0 0;
  padding:15px 0 0 0;
  border-top:1px dotted #999999;
  font-weight:bold;
}

p.job_title_first{
  margin:0;
  padding:10px 0 0 0;
  *padding:0;
  font-weight:bold;
}

p.job_description{
  margin:0;
  line-height:18px;
}

p.news_item img{
  margin-left:-90px;
  float:left;
}

p.bold{
  font-weight:bold;
  padding-left:1px;
}

#feature.photography table tr td{
  padding:12px 0;
}

#scroll.job_scroll a{
  background: #B8CE45;
  font-size:11px;
  font-weight:bold;
  color:white;
  padding:3px 5px;
  text-decoration:none;
  float:right;
 }

#column_pf_left table tr td{
  padding:12px 10px;
}

#pf_image{
  width:391px;
  height:330px;
  margin-bottom:15px;
}

div.blog_scroll p a{
  color:#818181;
  font-weight:bold;
  text-decoration:none;
}

div.blog_scroll p a:hover{
  color:#814141;
  color:#AFD625;
}