/*LAYOUT*/
@font-face {
	font-family: "Avenir IE";
	src: url("../fonts/avenir.eot"); /* IE9 Compat Modes */
}

@font-face {
	font-family: "Avenir";
	src: url("../fonts/avenir.ttf");	
}



.sitebordercolor {
	border-color:#a0a0a0;
}

.sitecolor {
	color:#000000;
}

.sitebgcolor {
	background-color:#a0a0a0;
}


#outerwrap {
	margin:0px;
	width:100%;	
	position:relative;
	z-index:100;
	min-width:980px;
}

#innerwrapex {
	position:relative;
	width:100%;
	float:left;	
	z-index:999;
	padding-bottom:95px;
	margin-top:227px;
}


body.home #innerwrapex {
	margin-top:68px;
	padding-bottom:0px;
}

#innerwrap {
	margin:0px auto;
	width:930px;	
	position:relative;
	
}

#cover-wrap {
	position:relative;
	width:100%;
	height:500px;
	min-height:596px;
	background-color:#26a9e0;
	float:left;	
	overflow:hidden;
	z-index:900;
}

#cover-line-left {
	position:absolute;
	top:124px;	
	left:0px;
	left:-25px;
	width:0px;
	height:2px;
	background-color:#ffffff;
	z-index:999;
}
#cover-line-right {
	position:absolute;
	top:124px;	
	right:0px;
	width:0px;
	height:2px;
	background-color:#ffffff;
	z-index:999;
}

#cover-inner {
	margin:35px auto;
	width:930px;	
	position:relative;
}

#cover-header-wrap {
	position:absolute;
	width:100%;	
	height:100px;
	left:0px;
	top:0px;
	z-index:9000;
}

#cover-header {
	margin:35px auto;
	width:930px;	
	position:relative;
}

#cover-wrapex {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:900;
	float:left;	
}

.cover-outer {
	width:100%;
	height:100%;
	float:left;
}

.cover-item {
	margin:0 auto;
	height:100%;
	width:930px;	
}

.cover-item .cover-left {
	width:486px;
	padding:254px 44px 0px 0px;
	float:left;
	color:#ffffff;
} 

.cover-item .cover-left h1 {
	font-family: Avenir, Avenir IE, Arial, Verdana, sans-serif;
	font-size:65px;
	font-weight:normal;
	width:100%;
	line-height:70px;
}

.cover-item .cover-left p {
	margin-top:15px;
	font-family: Avenir, Avenir IE, Arial, Verdana, sans-serif;
	font-size:28px;
	font-weight:normal;
	width:100%;
	line-height:35px;
}

.cover-item .cover-right {
	width:400px;
	float:right;
	padding-top:170px;
} 

.cover-item .cover-right img {
	float:right;
}

.cover-item .cover-left a {
	display:block;
	margin-top:50px;
	color:#ffffff;
}

.cover-item .cover-left a:hover {
	color:#92d4ef;
}



#header-wrap {
	width:100%;
	background-color:#ffffff;
	position:fixed;
	left:0px;
	top:0px;
	z-index:9999;
	padding-bottom:15px;
}

#header {
	margin:35px auto;
	width:930px;	
	position:relative;
	z-index:200;
}

#header-line-left {
	position:absolute;
	top:124px;	
	left:-25px;
	width:0px;
	height:2px;
	background-color:#26a9e0;
	z-index:100;
}


#header-line-right {
	position:absolute;
	top:124px;	
	right:0px;
	width:0px;
	height:2px;
	background-color:#26a9e0;
	z-index:100;
}



#logo {
	width:160px;
	float:left;
	height:100%;
}


#logo img {
	max-width:160px;
}

#main-menu {
	font-family: Avenir, Avenir IE, Arial, Verdana, sans-serif;
	float:right;
	color:#26a9e0;
	font-size:16px;
	text-transform:uppercase;
}



#main-menu li {
	margin-top:32px;
	height:55px;
	line-height:55px;
	padding:0px 14px;
	float:left;
	border-bottom:7px solid transparent;
}

#main-menu li.last-child {
	padding-right:0px;	
}

#main-menu li a {
	color:#000000;
}

#main-menu li a:hover {
	color:#26a9e0;
}


#main-menu li:hover {
	/*border-bottom:7px solid #26a9e0;*/
}

#main-menu li a.active {
	color:#26a9e0;
}

#main-menu li.active {
	border-bottom:7px solid #26a9e0;
}

#main-menu li ul {
	float:left;
}




body.home #main-menu,
body.home #main-menu li a,
body.home #main-menu li a:hover,
body.home #main-menu li a.active  {
	color:#ffffff;
}

body.home #main-menu li.active {
	border-bottom:7px solid #ffffff;
}

