/***
  tomstuarsmith.co.uk
  Author: Oli Matthews - http://olvado.com
***/

BODY {
 margin-top:100px;
 font: 75% verdana,arial,sans-serif;
 color:#404040;
}
A {
 text-decoration:none;
 color:#404040;
}
A:hover {
 color:#000;
}
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 #666;
 padding:0 5px;
}
#navigation .first {
 border-left:0px solid;
}
#navigation .last {
 padding-right:0;
}
#navigation .active A {
 font-weight:bold;
 color:#000;
}
#navigation .active {
 color:#000;
}
#navigation .sub-nav A {
 position:static;
 float:none;
}
#navigation .nav A,
#navigation .nav H2 {
 display:inline-block;
 line-height:15px;
}
#navigation .sub-nav {
 position:absolute;
 top:40px;
 left:0;
 width:210px;
 padding:5px;
 margin-top:-5px;
 background: -moz-linear-gradient(bottom, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,rgba(255,255,255,0.6)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(bottom, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(bottom, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 100%); /* Opera11.10+ */
 background: -ms-linear-gradient(bottom, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
 background: linear-gradient(top, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 100%); /* W3C */
}
#navigation .sub-nav .nav,
#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;
 //display:none;
 width:180px;
}
#navigation .sub-nav A,
#navigation .sub-nav H2,
#navigation .sub-nav H3,
#navigation .children A {
 color:#666;
}
#navigation .sub-nav .active H2,
#navigation .active .children A { 
 color:#000;
}
#navigation .accordian-list .children {
 margin-left:15px;
 display:none;
}

#navigation H2,
#navigation H3 {
 font-size:1em;
 font-weight:normal;
 cursor:pointer;
}


/*** CONTENT ***/

#contentConainer {
 height:523px;
 overflow:hidden;
 position:relative;
}

/*** MODULE FRAMEWORK ***/

.container {
 height:500px;
}

/* Pagination */

.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 **/

.text-view {
 font-size:.96em;
}
.text-view .format {
 float:left;
 width:344px;
 margin-top:-.5em;
}
.format H2,
.format H3 {
 font-size:1.1em;
 font-weight:normal;
 padding-top:.5em;
}
.format H3 {
 padding:0;
}
.format P {
 padding:.7em 0 .0em;
}
.format OL {
 margin-left:25px;
 list-style-type:decimal;
}
.format OL UL {
 list-style-type:none;
}
.format OL .item,
.format UL .item {
 padding:10px 0;
}
.text-view IMG {
 float:right;
}
.text-view .pagination {
 width:344px;
}



/** LISTS **/
/* carousel list (single) */

.carousel-list {
 
}
#homeImgs {
 height:500px;
 overflow:hidden;
 position:relative;
}
#homeImgs .item {
 position:absolute;
 top:0;
 display:none;
}

/** GRID List **/
.grid-list {
 overflow:hidden;
 height:502px;
}
.grid-list .item {
 float:left;
 margin:0 11px 11px 0;
 overflow:hidden;
}
.grid-list .item A,
.grid-list .item IMG {
 
}

/** Layout 1 (default) **/

#gallery #image1,
#gllry #image1 {
 width:386px;
 height:330px;
}
#gallery #image2,
#gllry #image2 {
 width:303px;
 height:160px;
}
#gallery #image3,
#gllry #image3 {
 width:256px;
 height:160px;
 margin-right:0;
}
#gallery #image4,
#gllry #image4 {
 width:386px;
 height:159px;
}
#gallery #image5,
#gllry #image5 {
 width:173px;
 height:159px;
 margin-right:0;
}
#gallery #image6,
#gllry #image6 {
 width:386px;
 height:159px;
}
#gallery #image7,
#gllry #image7 {
 width:201px;
 height:159px;
}
#gallery #image8,
#gllry #image8 {
 width:358px;
 height:159px;
 margin-right:0;
}

/** Layout 3  **/

