/* Layout
----- */
#page {min-width: 1000px; max-width: 1100px; min-height: 100%; padding: 0; position: relative;}
#inner {padding: 11px 11px 7.5em 178px;}
.home #inner {padding: 486px 11px 7.5em 11px;}
#head {float: left; width: 125px; margin: 0 11px 0.5em 11px;}
#wrap {float: right; width: 100%;}
.home #wrap {min-height: 215px; position: relative;}


.split {padding: 0 360px 0 0;}
.main {float: left;}
.related {width: 300px; position: relative; float: right; margin: 0 -360px 0 0;}

.intro {min-height: 10em;}


/* Nav
----- */
#logo {width: 125px; height: 124px; overflow: hidden; position: absolute; top: 11px; left: 11px;}
html>body #logo {background: url('i/bg/logo.png') 0 0 no-repeat;}
#logo a,
#logo span {text-indent: -9999px; display: block; height: 100%; width: 100%;}

.nav li {float: left;}
.nav a {background-position: 0 -999px; background-repeat: no-repeat; display: block; padding: 0 0 4px 0;}
.nav strong {font-weight: normal;}
.nav a:hover,
.nav strong a {background-position: 0 100%; text-decoration: none;}

#quickNav {margin: 0 0 1em 0; position: absolute; top: 140px; left: 11px;}
#quickNav li {margin: 0 1em 0 0;}

#nav {margin: 0.45em 0 1.417em 0;}
.home #nav {margin: 0.45em 11px 1.417em 11px;}
#nav li {padding-right: 5%; text-transform: uppercase;}
#nav a {padding-right: 0.5em;}
.nav #contact {float: right; padding-right: 0; text-align: right;}
#contact a {padding-right: 0;}

#subNav {margin: 16.66em 0 0 -100%; float: right; width: 167px;}
#subNav ul {padding: 0.9em 0 0 11px; margin: 0 0 0 -11px; width: 125px; text-align: right; border-width: 0.1em 0 0 0; border-style: solid;}
#subNav li {margin-bottom: 0.45em; line-height: 1.3;}

.whiteSpaced {margin-top: 8em;}


/* Content
----- */
#breadcrumbs a {text-decoration: none;}
#breadcrumbs a:hover {text-decoration: underline;}

.content .npslinks a {display: table-cell; display: inline-block; padding: 0.1em 1em; text-shadow: none;}
.illustration .npslinks a {padding: 0 4px; text-align: center;}
.npslinks li {border-style: solid; border-width: 0 0 1px 0;}
.illustration .npslinks li {border: none;}
.related .npslinks a {display: block;}

.content .npsmore li {border-style: solid; border-width: 0 0 0.1em 0; margin: 0 0 -0.1em 0;}

.npsback li {float: right; clear: right;}
.npsback a {display: block; padding: 0 0 0 16px; background-position: 0 40%; background-repeat: no-repeat;}

/* Illustration
----- */
.illustration {position: relative; z-index: 333;}
.left .illustration {float: left; margin-right: 16px;}
.right .illustration {float: right; margin-left: 16px;}
.center .illustration {margin-left: auto; margin-right: auto;}



/* Questionnaire
----- */
#questionnaire {padding: 1.5em; margin: 0 0 1.5em 0;}

/* Photo
----- */
.photo {text-align: right; margin-top: 2px;}
.photo .zoom {position: absolute; top: 0; right: 0; display: none; z-index: 999;}
.scripted .photo a {cursor: default;}
.photo a:hover .zoom {display: block;}
.photo img {display: block;}
.photo .meta {display: block;}

/* Newsletter
----- */
#newsletter strong {display: block; font-weight: normal;}
#newsletter input {border-style: solid; border-width: 1px; background: transparent; width: 165px; padding: 0.1em 2px; margin: -0.1em 0;}
#newsletter input:focus {background: rgba(255,255,255,0.65);}

.home #newsletter {margin-bottom: 0; position: absolute; bottom: 11px; left: 11px;}


/* 
----- */
#showcase {width: 841px; height: 470px; position: absolute; top: 11px; right: 11px;}
#showcase .photo {float: right; margin-left: 12px;}
#showcase .data {width: 130px; text-align: right; padding: 130px 0 0 0; float: right;}
#showcase .meta {display: block;}
#showcase .data h2 {margin: 0; font-size: 1.05em; font-weight: bold;}

