@import  "reset.css";
@import  "isotope.css";

@font-face {
	font-family: 'New Rail Alphabet White';
	src: url('NewRailAlphabet-White-original.eot');
	src: local('New Rail Alphabet White'), local('NewRailAlphabet-White'),
		url('NewRailAlphabet-White-original.eot?#iefix') format('embedded-opentype'),
		url('NewRailAlphabet-White-original.woff') format('woff'),
		url('NewRailAlphabet-White-original.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'New Rail Alphabet Light';
	src: url('NewRailAlphabet-Light-original.eot');
	src: local('New Rail Alphabet Light'), local('NewRailAlphabet-Light'),
		url('NewRailAlphabet-Light-original.eot?#iefix') format('embedded-opentype'),
		url('NewRailAlphabet-Light-original.woff') format('woff'),
		url('NewRailAlphabet-Light-original.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'New Rail lphabet Bold';
	src: url('NewRailAlphabet-Bold-original.eot');
	src: local('New Rail Alphabet Bold'), local('NewRailAlphabet-Bold'),
		url('NewRailAlphabet-Bold-original.eot?#iefix') format('embedded-opentype'),
		url('NewRailAlphabet-Bold-original.woff') format('woff'),
		url('NewRailAlphabet-Bold-original.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

html {
    overflow-y: scroll;
}

body {
    margin: 10px 0 22px 16px;
    font-family: "New Rail Alphabet Light",Arial,serif;
    font-weight: 200;
    font-style: normal;
}

h1,h1 a {
    font-family: "New Rail Alphabet White",Arial,serif;
    font-weight: 100;
    font-style: normal;
    font-size: 48px;
    line-height: 52px;
    color: #431896;
}

.ipad .title h1,.ipad .title h1 a,.iphone .title h1,.iphone .title h1 a,.mac .title h1,.mac .title h1 a {
    font-family: "New Rail Alphabet White",Arial,serif;
    font-weight: 100;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.pnam h1,.pnam h1 a {
    font-family: "New Rail Alphabet White",Arial,serif;
    font-weight: 100;
    font-style: normal;
    font-size: 48px;
    line-height: 52px;
    color: #431896;
}

h1.reduced,h1.reduced a {
    font-family: "New Rail Alphabet White",Arial,serif;
    font-weight: 100;
    font-style: normal;
    font-size: 30px;
    line-height: 33px;
    color: #431896;
}

.ipad h1.reduced,.ipad h1.reduced a,.iphone h1.reduced,.iphone h1.reduced a,.mac h1.reduced,.mac h1.reduced a {
    font-family: "New Rail Alphabet White",Arial,serif;
    font-weight: 100;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

a {
    text-decoration: none;
    outline: 0;
}

em {
	font-style: italic;
}

::selection {
    background: #431896;
    color: #fff;
}

.introframe {
    width: 100%;
    height: 100%;
    border: none;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 171px;
    right: 0;
    overflow-x: hidden;
}

#map {
    width: 517px;
    height: 341px;
    display: block;
    margin-right: 11px;
}

.first.select,.first.select a,.last.select,.last.select a,.select,.select a,li.select,strong {
    font-family: "New Rail Alphabet Bold",Arial,serif !important;
    font-weight: 700 !important;
    font-style: normal !important;
    color: #000 !important;
}

.selectstack,a.selectwhite p {
    font-family: "New Rail Alphabet Bold",Arial,serif !important;
    font-weight: 700 !important;
    font-style: normal !important;
    color: #fff !important;
}

.rmore {
    margin-top: 1px;
    color: #878278 !important;
    margin-bottom: 6px;
}

.rmore.ordr {
    margin-top: 2px;
    margin-bottom: 8px;
}

.gspan li a {
    color: #878278 !important;
}

.select.ptoggle,.select.ptoggleb {
    cursor: pointer;
}

.lgo {
    position: fixed;
    top: 16px;
    left: 16px;
    background: url(../img/rsh+p.png) 0 top no-repeat;
    width: 165px;
    height: 165px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}

.container {
    margin-top: -1px;
    margin-left: 176px;
    padding-bottom: 11px;
    min-width: 704px;
    max-width: 1056px;
    overflow-x: hidden !important;
}

#mimage:hover {
    cursor: pointer !important;
}

#isocontainer {
    margin-left: 171px;
}

.mm {
    font-family: "New Rail Alphabet Light",Arial,serif;
    font-weight: 200;
    position: fixed;
    left: 10px;
    top: 381px;
    margin-bottom: 20%;
}

#sort-by li,.listmap li,.mm ul li,.option-combo.sector li,.option-combo.status li,.tert li {
    height: 20px;
    overflow: hidden;
}

.mm ul li a {
    color: #000;
}

.mm ul li a:hover {
    font-family: "New Rail Alphabet Bold",Arial,serif;
    font-weight: 700;
}

.submenu {
    display: none;
    position: fixed;
    z-index: 12;
    top: 355px;
    float: left;
    left: 192px;
    margin-top: 12px;
    padding-top: 10px;
    width: 693px;
    height: 341px;
    background: #fff;
    background: rgba(255,255,255,.9) !important;
}

.newsmenu,.pracsubmenu {
    width: 517px;
}

#sort-by,.listmap li a,.mm ul,.option-combo.sector,.option-combo.status,.tert {
    margin-left: 16px;
    font-size: 16px;
    line-height: 19px;
}

#sort-by,.option-combo.sector,.option-combo.status,.tert {
    margin-left: 0;
}

