body {
    font:       76%/1.5 Arial, Helvetica, sans-serif;
    color:      #6A665B;
    background: url(../images/water36.jpg)  repeat;
}
html {
    min-height: 100.01%;
}
* {
    margin:  0;
    padding: 0;
}
#site {
	position: absolute;
	width: 100%;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	background: url(../images/water36.jpg)  repeat-x;
}
a:link, a:visited {
    color:           #2B88A8;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}
a {
    outline: none;
}
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited {
    color: #4B888D;
}
div.intro h4 a:link, div.intro h4 a:visited {
    color: #2B88A8;
}
p.skip {
    display: none;
}
.clearfix:after {
    content:    ".";
    display:    block;
    height:     0;
    clear:      both;
    visibility: hidden;
}
div#header {
    background: url(../images/water36.jpg) repeat;
    
}
div#headerinner {
    margin:     0 auto;
    text-align: left;
    width:      910px;
}
div#contentholder {
    margin:     0 auto;
    text-align: left;
    width:      910px;
    background: #fff ;
    padding:    0 0 18px 0;
}
/* logo */
div#logo {
    float:   left;
    padding-top: 8px;	
    padding-bottom: 18px;	
}
div#logo h1 a {
    background:  url(../images/logo3.png) no-repeat ;
    text-indent: -9999em;
    width:       255px;
    height:      99px;
    display:     block;
}
div#logo img {
    display: none;
}
/* end logo */
/* primary navigation */
div#nav {
    float:       right;
    font-size:   1.2em;
    font-weight: bold;
}
div#nav ul {
    float:           left;
    list-style-type: none;
    padding:         42px 0 0 0;
}
div#nav ul li {
    float:       left;
    white-space: nowrap;
}
div#nav ul li a {
    padding:         3px 14px 3px 14px;
    border-right:    1px solid #0f519d ;
    text-align:      center;
    text-decoration: underline;
    display:         block;
    color:           #0f519d;
}
div#nav ul li#contact a {
    border-right:  none ;
    padding-right: 0;
}
div#nav ul li a:hover {
    text-decoration: none;
    color:           #fff;
}
.home div#nav ul li#home a,
.who div#nav ul li#who a,
.what div#nav ul li#what a,
.work div#nav ul li#work a,
.contact div#nav ul li#contact a {
    color: #4B888D;
}
/* end primary navigation */
/* strap sentence */
div#strap {
    float:         left;
    width:         908px;
    background:    #0f519d;
    border:        1px solid #fff ;
    border-bottom: none ;
}
div#strap h2 {
    color:          #fff;
    font-size:      1.8em;
    margin:         0 0 0 0;
    font-weight:    normal;
    padding:        12px 16px;
    line-height:    1.1;
    letter-spacing: 1px;
    width:          400px;
}
div#strap h3 {
    color:          #fff;
    font-size:      1.8em;
    margin:         0 0 0 0;
    font-weight:    normal;
    padding:        12px 16px;
    line-height:    1.1;
    letter-spacing: 1px;

}
div#strap h2 a {
    color: #B0D572;
}
.who div#strap h2 a#wholink,
.what div#strap h2 a#whatlink,
.work div#strap h2 a#worklink,
.contact div#strap h2 a#contactlink {
    color: #42403b;
}
.who div#strap h2 a#wholink:hover,
.what div#strap h2 a#whatlink:hover,
.work div#strap h2 a#worklink:hover,
.contact div#strap h2 a#contactlink:hover {
    text-decoration: none;
}
/* end strap sentence */
/* featured projects on home page */
div#featured {
    float:      left;
    background: url(../assets/featured.png) repeat-x bottom #EEE9DD ;
    margin:     0 0;
    display:    inline;
    padding:    0 0;
    width:      910px;
    w\idth:     892px;
    min-height: 329px;
    height:     auto !important;
    height:     329px;
}
div#featured h3 {
    margin:      0 0 0 0;
    background:  url(../assets/headings/featured.png) no-repeat ;
    height:      0;
    text-indent: -9999em;
}
div#featured ul {
    float:           left;
    list-style-type: none;
    margin:          0;
}
div#featured ul li {
    float:       left;
    width:       910px;
    text-indent: -999em;
}
div#featured ul li a {
    display:             block;
    height:              329px;
    background-repeat:   no-repeat;
    background-position: 0 0;
}
div#featured ul li  {
    background-position: 0 -254px;
}
div#featured ul li#featured1 a {
    background-image: url(../images/main-image-new.jpg);
}
/*div#featured ul li#featured2 a {
    background-image: url(../images/home-gos.jpg);
}
div#featured ul li#featured3 a {
    background-image: url(../images/home-soas.jpg);
}*/
/* end featured projects on home page */
/* what we do landing page */
div#whatlanding {
    float:   left;
    padding: 0;
    width:   872px;
}
div#whatlanding div.intro {
    float:   left;
    padding: 20px 18px 0 0;
    width:   296px;
    w\idth:  278px;
}
div#whatlanding div.intro h4 {
    font-size:   1.3em;
    margin:      0 0 14px 0;
    font-weight: normal;
}
div#whatlanding div.intro p {
}
div#whatlanding ul {
    float:           left;
    list-style-type: none;
    margin:          0;
    width:           576px;
}
div#whatlanding ul li {
    float:       left;
    width:       278px;
    text-indent: -999em;
    margin:      0 0 10px 10px;
    display:     inline;
}
div#whatlanding ul li a {
    display:             block;
    background-repeat:   no-repeat;
    background-position: 0 0;
}
div#whatlanding ul li#brand a {
    background-image: url(../assets/what/index-brand.jpg);
    height:           185px;
}
div#whatlanding ul li#brand a:hover {
    background-position: 0 -183px;
}
div#whatlanding ul li#information a {
    background-image:    url(../assets/what/index-information.jpg);
    height:              192px;
    background-position: 10px 0;
}
div#whatlanding ul li#information a:hover {
    background-position: 10px -194px;
}
div#whatlanding ul li#creative a {
    background-image: url(../assets/what/index-creative.jpg);
    height:           179px;
}
div#whatlanding ul li#creative a:hover {
    background-position: 0 -178px;
}
div#whatlanding ul li#production a {
    background-image: url(../assets/what/index-production.jpg);
    height:           179px;
}
div#whatlanding ul li#production a:hover {
    background-position: 0 -178px;
}
/* end what we do landing page */
/* what we do pages */
.what .brand h3 {
    background: url(../assets/headings/brand.png) no-repeat ;
}
.what .information h3 {
    background: url(../assets/headings/information.png) no-repeat ;
}
.what .creative h3 {
    background: url(../assets/headings/creative.png) no-repeat ;
}
.what .production h3 {
    background: url(../assets/headings/production.png) no-repeat ;
}
.what .pm h3 {
    background: url(../assets/headings/project-management.png) no-repeat ;
}
div#whatintro {
    background-repeat: no-repeat;
    height:            215px;
}
.brand div#whatintro {
    background-image: url(../assets/what/brand.jpg);
}
.information div#whatintro {
    background-image: url(../assets/what/information.jpg);
}
.creative div#whatintro {
    background-image: url(../assets/what/creative.jpg);
}
.production div#whatintro {
    background-image: url(../assets/what/production.jpg);
}
.pm div#whatintro {
    background-image: url(../assets/what/project-management.jpg);
}
/* end what we do pages */
/* left and right columns */
div#homeleft {
    float:        left;
    border-right: 1px solid #EAE7DF ;
    margin:       10px 0 0 0;
    padding:      0 18px;
    width:        645px;
    w\idth:       475px;
}
div#homeright {
    float:       left;
    border-left: 1px solid #EAE7DF ;
    margin:      10px 0 0 -1px;
    padding:     0 13px;
    width:       370px;
    w\idth:      370px;     
}
div#homeleft ul {
margin:0pt 0pt 1em 3em;
}
div#fullwidth {
    float:      left;
    background: url(../assets/sub-grad.png) repeat-x top ;
    margin:     0 0 0 0;
    padding:    0 0;
    display:    inline;
    width:      910px;
    w\idth:     872px;
}
div#left {
    float:        left;
    background:   url(../assets/sub-grad.png) repeat-x top ;
    margin:       0 0 0 1px;
    padding:      0 18px;
    border-right: 1px solid #EAE7DF ;
    display:      inline;
    width:        100%;
    w\idth:       80%;
}
div#right {
    float:       left;
    background:  url(../assets/sub-grad.png) repeat-x top ;
    margin:      0 1px 0 -1px;
    padding:     0 0px;
    border-left: 1px solid #EAE7DF ;
    display:     inline;
    width:       30%;
    w\idth:      20%;
}
.who div#left {
    width:  591px;
    w\idth: 554px;
}
.who div#right {
    width:  317px;
    w\idth: 281px;
}
.contact div#left {
    width:  428px;
    w\idth: 392px;
}
.contact div#right {
    width:         479px;
    w\idth:        461px;
    padding-right: 0;
}
.what div#left {
    width:        594px;
    w\idth:       576px;
    background:   none ;
    margin:       0;
    padding-left: 0;
    padding-top:  0px;
    min-height:   300px;
    height:       auto !important;
    height:       300px;
}
.what div#right {
    width:       270px;
    padding:     0;
    background:  none ;
    border-left: none ;
}
.work div#left {
    width:        658px;
    w\idth:       640px;
    padding-left: 0;
    background:   none ;
    margin:       0;
}
.work div#right {
    width:       212px;
    padding:     0;
    background:  none ;
    border-left: none ;
    margin:      0;
}
.utility div#left {
    width:  656px;
    w\idth: 620px;
}
.utility div#right {
    width:  252px;
    w\idth: 215px;
}
.news div#left {
    width:  591px;
    w\idth: 554px;
}
.news div#right {
    width:  317px;
    w\idth: 281px;
}
/* end left and right columns */
/* staff profiles */
div.profile {
    padding:           1px 0 0 250px;
    margin:            0 0 20px 0;
    background-repeat: no-repeat;
    min-height:        242px;
    height:            auto !important;
    height:            242px;
}
div.profile h4 {
    background-repeat: no-repeat;
    height:            18px;
    text-indent:       -9999em;
}
div.profile#ian {
    background-image: url(../assets/profile/ian.jpg);
}
div.profile#andrew {
    background-image: url(../assets/profile/andrew.jpg);
}
div.profile#paul {
    background-image: url(../assets/profile/paul.jpg);
}
div.profile#dan {
    background-image: url(../assets/profile/dan.jpg);
}
div.profile#bruce {
    background-image: url(../assets/profile/bruce.jpg);
}
div.profile#ian h4 {
    background-image: url(../assets/headings/ian.png);
}
div.profile#andrew h4 {
    background-image: url(../assets/headings/andrew.png);
}
div.profile#paul h4 {
    background-image: url(../assets/headings/paul.png);
}
div.profile#dan h4 {
    background-image: url(../assets/headings/dan.png);
}
div.profile#bruce h4 {
    background-image: url(../assets/headings/bruce.png);
}
/* end staff profiles */
/* headings */
div#left h3, div#right h3, div#fullwidth h3 {
    margin:            24px 0 30px 0;
    background-repeat: no-repeat;
    height:            28px;
    text-indent:       -9999em;
}
div#homeleft h3 {
    background:  url(../assets/headings/latest.png) no-repeat ;
    height:      21px;
    text-indent: -9999em;
}
h3.clients {
    background:  url(../assets/headings/clients.png) no-repeat ;
    height:      25px;
    text-indent: -9999em;
}
h3.ready {
    background:  url(../assets/headings/ready.png) no-repeat ;
    height:      21px;
    text-indent: -9999em;
}
.who div#left h3 {
    background-image: url(../assets/headings/senior-team.png);
}
.who div#right h3 {
    background-image: url(../assets/headings/company.png);
}
.who div#right .careers h3 {
    background:  url(../assets/headings/careers.png) no-repeat ;
    height:      21px;
    text-indent: -9999em;
    margin:      40px 0 10px 0;
}
.what h3 {
    background: url(../assets/headings/what-we-do.png) ;
}
.work h3 {
    background-image: url(../assets/headings/work.png);
}
.contact div#left h3 {
    background-image: url(../assets/headings/help.png);
}
.contact div#right h3 {
    background-image: url(../assets/headings/get-in-touch.png);
}
.news div#left h3 {
    background-image: url(../assets/headings/news.png);
}
.news div#right h3 {
    background-image: url(../assets/headings/more-news.png);
}
.news div#left.archive h3 {
    background-image: url(../assets/headings/news-archive.png);
}
.news div#right h3.case-studies, h3.case-studies {
    background-image: url(../assets/headings/case-studies-head.png);
}
div#sitemap h3 {
    background-image: url(../assets/headings/site-map.png);
}
h3.accessibility {
    background-image: url(../assets/headings/accessibility-statement.png);
}
h3.terms {
    background-image: url(../assets/headings/terms-conditions.png);
}
.news div#left.error h3 {
    background-image: url(../assets/headings/oops.png);
}
.who div#left .careers h3 {
    background-image: url(../assets/headings/jobs.png);
}
.who div#left h3.front-end-developer {
    background-image: url(../assets/headings/front-end-developer.png);
}
/* end headings */
/* news */
div.date {
    width:       40px;
    float:       left;
    border:      1px solid #D3D1C6 ;
    text-align:  center;
    line-height: 1.2;
    margin:      10px 0 0 0;
}
div.date p {
    margin: 0;
}
div.date em {
    font-size:   1.6em;
    padding:     2px 0;
    font-style:  normal;
    font-weight: bold;
}
div.date strong {
    display:        block;
    background:     #B0D572 ;
    text-transform: uppercase;
    color:          #72973E;
    font-size:      1em;
    padding:        2px 0;
}
div.newsitem {
    float:      left;
    background: #F7F5F2 ;
    border-top: 1px solid #D3D1C6 ;
    padding:    0 12px;
    margin:     10px 0 10px 0;
}
.home div.newsitem {
    width:  372px;
    w\idth: 348px;
}
div.morenews {
    float:  left;
    margin: 0 0 10px 0;
}
.news div#left div.newsitem {
    margin: 0 0 10px 0;
    width:  554px;
    w\idth: 530px;
}
.news div#left.archive div.newsitem {
    margin: 10px 0 10px 0;
    width:  512px;
    w\idth: 488px;
}
div.newsitem h5.date {
    font-size: .92em;
    margin:    -4px 0 10px 0;
}
div.newsitem h5 {
    font-size: .92em;
    margin:    10px 0 10px 0;
}
.news div#left h3.year {
    clear:            left;
    float:            left;
    border:           1px solid #D3D1C6 ;
    padding:          2px 6px;
    height:           auto;
    margin:           10px 0;
    background-image: none;
    text-indent:      0;
    font-size:        1.2em;
    width:            554px;
    w\idth:           540px;
}
ul.newslinks {
    width:   374px;
    float:   left;
    margin:  4px 0 0 40px;
    display: inline;
}
ul.newslinks li {
    float:           left;
    list-style-type: none;
}
ul.newslinks li.news {
    float: right;
}
ul.newslinks li.rss {
}
ul.newslinks li.rss a {
    background: url(../assets/rss.gif) no-repeat 0 0 ;
    padding:    2px 0 0 24px;
}
p.rss {
    margin: 30px 0 0 2px;
}
p.rss a {
    background: url(../assets/rss.gif) no-repeat 0 0 ;
    padding:    2px 0 0 24px;
}
/* end news */
/* quotes */
div.quote {
    margin: 10px 0 23px 0;
}
.work div.quote {
    margin:        10px 0 0 0;
    background:    #F7F5F2 ;
    padding:       10px 10px;
    border-top:    1px solid #EAE7DF ;
    border-bottom: 1px solid #EAE7DF ;
    width:         640px;
    w\idth:        620px;
}
blockquote {
    padding:    4px 10px 0px 20px;
    background: url(../assets/ldquo.png) no-repeat 2px 1px ;
}
blockquote span {
    background: url(../assets/rdquo.png) no-repeat right bottom ;
    padding:    0 20px 2px 0px;
    margin:     0 10px 0 0;
}
.home blockquote p {
    margin-bottom: 6px;
}
cite {
    font-style:  normal;
    font-size:   .92em;
    display:     block;
    font-weight: bold;
}
div.portfolio cite {
    margin: 0 0 0 0;
}
div.newsitem cite {
    margin: 0 0 10px 0;
}
.work div.quote {
    margin: 0 0 10px 0;
}
.work div.quote cite {
    margin: 0 0 0 20px;
}
div.quote h5 {
    margin:    10px 0 0 20px;
    font-size: 1em;
}
/* end quotes */
/* company stack panel */
div#stack {
    margin: -4px 0 0 0;
    width:  280px;
}
div#stack h4 {
    border-bottom: 1px solid #EAE7DF ;
    margin:        0;
    font-size:     1.5em;
    font-weight:   normal;
}
div#stack h4 a {
    padding: 6px 8px 4px 8px;
    display: block;
}
div#stack h4.active {
    border-bottom: 1px solid #9FC6CD ;
}
div#stack div.morestack {
    background:    #F7F5F2 ;
    border-bottom: 1px solid #EAE7DF ;
    padding:       0px 10px 0px 10px;
    margin:        0 0 0 0;
    width:         280px;
    w\idth:        260px;
}
div#stack div.morestack h5 {
    padding:     10px 0 0 0;
    margin:      0 0 10px 0;
    font-size:   1em;
    font-weight: normal;
}
div.morestack ul {
    margin:          -10px 0 10px 0;
    list-style-type: none;
}
div.morestack ul li {
    line-height: 1.2;
    padding:     4px 0;
}
div.morestack ul li a {
    background: url(../assets/bullet-logo-grey.png) no-repeat 0 1px ;
    padding:    0 0 0 24px;
    display:    block;
}
/* company stack panel */
/* what we do right hand navigation */
div#rhnav ul {
    margin:          0;
    list-style-type: none;
    font-size:       1.5em;
}
div#rhnav ul li {
    padding:    0;
    background: url(../assets/rhnav-border.png) no-repeat bottom right ;
}
div#rhnav ul li a {
    padding: 6px 0 6px 32px;
    display: block;
    width:   278px;
    w\idth:  246px;
    color:   #4b888d;
}
div#rhnav ul li a:hover {
    text-decoration: none;
    background:      url(../assets/rhnav-notch-white.png) no-repeat center left ;
}
div#rhnav ul li.active a, div#rhnav ul li.active a:hover {
    text-decoration: none;
    background:      url(../assets/rhnav-notch-active.png) no-repeat center left #F5F2EB ;
    border-top:      1px solid #EEE9DD ;
    border-bottom:   1px solid #C5DDE1 ;
    margin:          -1px 0 0 0;
}
/* end what we do right hand navigation */
/* portfolio */
div.portfolio {
    float:      left;
    margin:     0 0 10px -8px;
    display:    inline;
    background: url(../assets/portfolio-frame.png) no-repeat 0 0 ;
    width:      880px;
    min-height: 310px;
    height:     auto !important;
    height:     310px;
}
div.portfolio h4 {
    margin:      0 0 14px 0;
    font-size:   1.7em;
    font-weight: normal;
}
div.portfolio img {
    float:  left;
    margin: 20px 38px 30px 21px;
}
div.info {
    float:         left;
    background:    #F7F5F2 ;
    border-top:    1px solid #EAE7DF ;
    border-bottom: 1px solid #EAE7DF ;
    margin:        0 0 0 0px;
}
div.did {
    float:        left;
    margin:       0 0 0 0;
    padding:      0 1px 10px 3px;
    border-right: 1px solid #EAE7DF ;
    width:        232px;
    w\idth:       196px;
}
div.said {
    float:       left;
    margin:      0 0 0 -1px;
    padding:     0 18px 10px 18px;
    border-left: 1px solid #EAE7DF ;
    width:       278px;
    w\idth:      242px;
}
div.other {
    float:   left;
    margin:  10px 0 0 0;
    padding: 0 18px 10px 18px;
    width:   204px;
    w\idth:  168px;
}
div.case-studies {
    float:  left;
    margin: 10px 0 0 0;
}
div.portfolio div.info h4 {
    margin: 10px 0 10px 0;
}
div.did h4, div.said h4, div.other h4, div.case-studies h4 {
    background-repeat: no-repeat;
    height:            22px;
    text-indent:       -9999em;
}
div.did h4 {
    background-image: url(../images/delivered.png);
}
div.said h4 {
    background-image: url(../assets/headings/said.png);
}
div.other h4 {
    background-image: url(../assets/headings/other.png);
}
div.case-studies h4 {
    background-image: url(../assets/headings/case-studies.png);
}
div.did ul {
    margin:          0 0 3px 0;
    list-style-type: none;
}
div.did ul li {
    padding:     6px 0 0 24px;
    background:  url(../images/tick.png) no-repeat 0 4px ;
    line-height: 1.2;
}
div.did h5 {
    line-height: 1.0;
    margin:      0 0 0 0;
	padding:     0 0 4px 24px;
	font-family: Arial, Helvetica, sans-serif;
    font-size:   1em;
	font-weight: normal; 
}
div.other ul, div.case-studies ul {
    margin:          10px 0 0 0;
    list-style-type: none;
}
div.other ul li, div.case-studies ul li {
    line-height: 1.2;
    padding:     4px 0;
}
div.other ul li a, div.case-studies ul li a {
    background: url(../assets/bullet-logo.png) no-repeat 0 1px ;
    padding:    0 0 0 24px;
    display:    block;
}
div#homeright div.did h3, div#right div.said h4 {
    margin: 0 0 12px 0;
     font-size:   1.2em;
}
div#homeright div.did {
    border-right: none ;
    width:        204px;
    w\idth:       380px;
}
div#homeright div.said {
    width: auto;
}
.news div#right ul {
    margin:          10px 0 10px 0;
    list-style-type: none;
}
.news div#right ul li {
    background:  url(../assets/bullet-logo.png) no-repeat 0 5px ;
    line-height: 1.2;
    padding:     4px 0 4px 24px;
    display:     block;
}
.careers ul, div#left .careers ul {
    margin:          10px 0 10px 0;
    list-style-type: none;
}
.careers ul li, div#left .careers ul li {
    background:  url(../assets/bullet-logo.png) no-repeat 0 4px ;
    line-height: 1.2;
    padding:     4px 0 4px 24px;
    display:     block;
}
/* end portfolio */
/* sitemap */
div#sitemap ul {
    margin: 10px 0 0 0;
}
div#homeleft div#sitemap ul li {
    line-height:     1.2;
    padding:         3px 0;
    list-style-type: none;
}
div#sitemap ul li a {
    background: url(../assets/bullet-logo.png) no-repeat 0 0px ;
    padding:    0 0 0 24px;
    display:    block;
}
/* end sitemap */
/* other projects links */
div#otherprojects {
    float:         left;
    background:    #F3F0E7 ;
    border-top:    1px solid #E3DAC5 ;
    border-bottom: 1px solid #E3DAC5 ;
    padding:       16px;
    width:         872px;
    w\idth:        840px;
}
.work div#fullwidth div#otherprojects h3 {
    background-repeat: no-repeat;
    height:            22px;
    text-indent:       -9999em;
    background-image:  url(../assets/headings/other-projects.png);
    margin:            0 0 10px;
}
div#otherprojects ul {
    list-style-type: none;
    width:           272px;
    float:           left;
}
div#otherprojects ul.middle {
    border-left:  1px solid #E3DAC5 ;
    border-right: 1px solid #E3DAC5 ;
    margin:       0 16px 0 0;
    padding:      0 0 0 16px;
    width:        278px;
    w\idth:       262px;
}
div#otherprojects ul li {
}
div#otherprojects ul li a {
}
/* end other projects links */
/* pagination links */
div#pagination {
    float:         left;
    background:    #F3F0E7 ;
    border-top:    1px solid #E3DAC5 ;
    border-bottom: 1px solid #E3DAC5 ;
    padding:       16px 16px 0 16px;
    margin:        16px 16px 0 16px;
    width:         872px;
    w\idth:        840px;
    display:       inline;
}
div#pagination p {
    text-align: center;
}
/* end pagination links */
/* case studies */
div#galleryholder {
    float:      left;
    margin:     0 0 0 0px;
    display:    inline;
    background: url(../assets/study-frame.png) no-repeat 0 0 ;
    width:      640px;
}
div#gallery {
    float:               left;
    background-repeat:   no-repeat;
    background-position: 23px 21px;
    width:               640px;
    min-height:          410px;
    height:              auto !important;
    height:              410px;
}
div#gallery ul {
    list-style: none;
    padding:    0;
    margin:     0;
    width:      191px;
    position:   relative;
    float:      right;
}
div#gallery ul li {
    display:    inline;
    float:      left;
    margin:     0;
    background: url(../assets/study-thumb-frame.png) no-repeat 0 0 ;
    width:      191px;
    height:     133px;
}
div#gallery ul li a {
    display:             block;
    text-decoration:     none;
    background-repeat:   no-repeat;
    background-position: 14px 14px;
    padding:             14px;
    width:               191px;
    w\idth:              163px;
    height:              133px;
    he\ight:             105px;
}
div#gallery ul li a img {
    display:    block;
    width:      160px;
    height:     102px;
    border:     0 ;
    visibility: hidden;
}
div#gallery ul li a strong {
    display: block;
    width:   160px;
    height:  102px;
}
div#gallery ul li a:hover {
    white-space: normal;
}
div#gallery ul li a:hover img {
    position:   absolute;
    left:       -426px;
    top:        21px;
    width:      398px;
    height:     354px;
    visibility: visible;
}
/* opacity on the thumbnails */
div#gallery ul li a strong {
    background-color: #fff;
    filter:           alpha(opacity=50);
    filter:           progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -moz-opacity:     0.50;
    opacity:          0.50;
}
div#gallery ul li a:hover strong {
    visibility: hidden;
}
div#gallery ul li a:hover strong {
    filter:       alpha(opacity=100);
    filter:       progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity:      1.0;
}
.work .tcs h3 {
    background-image: url(../assets/headings/tcs.png);
}
.tcs div#gallery {
    background-image: url(../images/studies/tcs.jpg);
}
.tcs li#thumb1 a {
    background-image: url(../images/studies/tcs-thumb2.jpg);
}
.tcs li#thumb2 a {
    background-image: url(../images/studies/tcs-thumb3.jpg);
}
.tcs li#thumb3 a {
    background-image: url(../images/studies/tcs-thumb4.jpg);
}
.work .gos h3 {
    background-image: url(../assets/headings/gos.png);
}
.gos div#gallery {
    background-image: url(../images/studies/gos.jpg);
}
.gos li#thumb1 a {
    background-image: url(../images/studies/gos-thumb2.jpg);
}
.gos li#thumb2 a {
    background-image: url(../images/studies/gos-thumb3.jpg);
}
.gos li#thumb3 a {
    background-image: url(../images/studies/gos-thumb4.jpg);
}
.work .soas h3 {
    background-image: url(../assets/headings/soas.png);
}
.soas div#gallery {
    background-image: url(../images/studies/soas.jpg);
}
.soas li#thumb1 a {
    background-image: url(../images/studies/soas-thumb2.jpg);
}
.soas li#thumb2 a {
    background-image: url(../images/studies/soas-thumb3.jpg);
}
.soas li#thumb3 a {
    background-image: url(../images/studies/soas-thumb4.jpg);
}
.work .everyman h3 {
    background-image: url(../assets/headings/everyman.png);
}
.everyman div#gallery {
    background-image: url(../images/studies/everyman.jpg);
}
.everyman li#thumb1 a {
    background-image: url(../images/studies/everyman-thumb2.jpg);
}
.everyman li#thumb2 a {
    background-image: url(../images/studies/everyman-thumb3.jpg);
}
.everyman li#thumb3 a {
    background-image: url(../images/studies/everyman-thumb4.jpg);
}
.work .shire h3 {
    background-image: url(../assets/headings/shire.png);
}
.shire div#gallery {
    background-image: url(../images/studies/shire.jpg);
}
.shire li#thumb1 a {
    background-image: url(../images/studies/shire-thumb2.jpg);
}
.shire li#thumb2 a {
    background-image: url(../images/studies/shire-thumb3.jpg);
}
.shire li#thumb3 a {
    background-image: url(../images/studies/shire-thumb4.jpg);
}
/*============== Footer ===============*/
#conteneur-footer {
	width: 980px;
	height: 98px;
	margin: 0 auto;
	margin-top: -20px;
}
#footer {
	position: absolute;
	bottom: 0;
	width: 935px;
	height: 28px;
	padding: 20px 0 0 35px;
	z-index: 20000;
}
#footer ul {
    float:           left;
    list-style-type: none;
    white-space:     nowrap;
    margin:          -15px 0 10px 0px;
    display:         inline;
}
#footer ul li {
    float:   left;
    padding: 0 4px 0 0;
}
#footer a {
    color: #4384ba;
    background-color: #fff;
    padding: 3px;
    text-decoration: none;
}
#footer p {
    float:      right;
    text-align: right;
    margin:     -15px 25px 10px 0;
    display:    inline;
}
#footer .mentions {
	float: left;
}
#footer .advisa {
	float: right;
}
/* end footer */
/* general typography */
h3 {
    font-size: 1.3em;
    margin:    0 0 6px 0;
}
h4 {
    font-size: 1.2em;
    margin:    0 0 2px 0;
}
h5 {
    font-size: 1.1em;
    margin:    0 0 0 0;
}
h6 {
    font-size: .92em;
    margin:    10px 0;
}
p {
    margin: 0 0 1em 0;
}
acronym {
    border-bottom: 1px dashed #ccc ;
    cursor:        help;
}
hr {
    height:           1px;
    color:            #000;
    border:           0 ;
    background-color: #000;
    margin:           10px 0;
}
img {
    border: none ;
}
.what div#left h4 {
    margin: 8px 0 10px 0;
}
.error h4 {
    line-height: 1.3;
    margin:      0 0 20px 0;
}
.error h5 {
    font-size:   1.2em;
    line-height: 1.3;
    margin:      0 0 4px 0;
}
h4.after {
    margin:        30px 0 5px 0;
    border-bottom: 1px solid #EAE7DF ;
    padding:       0 0 2px 0;
}
/* end general typography */
/* lists */
div#left ul {
    margin: 0 0 1em 3em;
}
div#left ul li {
    padding:         0;
    list-style-type: square;
}
div#left ul ul {
    margin: .3em 0 .3em 3em;
}
div#left ul ul li {
    list-style-type: square;
}
div#left ul ul ul li {
    list-style-type: square;
}
div#left ol {
    padding: 0 0 0 0;
    margin:  .5em 0 1em 3em;
}
dl {
    margin: 0 0 10px 0;
}
dt {
    margin:      10px 0 0 0;
    font-weight: bold;
}
dd {
    margin: 0 0 0 0;
}
/* end lists */
/* contact page */
.contact dl {
    float:         left;
    margin-bottom: 14px;
}
.contact dl dt {
    margin: 0;
}
.contact div.list {
    float:        right;
    margin-right: 28px;
    display:      inline;
}
.contact div#right img {
    margin:  0 0 0 -8px;
    display: inline;
}
.contact div#left h4 {
    font-size: 1em;
    margin:    0 0 0px 0;
}
/* end contact page */
/* paragraph lists */
div.list {
    font-style:  normal;
    font-weight: normal;
    margin:      0 0 10px 0;
}
div.list p {
    margin: 0;
}
/* end paragraph lists */
/* image floats */
img.right {
    float:  right;
    margin: 0 0 10px 10px;
}
.caption {
    margin:           0;
    width:            574px;
    border:           1px solid #E2DED1 ;
    background-color: #F4F1E7;
}
.caption img {
    border-bottom: 1px solid #E2DED1 ;
}
.caption h5 {
    margin:     0;
    padding:    0 4px;
    font-size:  1em;
    text-align: center;
}
.caption p {
    margin:     0 0 4px 0;
    padding:    0 4px;
    font-size:  1em;
    text-align: center;
}
/* end image floats */
/* tables */
table, th, tr, td {
    font-size: 1em;
}
table {
    margin:       .5em 0 1em 0;
    padding:      0;
    border-right: 1px solid #E3DAC5 ;
    border-top:   1px solid #E3DAC5 ;
}
th {
    padding:    .2em .4em;
    background: #E3DAC5 ;
    text-align: left;
}
td {
    padding:       .4em;
    border-bottom: 1px solid #E3DAC5 ;
    border-left:   1px solid #E3DAC5 ;
}
table caption {
    text-align:  left;
    font-size:   1em;
    font-weight: bold;
}
/* end tables */
/* forms */
div.formholder {
    float: left;
    width: 100%;
}
form {
    margin:        6px 0 10px 0;
    float:         left;
    background:    #F4F1E7 ;
    padding:       16px 16px 16px 16px;
    border-top:    1px solid #E2DED1 ;
    border-bottom: 1px solid #E2DED1 ;
    width:         392px;
    w\idth:        360px;
}
fieldset {
    border: none ;
}
legend {
    font-size:   1em;
    margin:      0 0 14px 0;
    color:       #6A665B;
    font-weight: bold;
}
legend.error {
    color: #72973E;
}
* html legend {
    margin-left: -8px;
}
/* fudge for IE6 to display the legend correctly */
*:first-child+html legend {
    margin-left: -8px;
}
/* fudge for IE7 to display the legend correctly */
label {
    clear:       left;
    cursor:      pointer;
    font-weight: normal;
    display:     block;
    width:       156px;
    float:       left;
}
input, textarea, select {
    width:      190px;
    float:      left;
    margin:     1px 0 6px 0;
    border:     1px solid #E2DED1 ;
    background: #fff ;
}
input, textarea {
    padding: 1px;
}
input, textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size:   1em;
}
option {
    background: #fff ;
}
input.checkbox {
    float:   left;
    margin:  0px 0 5px 0;
    padding: 1px 0 3px 0;
    width:   auto;
    cursor:  pointer;
    border:  none ;
}
input.button {
    display:    inline;
    margin:     5px 0 0 156px;
    width:      auto;
    cursor:     pointer;
    border:     none ;
    float:      left;
    background: transparent ;
}
form div.line {
    border-bottom: 1px solid #E2DED1 ;
    margin:        0 -16px 16px -16px;
    height:        10px;
    clear:         left;
}
form div.line hr {
    display: none;
}
/* end forms */
/* WYSIWYG specific styles [added PS 10.03.08] */
body.mceContentBody {
    background: #FFF ;
    text-align: left;
}
/* lists in */
body.mceContentBody ul {
    margin: 0 0 1em 3em;
}
body.mceContentBody ul li {
    padding:         0;
    list-style-type: square;
}
body.mceContentBody ul ul {
    margin: .3em 0 .3em 3em;
}
body.mceContentBody ul ul li {
    list-style-type: square;
}
body.mceContentBody ul ul ul li {
    list-style-type: square;
}
body.mceContentBody ol {
    padding: 0 0 0 0;
    margin:  .5em 0 1em 3em;
}
/* lists out */
div.newsitem ul {
    margin: 0 0 1em 3em;
}
div.newsitem ul li {
    padding:         0;
    list-style-type: square;
}
div.newsitem ul ul {
    margin: .3em 0 .3em 3em;
}
div.newsitem ul ul li {
    list-style-type: square;
}
div.newsitem ul ul ul li {
    list-style-type: square;
}
div.newsitem ol {
    padding: 0 0 0 0;
    margin:  .5em 0 1em 3em;
}