/* 
----- */
#news {padding: 0 11px 1em 11px;}
#news .news {float: right; clear: right;}
.scripted #news .news {display: none;}
.scripted #news .currentNews {display: block;}
#news .data {width: 393px; float: right;}
#news .data p,
#news .data ul {margin: 0;}

#news .data a {text-decoration: none;}
#news .data a:hover {text-decoration: underline;}

#news .illustration {float: right; margin: 0 12px 0 0;}

#news .rnNav {float: right; clear: right; font-size: 0.85em; margin: 11px 0;}
#news .rnNav button {margin: 0 2px; padding: 0 0.2em; font-weight: bold;}
#news .rnNav button:focus {outline: none;}
#news .rnNav button::-moz-focus-inner {border: 0;}


/* Tabs
----- */
.tabbed {margin-bottom: 1.5em;}
.tab .data {padding: 0.75em;}
/*.tab .data * {margin-bottom: 0;}*/
.scripted .tab h3 {display: none;}
.scripted .tab {position: absolute; top: -9999px;}
.scripted .currentTab {position: static; top: 0;}

.tabs button {padding: 0.3em 1em; margin: 0 0 0.1em 1px;}
.tabs button:first-child {margin-left: 0;}
.tabs button:focus {outline: none;}
.tabs button::-moz-focus-inner {border: 0;}

/* Folds
----- */
.scripted .fold .collapsable {display: none;}
.scripted .current .collapsable {display: block;}
.fold h4 {padding: 0;}
.fold h4 button {display: block; width: 100%; padding: 0.2em 0; margin-bottom: 1px; text-transform: none; text-align: left; padding: 0.3em 0.75em;}
.fold h4 button:focus {outline: none;}
.fold h4 button::-moz-focus-inner {border: 0;}

/* Set forward
----- */
.setForward {clear: both; margin-bottom: 1.5em;}
.expo {float: left; width: 60%; padding: 0 3% 0 0; margin-right: 3%; position: relative;}
.expo .content {padding: 1em 0 2em 3%;}
.expo .more {position: absolute; bottom: 0.5em; right: 3%; text-decoration: none;}
.setForward .portfolio {float: right; width: 30%; padding: 2.5em 3% 0 0;}
.expo .illustration {margin: 0 3% 0 0; float: left; line-height: 0.9em;}
.folios {margin-bottom: 1px;}
.folios .expo {width: 63.66%;}


/* Lists
----- */
.lists {clear: both;}
.lists .item {margin: 0 0 0 116px;}
.lists .undented {margin: 0;}
.lists .item a {text-decoration: none;}
.lists .item a:hover {text-decoration: none;}
.lists .illustration {width: 109px; overflow: hidden; float: left; position: relative; margin: 0 0 0 -116px;}
.lists .illustration {display: inline; line-height: 0;}
.lists .title {width: 32%; margin: 0.909em 3% 0 10px; float: left;}
.lists .desc {width: 34%; margin: 1.62em 10px 0 10px; float: left;}
.lists .npslinks {float: right; margin: 0.909em 10px 0 0;}
.lists .separator {margin: 5px 0;}
.lists .meta {text-transform: uppercase;}

.pager {float: right;}
.listNav {float: left;}
.lists .listNav li {list-style: none; margin-right: 22px;}
.lists .listNav a {text-decoration: none;}
.listNav span {float: left; text-transform: uppercase; display: block; margin-right: 22px;}
.listNav ul {display: inline;}

.lists .pager {margin: 0 0 0.375em 0;}
.pager a {text-decoration: none;}
.pager a,
.pager span,
.pager strong {float: left; display: block; padding: 0 0.35em 4px 0; background-position: 0 -999px; background-repeat: no-repeat;}
.pager strong {font-weight: normal;}
.pager a:hover,
.pager strong {background-position: 0 100%; text-decoration: none;}

/* Portfolios
----- */
.portfolios {clear: both;}
.portfolios .portfolio {width: 33.333%; float: left;}
.portfolios .portfolio * {margin-bottom: 0;}
.portfolios .illustration {float: left; margin: 0 1.637em 0 0; line-height: 0.7;}
.portfolios .illustration img {display: inline;}
.portfolios .content {padding: 0.818em 0.818em 1.637em 0.818em; position: relative;}
.portfolios .more {position: absolute; bottom: 0; right: 1.818em; text-decoration: none;}
.portfolios .block {margin-bottom: 1px;}