#sort-by li a,.listmap li a,.option-combo.sector li a,.option-combo.status li a,.tert li a {
    color: #000;
    font-family: "New Rail Alphabet Light",Arial,serif;
    font-weight: 200;
}

#sort-by li a:hover,.listmap li a:hover,.option-combo.sector li a:hover,.option-combo.status li a:hover,.tert li a:hover {
    font-family: "New Rail Alphabet Bold",Arial,serif;
    font-weight: 700;
}

#options {
    margin-top: 3px;
}

.option-combo.sector {
    float: left;
}

#firstcolumn,#statuscolumn,.secondcolumn,.thirdcolumn {
    float: left;
    width: 165px;
    height: 336px;
}

#firstcolumn {
    width: 176px !important;
}

.secondcolumn {
    width: 176px !important;
    float: left;
}

.thirdcolumn {
    width: 120px;
}

.pcol {
    margin-top: 4px;
    width: 176px;
    height: 151px;
    float: left;
}

.pcol.const {
    width: 200px;
}

.heading {
    margin-bottom: 6px;
}

.pcol a {
    font-family: "New Rail Alphabet Light",Arial,serif;
    font-weight: 200;
    color: #000;
    font-size: 16px;
    line-height: 19px;
}

.pcol a:hover {
    font-family: "New Rail Alphabet Bold",Arial,serif;
    font-weight: 700;
}

.ncol {
    margin-top: 1px !important;
}

.pcol.peeps {
    padding-right: 100px;
}

.fullintro {
    max-width: 714px;
    min-width: 517px;
    font-size: 18px;
    line-height: 22px;
    margin-right: 22px;
    margin-bottom: 22px;
}

.lefttextcolumn,.ritetextcolumn {
    width: 352px;
    float: left;
    padding-bottom: 16px;
}

.lefttextcolumn p,.ritetextcolumn p {
    font-size: 14px;
    line-height: 16.5px;
    margin-bottom: 12px;
    margin-right: 24px;
}

.introtext a,.lefttextcolumn a,.ritetextcolumn a {
    color: #431896;
}

.introtext a:hover,.lefttextcolumn a:hover,.ritetextcolumn a:hover {
    color: #000;
}

.selectmore {
    font-family: "New Rail Alphabet Bold",Arial,serif;
    font-weight: 700;
    color: #8f7e78 !important;
}

.title {
    float: left;
    width: 693px;
    height: 74px;
    margin-top: 76px;
    margin-bottom: 6px;
}

.title.titlenews {
    margin-top: 6px;
    height: 150px;
}

.title.titlenews h1 {
    margin-top: 0 !important;
}

span.peepname {
    float: left;
    width: 190px !important;
}

.leftcolumn {
    width: 693px;
    float: left;
    height: auto;
    padding-bottom: 16px;
}

.leftcolumn.grid {
    margin-top: 4px;
}

.leftcolumn.peeps {
    width: 528px;
    margin-top: 22px;
    margin-right: 0;
}

.ritecolumn {
    float: left;
    width: 352px;
    margin-top: 4px;
}

.ritecolumn.news {
    width: 352px;
}

.relatedprojects {
    width: 352px;
    margin-left: 11px;
    height: auto;
    float: left;
    margin-bottom: 16px;
}

.introtext {
    width: 100%;
    float: left;
    height: auto;
    padding: 0 24px 14px 0;
}