#content-wrap {
	padding:0px 0px;
	width:100%;
	float:left;
	position:relative;
	background-color:#ffffff;
}


#content-wrap #content {
	position:relative;
}

#footer-wrap {
	width:100%;
	float:left;
	min-height:45px;
	background-color:#000000;
	position:fixed;
	left:0px;
	bottom:0px;	
	z-index:9999;
}

#footer-social {
	height:45px;
	width:930px;
	margin:0px auto;	
}



#footer {
	width:930px;
	margin:30px auto 30px auto;	
	display:none;	
	text-align: center;
}

#footer p {
	font-family: Verdana, Arial, sans-serif;
	color:#a7a9ac;
	font-size:12px;
	line-height:18px;
	text-align:center;
}
#footer p a {
	color:#ffffff;
	font-weight:bold;
}

#footer  p a:hover {
	color:#26a9e0;
}


#footer-menu {
	text-align:left;
	float:none;	
	display:inline-block;
	font-family: Verdana, Arial, sans-serif;
	color:#ffffff;	
	font-size:12px;
	line-height:18px;
}

#footer-menu li {
	float:left;
	margin:0px 5px;;
}

#footer-menu a {
	color:#ffffff;
}

#footer-menu a:hover,
#footer-menu li.active a {
	color:#26a9e0;
}

/*
#footer-menu {
	margin-top:80px;
	float:right;	
}

#footer-menu li {
	float:left;
	margin-right:10px;
}

#footer-menu a {
	color:#404040;
}

#footer-menu a:hover {
	color:#56ACCD;
}
#footer-menu a.active {
	color:#56ACCD;
}
*/

#ui-modal-container { background-color:#000000; }
#ui-modal-container .ui-modal-title { color:#ffffff; }
#ui-modal-container .ui-modal-close a { color: #ffffff; }

/* TABLES */
table, td, th { border:1px solid #666; border-collapse:collapse; margin:0; padding:0; }
  table { margin: 0px 0px 0px 0px; }
  td, th { padding:5px 5px; vertical-align:top; font-weight:normal; }
  thead { margin:0px 0px 4px 0px;} 
  thead th { text-transform:uppercase; background:transparent; color:#202020; }
  tbody th { background:transparent; color:#202020; font-weight:bold; border-bottom:1px solid #202020;}
  tbody td { background:transparent; } 
  tbody tr.even td { background:#f0f0f0; }
  tbody tr.odd td { background:#ffffff;}
  table ol, table ul { margin-bottom:0; }
/* }}} */

#sitemap ul { list-style-type: none; margin-left: 18px;}
#sitemap ul li { width:200px; float:left; margin-top:10px; line-height:17px; font-weight:bold;}
#sitemap ul li ul li { float:left; margin-top:0px; font-weight:normal; }



#slidedown {
	position:absolute;
	bottom:110px;
	left:50%;
	margin-left:-8px;	
	z-index:9000;
}

#social {
	margin-top:13px;
	float:right;	
}

#social a {
	float:left;
	margin-left:13px;	
	color:#ffffff;
}


#social a:hover {
	color:#26a9e0
}

#social a.login {
	font-size:14px;
	font-family: Avenir, Avenir IE, Arial, Verdana, sans-serif;
	height:20px;
	line-height:18px;
	border-right: 2px solid #ffffff;
	margin-right:5px;
	padding-right:18px;
}

#ftslide {
	margin-top:13px;
	font-size:14px;
	font-family: Avenir, Avenir IE, Arial, Verdana, sans-serif;
	height:20px;
	line-height:18px;
	float:left;
	padding-right:30px;
	background:url(../img/view_sprite.png) 42px -382px no-repeat;
	color:#ffffff;
}

#ftslide:hover {
	color:#26a9e0;
	background:url(../img/view_sprite.png) 42px -131px no-repeat;
}

#ftslide.active {
	background:url(../img/view_sprite.png) 42px -424px no-repeat;
}

#ftslide.active:hover {
	background:url(../img/view_sprite.png) 42px -232px no-repeat;
}

#coverindicators-wrap {
	margin:0px auto 0px auto;
	width:930px;	
	position:relative;
	z-index:9999;
	text-align:left;
}

#coverindicators {
	width:100%;
	float:left;
	height:8px;
	margin-top:650px;	
	text-align:left;
}

#cover-wrapex .coverindicator {
	margin:0px 5px;
	width:7px;
	height:7px;
	border-radius: 50%;
	cursor:pointer;
	border:1px solid #ffffff;
	display:inline-block;
}
#cover-wrapex .coverindicator.activeSlide {
	background-color:#ffffff;
}


#content .contentblock {
	font-size:13px;
	line-height:16px;	
}