.portfolio a {text-decoration: none;}
.portfolio a:hover {text-decoration: none;}

.folios .refiner {padding: 0.75em 0 0 0;}
.folios form {padding: 1.5em 0;}
.folios label span {display: block; margin: 0 0 0.33em 0;}
.folios select {width: 200px;}

#portfolio {clear: both;}
#portfolio .diaporama {/*width: 608px;*/}


/* Biblio
----- */
.biblio {clear: left; margin-left: -1.5%;}
.biblio .item {float: left; width: 12.75%; margin-left: 1.5%; font-size: 0.916em;}
.biblio .item h2 {font-size: 1em; line-height: 1.5; margin: 0; font-weight: bold;}
.biblio .item .illustration {text-align: center; line-height: 161px;}
.biblio .item .illustration img {display: inline; vertical-align: middle;}
.biblio .newLine {clear: left;}


/* Misc
----- */
.separator {display: block; height: 1px; overflow: hidden; margin: 1.5em 0;}

/* Form
----- */
.content .main label {margin: 0 0 0.3em 0; display: block;}
.content .main label span,
.content .main .rads span {display: block; width: 100px; margin-right: 5px; float: left;}
.content .main label input,
.content .main label textarea {border-style: solid; border-width: 1px; padding: 0.1em 2px; width: 320px; background: transparent;}
.content .submits {text-align: right;}
.content .submits button {text-transform: uppercase; margin: 0.5em 0 0 0;}

.content fieldset fieldset.rads {margin: 0 0 0.3em 105px;}
.content fieldset fieldset ul {margin: 0;}
.content fieldset fieldset ul li {list-style: none; display: inline; margin: 0;}

.content .controls {text-align: right;}
.content .controls button {padding: 2px 15px;}

.content .main .chatty label span {display: block; float: none;}
.content .main .chatty textarea {width: 425px;}

.content .main .rads label {display: inline;}
.content .main .rads label span {display: inline; width: auto;}
#page .content .main .rads label input {border: none; width: auto;}

/* Sitemap
----- */
.content .siteMap a {text-decoration: none;}
.content .siteMap ul {margin: 0.3em 0;}
.content .siteMap li {margin-left: 2em;}


/* Gallery
----- */
.gallery {padding: 0 0 0 630px; margin: 0 0 1.5em 0;}

.gallery .call {float: left; line-height: 1;}
.gallery .call a {text-decoration: none; line-height: 1; display: block; opacity: 0.85;}
.gallery .call a:hover {opacity: 0.95;}
.gallery .call a:focus,
.gallery .current .call a {outline: none; opacity: 1;}
.gallery .call img {display: block;}
.gallery .desc {margin-left: 10px; float: left;}

.gallery .displayer {width: 607px; position: relative; float: left; overflow: hidden; margin-left: -630px;}
.gallery .displayer .illustration {height: 467px; width: 607px; margin: 0; line-height: 467px; text-align: center;}
.gallery .displayer .illustration img {display: inline; margin: 0; vertical-align: middle;}

#galleryNav {position: relative; padding-top: 8px; height: 450px;}
#galleryNav .refiner {position: absolute; bottom: 1em; left: 0; width: 180px;}
#galleryNav .refiner label span {display: block; text-transform: uppercase;}

#galleryNav .refiner select {max-width: 180px;}


.gallery .legendBlock {position: relative; min-height: 40px;}