.introtext p {
    font-family: "New Rail Alphabet White",Arial,serif;
    font-weight: 100;
    font-style: normal;
    font-size: 24px;
    line-height: 28px;
    margin-right: 48px;
    color: #333;
}

.introtext a {
    color: #000;
}

p.quoter {
    font-family: "New Rail Alphabet Light",Arial,serif !important;
    font-size: 14px !important;
    line-height: 19px !important;
    margin: 6px 0 0;
    color: grey !important;
    font-weight: 400 !important;
    font-style: normal !important;
}

#readless,#readmore {
    cursor: pointer;
    font-size: 15px;
    color: #431896;
}

#readless {
    display: none;
}

.othertext {
    height: auto;
    float: left;
}

.othertext p {
    font-size: 14px;
    line-height: 19px;
    margin: 0 56px 12px 0;
    color: #4d4e53;
}

.othertext p a {
    color: #000;
}

.othertext p a:hover {
    color: #666;
    text-decoration: underline;
}

.job {
    margin: 10px 24px 0 0;
    padding: 26px 0 14px;
    border-top: 1px dotted #c4bdb0;
}

.linkbox {
    float: left;
    background-color: #c4bdb0;
    padding: 11px;
    margin-bottom: 11px;
    width: 143px;
    height: 143px;
    margin-left: 11px;
}

.linkbox.blank {
    background-color: #fff !important;
}

.greybox1 {
    background-color: #c4bdb0;
}

.greybox2 {
    background-color: #69645F !important;
}

.yellowbox {
    background-color: #ffcd00;
}

.orangebox {
    background-color: #ff8c00;
}

.pinkbox {
    background-color: #ff3c8c;
}

.purplebox {
    background-color: #9632ff;
}

.cyanbox {
    background-color: #3ccdff;
}

.redbox {
    background-color: #e80000;
}

.greenbox {
    background-color: #00b96e;
}

.grassbox {
    background-color: #96d200;
}

.limebox {
    background-color: #d2dc00;
}

p.related {
    font-family: "New Rail Alphabet Bold",Arial,serif;
    font-weight: 700;
    color: #000;
    font-size: 16px;
    line-height: 19px;
    margin: 4px 0 0 4px;
    padding-bottom: 0;
}

p.smallernewstitle {
    height: 110px;
    height: 131px;
}

p.related_subject,p.related_subject_big,p.related_subject_small,p.related_subject_big_nl,p.related_subject_nl,p.related_subject_small_nl {
    font-family: "New Rail Alphabet White",Arial,serif;
    font-weight: 100;
    color: #fff;
    font-size: 18px;
    line-height: 21px;
    margin: 4px;
}

p.related_subject a,p.related_subject_big a,p.related_subject_small a {
    color: #fff;
}

.related_subject:hover,.related_subject_big:hover,.related_subject_small:hover,p.related_subject a:hover,p.related_subject_big a:hover,p.related_subject_small a:hover {
    color: #000 !important;
}

p.related_subject a {
    color: #fff;
}

p.related_subject {
    height: 110px;
}

p.related_subject_big,p.related_subject_big_nl {
    font-size: 20px;
    line-height: 22px;
}

p.related_subject_small,p.related_subject_small_nl {
    font-size: 18px;
    line-height: 18px;
}

.mapbox {
    width: 143px !important;
    height: 143px !important;
}

.projectbox {
    float: left !important;
    margin-right: 11px;
}

.pdf {
    margin-left: 11px;
}

.social {
    position: fixed;
    z-index: 20002;
    bottom: 20px;
    left: 27px;
    margin-top: 2%;
}

.socialpress {
    margin-top: 24px;
}

.fa {
    width: 22px;
    height: 22px;
    color: #dadada;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
}

.fa:hover {
    color: #431896;
}

.peeptable {
    font-size: 13px;
    line-height: 17px;
}

.peeptable td {
    width: 165px !important;
    margin-right: 11px;
}

.peeptable td a {
    color: #000;
}

.peeptable td a:hover {
    font-family: "New Rail Alphabet Bold",Arial,serif;
    font-weight: 700;
}

.peepbox {
    float: left;
    position: relative;
    margin: 0 11px 11px 0;
    height: 165px;
    width: 165px;
    overflow:hidden;
}

.peepbox.x {
    display: none !important;
}

.peepimg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

.peepnam {
    position: absolute;
    width: 165px;
    height: 165px;
    top: 0;
    left: 0;
    z-index: 11;
    opacity: 0;
    filter: alpha(opacity=0);
    background-color: #fff;
}

