#wrapper {
  width:100%;
}


/* border debug */
/*#wrapper > * {
  outline: 1px solid rgba(0,255,0,0.5);
}

#wrapper > * > * {
  outline: 1px solid rgba(0,0,255,0.7);
}

#wrapper > * > * > * {
  outline: 1px solid rgba(255,0,0, 0.9);
}*/

#header {
  height: 65px;
}

#header { padding-bottom: 0; }

#p_our_work.project #header, #p_our_work.selected #header {
	padding-bottom: 0;
}

#page_title {
  padding-bottom: 0;
  border-bottom: none;
  position: relative;
}

#p_our_work.project #header, #p_our_work.selected #header {
	padding-bottom: 10px;
}

#p_our_work #page_title {
  height: 25px;
}

#page_title h2 {
  display: none;
}

#page_title #back_to_work {
  display: none;
}

#page_title #selected_work_for {
  margin: 0 10px;
}

#page_title h2#title_work_selected,
#page_title h2#selected_title {
  margin-top: 0;
  display: block;
}


#page_title h2#selected_title {
  top: -10px;
}

#page_title h2 a {
  color: #000;
}

#work_description {
  padding: 10px 0;
}


#header h1 {
	background: #333;
	width: 100%; height: 60px;
	color: #fff;
	float: none;
}

#header h1 a {
	background-position: 10px 70%;
	width: 100%; height: 60px;
}

#header ul, #footer ul { 
  display: block; 
  padding: 10px 0 0; 
  margin: 10px 0 10px 40px; 
  float: none; 
  text-align: left;}

#header ul {
  position: absolute;
  top: 0;
  right: 9px;
  padding: 0;
}
#footer { position: relative;}
#footer ul {
  position: absolute;
  top: 0;
  right: 0;
  margin: 3px 0 0 90px;
}

#header li, #footer li {
	padding: 8px 2px;
	display: inline-block;
	float: none;
	width: 70px;
}

#p_contact .n_contact a,
#p_blog .n_blog a,
#p_buk_life .n_buk_life a,
#p_life .n_buk_life a,
#p_news .n_news a,
#p_blog .n_blog a,
#p_blog .n_buk_life a,
#p_about .n_about a,
#p_expertise .n_expertise a,
#p_our_work .n_our_work a {
	color: #00a7e5;
}

#header li a, #footer li a {
  padding: 0;
}

#header li {
  width: auto !important;
  padding: 0 8px;
  
}

#header li a {
  background: none;
  text-indent: 0;
  line-height: 32px;
  color: #fff;
  font-size: 10px;
  font-family: futura, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
}

#header li.n_about,
#header li.n_news,
#header li.n_buk_life {
  display: none;
}

.top a {
  margin-right: 10px;
}

#latest_launches div.feature {
	float: left;
	height: auto;
	overflow: visible;
	width: 300px;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

.article {
  width: 320px;
}

.article img {
  float: left;
  width: 80px;
  height: 44px;
  margin:  20px 10px 10px 10px;
}

.article p {
  margin-left: 100px;
}

#title_wws {
	display: none;
}

.more-news {
  margin-right: 10px;
}

#statements {
  width: 100%;
  left: 0;
  padding: 0;
  margin: 0;
}

.statement {
  width: 300px;
  margin: 0;
  border: 0;
  padding: 0 10px;
}

.statement .author {
  width: 50px;
  float: left;
  margin-right: 10px;
}

.statement .author img {
  width: 50px;
  height: 55px;
  float: left;
}

#footer h1 {
  margin-left: 10px;
}

.statement .content {
  width: 230px;
  padding: 0;
}

.next_arrow,
.back_arrow {
  top: 0;
  left: 0;
  right: auto;
  z-index: 1000;
}

.next_arrow {
  left: 63px;
}

.back_arrow {
  left: 10px;
}

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

#p_contact #contact_us .misc {
  padding: 0 10px;
}

#p_contact #contact_us #selected_extra {
  padding: 0 10px;
  width: 300px;
}


/* expertise */
#expertise_slides,
#slide-container {
  position: relative;
  clear: both;
  margin: 0;
}

#expertise_slides .slides,
#slide-container .slides,
#expertise_slides .slide,
#slide-container .slide {
  width: 300px;
  padding: 10px;
  margin: 0;
}

#slide-container {
  margin: 0;
  padding: 0;
  left: 0;
}

#expertise_slides .slides,
#slide-container .slides {
  margin: 0;
}

#expertise_slides .slide ul {
  padding-left: 0;
  background: none;
  margin: 10px 0 0 0;
  float: left;
}

#expertise_slides .slide ul li {
  margin-right: 10px;
}

#expertise_slides .slide ul li a img {
  width: 80px;
  height: 50px;
}

#p_about #expertise_slides {
  display: none;
}

#expertise_slides .slide .meet_your_team {
  width: 100%;
  margin: 0;
}

#work_options {
  margin: 5px 10px 0;
  float: none;
  display: block;
/*  display: none;*/
}

#capabilities,
#client_list {
  padding: 10px 0;
}

#p_expertise #work_options {
  display: none;
}

#work_options li {
  display: block;
  float: none;
  line-height: 20px;
}

.slide p {
  font-size: 14px;
  line-height: 18px;
}
/*
h2 {
  margin: 0 10px;
}*/

#expertise_slides .left_arrow a {
  position: absolute;
  top: 10px;
  left: 10px;
  float: none;
  margin: 0;
}


#expertise_slides .right_arrow a {
  position: absolute;
  top: 10px;
  left: 58px;
  float: none;
  margin: 0;
}

