body{
  background: #000000 url(../images/body-repeat.jpg) repeat-x;
}
#wrapper{
  width: 952px;
  margin: 0 auto;
}
#container{
  width: 952px;
  float: left;
  position: relative;
}
#home-bg, #header-bg{
  position: absolute;
  top: 0;
  left: 0;
}
#header{
  position: relative;
  z-index: 4;
  padding-left: 32px;
}
#home #header{
  padding-left: 0;
}
#home-left{
  position: relative;
  float: left;
  z-index: 2;
  width: 610px;
  padding-left: 32px;
}
#logo a{
  float: left;
  width: 238px;
  height: 125px;
  text-indent: -9999px;
  background: url(../images/logo.png) no-repeat;
}



#main-nav {
  float: left;
  width: 610px;
  height: 25px;
  background: url(../images/nav-repeat.png) repeat-x;
  margin: 63px 0 0 10px;
}
#home #main-nav{
  margin: 33px 0 0 0;
}
#main-nav li{
  float: left;
  position: relative;
  z-index: 9999;
  margin: 0 25px;
}
#main-nav li a{
  text-decoration: none;
  color: #ffffff;
  font: bold 12px Arial, Helvetica, Sans-Serif;
  text-transform: uppercase;
  letter-spacing: 3px;
  padding: 6px 12px 0 12px;
  height: 19px; 
  float: left;
  position: relative;
  z-index: 4;
}
#main-nav li:hover, #main-nav li.active{
  background: url(../images/main-nav-link-bg.png) repeat;
}
#main-nav li:hover ul, #main-nav li.over ul{ display: block; }
#main-nav li ul li a{
  float: left;
  padding: 6px 0 6px 6px;
  height: auto;
  letter-spacing: 0;
  text-transform: capitalize;
  font: 12px Arial, Helvetica, Sans-Serif;
  width: 100px;
  background: url(../images/transparent.gif) !important;
  
}
#main-nav li ul li{
  float: left;
  clear: left;
  margin: 0;
}
#main-nav li ul {
  display: none;
  position: absolute; 
  margin-top: 25px;
  float: left;
  z-index: 9999;
  left: 0 !important;
  padding: 0;
  background: url(../images/main-nav-link-bg.png) repeat;
}
#main-nav li ul li + li a{
  background: url(../images/main-nav-link-border.png) 8px 0 no-repeat !important;
}
#main-nav li > ul {
	top: auto;
	left: auto;
}






/*
#main-nav {
  float: left;
  width: 610px;
  height: 25px;
  background: url(../images/nav-repeat.png) repeat-x;
  margin: 63px 0 0 10px;
  position: relative;
  z-index: 9999;
}
#home #main-nav{
  margin: 33px 0 0 0;
}
#main-nav li{
  float: left;
  position: relative;
  z-index: 9999;
  margin: 0 25px;
}
#main-nav li a{
  text-decoration: none;
  color: #ffffff;
  font: bold 12px Arial, Helvetica, Sans-Serif;
  text-transform: uppercase;
  letter-spacing: 3px;
  padding: 6px 12px 0 12px;
  height: 19px; 
  float: left;
  position: relative;
  z-index: 9999;
}
#main-nav li:hover, #main-nav li.active, #main-nav li.over{
  background: url(../images/main-nav-link-bg.png) repeat;
}
#main-nav li:hover ul, #main-nav li.over ul{ display: block; }
#main-nav li ul li a{
  float: left;
  padding: 6px 0 6px 9px;
  height: auto;
  letter-spacing: 0;
  text-transform: capitalize;
  font: 12px Arial, Helvetica, Sans-Serif;
  width: 100px;
  background: url(../images/transparent.gif) !important;
}
#main-nav li ul li a:hover{
  color: #cf7019;
}
#main-nav li ul li{
  float: left;
  clear: left;
  margin: 0;
  background: none !important;
}
#main-nav li ul {
  display: none;
  position: absolute; 
  margin-top: 25px;
  float: left;
  z-index: 9999;
  left: 0 !important;
  padding: 0;
  background: url(../images/main-nav-link-bg.png) repeat;
}
#main-nav li ul li + li a{
  background: url(../images/main-nav-link-border.png) 10px 0 no-repeat !important;
}
#main-nav li > ul {
	top: auto;
	left: auto;
}

*/