#sub-menu {
	width:654px;
	float:left;
	margin:18px 0px 0px 112px;
	font-family: Avenir, Avenir IE, Arial, Verdana, sans-serif;
	font-size:18px;
	font-weight:normal;
	line-height:20px;
	text-transform:lowercase;
}

#sub-menu li {
	width:163px;
	float:left;
}

#sub-menu a {
	color:#000000;
}

#sub-menu a:hover,
#sub-menu a.active {
	color:#26a9e0;
} 

#content .contentblock h1 {
	color:#000000;
	float:left;
	font-family: Avenir, Avenir IE, Arial, Verdana, sans-serif;
	font-size:50px;
	line-height:55px;
	margin-bottom:35px;
	font-weight:normal;
	width:100%;	
}


#content .contentblock a,
#additional-wrap a {
	color:#000000;
}

#content .contentblock a:hover,
#additional-wrap a:hover {
	color:#26a9e0;
}



#content .contentblock h2 {
	float:left;
	font-family: Avenir, Avenir IE, Arial, Verdana, sans-serif;
	font-size:20px;
	margin-bottom:15px;
	font-weight:normal;
	width:100%;
}


#content-wrap p {
	line-height:20px;
}


#content-wrap.split #content .contentblock h1 {
	float:left;
	width:350px;
	font-family: Avenir, Avenir IE, Arial, Verdana, sans-serif;
	font-size:50px;
	line-height:55px;
	font-weight:normal;
	color:#000000;
}

#content-wrap.split .contentblock blockquote p {
	float:right;
	width:524px;
	font-family: Avenir, Avenir IE, Arial, Verdana, sans-serif;
	font-size:22px;
	line-height:30px;
	margin-bottom:35px;
}


#content-wrap.split .contentblock p {
	float:right;
	width:524px;
}

#content-wrap.split .contentblock ul,
#content-wrap.split .contentblock ol {
	float:right;
	width:500px;
	margin-left:20px;
	line-height:16px;
}


#additional-wrap {	
	margin-top:30px;
	width:100%;
	float:left;	
}

#additional-wrap .additional-content {
	margin-bottom:30px;
	width:100%;
	float:left;	
}

#additional-wrap .additional-content img.align,
#additional-wrap .additional-content img.alignleft,
#additional-wrap .additional-content img.alignright {
	margin-bottom:30px;
}

#additional-wrap .additional-content img.align,
#additional-wrap .additional-content img.alignleft {
	margin-bottom
}

#additional-wrap h2 {
	font-family: Avenir, Avenir IE, Arial, Verdana, sans-serif;
	font-size:28px;
	line-height:35x;
	font-weight:normal;
	color:#26a9e0;
}




#content-wrap.split #additional-wrap h2 {
	float:left;
	width:350px;
	
}

#additional-wrap p {
}

/* LISTS */
#additional-wrap ul, #additional-wrap ol, #additional-wrap dl {
	margin-left:20px;
	line-height:16px;
}
#additional-wrap ul { list-style-type: disc; margin-left: 15px; }
#additional-wrap ol { list-style-type: decimal; margin-left: 18px;    }
#additional-wrap dl dt { font-weight: bold; }
#additional-wrap ul ul,#additional-wrap ul ul ul { margin: 0px 0px 0px 15px;}
#additional-wrap ol ol,#additional-wrapol ol ol { margin: 0px 0px 0px 18px;}
#additional-wrap ul li,#additional-wrap ol li { margin: 0px 0px 5px 0px;}


body.about #additional-wrap p img {
	margin:0px 20px;
}

body.about #additional-wrap p #lastlogo {
	margin-right:0px;	
}

body.about .additional-content:last-child {
	border-top:2px solid #d1d1d3;
	padding-top:50px;
}

body.about #additional-wrap .additional-content:last-child .additional-details {
	width:100%;
	float:left;	
	margin-top:50px;
}

.team-member {	
	width:100%;
	float:left;
	border-bottom:2px solid #d1d1d3;
	margin-bottom:60px;
}

#content .team-member img {	
	margin:0px;
}

.team-tools {
	float:right;	
}
.team-tools a {
	width:29px;
	height:29px;
	float:left;	
	margin-left:10px;
}
.team-member .team-email {
	background:url(../img/team_sprite.png) 0px -380px no-repeat;	
}

.team-member .team-email:hover {
	background:url(../img/team_sprite.png) 0px 0px no-repeat;	
}


.team-member .team-linkedin {
	background:url(../img/team_sprite.png) 0px -300px no-repeat;		
}

.team-member .team-linkedin:hover {
	background:url(../img/team_sprite.png) 0px -64px no-repeat;	
}


.team-details {
	width:524px;
	float:right;	
}

