@charset "UTF-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	margin-top:30px;
}
#container {
	min-width:950px;
}
#logo, #copyright { 
	width:400px;
	margin:0 auto;
	height:15px;
	padding:20px 0px 20px 550px;
	color:#999;
	font-size:0.8em;
}
#copyright {
	padding-bottom:0px;
	padding-top:15px;
}
#menu {
	width:100%;
	height:3.32em;
	background:#F3F5F8;
}
#content {
	min-height:380px;
	background:#143E7B;
	width:100%;
}
#content a {
	color:#fff;
}
#text {
	width:950px;
	margin:0 auto;
	color:#fff;
	padding:20px 0;
}
.gallery, .swapimage {
	width:950px;
	margin:0 auto;
	/*position:relative;*/
}
#footer {
	background-color:#204882;
	height:50px;
	width:100%;
}
#footer.rail {
	background-color:#D45322;
}
#footer.commercial {
	background-color:#6965D0;
}
#footer.education {
	background-color:#00CC00;
}
#footer.air {
	background-color:#226DC8;
}
#footer.industrial {
	background-color:#744D28;
}
#footer.residential {
	background-color:#5AACAF;
}
#footer.sports {
	background-color:#CC0000;
}
#footer.competitions {
	background-color:#666;
}
#footer.retail {
	background-color:#CC0066;
}


#footer .inner {
	margin:0 auto;
	width:950px;
	color:#fff;
	padding:1em 0px;
	font-size:1.2em;
}
#footer a {
	color:#fff;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
#menu .inner {
	width:950px;
	margin:0 auto;
}

.gallery-canvas, .swapimage-canvas {
	float:left;
	width:530px;
	height:380px;
	/*position:absolute;*/
}
.gallery-canvas .video {
	width:320px;
	height:240px;
	margin: 20px auto;
}
.gallery-thumbs {
	float:left;
	width:380px;
	padding:20px;
}
.gallery-thumbs a{
	width:100px;
	margin-right:17px;
}
.fadeimage-link {
	width:100px!important;
	margin-right:17px;
	display:block;
	float:left;
	text-decoration:none!important;
}
.index {
	margin-bottom:17px;
	height:100px!important;
	overflow:hidden;

}
.index span {
	display:none;
}
.index:hover {
background:#143E7B;
	
}
.index:hover span {
	position:relative;
	top:-100px;
	padding:10px;
	display:block;
	background:#143E7B;
}
.directors {
	width:45px!important;
	margin:0px 8px 7px 0px!important;
}
.directors-new {
	width:31px!important;
	margin:0px 8px 7px 0px!important;
}
.gallery-spinner, .swapimage-spinner {
	position:relative;
	left:257px;
	top:162px;
}

/* text */

.gallery-text {
	width:380px;
	float:right;
	color:#fff;
	padding:0px 20px;
}


/* Menu and Moo-Menu shared */
ul.menu, ul.moo-menu {
  	position: absolute;
	z-index:200;
	min-width:950px;
}
ul.menu a, ul.moo-menu a {
  	display: block;

}
ul.menu li, ul.moo-menu li {
  	float: left;
}

/* Menu only */
ul.menu li ul {
  display: none;
}
ul.menu li:hover ul {
  display: block;
}

/* Moo-Menu only */
ul.moo-menu li ul li {
  float: none;
}


/* menu styling */

ul.moo-menu li, ul.menu li {
	width:100px;
	float:left;
	margin-right:20px;
}
ul.moo-menu ul, ul.menu ul {
	background:url(../images/transparent90.png) repeat;
	padding-top:20px;
	margin-top:-1px;
	min-height:350px;
}

ul.moo-menu .portfolio div, ul.menu .portfolio div {
	width:230px;
	position:relative;
}