.listing {
  margin: 0 10px;
}


.listing li {
  width: 49%;
  margin-right: 2%;
  padding: 6px 0;
  height: 1em;
  overflow: hidden;
}

.listing li:nth-child(even) {
  margin-right: 0;
}

#title_about,
#title_work_selected,
#title_leadership,
#title_expertise,
#title_capabilities,
#title_client_list,
#title_case_study,
#title_work,
#title_contact,
#title_news {
  margin: 10px 15px 10px 10px;
  background: none;
  text-indent: 0;
  color: #000;
  text-transform: uppercase;
  font-family: helvetica, arial, sans-serif;
}

.logos li {
  width: 49%;
  margin-right: 2%;
  -webkit-text-overflow: elipsis;
  -moz-text-overflow: elipsis;
  text-overflow: elipsis;
}

.logos li.last {
	margin-right: 2%;
}

.logos li img {
  width: 100%;
  height: 75px;
}

.logos li:nth-child(even) {
  margin-right: 0;
}

/* about */
#about_info ul {
	font: 20px/22.5px Georgia, serif;
	color: #ccc;
	padding: 0 10px;
}

#contact_us {
  padding: 10px 0;
}

#recent_news {
  padding: 10px 0;
  margin-bottom: 10px;
}

#contact_us .misc h2.newsletter {
  margin-top: 10px;
}

#selected_extra {
  font: 20px/22.5px Georgia, serif;
	color: #ccc;
	margin: 0 10px;
	padding: 10px 0;
}

#about_people .person {
  width: 49%;
  margin-right: 2%;
}

#about_people .person:nth-child(even) {
  margin-right: 0;
}

#our_homes .photos, 
#our_homes .photos img {
  width: 300px;
  height: 300px;
}

#our_homes .content {
  margin: 0;
  padding: 0;
  height: 20px;
  text-transform: uppercase;
  width: 100%;
  border: none;
  min-height: 20px;
}

#title_our_homes,
#title_related_work {
  width: 300px;
  height: auto;
  background: none;
  text-indent: 0;
  margin: 10px;
  font-weight: normal;
  font-family: Helvetica, Arial, sans-serif;
}

#sacramento, #seattle {
  padding-left: 10px;
}

#p_contact #seattle {
  padding-left: 0;
}

/* news */
#news_items {
  padding: 0 10px;
}

.news {
  padding: 10px 0;
  width: 300px;
  overflow: hidden;
  margin-bottom: 10px;
}

#p_news .thumbnail {
  float: none;
  width: 300px;
  height: 180px;
  left: 10px;
  display:block;
  overflow: hidden;  
 
}
#p_news .thumbnail img {
  width: 300px;
  height: 180px;
  border: 0;
}

.news .story {
  min-height: 0;
  border-left: 0;
  width: 300px;
  padding: 10px 0;
  float: none;
  height: auto;
  margin-bottom: 0;
}


#seattle .city_name,
#sacramento .city_name {
  margin: 20px 10px 0;
}
.vcard {
  padding: 10px;
}

#contact_us .map {
	display: none;
}

#contact_us #sacramento, #contact_us #seattle {
	width: 320px;
	float: left;
}

/* work */
#current_preview {
	width: 300px;
	overflow: hidden;
	position: relative;
	min-height: 200px;
	padding: 0px;
	margin: 0;
}
#current_preview img {
	cursor: pointer;
	display: block;
	width: 300px;
}

#thumbnails {
  width: 300px;
}

.asset_movie {
	width: 300px;
	height: 170px;
}

#work_description .preview {
  width: 300px;
  padding-left: 10px;
}

#work_description .info {
  margin: 0 10px;
  width: 300px;
}

#work_description .info h2 {
  margin: 0;
}

#thumbnails {
  padding-top: 0;
}

#thumbnails li {
  width: 50px;
}

#thumbnails li.launch {
  float: left !important;
  clear: left;
  padding: 20px 0;
}

#thumbnails li img {
  width: 50px;
  height: 25px;
}

#case_study {
  width: 320px !important;
  overflow: hidden;
}

#case_study .info {
  width: 300px;
  margin: 0 10px;
}

#case_study .info h2 {
  margin: 0;
}

#case_study .photos {
	width: 300px;
	float: left;
	margin: 10px;
}

#case_study .photos img {
  width: 300px;
}

#related_work {
  width: 320px;
  padding: 0;
}

#back_to_work {
  margin-left: 10px;
}

#prev_next {
  position: absolute;
  top: -10px;
  right: 10px;
}

#work_items p {
  padding: 0 10px;
}

#selected_title {
  display: block;
	font-size: 20px;
	padding: 0 10px;
}

.fb_link {
  display: none;
}

/* our work listing pages*/
#search_form {
  position: absolute;
  top: 0;
	font-size: 14px;
	margin: 10px;
}

#search_form #srch_fld {
  font-size: 14px;
  width: 300px;
  padding: 5px;
  font-family: Arial;
}

#work_items {
  padding-top: 00px;
}

#work_items .work img {
  width: 298px;
  height: 146px;
}

#work_items .first {
	margin-left: 10px;
}

#work_items .last {
	margin-right: 10px;
}

.work .thumbnail {
	margin: 0 0 5px;
	position: relative;
}

#thumbnails span.playable {
	background: url(/images/buttons/thumb_playable.png) no-repeat center center;
	display: block;
	width: 25px;
	height: 24px;
	position: absolute;
	top: 3px;
	left: 15px;
}