.team-details p {
	width:100%;
	float:left;
}

.team-details h2.titlename {
	color:#26a9e0;
	float:left;
	font-family: Avenir, Avenir IE, Arial, Verdana, sans-serif;
	font-size:28px;
	margin-bottom:5px;
	width:80%;
	font-weight:normal;
}

.team-details h3 {
	font-family: Avenir, Avenir IE, Arial, Verdana, sans-serif;
	font-size:18px;
	width:100%;
	float:left;
	margin-bottom:20px;
	margin-top:15px;
	color:#26a9e0;
}

.team-details h3.credits {
	color:#000000;
	margin-top:0px;
}

#content ul,
#content ol {
	line-height:18px;		
    float: left;
	width:auto;	
}


#content ul li,
#content ol li {
	margin:0px;
}

table.clientlogos,
table.clientlist {
	border:0px;	
	width:100%;
	float:left;
}

table.clientlogos {
	margin:-30px 0px 50px 0px;
	border-bottom:2px solid #d1d1d3;	
}

table.clientlist th,
table.clientlist td,
table.clientlist tr,
table.clientlogos th,
table.clientlogos tr {
	border:0px;	
}

table.clientlist a {
	font-weight:bold;	
}

table.clientlogos td {
	border:0px;	
	text-align:center;
	vertical-align:middle;
	padding:30px 0px 50px 0px;
}



body.recognition  #additional-wrap h2 {
	color:#d2d2d4;
	font-size:50px;
	line-height:60px;
	background:url(../img/recognition_dashes.png) 185px 28px no-repeat;
}


#additional-wrap h3 {
	font-family: Avenir, Avenir IE, Arial, Verdana, sans-serif;
	font-size:28px;
	line-height:35x;
	font-weight:normal;
	color:#26a9e0;
}

#additional-wrap h4 {
    font-size: 13px;
	margin-top:5px;
	width:100%;
	float:left;
	line-height:15px;
}

body.recognition  #content-wrap.split #additional-wrap h3 {
	margin-bottom:10px;
}
	
#additional-wrap .additional-details {
	width:524px;
	float:right;
}
	
	
#additional-wrap .additional-details a.projectlink {
	font-family: Avenir, Avenir IE, Arial, Verdana, sans-serif;
	font-size:16px;
	line-height:20x;
	font-weight:normal;
	padding-right:30px;
	color:#000000;
	background:url(../img/view_sprite.png) right 3px no-repeat;	
}

#additional-wrap .additional-details a.projectlink:hover {
	color:#26a9e0;
	background:url(../img/view_sprite.png) right -31px no-repeat;	
}


#article-right {
	width:524px;
	float:right;	
}

#article-left {
	width:350px;
	float:left;
	
}

#article-left #credits {
	width:100%;
	float:left;
	font-family: Avenir, Avenir IE, Arial, Verdana, sans-serif;
	font-size:16px;
	line-height:22px;
	font-weight:normal;
	color:#26a9e0;
}

#article-left .image {
	width:100%;
	float:left;
	margin-top:45px;
	text-align:left;	
}


#article-left .image img {
	max-width:320px;
	display:inline-block;
}

#articlebuttons {
	width:100%;
	float:left;
	margin-top:55px;		
}

.articlebutton {
	width:150px;
	height:35px;
	background-color:#000000;
	color:#ffffff;	
	line-height:35px;
	text-align:center;
	font-family: Avenir, Avenir IE, Arial, Verdana, sans-serif;
	font-size:14px;
	display:block;
	cursor:pointer;
}

#content .contentblock a.articlebutton {
	color:#ffffff;
}

a.articlebutton:hover {
	color:#ffffff;
	background-color:#26a9e0;
}

.articlebutton.share {
	float:left;
}


.articlebutton.back {
	float:left;
	margin-left:10px;
	padding-left:15px;
	width:135px;
	background:#000000 url(../img/back_icon.png) 20px 9px no-repeat;	
}

#ui-modal-container #customclose { 
	position:absolute; 
	bottom:30px; 
	left:50%; 
	right:auto;
	margin-left:-20px;
}

#ui-modal-container #customclose a { 
	font-family: Avenir, Avenir IE, Arial, Verdana, sans-serif;
	font-size:16px;
}


#ui-modal-container #customclose.Signup {
	top:10px;
	right:10px;
	left:auto;
	bottom:auto;
}

#ui-modal-container #customclose.Signup a {
	font-size:14px;
}

#ui-modal-container {background-color:#ffffff;  }



#barbados-map {
	width:100%;
	float:left;
	margin-bottom:55px;	
}


#gmap div div div div div div div img {
   filter: none;
}

#gmap div img {
    -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
         -o-filter: grayscale(100%);
        filter: grayscale(100%);
		filter: gray;
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); 
} 