#gallery.layout3 #image1,
#glry.layout3 #image1 {
 width:386px;
 height:500px;
}
#gallery.layout3 #image2,
#glry.layout3 #image2 {
 width:303px;
 height:160px;
}
#gallery.layout3 #image3,
#glry.layout3 #image3 {
 width:256px;
 height:160px;
 margin-right:0;
}
#gallery.layout3 #image4,
#glry.layout3 #image4 {
 width:202px;
 height:159px;
}
#gallery.layout3 #image5,
#glry.layout3 #image5 {
 width:357px;
 height:159px;
 margin-right:0;
}
#gallery.layout3 #image6,
#glry.layout3 #image6 {
 width:374px;
 height:159px;
}
#gallery.layout3 #image7,
#glry.layout3 #image7 {
 width:184px;
 height:159px;
 margin-right:0;
}
/** Layout 4  **/

#gallery.layout4 #image1,
#galry.layout4 #image1,
#glry.layout4 #image1 {
 width:341px;
 height:160px;
}
#gallery.layout4 #image2,
#galry.layout4 #image2,
#glry.layout4 #image2 {
 width:347px;
 height:160px;
}
#gallery.layout4 #image3,
#galry.layout4 #image3,
#glry.layout4 #image3 {
 width:256px;
 height:160px;
 margin-right:0;
}
#gallery.layout4 #image4,
#galry.layout4 #image4,
#glry.layout4 #image4 {
 width:462px;
 height:159px;
}
#gallery.layout4 #image5,
#galry.layout4 #image5,
#glry.layout4 #image5 {
 width:324px;
 height:159px;
 margin-right:10px;
}
#gallery.layout4 #image6,
#galry.layout4 #image6,
#glry.layout4 #image6 {
 width:159px;
 height:159px;
 margin-right:0;
}
#gallery.layout4 #image7,
#galry.layout4 #image7,
#glry.layout4 #image8 {
 width:244px;
 height:159px;
 margin-right:10px;
}
#gallery.layout4 #image8,
#galry.layout4 #image8,
#glry.layout4 #image8 {
 width:358px;
 height:159px;
 margin-right:10px;
}
#gallery.layout4 #image9,
#galry.layout4 #image9,
#glry.layout4 #image9 {
 width:343px;
 height:159px;
 margin-right:0;
}

/** Layout 2 **/

#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;
}

/** Slideshow layout **/

.gallery #placeholder {
 display:none;
}

.slideshow .credit {
 position:absolute;
 top:510px;
 right:0;
}
#slideShow.grid-list {
 display:none;
}
#gardenIndex {
 cursor:pointer;
}
.slideshow .toggles,
.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,
.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:#fff;
 cursor:pointer;
}
.gallery .live A {
 background:none;
}
.gallery .live :hover {
 background:#333;
}
.gallery .gardenIndex A,
.toggles .item A {
 display:block;
 width:9px;
 height:9px;
 margin:1px;
}
.toggles .item A:hover {
 background:#333;
}
.toggles .item A.active {
 background:#7d7d7d;
}
.toggles .active A {
 color:#000;
}
.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 **/

#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 **/

#media #processList {
 float:left;
 width:385px;
}
#media UL .item {
 padding:2px 0 3px;
 font-size:.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;
}


/** Profiles **/

.profile-view H2 A {
 display:block;
 height:157px;
 overflow:hidden;
 color:#fff;
 font-weight:normal;
 font-size:.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:.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,
#teamList .item H3 A {
 font-weight:normal;
 font-size:1em;
 color:#fff;
}

/** Contact **/

.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,
.contact .format .fax {
 float:left;
 margin-top:1em;
}
.contact .format .fax {
 margin-left:40px;
}

.contact .format .email {
 clear:left;
}

/*** PROJECTS ***/
/** In the press **/
.projects h2 {
  font-weight:bold;
}
.format .press_item {
  padding:0;
}
.projects .press_item span.title {
  display:block;
  font-weight:bold;
}
/** Accordian **/

#processList H2,
#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;
}
/** Gallery list  **/
.images {position:relative}
.images .image {display:none;position:absolute;
 right:0;}
.images .active {display:block;}

/** Photography **/

.txtonly {
 width:470px;
}

.photographers {
 margin:16px 0;
}
.photographers LI {
 margin-bottom:8px;
}

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