.gallery .npslinks {margin-top: 0.5em;}
.gallery .npslinks li {background: transparent url(i/backgrounds/npslinks-666.gif) no-repeat 1px 0.5em; color: #666; padding-left: 10px;}


.scripted .gallery .callers {width: 180px; height: 95px; overflow: hidden; position: relative;}
.scripted .gallery .callers .interstice {overflow: auto; overflow-x: auto; overflow-y: hidden; height: 200px; width: 180px; position: absolute; left: 0; top: 0;}
.scripted .gallery .callers .wrap {width: 9999px; position: absolute; height: 95px; top: 0px; overflow: hidden;}
.scripted .gallery .item {float: left; margin: 0 6px 16px 0;}
.scripted .gallery .desc {display: none;}

.gallery .scrollBar {width: 180px; height: 13px; position: absolute; top: 78px; left: 0;}
.gallery .scroller {width: 50px; height: 11px; position: absolute; left: 0; top: 0; cursor: move;}

.gallery .prev {display: none; width: 200px; height: 467px; position: absolute; top: 0; left: 0; overflow: hidden;  z-index: 999;}
.gallery .prev a {display: block; width: 200px; height: 467px; /*text-indent: -9999px;*/ background: rgba(255,255,255,0.3); line-height: 467px; text-decoration: none; font-size: 10em; text-align: center;  color: #fff; color: rgba(255,255,255,0.8); text-shadow: 10px 10px 10px rgba(0,0,0,0.5);}
.gallery .next {display: none; width: 200px; height: 467px; position: absolute; top: 0; right: 0; overflow: hidden;  z-index: 999;}
.gallery .next a {display: block; width: 200px; height: 467px; background: rgba(255,255,255,0.3); /*text-indent: -9999px;*/ line-height: 467px; text-decoration: none; font-size: 10em; text-align: center; color: #fff; color: rgba(255,255,255,0.8); text-shadow: 10px 10px 10px rgba(0,0,0,0.5);}

.displayer:hover .prev,
.displayer:hover .next {display: block;}

#galleryNav .separator {background: #bebdbb; position: relative; margin: 0 0 0 0;}

.legendBlock .counter {text-align: right; margin: 0 13px 0.5em 0;}
.cs1 .legendBlock .counter {color: #848687;}
.cs2 .legendBlock .counter {color: #333;}
.cs3 .legendBlock .counter {color: #747474;}
.cs4 .legendBlock .counter {color: #999;}


/* TODO Check colors on .npslinks a
*/

/* Colors
----- */
.cs1 {background: #333;}
/*.cs1 #page {text-shadow: 1px 1px 1px rgba(51,51,51,0.5);}*/
.cs1,
.cs1 a,
.cs1 #newsletter button,
.cs1 #newsletter input,
.cs1 .submits button {color: #939597;}
.cs1 #footer,
.cs1 #footer a,
.cs1 #subNav a {color: #848687;}
.cs1 .nav a,
.cs1 .pager a,
.cs1 .pager strong {background-image: url('i/bg/nav-cs1.gif');}
.cs1 #nav a:hover,
.cs1 #nav strong a,
.cs1 h1,
.cs1 #questionnaire,
.cs1 #showcase .data .meta {color: #B8B8B8;}
.cs1 .npslinks a {background: #222; color: #939597;}
.cs1 #subNav ul,
.cs1 .content .npsmore li {border-color: #696a6d;}
.cs1 #newsletter input,
.cs1 .content label input,
.cs1 .content label textarea {border-color: #848687;}
.cs1 .npslinks li {border-color: #333;}
.cs1 #questionnaire {background: #222;}
.cs1 #newsletter input:focus,
.cs1 .content label input:focus {background: rgba(255,255,255,0.05); color: #848687;}
.cs1 .npsback a {background-image: url('i/bg/back-cs1.gif');}

.cs1 .home #wrap {background: #222;}

.cs1 #news .rnNav button {border: solid 1px #414141; color: #414141;}
.cs1 #news .rnNav button.current,
.cs1 #news .rnNav button:hover {color: #4e4e4e; border: solid 1px #4e4e4e;}

.cs1 .tab .data {background: #121212;}
.cs1 .tab .npslinks a {background: #121212;}
.cs1 .tab .data,
.cs1 .tab .data * {color: #b8b8b8; /*text-shadow: 1px 1px 1px rgba(116,116,116,0.5);*/}
.cs1 .tabs button {color: #b8b8b8; background: #121212;}
.cs1 .tabs .current {background: #222;}

.cs1 .fold button {background: #222; color: #b8b8b8;}
.cs1 .diaporama .media {border-bottom: solid 1px #333; background: #121212;}

.cs1 .content label input,
.cs1 .content label textarea {color: #939597;}
.cs1 .content .main label:hover input,
.cs1 .content .main label:hover textarea,
.cs1 .content .main .npslinks a:hover,
.cs1 .submits button:hover,
.cs1 .content .main :focus {background: #222; color: #B8B8B8;}

.cs1 .content .controls button {background: #707171; color: #333;}
.cs1 .content .controls button:hover {color: #bebdbb;}

.cs1 .biblio .item .illustration {background: #222;}

.cs1 .setForward,
.cs1 .lists .rollin {background: #222;}

.cs1 .portfolios .block {background: #222;}
.cs1 .portfolios .more {color: #b8b8b8;}
.cs1 .portfolios .rollin {background: #000;}

.cs1 .expo {background: #000;}
.cs1 .setForward .expo {background: #121212;}
.cs1 .rollin {background: #545454;}
.cs1 .setForward .rollin {background: #000; color: #747474;}
.cs1 .setForward .rollin h2,
.cs1 .setForward .rollin .more {color: #747474;}
.cs1 .expo,
.cs1 .expo a {color: #b8b8b8;}
.cs1 .expo h2,
.cs1 .expo .more {color: #b8b8b8;}

.cs1 .setForward .portfolio,
.cs1 .setForward .portfolio a {color: #b8b8b8;}

.cs1 .gallery {background: #222;}
.cs1 .gallery .displayer .illustration {background: #121212;}
.cs1 .gallery .scrollBar {background: #545454;}
.cs1 .gallery .scroller {background: #fff; border: solid 1px #545454;}
.cs1 .gallery .scrolling {border-color: #000;}

.cs1 .gallery .legend,
.cs1 .gallery .legend a,
.cs1 .gallery .npslinks li a {color: #b8b8b8;}
/*.cs1 .gallery .legend a:hover,
.cs1 .gallery .npslinks li a:hover {color: #390;}*/

.cs2 {background: #818282;}
/*.cs2 #page {text-shadow: 1px 1px 1px rgba(129,130,130,0.5);}*/
.cs2,
.cs2 a,
.cs2 #newsletter button,
.cs2 #newsletter input,
.cs2 .submits button {color: #1b1b1b;}
.cs2 #footer,
.cs2 #footer a,
.cs2 #subNav a,
.cs2 #questionnaire {color: #333;}
.cs2 .nav a,
.cs2 .pager a,
.cs2 .pager strong {background-image: url('i/bg/nav-cs2.gif');}
.cs2 #nav a:hover,
.cs2 #nav strong a,
.cs2 h1,
.cs2 #showcase .data .meta {color: #fff;}
.cs2 .npslinks a {background: #707171; color: #fff;}
.cs2 #subNav ul,
.cs2 .content .npsmore li {border-color: #333;}
.cs2 #newsletter input,
.cs2 .content label input,
.cs2 .content label textarea {border-color: #333;}
.cs2 .npslinks li {border-color: #818282;}
.cs2 #questionnaire {background: #707171;}
.cs2 .npsback a {background-image: url('i/bg/back-cs2.gif');}

.cs2 .home #wrap {background: #707171;}

.cs2 #news .rnNav button {border: solid 1px #4a4a4a; color: #4a4a4a;}
.cs2 #news .rnNav button.current,
.cs2 #news .rnNav button:hover {color: #333; border: solid 1px #333;}

.cs2 .tab .data {background: #545454;}
.cs2 .tab .npslinks a {background: #707171;}
.cs2 .tab .data,
.cs2 .tab .data * {color: #fff; /*text-shadow: 1px 1px 1px rgba(116,116,116,0.5);*/}
.cs2 .tabs button {color: #fff; background: #707171;}
.cs2 .tabs .current {background: #545454;}

.cs2 .fold button {background: #707171; color: #fff;}
.cs2 .diaporama .media {border-bottom: solid 1px #818282; background: #545454;}

.cs2 .content label input,
.cs2 .content label textarea {color: #1b1b1b;}
.cs2 .content .main label:hover input,
.cs2 .content .main label:hover textarea,
.cs2 .content .main .npslinks a:hover,
.cs2 .submits button:hover,
.cs2 .content .main :focus {background: #707171; color: #333;}

.cs2 .content .controls button {background: #707171; color: #333;}
.cs2 .content .controls button:hover {color: #bebdbb;}

.cs2 .biblio .item .illustration {background: #707171;}

.cs2 .setForward,
.cs2 .lists .rollin {background: #707171;}

.cs2 .portfolios .block {background: #707171; color: #fff;}
.cs2 .portfolios .more {color: #fff;}
.cs2 .portfolios .rollin {background: #1b1b1b; color: #818282;}
.cs2 .portfolios .rollin a {color: #818282;}

.cs2 .expo {background: #545454;}
.cs2 .rollin {background: #434343;}
.cs2 .setForward .rollin {background: #1b1b1b; color: #818282;}
.cs2 .setForward .rollin h2 {color: #818282;}
.cs2 .expo,
.cs2 .expo a {color: #fff;}
.cs2 .expo h2,
.cs2 .expo .more {color: #fff;}

.cs2 .rollMop .npslinks a:hover {background: #545454;}

.cs2 .gallery {background: #707171;}
.cs2 .gallery .displayer .illustration {background: #545454;}
.cs2 .gallery .scrollBar {background: #545454;}
.cs2 .gallery .scroller {background: #fff; border: solid 1px #545454;}
.cs2 .gallery .scrolling {border-color: #000;}

.cs2 .gallery .legend,
.cs2 .gallery .legend a,
.cs2 .gallery .npslinks li a {color: #1b1b1b;}
/*.cs2 .gallery .legend a:hover,
.cs2 .gallery .npslinks li a:hover {color: #390;}*/



/* Beige
----- */
.cs3 {background: #bebdbb;}
/*.cs3 #page {text-shadow: 1px 1px 1px rgba(190,189,187,0.5);}*/
.cs3,
.cs3 a,
.cs3 #newsletter button,
.cs3 #newsletter input,
.cs3 .submits button {color: #545454;}
.cs3 #footer,
.cs3 #footer a,
.cs3 #subNav a {color: #747474;}
.cs3 .nav a,
.cs3 .pager a,
.cs3 .pager strong {background-image: url('i/bg/nav-cs3.gif');}
.cs3 #nav a:hover,
.cs3 #nav strong a,
.cs3 h1,
.cs3 #questionnaire {color: #fff;}
.cs3 .npslinks a {background: #7e7e7d; color: #fff;}
.cs3 #subNav ul,
.cs3 .content .npsmore li {border-color: #a7a6a4;}
.cs3 #newsletter input,
.cs3 .content label input,
.cs3 .content label textarea {border-color: #747474;}
.cs3 .npslinks li {border-color: #bebdbb;}
.cs3 #questionnaire {background: #a7a6a5;}
.cs3 .npsback a {background-image: url('i/bg/back-cs3.gif');}

.cs3 .tab .data {background: #747474;}
.cs3 .tab .npslinks a {background: #a7a6a5;}
.cs3 .tab .data,
.cs3 .tab .data * {color: #fff; /*text-shadow: 1px 1px 1px rgba(116,116,116,0.5);*/}
.cs3 .tabs button {color: #fff; background: #a7a6a5;}
.cs3 .tabs .current {background: #7e7e7d;}
.cs3 .tab .illustration .npslinks a {color: #fff;}

.cs3 .fold button {background: #a7a6a5; color: #fff;}
.cs3 .diaporama .media {border-bottom: solid 1px #bebdbb; background: #747474;}


.cs3 .separator {background: #a7a6a5;}

.cs3 .setForward,
.cs3 .lists .rollin {background: #a7a6a5;}

.cs3 .expo {background: #747474;}
.cs3 .rollin {background: #545454;}
.cs3 .expo,
.cs3 .expo a {color: #bebdbb;}
.cs3 .expo h2,
.cs3 .expo .more {color: #fff;}

.cs3 .portfolios .block {background: #a7a6a5;}
.cs3 .portfolios .more {color: #fff;}
.cs3 .portfolios .rollin {background: #747474;}

.cs3 .biblio .item .illustration {background: #a7a6a5;}

.cs3 .home #wrap {background: #a7a6a5;}

.cs3 #news .rnNav button {border: solid 1px #8e8d8d; color: #8e8d8d;}
.cs3 #news .rnNav button.current,
.cs3 #news .rnNav button:hover {color: #747474; border: solid 1px #747474;}

.cs3 .content label input,
.cs3 .content label textarea {color: #545454;}
.cs3 .content .main label:hover input,
.cs3 .content .main label:hover textarea,
.cs3 .content .main .npslinks a:hover,
.cs3 .submits button:hover,
.cs3 .content .main :focus {background: #A7A6A5; color: #fff;}

.cs3 .content .controls button {background: #a7a6a5; color: #545454;}
.cs3 .content .controls button:hover {color: #f3f3f2;}

.cs3 .gallery {background: #a7a6a5;}
.cs3 .gallery .displayer .illustration {background: #747474;}
.cs3 .gallery .scrollBar {background: #747474;}
.cs3 .gallery .scroller {background: #fff; border: solid 1px #747474;}
.cs3 .gallery .scrolling {border-color: #777;}

.cs3 .gallery .legend,
.cs3 .gallery .legend a,
.cs3 .gallery .npslinks li a {color: #666;}
.cs3 .gallery .legend a:hover,
.cs3 .gallery .npslinks li a:hover {color: #390;}


.cs4 {background: #f3f3f2;}
.cs4,
.cs4 a,
.cs4 #newsletter button,
.cs4 #newsletter input,
.cs4 .submits button,
.cs4 #questionnaire {color: #666;}
.cs4 #footer,
.cs4 #footer a,
.cs4 #subNav a,
.cs4 #showcase .data .meta {color: #999;}
.cs4 .nav a,
.cs4 .pager a,
.cs4 .pager strong {background-image: url('i/bg/nav-cs4.gif');}
.cs4 #nav a:hover,
.cs4 #nav strong a,
.cs4 h1 {color: #96989C;}
.cs4 .npslinks a {background: #747474; color: #f3f3f2;}
.cs4 #subNav ul,
.cs4 .content .npsmore li {border-color: #ccc;}
.cs4 #newsletter input,
.cs4 .content label input,
.cs4 .content label textarea {border-color: #999;}
.cs4 .npslinks li {border-color: #f3f3f2;}
.cs4 #questionnaire {background: #dcdbda;}
.cs4 .npsback a {background-image: url('i/bg/back-cs4.gif');}

.cs4 .home #wrap {background: #dcdbda;}

.cs4 #news .rnNav button {border: solid 1px #abacae; color: #abacae;}
.cs4 #news .rnNav button.current,
.cs4 #news .rnNav button:hover {color: #96989c; border: solid 1px #96989c;}

.cs4 .tab .data {background: #757474;}
.cs4 .tab .npslinks a {background: #dcdbda; color: #666;}
.cs4 .tab .data,
.cs4 .tab .data * {color: #f3f3f2; /*text-shadow: 1px 1px 1px rgba(116,116,116,0.5);*/}
.cs4 .tabs button {color: #666; background: #dcdbda;}
.cs4 .tabs .current {background: #757474; color: #f3f3f2;}

.cs4 .fold button {background: #dcdbda; color: #666;}
.cs4 .diaporama .media {border-bottom: solid 1px #f3f3f2; background: #747474;}

.cs4 .content label input,
.cs4 .content label textarea {color: #666;}
.cs4 .content .main label:hover input,
.cs4 .content .main label:hover textarea,
.cs4 .content .main .npslinks a:hover,
.cs4 .submits button:hover,
.cs4 .content .main :focus {background: #DCDBDA; color: #666;}

.cs4 .content .controls button {background: #bebdbb; color: #f3f3f2;}
.cs4 .content .controls button:hover {color: #666;}

.cs4 .biblio .item .illustration {background: #dcdbda;}

.cs4 .setForward,
.cs4 .lists .rollin {background: #dcdbda;}

.cs4 .portfolios .block {background: #dcdbda;}
.cs4 .portfolios .more {color: #666;}
.cs4 .portfolios .rollin {background: #545454; color: #f3f3f2;}
.cs4 .portfolios .rollin a {color: #f3f3f2;}
.cs4 .portfolios .rollin .more {color: #fff;}


.cs4 .expo {background: #747474;}
.cs4 .rollin {background: #545454;}
.cs4 .expo,
.cs4 .expo a {color: #f3f3f2;}
.cs4 .expo h2,
.cs4 .expo .more {color: #f3f3f2;}

.cs4 .rollMop .npslinks a {background: #dcdbda; color: #666;}
.cs4 .rollMop .npslinks a:hover {background: #666; color: #DCDBDA;}

.cs4 .gallery {background: #dcdbda;}
.cs4 .gallery .displayer .illustration {background: #747474;}
.cs4 .gallery .scrollBar {background: #747474;}
.cs4 .gallery .scroller {background: #fff; border: solid 1px #747474;}
.cs4 .gallery .scrolling {border-color: #999;}

.cs4 .gallery .legend,
.cs4 .gallery .legend a,
.cs4 .gallery .npslinks li a {color: #666;}
/*.cs4 .gallery .legend a:hover,
.cs4 .gallery .npslinks li a:hover {color: #390;}*/



/* IE ? .shadow {
	height: 1em;
	filter: Shadow(Color=#666666, 	
			Direction=135, 
			Strength=5);
}*/


/* Diaporama
----- */
.diaporama {position: relative;}
.diapo .data {margin-bottom: 0.85em;}
.full .diapo .data {padding: 0 31px 0 31px;}
.diaporama .media {height: 282px; overflow: hidden; line-height: 282px; text-align: center;}

.diaporama .media img {display: inline; line-height: 282px; vertical-align: middle;}
.diaporama .media a {text-decoration: none;}
.scripted .diapo {position: absolute; top: -9999px;}
.diaporama .current {position: static; top: 0;}
.diapoNav {position: absolute; top: 0; left: 0; height: 282px; width: 100%;}

.diapoNav button {display: block; width: 35%; height: 282px; overflow: hidden; position: absolute; line-height: 282px; text-decoration: none; text-align: center; font-size: 60px; top: 0; z-index: 300; text-indent: -9999px; background: url('i/bg/fff-00.png'); background: rgba(255,255,255,0); text-shadow: rgba(0,0,0,0.25) 1px 1px 5px;}
.diapoNav .prev {left: 0;}
.diapoNav .next {right: 0;}

.diapoNav .playPause {width: 40%; line-height: 300px; font-size: 35px; left: 30%; font-weight: bold; letter-spacing: 0.1em; text-shadow: rgba(0,0,0,0.5) 1px 1px 20px;}

.diapoNav > button:focus,
.diapoNav > button:hover {background: url('i/bg/fff-15.png'); background: rgba(255,255,255,0.15); color: #eee; color: rgba(245,245,245,0.95); text-indent: 0; outline: none; -webkit-transition: all 0.25s ease;}

.diapoNav span {display: none; text-align: center; width: 44%; position: absolute; bottom: 0; left: 28%; color: #efefef; color: rgba(255,255,255,0.5); text-shadow: rgba(0,0,0,0.25) 1px 1px 5px;}
.diapoNav:hover span {display: block;}

.diapoNav .reposition {width: 1px; height: 1px; left: 0; outline: none;}
.diapoNav .reposition:focus {outline: none;}

#portfolio .diaporama .media {height: 467px; line-height: 465px; width: 608px;}
#portfolio .media img {line-height: 467px;}
#portfolio .diapoNav {height: 467px; width: 608px;}
#portfolio .diapoNav button {height: 467px; line-height: 467px;}
#portfolio .diapoNav .playPause {line-height: 480px;}

#portfolio .media {float: left;}
#portfolio .data {clear: right;}
#portfolio .diapoCarroussel {float: right;}
#portfolio .refiner {clear: right; float: right;}

#portfolio button::-moz-focus-inner {border: 0;}






/* Footer
----- */
#footer {width: 100%; position: absolute; left: 0; bottom: 11px; z-index: 1;}
#footer address {font-style: normal; float: left; padding: 0 0 0 11px;}
#csSwitch {float: right; width: 57%; font-size: 0.916em; line-height: 1.464; padding: 0 11px 0 0;}
#csSwitch em {font-style: normal; text-transform: uppercase; float: right; display: block; width: 38%; margin-right: 62%; text-align: right;}
#csSwitch ul {width: 60%; float: right; margin-right: -100%;}
#csSwitch li {float: left; width: 24%; margin-left: 2px; line-height: 0.5;}
#csSwitch button {width: 100%; text-indent: -9999px; overflow: hidden; height: 1.4em;}
#csSwitch li:hover {opacity:0.94; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=94)";}
#csSwitch button:focus {outline: none;}
#csSwitch button::-moz-focus-inner {border: 0;}

/* Floats
----- */
#footer:after,
#quickNav:after,
#nav:after,
.split:after,
#inner:after,
.content .npsback:after,
.block:after,
.lists .item:after,
.portfolios .portfolio:after,
.biblio:after,
.gallery:after,
.content .main label:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#footer:after,
.content .main label:after {position: absolute;}