#sitemap {
	width:524px;
	float:right;	
}

body.services.other #content .contentblock h1,
body.services.architecture #content .contentblock h1 {
	text-align:center;
	font-size:35px;	
}

#architecture-services {
	float:left;
	width:100%;
	height:100%;
	position:relative;
	padding-top:10px;
}

#architecture-divider {
	position:absolute;
	left:50%;
	top:0px;
	margin-left:-2px;
	width:3px;
	height:100%;
	background-color:#d2d2d4;
}

#architecture-services .service {
	width:100%;
	float:left;	
	margin-bottom:70px;
	position:relative;
	z-index:100;
}

.architecture-number {
	position:absolute;
	width:60px;
	height:60px;
	text-align:center;
	top:0px;
	left:50%;
	font-family: Avenir, Avenir IE, Arial, Verdana, sans-serif;
	font-size:28px;
	font-weight:normal;
	line-height:60px;
	color:#ffffff;
}
.architecture-number.left {
	padding-left:23px;
	margin-left:-53px;
	background:url(../img/number_bg_left.png) 0px 0px no-repeat;	
}

.architecture-number.left.hover {
	background:url(../img/number_bg_left.png) 0px -70px no-repeat;	
}

.architecture-number.left.active {
	background:url(../img/number_bg_left.png) 0px -70px no-repeat;	
}

.architecture-number.right {
	padding-right:23px;
	height:60px;
	margin-left:-30px;
	background:url(../img/number_bg_right.png) 0px 0px no-repeat;	
}

.architecture-number.right.hover {
	background:url(../img/number_bg_right.png) 0px -69px no-repeat;	
}

.architecture-number.right.active {
	background:url(../img/number_bg_right.png) 0px -69px no-repeat;	
}



#architecture-services .service-details h2 {
	font-family: Avenir, Avenir IE, Arial, Verdana, sans-serif;
	font-size:28px;
	font-weight:normal;
	line-height:30px;
	color:#26a9e0;
}


.service-image.left {
	width:50%;
	float:left;	
}

.service-details.left {
	width:398px;
	float:left;
	text-align:right;
}

.service-details.right {
	width:398px;
	float:right;
	text-align:left;
}



.service-image.left img {
	float:right;
	margin-right:85px;
}

.service-image.right {
	width:50%;	
	float:right;
}

.service-image.right img {
	float:left;
	margin-left:85px;
}

a.breakdown {
	font-family: Avenir, Avenir IE, Arial, Verdana, sans-serif;
	font-size:16px;
	font-weight:normal;
	line-height:18px;
	color:#000000;
	padding-right:30px;
	background:url(../img/view_sprite.png) right -79px no-repeat;	
}

a.breakdown.active {
	color:#26a9e0;
	/*background:url(../img/view_sprite.png) right -180px no-repeat;*/
	background:url(../img/view_sprite.png) right -129px no-repeat;
}

a.breakdown:hover {	
	color:#26a9e0;
	background:url(../img/view_sprite.png) right -230px no-repeat;
}

a.breakdown.active:hover {
	background:url(../img/view_sprite.png) right -129px no-repeat;
}

.service-detailsex {
	display:none;	
	width:100%;
	margin-top:30px;
	padding-bottom:30px;
	border-bottom: 4px dotted #26a9e0;
	float: left;
}



#green-initiatives-wrap {
	width:100%;
	height:400px;
	float:left;	
	background-color:#8dc63f;
	margin:75px 0px 0px 0px;
}

#green-initiatives-inner {
	width:930px;
	margin:50px auto 0px auto;	
	color:#ffffff;
}

#green-initiatives-inner h2 {
	font-family: Avenir, Avenir IE, Arial, Verdana, sans-serif;
	font-size:28px;
	font-weight:normal;
	line-height:30px;
}


#green-initiatives-inner h3 {
	margin-top:5px;
	font-family: Avenir, Avenir IE, Arial, Verdana, sans-serif;
	font-size:21px;
	font-weight:normal;
	line-height:22px;
}

#green-initiatives-inner .green-thumb {
	float:left;
	margin:0px 17px;
	position:relative;
	height:150px;
	width:156px;
	text-align:center;
}

#green-initiatives-inner span {
	width:100%;
	position:absolute;
	top:100px;
	left:0px;	
	line-height:18px;
}

#green-initiatives-inner img {
	display:inline-block;
}


#greenscroll {
	margin-top:50px;
	float:left;
    width: 100%;
	height:180px;
}

#greenscroll .overview {
    width: 2536px;
}


#news-signup-wrap {
	width:100%;
	height:355px;
	float:left;	
	background-color:#d2d2d4;
	margin:75px 0px 0px 0px;
}

