BODY {
  margin-top: 100px;
  font: 75% verdana, arial, sans-serif;
  color: #404040;
}
A {
  text-decoration: none;
  color: #404040;
}
A:hover { color: #000000; }
EM { font-style: italic; }
#holdall {
  width: 990px;
  margin-left: 20px;
  padding: 10px 0;
}
#inner {
  width: 967px;
  height: 566px;
  overflow: hidden;
  margin: 0 10px 10px;
  position: relative;
}
#siteTitle {
  width: 135px;
  height: 13px;
  overflow: hidden;
  margin-bottom: 10px;
}
#siteTitle A {
  display: block;
  width: 135px;
  height: 13px;
  overflow: hidden;
  text-indent: -1000px;
  background: url(/images/tom-stuart-smith.gif) no-repeat;
}
#navigation {
  position: absolute;
  top: 0;
  right: 0;
}
#navigation .nav {
  float: left;
  height: 17px;
}
#navigation .nav {
  position: relative;
  border-left: 1px solid #666666;
  padding: 0 5px;
}
#navigation .first { border-left: 0px solid; }
#navigation .last { padding-right: 0; }
#navigation .active A {
  font-weight: bold;
  color: #000000;
}
#navigation .active { color: #000000; }
#navigation .sub-nav A {
  position: static;
  float: none;
}
#navigation .nav A {
  display: inline-block;
  line-height: 15px;
}
#navigation .nav H2 {
  display: inline-block;
  line-height: 15px;
}
#navigation .sub-nav {
  position: absolute;
  top: 40px;
  left: 0;
  width: 210px;
  margin-left: 5px;
}
#navigation .sub-nav .nav {
  font-weight: normal !important;
  float: none;
  border: 0;
}
#navigation .active .sub-nav A {
  font-weight: normal !important;
  float: none;
  border: 0;
}
#navigation .sub-nav .active A { font-weight: normal; }
#navigation .children {
  margin: 5px 10px;
  width: 180px;
}
#navigation .sub-nav A { color: #666666; }
#navigation .sub-nav H2 { color: #666666; }
#navigation .sub-nav H3 { color: #666666; }
#navigation .children A { color: #666666; }
#navigation .sub-nav .active H2 { color: #000000; }
#navigation .active .children A { color: #000000; }
#navigation .accordian-list .children {
  margin-left: 15px;
  display: none;
}
#navigation H2 {
  font-size: 1em;
  font-weight: normal;
  cursor: pointer;
}
#navigation H3 {
  font-size: 1em;
  font-weight: normal;
  cursor: pointer;
}
#contentConainer {
  height: 523px;
  overflow: hidden;
  position: relative;
}
.container { height: 500px; }
.pagination { margin-top: 5px; }
.pagination A {
  display: inline-block;
  padding: 5px;
}
.previous {
  float: left;
  margin-left: -5px;
}
.next {
  float: right;
  margin-right: -5px;
}
.text-view { font-size: 0.96em; }
.text-view .format {
  float: left;
  width: 344px;
  margin-top: -0.5em;
}
.format H2 {
  font-size: 1.1em;
  font-weight: normal;
  padding-top: 0.5em;
}
.format H3 {
  font-size: 1.1em;
  font-weight: normal;
  padding-top: 0.5em;
}
.format H3 { padding: 0; }
.format P { padding: 0.7em 0 0em; }
.format OL {
  margin-left: 25px;
  list-style-type: decimal;
}
.format OL UL { list-style-type: none; }
.format OL .item { padding: 10px 0; }
.format UL .item { padding: 10px 0; }
.text-view IMG { float: right; }
.text-view .pagination { width: 344px; }
#homeImgs {
  height: 500px;
  overflow: hidden;
  position: relative;
}
#homeImgs .item {
  position: absolute;
  top: 0;
  display: none;
}
.grid-list {
  overflow: hidden;
  height: 502px;
}
.grid-list .item {
  float: left;
  margin: 0 11px 11px 0;
  overflow: hidden;
}
#gallery #image1 {
  width: 386px;
  height: 330px;
}
#gllry #image1 {
  width: 386px;
  height: 330px;
}
#gallery #image2 {
  width: 303px;
  height: 160px;
}
#gllry #image2 {
  width: 303px;
  height: 160px;
}
#gallery #image3 {
  width: 256px;
  height: 160px;
  margin-right: 0;
}
#gllry #image3 {
  width: 256px;
  height: 160px;
  margin-right: 0;
}
#gallery #image4 {
  width: 386px;
  height: 159px;
}
#gllry #image4 {
  width: 386px;
  height: 159px;
}
#gallery #image5 {
  width: 173px;
  height: 159px;
  margin-right: 0;
}
#gllry #image5 {
  width: 173px;
  height: 159px;
  margin-right: 0;
}
#gallery #image6 {
  width: 386px;
  height: 159px;
}
#gllry #image6 {
  width: 386px;
  height: 159px;
}
#gallery #image7 {
  width: 201px;
  height: 159px;
}
#gllry #image7 {
  width: 201px;
  height: 159px;
}
#gallery #image8 {
  width: 358px;
  height: 159px;
  margin-right: 0;
}
#gllry #image8 {
  width: 358px;
  height: 159px;
  margin-right: 0;
}
#gallery.layout3 #image1 {
  width: 386px;
  height: 500px;
}
#glry.layout3 #image1 {
  width: 386px;
  height: 500px;
}
#gallery.layout3 #image2 {
  width: 303px;
  height: 160px;
}
#glry.layout3 #image2 {
  width: 303px;
  height: 160px;
}
#gallery.layout3 #image3 {
  width: 256px;
  height: 160px;
  margin-right: 0;
}
#glry.layout3 #image3 {
  width: 256px;
  height: 160px;
  margin-right: 0;
}
#gallery.layout3 #image4 {
  width: 202px;
  height: 159px;
}
#glry.layout3 #image4 {
  width: 202px;
  height: 159px;
}
#gallery.layout3 #image5 {
  width: 357px;
  height: 159px;
  margin-right: 0;
}
#glry.layout3 #image5 {
  width: 357px;
  height: 159px;
  margin-right: 0;
}
#gallery.layout3 #image6 {
  width: 374px;
  height: 159px;
}
#glry.layout3 #image6 {
  width: 374px;
  height: 159px;
}
#gallery.layout3 #image7 {
  width: 184px;
  height: 159px;
  margin-right: 0;
}
#glry.layout3 #image7 {
  width: 184px;
  height: 159px;
  margin-right: 0;
}
#gallery.layout4 #image1 {
  width: 341px;
  height: 160px;
}
#galry.layout4 #image1 {
  width: 341px;
  height: 160px;
}
#glry.layout4 #image1 {
  width: 341px;
  height: 160px;
}
#gallery.layout4 #image2 {
  width: 347px;
  height: 160px;
}
#galry.layout4 #image2 {
  width: 347px;
  height: 160px;
}
#glry.layout4 #image2 {
  width: 347px;
  height: 160px;
}
#gallery.layout4 #image3 {
  width: 256px;
  height: 160px;
  margin-right: 0;
}
#galry.layout4 #image3 {
  width: 256px;
  height: 160px;
  margin-right: 0;
}
#glry.layout4 #image3 {
  width: 256px;
  height: 160px;
  margin-right: 0;
}
#gallery.layout4 #image4 {
  width: 462px;
  height: 159px;
}
#galry.layout4 #image4 {
  width: 462px;
  height: 159px;
}
#glry.layout4 #image4 {
  width: 462px;
  height: 159px;
}
#gallery.layout4 #image5 {
  width: 324px;
  height: 159px;
  margin-right: 10px;
}
#galry.layout4 #image5 {
  width: 324px;
  height: 159px;
  margin-right: 10px;
}
#glry.layout4 #image5 {
  width: 324px;
  height: 159px;
  margin-right: 10px;
}
#gallery.layout4 #image6 {
  width: 159px;
  height: 159px;
  margin-right: 0;
}
#galry.layout4 #image6 {
  width: 159px;
  height: 159px;
  margin-right: 0;
}
#glry.layout4 #image6 {
  width: 159px;
  height: 159px;
  margin-right: 0;
}
#gallery.layout4 #image7 {
  width: 244px;
  height: 159px;
  margin-right: 10px;
}
#galry.layout4 #image7 {
  width: 244px;
  height: 159px;
  margin-right: 10px;
}
#glry.layout4 #image8 {
  width: 244px;
  height: 159px;
  margin-right: 10px;
}
#gallery.layout4 #image8 {
  width: 358px;
  height: 159px;
  margin-right: 10px;
}
#galry.layout4 #image8 {
  width: 358px;
  height: 159px;
  margin-right: 10px;
}
#glry.layout4 #image8 {
  width: 358px;
  height: 159px;
  margin-right: 10px;
}
#gallery.layout4 #image9 {
  width: 343px;
  height: 159px;
  margin-right: 0;
}
#galry.layout4 #image9 {
  width: 343px;
  height: 159px;
  margin-right: 0;
}
#glry.layout4 #image9 {
  width: 343px;
  height: 159px;
  margin-right: 0;
}
#gallery.layout2 #image1 {
  width: 386px;
  height: 500px;
}
#gallery.layout2 #image2 {
  width: 570px;
  height: 160px;
  margin-right: 0;
}
#gallery.layout2 #image3 {
  width: 570px;
  height: 159px;
  margin-right: 0;
}
#gallery.layout2 #image4 {
  width: 570px;
  height: 159px;
  margin-right: 0;
}
.gallery #placeholder { display: none; }
.slideshow .credit {
  position: absolute;
  top: 510px;
  right: 0;
}
#slideShow.grid-list { display: none; }
#gardenIndex { cursor: pointer; }
.slideshow .toggles {
  position: absolute;
  top: 525px;
  left: 0;
  margin-top: 7px;
}
.slideshow .gardenIndex {
  position: absolute;
  top: 525px;
  left: 0;
  margin-top: 7px;
}
.toggles { left: 17px; }
.format .toggles .item { padding: 0 !important; }
.slideshow .toggles IMG { display: none; }
.slideshow .gardenIndex {
  width: 11px;
  height: 11px;
  line-height: 11px;
  float: left;
  margin-right: 5px;
  border: 1px solid #7d7d7d;
}
.toggles .item {
  width: 11px;
  height: 11px;
  line-height: 11px;
  float: left;
  margin-right: 5px;
  border: 1px solid #7d7d7d;
}
.gallery .gardenIndex A { background: #7d7d7d; }
.gallery .live {
  font-weight: bold;
  line-height: 11px;
  color: #ffffff;
  cursor: pointer;
}
.gallery .live A { background: none; }
.gallery .live:hover { background: #333333; }
.gallery .gardenIndex A {
  display: block;
  width: 9px;
  height: 9px;
  margin: 1px;
}
.toggles .item A {
  display: block;
  width: 9px;
  height: 9px;
  margin: 1px;
}
.toggles .item A:hover { background: #333333; }
.toggles .item A.active { background: #7d7d7d; }
.toggles .active A { color: #000000; }
.inactive { display: none; }
.toggles { margin-top: 7px; }
.slideshow .toggles .view-description A {
  width: auto;
  display: inline;
  border: 0;
  font-size: 1.01em;
}
.slideshow .toggles .view-description {
  border: 0;
  width: auto;
  height: auto;
  float: left;
  margin: 0;
  position: static;
  margin-left: 10px;
}
#placeholder {
  display: none;
  position: absolute;
  top: 23px;
  width: 967px;
  height: 502px;
}
.view-description {
  position: absolute;
  margin-top: 10px;
  cursor: pointer;
}
#placeholder LI {
  width: 967px;
  position: absolute;
}
#media #processList {
  float: left;
  width: 385px;
}
#media UL .item {
  padding: 2px 0 3px;
  font-size: 0.92em;
}
#media UL .child { padding: 2px 0 3px 10px; }
#media .item SPAN { display: block; }
#media .images {
  width: 570px;
  float: right;
}
#media .image {
  width: 570px;
  height: 500px;
}
#media .publications .active { display: block; }
#media .pub {
  height: 500px;
  display: none;
  position: absolute;
}
.children .live SPAN { font-weight: bold; }
.pdf A { display: inline-block; }
.pdf .title {
  font-weight: bold;
  display: block;
}
.pdf .size {
  border-left: 1px solid;
  padding: 0 5px;
}
.profile-view H2 A {
  display: block;
  height: 157px;
  overflow: hidden;
  color: #ffffff;
  font-weight: normal;
  font-size: 0.65em;
  line-height: 280px;
  background-color: #868686;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
}
.profile-view H2 A SPAN { float: right; }
.profile-view .format {
  width: 360px;
  font-size: 0.95em;
}
.profile-view .format a { text-decoration: underline; }
.profile-view A:hover { background-position: 0 -157px; }
.profile-view #tom-stuart-smith A { background-image: url(/images/team/tom-stuart-smith.jpg); }
.profile-view #andy-hamilton A { background-image: url(/images/team/andy-hamilton.jpg); }
.profile-view #kurosh-davis A { background-image: url(/images/team/kurosh-davis.jpg); }
.profile-view #henrietta-courtauld A { background-image: url(/images/team/henrietta-courtauld.jpg); }
.profile-view #luca-puri A { background-image: url(/images/team/luca-puri.jpg); }
.profile-view #nick-haddock A { background-image: url(/images/team/nick-haddock.jpg); }
.profile-view #rowland-byas A { background-image: url(/images/team/rowland-byas.jpg); }
.profile-view #charlotte-harris A { background-image: url(/images/team/charlotte-harris.jpg); }
.profile-view #frank-wu A { background-image: url(/images/team/frank-wu.jpg); }
.profile-view #jem-hanbury A { background-image: url(/images/team/jem-hanbury.jpg); }
#practice { position: relative; }
#teamList {
  margin-top: 20px;
  right: 0;
  text-align: right;
  display: none;
}
#teamList H3 {
  font-weight: normal;
  font-size: 1em;
  color: #ffffff;
}
#teamList .item H3 A {
  font-weight: normal;
  font-size: 1em;
  color: #ffffff;
}
.contact #contentContainer { position: relative; }
IMG.contact {
  position: absolute;
  z-index: 10;
}
.contact .format {
  position: absolute;
  top: 422px;
  z-index: 100;
}
.contact .format H2 {
  margin: 0;
  padding: 0;
}
.contact .format P {
  padding: 0;
  margin: 0;
}
.contact .format .tel {
  float: left;
  margin-top: 1em;
}
.contact .format .fax {
  float: left;
  margin-top: 1em;
}
.contact .format .fax { margin-left: 40px; }
.contact .format .email { clear: left; }
.projects h2 { font-weight: bold; }
.format .press_item { padding: 0; }
.projects .press_item span.title {
  display: block;
  font-weight: bold;
}
#processList H2 {
  font-size: 1.1em;
  cursor: pointer;
  font-weight: bold;
}
#processList H3 {
  font-size: 1.1em;
  cursor: pointer;
  font-weight: bold;
}
#processList.mediaList H3 { font-weight: normal; }
#processList .active H3 {
  font-weight: bold;
  cursor: default;
}
.accordian-list .children { display: none; }
#pressIndex H3 { font-weight: normal !important; }
.images { position: relative; }
.images .image {
  display: none;
  position: absolute;
  right: 0;
}
.images .active { display: block; }
.txtonly { width: 470px; }
.photographers { margin: 16px 0; }
.photographers LI { margin-bottom: 8px; }
p.cta {
  font-weight: bold;
  position: absolute;
  bottom: 0;
  right: 0;
}
p.cta a {
  padding-left: 13px;
  background: url(/images/play.gif) no-repeat 0 50%;
}
p.cta a:hover { background: url(/images/play.gif) no-repeat 0 50%; }
#press { position: relative; }
#press > h2 { font-weight: bold; }
#press h2 { margin-bottom: 5px; }
#press #press_list {
  width: 370px;
  position: relative;
}
#press .item h2 {
  margin: 0;
  cursor: pointer;
  padding: 0;
}
#press .item h2:hover { color: #000000; }
#press .active h2 {
  font-weight: bold;
  color: #000000;
}
#press .slide {
  position: absolute;
  width: 570px;
  top: 0;
  right: 0;
}
#press .info { display: none; }
#press .children {
  visibility: hidden;
  position: absolute;
  left: 55px;
  top: 0;
}
#press .children .child {
  padding: 2px 5px;
  border-left: 3px solid #ffffff;
}
#press .children .child .title { font-weight: bold; }
#press .children .active { border-left: 3px solid #dedede; }
#press .children .active h3 a { color: #000000; }