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

/* Header CSS - - - */

body {
	background: #ebebeb;
	font: 12px Arial, Helvetica, sans-serif;
	color: #999;
}

p {
	padding: 0 0 10px 0;
}

strong, b {
	color: #666666;
	font-weight: bold;
}

.header-wrapper {
	width: 100%;
	height: 82px;
	background: #ffffff url('../images/layout/header-wrapper-bg.jpg') top left repeat-x;
}

.header {
	width: 894px;
	height: 82px;
	margin: 0 auto 0 auto;
	background: #ebebeb url('../images/layout/header-bg.jpg') top right no-repeat;
}

.header a.logo {
	width: 316px;
	height: 82px;
	display: block;
	text-indent: -9999px;	
}

.header-links {
	float: right;
	padding: 8px 14px 0 0;
	color: #ccc;
	font: 11px Arial, Helvetica, sans-serif;
}

.header-links ul li {
	display: inline;
	padding: 0 8px 0 8px;
}
.header-links a, .header-links a:visited {
	color: #666;
	text-decoration: none;
	letter-spacing: 2px;
}

.header-links a:hover {
	color: #333;
}

/* Body CSS - - - */

.body-wrapper {
	width: 100%;
	background: #fff;
}

.body {
	width: 894px;
	margin: 0 auto 0 auto;
	border-left: 1px solid #EFEFEF;
	padding: 0 0 20px 0;
	min-height:550px;
 	height:auto !important;
 	height:550px;

	
}

/* Footer CSS - - - */

.footer-wrapper {
	width: 100%;
	height: 120px;
}

.footer {
	width: 894px;
	height: 94px;
	margin: 0 auto 0 auto;
	background: #ebebeb url('../images/layout/footer-bg.jpg') top center no-repeat;
	text-align: center;
	padding: 26px 0 0 0;
	font: 11px Arial, Helvetica, sans-serif;
	color: #b1b2b3
}

.footer a, .footer a:visited {
	color: #cdcdcd;
	text-decoration: none;
}

.footer a:hover {
	color: #bbb;
}

/* Navigation CSS - - - */

.navigation {
	width: 894px;
	margin: 0 0 0 0;
	height: 72px;
}

.navigation a:hover {
	background-position: 0 -34px !important;
}

.navigation a.current {
	background-position: 0 -68px !important;
}