#news-signup {
	width:930px;
	margin:0 auto;	
}

#news-signup-left {
	float:left;
	width:300px;	
}


#news-signup-right {
	float:right;
	width:615px;	
}

#news-signup h2 {
	font-family: Avenir, Avenir IE, Arial, Verdana, sans-serif;
	font-size:28px;
	line-height:30px;
	margin-top:50px;
	font-weight:normal;
}

#news-signup h3 {
	font-family: Avenir, Avenir IE, Arial, Verdana, sans-serif;
	font-size:21px;
	line-height:25px;
	font-weight:normal;
	margin-bottom:13px;
}

#news-signup p {
	font-size:13px;
	line-height:18px;
	margin-bottom:10px;
}

#news-signup-image {
	margin-top:-20px;
	float:left;	
}

#recognition-wrap {
	width:100%;
	float:left;
	margin-top:67px;	
}

#recognition-inner {
	width:930px;
	margin:0 auto;	
}

#recognition-details {
	margin-top:45px;
	width:100%;
	float:left;
}

#recognition-inner h2 { 
	float:left;
	font-family: Avenir, Avenir IE, Arial, Verdana, sans-serif;
	font-size:28px;
	line-height:30px;
	font-weight:normal;
}

#recognition-inner .seealllink {
	float:right;
	padding-right:30px;
	font-family: Avenir, Avenir IE, Arial, Verdana, sans-serif;
	font-size:16px;
	line-height:22px;
	font-weight:normal;
	color:#000000;
	background:url(../img/view_sprite.png) right 3px no-repeat;	
}

#recognition-inner .seealllink:hover {
	color:#26a9e0;
	background:url(../img/view_sprite.png) right -31px no-repeat;	
}


.recognition-item {
	width:174px;
	height:206px;
	border-top:2px solid #26a9e0;
	border-bottom:2px solid #26a9e0;
	float:left;	
	margin-right:15px;
	text-align:center;
}

.recognition-item p { 
	font-size:13px;
	line-height:18px;
}

.recognition-item h3 { 
	margin:-2px 0px 20px 0px;
	font-family: Avenir, Avenir IE, Arial, Verdana, sans-serif;
	font-size:16px;
	height:40px;
	line-height:34px;
	color:#ffffff;
	width:100%;
	float:left;
	background:url(../img/home_recogbg.png) 48px 0px no-repeat;
}

.recognition-item h4 { 
	font-family: Avenir, Avenir IE, Arial, Verdana, sans-serif;
	font-size:18px;
	line-height:20px;
	color:#26a9e0;
	margin-bottom:18px;
}

.recognition-item:last-child {	
	margin-right:0px;
}


#projects-wrap {
	margin-top:40px;
	width:100%;
	float:left;
	overflow:hidden;
}

#projects-wrap-inner {
	width:110%;
	min-height:1200px;
	position:relative;
	float:left;
}


.project-thumb {
	width:303px;
	height:auto;
	overflow:hidden;
	float:left;	
	margin:0px 10px 10px 0px;
}

.project-thumb span.hide {
	display:none;
} 


	
.featured-project .overlay,
.project-thumb .overlay {
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:35px;
	line-height:35px;
	font-size:14px;
	font-family: Avenir, Avenir IE, Arial, Verdana, sans-serif;	
	background-color:rgba(255,255,255,0.8);
	color:#202020;
}


.featured-project .overlay span.title,
.project-thumb .overlay span.title {
	margin-left:15px;
	float:left;	
}

.featured-project:hover .overlay,
.project-thumb:hover .overlay {
	color:#ffffff;
	background-color:rgba(36,169,224,0.8);
}


.project-thumb img {
	 max-width:303px;
 	 min-width:303px;
}

#moreprojects {
	width:100%;
	height:35px;
	float:left;
	margin-top:50px;
	text-align:center;
	position:relative;
}

#moreprojectslink {
	width:150px;
	height:35px;
	line-height:35px;
	background-color:#000000;
	color:#ffffff;	
	display:inline-block;
}

#moreprojectslink:hover {
	background-color:#26a9e0;
}

.project-start {
	display:none;	
}

#projects-filter {
	float:right;
	height:35px;
	line-height:35px;		
}

#projects-sort {
	float:right;
	height:35px;
	line-height:35px;
	margin-left:50px;		
}


.projects-options span.label {
	float:left;
	font-family: Avenir, Avenir IE, Arial, Verdana, sans-serif;
	font-size:28px;
	line-height:35px;
	
}

.projects-options {	
	margin-top:13px;
	float:right;
	height:22px;
	line-height:22px;	
	font-family: Avenir, Avenir IE, Arial, Verdana, sans-serif;
	font-size:14px;
}