#home-intro{
  float: left;
  background: url(../images/home-intro-bg.png);
  width: 530px;
  padding: 27px 60px 25px 20px;
  margin-top: 231px;
}
#home-intro h2{
  margin-bottom: 20px;
  padding-bottom: 0;
}
#home-intro p{
  font: 12px Arial, Helvetica, Sans-Serif;
  color: #ffffff;
  line-height: 24px;
}
#home-right{
  position: relative;
  float: right;
  z-index: 2;
  width: 310px;
  height: 545px;
  padding-top: 158px;
  background: url(../images/home-right.png) repeat-y;
}
#home-right h2{
  float: left;
  text-indent: -9999px;
  width: 275px;
  height: 25px;
  background: url(../images/home-featured-projects.png) no-repeat;
}
#home-right-content{
  float: left;
  margin: 30px 0 0 15px;
  width: 242px;
}
#home-right h3{
  font: bold 12px Arial, Helvetica, Sans-Serif;
  line-height: 18px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #ffffff;
}
#home-right p{
  font: 12px Arial, Helvetica, Sans-Serif;
  line-height: 20px;
  color: #ffffff;
}
#home-right p strong{
  font-size: 10px;
  text-transform: uppercase;
}
#home-right #view-project{
  margin-top: 6px;
  color: #ffffff;
  padding-left: 4px;
}
#home-right a{
  color: #cf7019;
  text-decoration: none;
  padding-left: 6px;
  text-transform: uppercase;
  font-weight: bold;
}
#breadcrumbs{
  padding: 22px 0;
  float: left;
}
#breadcrumbs li{
  float: left;
}
#breadcrumbs li a{
  color: #ffffff;
  text-decoration: none;
  background: url(../images/breadcrumb-arrow.gif) right 3px no-repeat;
  padding-right: 14px;
  float: left;
  font: bold 12px Arial, Helvetica, Sans-Serif;
  text-transform: uppercase;
  margin-right: 4px;
}
#breadcrumbs li.active a{
  background: none;
  padding-right: 0;
  color: #cf7019;
}
#content-container{
  background: #0c0b0b;
  float: left;
}
#content{
  background: #3e3b36;
  float: left;
  width: 907px;
  padding: 24px 14px 24px 31px;
  position: relative;
  overflow: hidden;
}
.block{
  float: left;
  margin: 0 14px 32px 0;
  width: 211px;
  position: relative;
}
.block img{
  border: 7px solid #8a7a67;
  float: left;
}
.block a:hover img{
  border: 7px solid #423525;
  opacity: .8;
}
.block a{
  color: #ffffff;
  text-decoration: none;
  font: 12px Arial, Helvetica, Sans-Serif;
  float: left;
}
.block a:hover{
  color: #cf7019;
}
.block .title{
  margin-left: 7px;
  float: left;
  width: 190px;
  font-weight: bold;
  line-height: 18px;
}
.block .name{
  text-transform: uppercase;
}
#content-bg{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  opacity: .05;
}
#content-overlay{
  position: relative;
  z-index: 2;
}
#content-overlay h2{
  font: 30px Arial, Helvetica, Sans-Serif;
  color: #ffffff;
  text-transform: uppercase;
}
#projects-left h2{
  font-size: 24px !important;
}
#content-overlay p{
  font: 12px Arial, Helvetica, Sans-Serif;
  color: #ffffff;
  line-height: 24px;
  float: left;
}
#content-overlay h4{
  float: left;
  clear: left;
  font-size: 21px !important;
}
#projects-feature{
  float: left;
  background: #bbb3aa;
  width: 888px;
  position: relative;
  min-height:496px;
  height:auto !important;
  height:496px;

}
#projects-left{
  float: left;
  width: 203px;
  padding: 20px 10px 0 22px;
  overflow: hidden;
}
#projects-right{
  float: right;
  width: 643px;
  overflow: hidden;
}
#projects-right img{
  float: left;
}
#projects-left p{
  color: #54504a;
  line-height: 18px;
  width: 207px;
}
#projects-left strong{
  text-transform: uppercase;
}
#projects-feature-nav{
  float: right;
  margin: 12px 19px 0 0;
}
#projects-feature-nav a{
  float: left;
  margin-left: 4px;
}
#projects-feature-nav img{
  border: 3px solid #8a7a67;
}
#projects-feature-nav img:hover{
  opacity: .5;
}
#projects-feature-nav a:hover img, #projects-feature-nav a.active img{
  border: 3px solid #423525;
}
#team h2, #team p{
  width: 658px;
}
.team-page{
  float: left;
  width: 703px;
  background: #bbb3aa;
  padding: 42px 0;
  border-bottom: 17px solid #cf7019;
  position: relative;
}
.team-page img{
  margin-bottom: 35px;
}
.team-page h2, .team-page .description{
  margin-left: 31px;
}
.team-page span#profile-title{
  font: 16px Arial, Helvetica, Sans-Serif;
  color: #ffffff;
  margin-left: 31px;
  margin-top: -12px;
  float: left;
}
.team-page p{
  color: #54504a !important;
}
.team-page .description{
  float: left;
  width: 414px;
  margin-right: 22px;
}
.team-page .description p{
  font: 12px Arial, Helvetica, Sans-Serif;;
  line-height: 24px;
}
.team-page .contact{
  float: left;
}
.team-page .contact a{
  color: #54504a;
}
.team-nav{
  float: left;
  width: 170px;
  padding-left: 21px;
  padding-top: 30px;
}
.team-nav p{
  width: 170px;
  margin-bottom: 0;
  line-height: 14px !important;
}
.team-nav a{
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  height: 14px;
  float: left;
}
.team-nav a:hover{
  color: #cf7019;
}
.team-nav span{
  color: #bbb3aa;
  font-size: 9px;
  text-transform: uppercase;
}
.team-nav .partners{
  margin-bottom: 20px;
  float: left;
}
#full-page{
  float: left;
  width: 887px;
  background: #bbb3aa;
  border-bottom: 17px solid #cf7019;
  position: relative;
}
#full-page-left{
  float: left;
  width: 565px;
  padding: 35px 31px;
}
#full-page p, #full-page a{
  color: #54504a !important;
}
#full-page .intro, #full-page h4, #full-page h3{
  line-height: 30px;
  color: #54504a;
  font: 21px Arial, Helvetica, Sans-Serif;
}
#full-page h4, #full-page h3{
  margin: 20px 0 20px 0;
}
#full-page-right{
  float: left;
  width: 260px;
  position: relative;
}
#full-page-right img{
  float: left;
}
#footer{
  float: left;
  width: 952px;
  background: url(../images/footer-bg.png) repeat-x;
  margin-top: 14px;
  padding-top: 58px;
}
#footer p{
  font: 10px Arial, Helvetica, Sans-Serif;
  color: #787878;
  padding: 0;
  margin: 0;
  line-height: 18px;
}
#footer a{
  color: #787878;
  text-decoration: none;
}
#footer-left{
  width: 476px;
  float: left;
}
#footer-right{
  width: 476px;
  float: right;
}
#footer-right p{
  text-align: right;
}