.navigation a.nav-practice { width: 114px; height: 34px; display: block; float: left; text-indent: -9999px; background: #ffffff url('../images/layout/navigation/nav-practice.jpg') top left no-repeat; }
.navigation a.nav-approach { width: 150px; height: 34px; display: block; float: left; text-indent: -9999px; background: #ffffff url('../images/layout/navigation/nav-approach.jpg') top left no-repeat; }
.navigation a.nav-projects { width: 143px; height: 34px; display: block; float: left; text-indent: -9999px; background: #ffffff url('../images/layout/navigation/nav-projects.jpg') top left no-repeat; }
.navigation a.nav-awards { width: 136px; height: 34px; display: block; float: left; text-indent: -9999px; background: #ffffff url('../images/layout/navigation/nav-awards.jpg') top left no-repeat; }
.navigation a.nav-people { width: 128px; height: 34px; display: block; float: left; text-indent: -9999px; background: #ffffff url('../images/layout/navigation/nav-people.jpg') top left no-repeat; }
.navigation a.nav-news { width: 117px; height: 34px; display: block; float: left; text-indent: -9999px; background: #ffffff url('../images/layout/navigation/nav-news.jpg') top left no-repeat; }
.navigation a.nav-contact { width: 106px; height: 34px; display: block; float: left; text-indent: -9999px; background: #ffffff url('../images/layout/navigation/nav-contact.jpg') top left no-repeat; }

/* Page Elements CSS - - - */

.content {
	width: 596px;
	float: left;
	margin: 0 27px 0 0;
}

.sidebar {
	width: 263px;
	float: left;
}

.sidebar a {
	color: #666;
	text-decoration: underline;
}

.content-image-large {
	width: 596px;
	padding: 0 0 10px 0;
}

.content-image-left {
	float: left;
	padding: 0 20px 10px 0;
}

.content-title {
	font: 13px Arial, Helvetica, sans-serif;
	color: #131415;
	font-weight:bold;
	margin: 0 0 10px 0;
}

.content-text {
	line-height: 1.4;
	padding: 0 0 21px 0;
}

/* Sidebar CSS - - - */

.sidebar-news {
	width: 263px;
	padding: 11px 0 0 0;
	background: #ffffff url('../images/layout/sidebar-title-news.jpg') top left no-repeat;
}

.sidebar-news ul li {
	display: block;
	background: #f4f4f4;
	padding: 12px;
	border-top: 1px solid #e5e5e5;
	color: #666;
	font: 11px Arial, Helvetica, sans-serif;
}

.sidebar-news ul li a.sidebar-news-title {
	display: block;
	color: #333;
	
}

.sidebar-careers {
	width: 263px;
	padding: 11px 0 0 0;
	background: #ffffff url('../images/layout/sidebar-title-careers.jpg') top left no-repeat;
}

.sidebar-careers ul li {
	display: block;
	background: #f4f4f4;
	padding: 12px;
	border-top: 1px solid #e5e5e5;
	color: #666;
	font: 11px Arial, Helvetica, sans-serif;
}

.sidebar-careers ul li a.sidebar-careers-title {
	display: block;
	color: #333;
	
}

.sidebar-blog {
	width: 263px;
	margin: 60px 0 0 0;
	padding: 12px 0 0 0;
	background: #ffffff url('../images/layout/sidebar-title-blog.jpg') top left no-repeat;
}

.sidebar-blog ul li {
	display: block;
	background: #f4f4f4;
	padding: 12px;
	border-top: 1px solid #e5e5e5;
	color: #666;
	font: 11px Arial, Helvetica, sans-serif;
}

.sidebar-blog ul li img.sidebar-blog-icon {
	float: left;
	padding: 4px 5px 0 0;
}

.sidebar-archive {
	width: 263px;
	padding: 11px 0 0 0;
	background: #ffffff url('../images/layout/sidebar-title-archive.jpg') top left no-repeat;
}

.sidebar-archive ul li {
	display: block;
	background-attachment: fixed;
	background: url(../images/layout/sidebar-archive-bullet.jpg) #f4f4f4 no-repeat 15px center;
	padding: 11px 12px 12px 30px;
	border-top: 1px solid #e5e5e5;
	color: #666;
	font: 11px Arial, Helvetica, sans-serif;
}

.sidebar-archive ul li a {
	text-decoration: none;
}

.sidebar-archive ul li:hover, .sidebar-archive ul li.current {
	background-attachment: fixed;
	background: #f4f4f4 url('../images/layout/sidebar-archive-bullet-current.jpg') 15px center no-repeat;
}

.sidebar-specialism {
	width: 263px;
	padding: 39px 0 0 0;
	background: #ffffff url('../images/layout/sidebar-title-specialism.jpg') top left no-repeat;
}

.sidebar-specialism ul li {
	display: block;
	background: #f4f4f4 url('../images/layout/sidebar-archive-bullet.jpg')  15px center no-repeat;
	padding: 11px 12px 12px 30px;
	border-top: 1px solid #e5e5e5;
	color: #666;
	font: 11px Arial, Helvetica, sans-serif;
}

.sidebar-specialism ul li a {
	text-decoration: none;
}

.sidebar-specialism ul li:hover, .sidebar-specialism ul li.current {
	background: #f4f4f4 url('../images/layout/sidebar-archive-bullet-current.jpg')  15px center no-repeat;
}

.sidebar-portfolio {
	width: 263px;
	padding: 11px 0 0 0;
	background: #ffffff url('../images/layout/sidebar-title-portfolio.jpg') top left no-repeat;
}

.sidebar-portfolio ul li {
	display: block;
	background: #f4f4f4 url('../images/layout/sidebar-archive-bullet.jpg')  15px center no-repeat;
	padding: 11px 12px 12px 30px;
	border-top: 1px solid #e5e5e5;
	color: #666;
	font: 11px Arial, Helvetica, sans-serif;
}

.sidebar-portfolio ul li a {
	text-decoration: none;
}

.sidebar-portfolio ul li:hover, .sidebar-portfolio ul li.current {
	background: #f4f4f4 url('../images/layout/sidebar-archive-bullet-current.jpg')  15px center no-repeat;
}

.sidebar-portfolio-details {
	width: 263px;
	padding: 11px 0 0 0;
	background: #ffffff url('../images/layout/sidebar-title-portfolio.jpg') top left no-repeat;
}

.sidebar-portfolio-details ul li {
	display: block;
	background: #f4f4f4;
	padding: 11px 12px 12px 12px;
	border-top: 1px solid #e5e5e5;
	color: #666;
	font: 11px Arial, Helvetica, sans-serif;
}

.portfolio-details-title {
	color: #C41130;
	text-decoration: underline;
	display: block;
	padding: 0 0 2px 0;
}

.sidebar-portfolio ul li a {
	text-decoration: none;
}

.sidebar-portfolio ul li:hover, .sidebar-portfolio ul li.current {
	background: #f4f4f4 url('../images/layout/sidebar-archive-bullet-current.jpg')  15px center no-repeat;
}

.sidebar-portfolio ul li.sublevel {
	padding-left: 40px;
	background-color: #f9f9f9;
	background-position: 25px center;
}

.sidebar-videoclip {
	width: 263px;
	margin: 30px 0 0 0;
	padding: 11px 0 0 0;
	background: #ffffff url('../images/layout/sidebar-title-videoclip.jpg')  15px center no-repeat;
}

.sidebar-videoclip ul li {
	display: block;
	background: #f4f4f4;
	padding: 11px 0px 12px 0px;
	border-top: 1px solid #e5e5e5;
	color: #666;
	font: 11px Arial, Helvetica, sans-serif;
}

.sidebar-videoclip-video {
	width: 211px;
	height: 170px;
	margin: 0 auto 0 auto;
}

.sidebar-videoclip-info {
	margin: 10px 0 0 0;
	background: #f4f4f4 url('../images/layout/sidebar-archive-bullet.jpg') -5px -10px no-repeat;
	padding: 0 25px 0 25px;
}

.sidebar-videoclip-title {
	color: #333;
	text-decoration: underline;
	display: block;
	padding: 0 0 5px 0;
}

.sidebar-pdfs {
	width: 263px;
	margin: 10px 0 0 0;
	padding: 11px 0 0 0;
	background: #ffffff;
}

.sidebar-pdfs ul li {
	display: block;
	background: #fff url('../images/layout/sidebar-pdfs-bg.jpg') top left no-repeat;
	padding: 8px 0px 8px 42px;
	border-top: 1px solid #e5e5e5;
	color: #666;
	font: 11px Arial, Helvetica, sans-serif;
}

.sidebar-pdfs ul li a {
	text-decoration: none;
}

.sidebar-pdfs ul li a:hover {
	text-decoration: underline;
}

.sidebar-pdfs ul li.first {
	border-top: none !important;
}

/* Homepage CSS - - - */

.homepage-slideshow-image {
	width: 596px;
	height: 360px;
	padding: 0 0 10px 0;
}

.homepage-slideshow-title {
	font: 13px Arial, Helvetica, sans-serif;
	color: #333;
	font-weight: bold;
}

.homepage-slideshow-pages {
	font-size:10px;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	float:right;
}

.homepage-slideshow-pages a {
	color: #999;
	text-decoration: none;

}

.homepage-slideshow-pages a.selected {
	color: #000;
	text-decoration: none;

}
.homepage-slideshow-pages a.page-prev {
	background: transparent url('../images/layout/page-prev-bg.jpg') bottom left no-repeat;
	height: 15px;
	padding: 1px 0 1px 18px;
}

.homepage-slideshow-pages a.page-next {
	background: transparent url('../images/layout/page-next-bg.jpg') bottom right no-repeat;
	height: 15px;
	padding: 1px 18px 1px 0;
}

.homepage-slideshow-pages a:hover {
	text-decoration: underline;
}

.homepage-slideshow-description {
	padding: 5px 0 5px 0;
	width: 596px;
	line-height: 1.4;
}

.homepage-slideshow-link {
	width: 564px;
	padding: 0 32px 0 0;
	text-align: right;
	color: #ccc;
}

.homepage-slideshow-link a {
	font: 11px Arial, Helvetica, sans-serif;
	color: #ccc;
}


/* Profiles CSS - - - */

.profiles-navigation {
	float: right;
	color: #ccc;
	font: 12px Arial, Helvetica, sans-serif;
}

.profiles-navigation a {
	color: #666;
	text-decoration: underline;
}

.profiles-navigation a.profiles-current {
	color: #C41130;
}

.profile-bio-title {
	margin: 20px 0 10px 15px;
	background: transparent url('../images/layout/profile-bio-title-bg.jpg') top left repeat-x;
	letter-spacing: 2px;
}

.profile-bio-title a {
	padding-left: 10px;
	text-decoration: none;
	font-size: 11px;
	 color: #999;
}

.profile-bio-title-name {
	color: #C41130;
	font: 12px Arial, Helvetica, sans-serif;
}

.profile-bio-text {
	margin: 0 0 30px 15px;
	line-height: 1.4;
}

.profile-bio-text a {
	color: #999999;
}

/* Awards CSS - - - */

.awards-title {
	margin: 20px 0 10px 0px;
	letter-spacing: 0px;
}

.awards-title-name {
	color: #C41130;
	font: 12px Arial, Helvetica, sans-serif;
}

.awards-title-link {
	float: right;
	color: #C41130;
	font: 11px Arial, Helvetica, sans-serif;
}

.awards-title-project {
	color: #000;
}

.awards-title-link a {
	color: #C41130;
	text-decoration: underline;
}

.awards-text {
	margin: 0 0 30px 0px;
	font: 11px Arial, Helvetica, sans-serif;
	line-height: 1.4;
}

/* Contact CSS - - - */

.contact-form {
	margin: 0 0 10px 15px;
}

.contact-form label {
	font: 11px Arial, Helvetica, sans-serif;
	color: #C51834;
	display: block;
	padding: 0 0 5px 0;
}

.contact-form input {
	width: 203px;
	border: 1px solid #ccc;
	margin: 0 0 5px 0;
}

.contact-form textarea {
	width: 343px;
	height: 73px;
	border: 1px solid #ccc;
	margin: 0 0 5px 0;
}

.contact-form input.submitbutton {
	width: 58px;
	height: 18px;
	border: none;
	margin: 2px 0 5px 287px;
}

/* How We Do It CSS - - - */

.howwedoit-link a {
	color: #C51936;
}

/* Portfolio CSS - - - */

.portfolio-items ul li {
	list-style-image: none;
	float: left;
	width: 140px;
	height: 175px;
	padding: 0 12px 0 0;
	background: #fff url('../images/layout/portfolio-item-bg.jpg') top left no-repeat;
}

.portfolio-items ul li.last {
	padding: 0 0 0 ;
}

.portfolio-item {
	width: 130px;
	height: 142px;
	padding: 5px;
	color: #333;
	font: 11px Arial, Helvetica, sans-serif;
}

.portfolio-items ul li:hover {
	background-position: 0 -185px;
}

.portfolio-item-thumbnail {
	padding: 0 0 10px 0;
}

.portfolio-item-link {
	color: #999;
	font: 10px Arial, Helvetica, sans-serif;
	padding: 5px 0 0 5px;
}

.portfolio-item-link a {
	color: #999;
}

.portfolio-item-underline {
	text-decoration: underline;
}	

.portfolio-pages {
	clear: both;
	border-top: 1px solid #C41130;
	margin: 20px 0 40px 0;
	padding: 10px 20px 0 0;
	text-align: right;
	color: #333;
	font: 10px Arial, Helvetica, sans-serif;
}

.portfolio-pages a {
	color: #999;
	text-decoration: none;
}

.portfolio-pages a.page-prev {
	background: transparent url('../images/layout/page-prev-bg.jpg') bottom left no-repeat;
	height: 15px;
	padding: 1px 0 1px 18px;
}

.portfolio-pages a.page-next {
	background: transparent url('../images/layout/page-next-bg.jpg') bottom right no-repeat;
	height: 15px;
	padding: 1px 18px 1px 0;
}

.portfolio-pages a:hover {
	text-decoration: underline;
}

/* Portfolio Details CSS - - - */

.portfolio-image-large {
	float: left;
	margin: 0 0 20px 0;
}

.portfolio-image-small {
	float: left;
	width: 90px;
	height: 63px;
	padding: 3px;
	border: 1px solid #E5E5E5;
	margin: 0 0 5px 5px;
}

.portfolio-image-small:hover {
	border: 1px solid #999;
}

/* Effects CSS */

#about-image {
	cursor: pointer;
}

.fade {
  position: absolute;
  /*top: 100px;
  left: 100px;*/
}

.fade div {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

#msg { border:#C51834 solid 1px; color:#c51834; font-weight:bold; padding:5px; text-align:center;  }

.blog { margin-left:0px; }
.blog ul li { padding-bottom:15px; border-bottom:#e5e5e5 solid 1px; margin-bottom:15px; }
.blog ul li a { margin-bottom:5px; color:#C51936; }

h3 {
	color: #131415;
	font-size: 13px;
	padding: 0 0 0 15px;
	font-weight: bold;
	margin: 30px 0 0 0;
}