.projects-options.left {	
	float:left;
}


.projects-options.right {	
	float:right;
}

.projects-options .option {
	float:left;
	margin-left:20px;
	padding-right:30px;
	background:#000000 url(../img/view_sprite.png) 135px -416px no-repeat;		
	cursor:pointer;
}

.projects-options .option:hover {
	color:#26a9e0;
	background:#000000 url(../img/view_sprite.png) 135px -224px no-repeat;
}

.projects-options .option {
	position:relative;
	padding:5px 0px;
	background-color:#000000;
	color:#ffffff;
}


#content .projects-options .options {
	width:120px;
	padding-right:30px;
	display:none;
	z-index:9999;
	list-style:none;
	text-align:center;
	position:absolute;
	right:0px;
	top:30px;
	border:1px solid #000000;
	padding:10px;
	color:#ffffff;
	background-color:rgba(0,0,0,1.0);
}

#content .projects-options .options .typeoption {
	line-height:25px;
}

#content .projects-options .options .typeoption.active {
	color:#26a9e0;
}

#content .projects-options .option:hover > .options {
	display:block;	
}


#option-type span {
	width:160px;
	display:inline-block;
	text-align:center;	

}

#option-sort span {
	width:160px;
	display:inline-block;
	text-align:center;	
}

#content #option-type-list {
	width:138px;
}

#content #option-sort-list {
	width:138px;
}


#project-wrap {
	float:left;
	width:100%;	
}

#project-wrap img {
	float:left;	
	margin:0px 0px 0px 0px;
}


#project-wrap .project-rows {
	width:100%;
	float:left;	
}


#project-wrap .project-rows a {
	float:left;	
	margin:10px 10px 0px 0px;
	padding:0px;
}

#project-wrap .project-rows a.button {
	margin:0px;
}



#project-wrap .project-rows a:last-child {
	margin-right:0px;
}

#project-wrap a img.image-layout-1 {
	width:930px;
}

#project-wrap a img.image-layout-2 {
	width:460px;
}

#project-wrap a img.image-layout-3 {
	width:303px;
}

#project-wrap h1 {
	width:75%;
	float:left;
	font-family: Avenir, Avenir IE, Arial, Verdana, sans-serif;
	font-size:28px;
	line-height:30px;
	font-weight:normal;	
	margin:0px 0px 23px 0px;
}

.project-nav {
	margin-top:8px;
	float:right;	
}

.project-nav.bottom {
	margin-top:30px;
}

.project-nav a {
	display:inline-block;
	width:16px;
	height:20px;
}

.project-nav .prev {
	background:url(../img/view_sprite.png) right -331px no-repeat;	
}

.project-nav .prev:hover {	
	background:url(../img/view_sprite.png) right -297px no-repeat;	
}

.project-nav .next {
	margin-left:15px;
	background:url(../img/view_sprite.png) right 3px no-repeat;	
}
.project-nav .next:hover {	
	background:url(../img/view_sprite.png) right -31px no-repeat;	
}

#project-detail-tools {
	width:100%;
	float:left;	
	margin:33px 0px 25px 0px;
}

#project-detail-tools #view-project-details {
	margin-top:8px;
	float:left;	
	padding-right:30px;	
	height:22px;
	line-height:22px;	
	font-family: Avenir, Avenir IE, Arial, Verdana, sans-serif;
	font-size:16px;	
	color:#000000;
	background:url(../img/view_sprite.png) right -79px no-repeat;	
}


#project-detail-tools #view-project-details:hover {
	color:#26a9e0;
	background:url(../img/view_sprite.png) right -230px no-repeat;
}

#project-detail-tools #view-project-details.active {
	background:url(../img/view_sprite.png) right -180px no-repeat;	
}

#project-detail-tools #view-project-details.active:hover {
	background:url(../img/view_sprite.png) right -129px no-repeat;
}


#project-wrap .button {
	width: 150px;
	height: 35px;
	background-color:#000000;
	color: #ffffff;
	line-height: 35px;
	text-align: center;
	font-family: Avenir,Avenir IE,Arial,Verdana,sans-serif;
	font-size: 14px;
	display: block;
	cursor: pointer;
}

#project-wrap .button:hover,
#project-wrap #backtolist:hover {
	background-color:#26a9e0;
}

#project-detail-tools #viewslideshow{
	float:right;	
	margin-left:10px;
}

#project-detail-tools #sharethis{
	float:right;	
}

#project-wrap  #backtolist {
	float: right;
	margin:0px 0px 0px 10px;
	padding-left: 15px;
	width:135px;
	background-image:url("../img/back_icon.png");
	background-repeat:no-repeat;
	background-position:20px 9px;
}


#project-wrap  #backtolist.bottom {
	float: left;
	margin:35px 0px 0px 0px;
}