.peepnam h3 {
    font-family: "New Rail Alphabet Bold",Arial,serif;
    font-weight: 700;
    padding: 16px;
    color: #000;
}

.peeplist {
    padding: 14px 0 16px 11px;
    float: left;
    width: 100%;
}

.peeplist h2,.relatedprojects h2,.stats h2 {
    font-family: "New Rail Alphabet Bold",Arial,serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 12px;
}

.peeplist {
    list-style-image: none;
    list-style-type: none;
}

.peeplist li {
    width: 165px;
    float: left;
    margin-right: 11px;
    margin-bottom: 11px;
}

.peeplist li a {
    color: #878278;
}

.peeplist li a:hover {
    color: #000;
}

.peepbox .x {
    display: none;
}

.relatedprojects h2 {
    float: left;
    width: 341px;
    margin: 82px 0 12px;
}

.stats h2 {
    float: left;
    margin: 26px 0 18px;
    width: 100%;
}

.tnudge {
    margin-top: 20px;
}

.stats p {
    font-size: 14px;
    line-height: 19px;
    margin: 0 0 12px;
    color: #4a4a4a;
}

.teamheader {
    font-family: "New Rail Alphabet Bold",Arial,serif !important;
    font-weight: 700 !important;
    font-style: normal !important;
}

.stats_half {
    width: 165px;
    margin-top: 20px;
    margin-right: 11px;
    float: left;
}

.last_one {
    margin-right: 0 !important;
}

#st,#sthide {
    cursor: pointer;
}

#sthide,#teamtitle {
    display: none;
}

#sthide {
    width: 100%;
    float: left;
}

#teamtitle {
    margin-bottom: 0;
}

.tm {
    display: none;
    width: 100%;
}

.tm p {
    margin: 0 11px 11px 0;
    color: #4a4a4a;
}

span#awtxt {
    float: left;
    margin: 0 160px 0 0;
    width: 517px;
    padding-bottom: 32px;
    font-size: 14px;
}

ul#awtxt {
    margin-right: 165px;
    padding-left: 36px;
    text-indent: -36px;
    margin-bottom: 22px;
}

ul#awtxt li {
    width: 467px;
    margin-bottom: 1px;
    font-size: 14px;
    line-height: 18px;
}

ul#awtxt li .select {
}

ul.navigation_list li a:hover {
    font-family: "New Rail Alphabet Bold",Arial,serif !important;
    font-weight: 500 !important;
    font-style: normal !important;
    background-color: transparent !important;
}

#yr,#yrfrst {
    height: 23px;
    float: left;
    padding-top: 17px;
    width: 517px;
    color: #000;
    font-weight: 700;
}

#yrfrst {
    padding-top: 6px;
}

span.awdtitle {
    font-size: 14px;
    line-height: 17px;
}

.peeplist p,.peeplist p a,.peeplist ul,.peeplist ul li a {
    font-family: "New Rail Alphabet White",Arial,serif;
    font-weight: 100;
    font-size: 16px;
    line-height: 24px;
    color: #000;
}

.peeplist p a:hover,.peeplist ul li a:hover {
    font-family: "New Rail Alphabet Bold",Arial,serif;
    font-weight: 700;
}

.imgslideshowouter {
    margin-top: 16px;
    height: 368px;
}

.imgslideshow {
    padding: 0;
    width: 100%;
    height: 371px;
}

.pgallery {
    width: 1045px;
    float: left;
    padding-top: 6px;
    height: 341px;
    overflow: hidden;
    margin-bottom: 27px;
}

#main-gallery {
    float: left;
    padding-top: 6px;
    height: 368px;
    width: 1045px;
}

#carousel {
    height: 341px;
    overflow: hidden !important;
}

.vidframe {
    margin-right: 11px;
}

#carousel img,.vidslider {
    padding-right: 11px;
    height: 341px;
}

.carouselblock {
    margin-bottom: 0;
    display: block;
    float: left;
}

.carouselblock #thu,.carouselblock #tit {
    display: none;
}

.belt {
    position: absolute;
    top: 150px;
    left: 207px;
    z-index: 4;
    width: 1045px;
    max-width: 1045px;
    height: 0;
    overflow: visible;
}

a.prev-slide,a.prev-slideInt {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 42px;
    height: 76px;
    background: url(../img/_backwardArrow.png) no-repeat;
    float: left;
}

a.next-slide,a.next-slideInt {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 42px;
    height: 76px;
    background: url(../img/_forwardArrow.png) no-repeat;
    float: right;
    margin-right: 25px;
}

