/* general formatting */

* {
  margin:0;
  margin:0;
}

a img {border: none;}
p {line-height: 1.4; margin-bottom: 1em;}
p.intro {font-size: 100%}
ul {list-style: none; margin: 0; padding: 0;}
p.news {line-height: 1.6;}

body, html {
  font-family: arial, "courier new", courier;
  font-size: 11px;
  background-color: #efefef;
  height: 100%;
}

#wrapper {
  width: 990px;
  background: url("images/bg2.gif") repeat-y;
  position: relative;
  left: 0px;
}

#wrapper2 {
  position: relative;
  text-align: left;
  height: 100%;
  width: 990px;
  background: url("images/bg2.gif") repeat-y;
  position: relative;

}

/**************/
/*  columns   */
/**************/

#menucol {
  left: 0;
  top: 0;
  width: 180px;
  padding-left: 20px;
  float: left;
}

#main {
  padding-top: 24px;
  padding-left: 20px;
  padding-right: 20px;
  float: left;
  width: 750px;
}

.three_col_block {
  display: block;
  width: 750px;
  clear: left;
}

.column {
  display: block;
  width: 230px;
  padding: 0 10px 20px 10px;
  float: left;
}

.double_column {
  display: block;
  width: 500px;
  float: left;
}

.triple_column {
  display: block;
  width: 750px;
  float: left;
}

.left_padded {
  display: block;
  padding-bottom: 15px;
  padding-left: 10px;
}

.bottom_and_left_padded {
  display: block;
  margin-bottom: 15px;
}

.header_pad {
  display: block;
  padding-bottom: 41px;
  margin-left: 10px;
}

/* menu images and formatting */

#menu_spacer {
  height: 20px;
}

.menu_spacer {
  height: 20px;
}

#news {
  height: 20px;
  background: url("images/menu/news.png") 0 0 no-repeat;
}

#work {
  height: 20px;
  background: url("images/menu/work.png") 0 0 no-repeat;
}

#small {
  height: 20px;
  background: url("images/menu/small.png") 0 0 no-repeat;
}

#slat {
  height: 20px;
  background: url("images/menu/slat.png") 0 0 no-repeat;
}

#twotone {
  height: 20px;
  background: url("images/menu/twotone.png") 0 0 no-repeat;
}

#islington_green {
  height: 40px;
  background: url("images/menu/islington_green.png") 0 -60px;
}

#ochre {
  height: 20px;
  background: url("images/menu/ochre.png") 0 0 no-repeat;
}

#northcote {
  height: 20px;
  background: url("images/menu/northcote.png") 0 0 no-repeat;
}

#summerhouse {
  height: 20px;
  background: url("images/menu/summerhouse.png") 0 0 no-repeat;
}

#lift_up {
  height: 20px;
  background: url("images/menu/lift_up.png") 0 0 no-repeat;
}

#mathmos {
  height: 20px;
  background: url("images/menu/mathmos.png") 0 0 no-repeat;
}

#medium {
  height: 20px;
  background: url("images/menu/medium.png") 0 0 no-repeat;
}

#mccann {
  height: 20px;
  background: url("images/menu/mccann.png") 0 0 no-repeat;
}

#new_forest {
  height: 20px;
  background: url("images/menu/new_forest.png") 0 0 no-repeat;
}

#frame {
  height: 20px;
  background: url("images/menu/frame.png") 0 0 no-repeat;
}

#ochre2 {
  height: 20px;
  background: url("images/menu/ochre2.png") 0 0 no-repeat;
}

#slip {
  height: 20px;
  background: url("images/menu/slip.png") 0 0 no-repeat;
}

#opal {
  height: 20px;
  background: url("images/menu/opal.png") 0 0 no-repeat;
}

#dr {
  height: 20px;
  background: url("images/menu/dr.png") 0 0 no-repeat;
}

#design_council {
  height: 20px;
  background: url("images/menu/design_council.png") 0 0 no-repeat;
}

#large {
  height: 20px;
  background: url("images/menu/large.png") 0 0 no-repeat;
}

#tribeca {
  height: 20px;
  background: url("images/menu/tribeca.png") 0 0 no-repeat;
}

#quarter {
  height: 20px;
  background: url("images/menu/quarter.png") 0 0 no-repeat;
}

#wayfinding {
  height: 20px;
  background: url("images/menu/wayfinding.png") 0 0 no-repeat;
}

#pos {
  height: 20px;
  background: url("images/menu/pos.png") 0 0 no-repeat;
}

#kidbrooke {
  height: 20px;
  background: url("images/menu/kidbrooke.png") 0 0 no-repeat;
}

#amelia {
  height: 20px;
  background: url("images/menu/amelia.png") 0 0 no-repeat;
}

#gardensity {
  height: 20px;
  background: url("images/menu/gardensity.png") 0 0 no-repeat;
}

#lex {
  height: 20px;
  background: url("images/menu/lex.png") 0 0 no-repeat;
}

#about_us {
  height: 20px;
  background: url("images/menu/about_us.png") 0 0 no-repeat;
}

#studio {
  height: 20px;
  background: url("images/menu/studio.png") 0 0 no-repeat;
}

#people {
  height: 20px;
  background: url("images/menu/people.png") 0 0 no-repeat;
}

#press {
  height: 20px;
  background: url("images/menu/press.png") 0 0 no-repeat;
}

#contact {
  height: 20px;
  background: url("images/menu/contact.png") 0 0 no-repeat;
}

#selected {
  height: 20px;
  margin-bottom: -3px;
}

#selected_double {
  height: 40px;
  margin-bottom: -3px;
}

#menu a {
  display: block;
  width: 155px;
}

#menu a:hover {
  background-position: 0 -20px;
}

/* gallery + thumbnail formatting */


#main_image {
  background-image: url("images/bg4.gif");
  margin-left: 10px;
  margin-bottom: 15px;
}

.thumbs {
  display: block;
  float: left;
  width: 75px;
  height: 50px;
  margin-right: 6px;
}

.thumbs_on {
  display: block;
  float: left;
  height: 50px;
  width: 75px;
  margin: -1px 5px 0 -1px;
  padding-bottom: -10px;
  border: 1px solid #333;
}

a.thumbs:hover {
  margin: -1px 5px 0 -1px;
  border: 1px solid #333;
}

.big_thumbs {
  display: block;
  width: 175px;
  float: left;
  margin: 0;
  padding: 0 0 20px 10px;
}

.big_thumb_headers {
  display: block;
  float: left;
  margin: 0;
  margin-top: 5px;
}

/* images and stuff */

#two_col_img {
  margin: 0 10px 10px 10px;
}

#carlpic {
  margin-bottom: 50px;
}

#big_picture {
  margin-left: 0px;
}

.news_pic_linky {
  display: block;
  margin-bottom: 15px;
}

.news_pic_linky: hover {
  display: block;
  margin: -1px 0 14px -1px;
  border: thin solid black;
}

/*contact details*/

#email {
  display: block;
  width: 182px;
  height: 20px;
  background: url("images/email.png") 0 0 no-repeat;
  margin-left: -3px;
  margin-bottom: 15px;
}

a#email:hover {
  background-position: 0 -20px;
}

.frontpage {
  margin-top: 10px;
  clear: left;
}

#map_container {
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}

#map {
  width: 480px;
  height: 480px;
}