#project-details {
	float:left;
	width:100%;	
	margin-bottom:45px;
	border-top:2px solid #d2d2d4;
	margin-top:10px;
	padding-top:30px;
	display:none;
}

#project-details-right {
	margin-top:25px;
	width:524px;
	float:right;	
}

#project-details-left {
	width:350px;
	float:left;	
	font-size:12px;
}

#project-details-left p {
	font-size:12px;
}

#project-details-left h3 {
	line-height: 26px;
	font-family: Avenir,Avenir IE,Arial,Verdana,sans-serif;
	font-size: 25px;
	font-weight:normal;	
	color:#26a9e0;
	margin:25px 0px 8px 0px;
}

#project-details-left span.credits {
	margin-top:30px;
	width:100%;
	float:left;
	font-size:11px;	
}

#project-details-right p {
	margin-bottom:25px;	
}

#project-details-right blockquote p {
	font-family: Avenir, Avenir IE, Arial, Verdana, sans-serif;
	font-size:22px;
	line-height:30px;
	margin:0px 0px 60px 0px;
}


#featured-wrap {
	width:100%;
	float:left;	
}

#featured-inner {
	width:930px;
	margin:0 auto;	
}


#featured-inner h2 { 
	float:left;
	font-family: Avenir, Avenir IE, Arial, Verdana, sans-serif;
	font-size:28px;
	line-height:30px;
	font-weight:normal;
}

#featured-inner .seealllink {
	float:right;
	padding-right:30px;
	margin-top:6px;
	font-family: Avenir, Avenir IE, Arial, Verdana, sans-serif;
	font-size:16px;
	line-height:22px;
	font-weight:normal;
	color:#000000;
	background:url(../img/view_sprite.png) right 3px no-repeat;	
}

#featured-inner .seealllink:hover {
	color:#26a9e0;
	background:url(../img/view_sprite.png) right -31px no-repeat;	
}


#featured-projects {
	margin-top:45px;
	width:100%;
	float:left;
}


.featured-project {
	position:relative;
	float:left;
	margin:0px 15px 15px 0px;
	width:300px;
	height:300px;
	overflow:hidden;
}


.featured-project.first {
	width:615px;
	height:615px;
}

.featured-project.last {
	margin-right:0px;
}

.featured-project img {
	height:300px;
	margin-left:-75px;
}

.featured-project.first img {
	height:615px;
	margin-left:-157px;
}


#our-clients .contentblock h1 {
	font-size:28px;
	color:#26a9e0;
	line-height:30px;
	margin:0px 0px 30px 0px;
}

#the-references {
	width:524px;
	float:right;	
}

.ref-item {
	width:100%;
	float:left;	
	margin-bottom:46px;
}


#the-references h2 {
	font-family: Avenir, Avenir IE, Arial, Verdana, sans-serif;
	font-size:28px;
	line-height:30px;
	font-weight:normal;
	color:#26a9e0;
}

#the-references img.align {
	float:left;
	margin-top:5px;	
}


#the-references h3 {
	margin-top:12px;
	font-size:13px;
	font-weight:normal;
	line-height:20px;
}

.ref-summary {
	font-weight:bold;
	font-size:13px;	
}

.ref-summary p {
	margin-top:0px;
}

.ref-details {
	float:left;	
	position:relative;
	width:345px;
	min-height:158px;
}

.ref-detailsex {
	width:100%;
	float:left;
	margin-top:15px;
	display:none;	
}

a.ref-link {
	display:block;
	position:absolute;
	left:0px;
	bottom:0px;
}

a.ref-link {
	font-family: Avenir, Avenir IE, Arial, Verdana, sans-serif;
	font-size:16px;
	font-weight:normal;
	line-height:18px;
	color:#000000;
	padding-right:30px;
	background:url(../img/view_sprite.png) right -81px no-repeat;	
}

a.ref-link.active {
	color:#26a9e0;
	/*background:url(../img/view_sprite.png) right -180px no-repeat;*/
	background:url(../img/view_sprite.png) right -133px no-repeat;
}

a.ref-link:hover {	
	color:#26a9e0;
	background:url(../img/view_sprite.png) right -232px no-repeat;
}

a.ref-link.active:hover {
	background:url(../img/view_sprite.png) right -133px no-repeat;
}

body.awards #additional-wrap .additional-content img {
	margin-top:10px;
}
	

#backtotop-wrap {
	float:left;
	width:100%;
	height:100px;
	text-align:center;	
	margin:25px 0px 0px 0px;
}
#backtotop {
	display:inline-block;
	width:16px;
	height:31px;
	background:url(../img/top_arrow_sprite.png) 0px 0px no-repeat;
	
}