ul.moo-menu ul li, ul.menu ul li {
	width:100%;
}
ul.moo-menu li.width105, ul.menu li.width105 {
	width:105px;
}
ul.moo-menu li.width155, ul.menu li.width155  {
	width:155px;
}
ul.moo-menu li a, ul.menu li a {
	color:#143E7B;
	text-decoration:none;
	display:block;
	padding:0.6em 0 .9em;
}
a.topnav {
	font-size:1.3em;
	text-decoration:none!important;
}
ul.moo-menu li a.topnav:hover, ul.menu li a.topnav:hover {
	border-bottom:0.2em solid #143E7B;
	padding-bottom:0.7em;
	background:#fff;
}
ul.moo-menu ul a, ul.menu ul a{
	padding:10px 5px;
	display:block;
	text-decoration:none!important;
}

ul.moo-menu ul a:hover, ul.menu ul a:hover{
	background:url(../images/white-spacer.gif) repeat;
}

ul.menu :hover > a.topnav, ul.moo-menu :hover > a.topnav {
	border-bottom:0.2em solid #143E7B;
	padding-bottom:0.8em;
	background:#fff;
}

ul#nav {
	padding:0;
}


.clear {
	clear:both;
}

/* clients and project lists */
.list {
	width:230px;
	margin-right:20px;
	float:left;
	margin-left:50px;
}
#column1 {
	margin-left:0;
}

/* Scrollbar & content css */						
#content1{
	height: 320px;
	width:325px;
	padding-right:0px;
	float:left;
	overflow:hidden;
}
#dropdown #content1 {
	width:500px;
	padding-right:15px;
}
.scrollbar-vert{
	background:url(/images/scrollbar.gif) repeat-y;
	height: 320px;
	width: 15px;
	float:left;
}
.handle-vert{
	height: 45px;
	width: 15px;
	background: url(/images/handle.gif) no-repeat;
}
.padded20top {
	padding-top:20px;
	padding-left:0;
	width:400px;
}
.listlink a {
	text-decoration:none;
	display:block;
	padding:5px 20px;
}
#content1 h2 {
	color:#fff;
	padding:5px 20px;
}
.listlink a:hover {
	background-color:#F3F5F8;
	color:#143E7B!important;
}

/* square link */
.square-link {
	width:90px!important;
	display:block;
	padding:10px 5px;
	background:#204882;
	color:#fff!important;
	text-decoration:none!important;
	float:left;
	margin-right:20px!important;
}
.square-link:hover{
	color:#143E7B!important;
	background:#fff;
}
#dropdown {
	padding-top:20px;
	background:url(../images/transparent90blue.png) repeat;
	height:360px;
	z-index:300;
}
#dropdown p, #dropdown h1, #dropdown h2 {
	color:#fff;
	padding:10px;
}
#dropdownparent {
	position:absolute;
	width:950px;
	height:380px;
	z-index:100;
}
#dropdownparent #dropdown {
	margin-left:550px;
	width:400px;
}
#dropdownparent.dropover {
	width:530px!important;
}
#dropdown.dropover {
	margin-left:0!important;
	width:530px!important;
}


.padded20top h1, .padded20top p {
	padding-left:20px;
}


/* directors page */

.people-text {
	float:left;
	margin-left:0px;
	color:#fff;
	width:460px;
	height:262px;
	padding:20px;
	padding-left:0px;
	
}
.gallery-canvas.people {
	width:230px;
}
.people-thumbs {
	float:left;
	width:695px;
	padding-left:20px;
	padding-bottom:23px;
}
.people-exhibit {
	width:230px;
	float:left;
	height:380px;
	overflow:hidden;
}

/* Carousel */
#carousel {
 width: 950px;
 height: 60px;
 position: relative;
 overflow: hidden;
 margin-bottom:10px;
}
.carousel-seat {
 width: 950px;
position: absolute;
 top: 0;
 left: 0;
}
.carousel-passenger {
 margin-right: 5px;
}


/* director thumbs scroll */
.scroller .forward, .scroller .backward {
  float:left;
  cursor:pointer;
  width:45px;
  height:45px;
  background:#fff url(/images/scroll-plus-blue.gif);
}
.forward {
	margin-right:8px;
}
.scroller .disabled {
  cursor:normal;
  background-color:#204882;
}
.scroller .item {
  float:left;
}
.scroller .item * {
  vertical-align:middle;
}
.scroller .item img {
  
}