a.prev-slide {
    position: absolute;
    top: 135px;
    left: 16px;
}

a.next-slide {
    position: absolute;
    top: 135px;
    right: 2px;
    z-index: 3;
}

.imgdesc {
    font-family: "New Rail Alphabet Light",Arial,serif !important;
    font-weight: 200;
    font-style: normal;
    padding-top: 4px;
    font-size: 13px;
    color: #000;
    height: 16px;
    display: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sgallery {
    max-width: 1046px;
    min-width: 704px;
    overflow: hidden !important;
    overflow-x: hidden !important;
    padding-top: 5px;
    height: 371px;
}

.sgallery img {
    margin-right: 11px;
}

.slimg.vimeo {
    width: 517px;
    height: 371px;
}

.none:hover,span.none {
    color: #fff !important;
}

#vholder {
    width: 517px;
    height: 341px;
}

#vidholder,.vidholder {
    cursor: pointer;
    width: 517px;
    height: 341px;
    padding-right: 11px;
}

#vidholder_conc,#vidholder_cons,#vidholder_desi,#vidholder_main {
    position: relative;
}

.vidholder_main_inner {
    position: absolute;
    width: 517px;
    height: 341px;
    cursor: pointer;
    top: 0;
    left: 0;
    z-index: 100;
    background: url(../img/vid_go.png) no-repeat;
    opacity: .9;
}

.vidholder_main_inner:hover {
    opacity: 1;
}

.vidframe {
    width: 517px;
    height: 341px;
}

.imgdesc .vid {
    position: absolute;
    left: 0;
    bottom: 0;
}

ul.navigation_list {
    width: 632px;
}

#sr {
    background: rgba(255,255,255,.02);
    width: 100%;
    height: auto;
    min-height: 100%;
    z-index: 16;
    top: 0;
    left: 0;
    position: absolute;
    cursor: pointer;
    display: none;
}

input:focus {
    outline: 0;
}

input.iclass {
    position: fixed;
    z-index: 18;
    top: 475px;
    left: 21px;
    font-family: "New Rail Alphabet Light",Arial,serif;
    font-weight: 200;
    width: 0;
    border: 0;
    border-bottom: 2px solid #3ccdff;
    color: #000;
    font-size: 16px;
    padding: 5px;
    -webkit-transition: ease-in,width .35s ease-in;
    -moz-transition: ease-in,width .35s ease-in;
    -o-transition: ease-in,width .35s ease-in;
    transition: ease-in,width .35s ease-in;
}

input.iclass:focus {
    width: 145px;
}

.searchclose {
    width: 30px;
    height: 30px;
    background-image: url(../img/_close_Button.png);
    float: right;
    margin: 6px 14px 0 0;
    cursor: pointer;
    opacity: .8;
    transition: .35s all;
    -webkit-transition: .35s all;
    -moz-transition: .35s all;
    -ms-transition: .35s all;
    -o-transition: .35s all;
}

.searchclose.search {
    margin: 14px 14px 0 0;
}

.searchclose:hover {
    opacity: 1;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

#searchzone {
    position: fixed;
    z-index: 18;
    top: 366px;
    left: 192px;
    width: 693px;
    height: auto;
    min-height: 45px;
    background: #fff;
    background: rgba(255,255,255,.9) !important;
    padding-bottom: 12px;
    display: none;
}

#results {
    font-family: "New Rail Alphabet White",Arial,serif;
    font-weight: 100;
    font-size: 16px;
    line-height: 22px;
    margin: 14px 0 11px;
}

#results p {
    padding-top: 0;
}

#results a {
    color: #000;
}

.highlight {
    font-family: "New Rail Alphabet Bold",Arial,serif !important;
    font-weight: 700 !important;
    font-style: normal !important;
    background-color: transparent !important;
}

.select.shline {
    height: 32px !important;
    float: left;
    width: 100%;
}

span.hidden {
    display: none;
}

span.litegry {
    color: #666;
}

.hdng {
    margin: 6px 0;
    font-family: "New Rail Alphabet Bold",Arial,serif !important;
    font-weight: 700 !important;
    font-style: normal !important;
    color: #8f7e78 !important;
}

@media only screen and (device-width:768px) {
    #ifr,.lgo,.mm,.sm,.submenu,input.iclass {
        position: absolute;
    }
}

@media screen and (max-height:640px) {
    .social {
        display: none;
    }
}