@charset "utf-8";

/* Eric Meyer Reset, v1.0 | 20080212, http://meyerweb.com/eric/tools/css/reset/index.html, modified */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}/* mods */h1,h2,h3,h4,h5,h6{font-weight:normal}
/*CLEAR FIX*/.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clearfix {display: inline-block;}
/* Hides from IE-mac \*/* html .clearfix { height: 1%;} .clearfix {display: block;}
/* IE image scaling */ img { -ms-interpolation-mode:bicubic; }
/*
Order of Elements...
	1. Display and Flow
	2. Positioning
	3. Dimensions
	4. Margins, Padding, Borders, Outline
	5. Typographic Styles
	6. Backgrounds
	7. Opacity, Cursors, Generated Content
*/

/***************************************************************
	Basic Elements */
body {
	font: normal 75% Arial, Helvetica, sans-serif;
	text-align: center;
	line-height: 19px;
	color: #424241;
	background: #ddddd7 url(../images/bg-body.png) repeat center;
}
html>body {
	font-size: 12px;
}

#wrapper {
	width: 994px;
	margin: 0 auto;
	text-align: left;
}

/***************************************************************
	Header */
#header {
	position: relative;
	padding: 128px 19px 24px 27px;
	background: url(../images/bg-header.png);
}
#header h2 {
	width: 948px;
	height: 290px;
}
#header h2 a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#header h2 a span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/bg-header.png) no-repeat -27px -128px;
	cursor: pointer;
}
#nav {
	position: absolute;
	top: 62px;
	right: 17px;
	background: url(../images/bg-nav.png) no-repeat right top;
}
#nav li {
	float: left;
	padding: 14px 23px 14px 6px;
	text-align: center;
}
#nav li a {
	float: left;
	position: relative;
	height: 21px;
	line-height: 21px;
	overflow: hidden;
}
#nav li#link1 a {
	width: 47px;
}
#nav li#link2 a {
	width: 69px;
}
#nav li#link3 a {
	width: 90px;
}
#nav li#link4 a {
	width: 65px;
}
#nav li#link5 a {
	width: 40px;
}
#nav li#link6 a {
	width: 72px;
}
#nav li a span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	background: #fff url(../images/bg-nav.png) no-repeat;
}
#nav li#link1 a span {
	background-position: -6px -14px;
}
#nav li#link1 a.current span,
#nav li#link1 a:hover span {
	background-position: -6px -63px;
}
#nav li#link2 a span {
	background-position: -82px -14px;
}
#nav li#link2 a.current span,
#nav li#link2 a:hover span {
	background-position: -82px -63px;
}
#nav li#link3 a span {
	background-position: -180px -14px;
}
#nav li#link3 a.current span,
#nav li#link3 a:hover span {
	background-position: -180px -63px;
}
#nav li#link4 a span {
	background-position: -299px -14px;
}
#nav li#link4 a.current span,
#nav li#link4 a:hover span {
	background-position: -299px -63px;
}
#nav li#link5 a span {
	background-position: -393px -14px;
}
#nav li#link5 a.current span,
#nav li#link5 a:hover span {
	background-position: -393px -63px;
}
#nav li#link6 a span {
	background-position: -462px -14px;
}
#nav li#link6 a.current span,
#nav li#link6 a:hover span {
	background-position: -462px -63px;
}

/***************************************************************
	Footer */
	
#footer {
	height: 104px;
	padding: 55px 17px 0 27px;
	font-size: 11px;
	text-align: center;
	line-height: 11px;
	color: #9e9e9b;
	background: url(../images/bg-footer.png) no-repeat;
}
#footer a {
	text-decoration: none;
	color: #9e9e9b;
}
#footer .nav {
	margin-bottom: 52px;
	color: #b2b2af;
}
#footer .nav a {
	color: #b2b2af;
}
#footer .nav a:hover {
	color: #8b8b89;
}

/***************************************************************
	Container */
#container {
	padding: 0 19px 0 27px;
	line-height: 1.583em;
	background: url(../images/bg-container.png) no-repeat;
}
#container .pageHeader {
	min-height: 90px;
}
#container .pageHeader h1 {
	padding-top: 7px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 38px;
	font-style: italic;
	line-height: 46px;
	color: #82827e;
}
#container .subNav,
#container .breadCrumb,
#container .pagerBot,
#container .pager {
	height: 31px;
	margin: 0 0 13px 0;
	padding: 3px 0 0 67px;
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	line-height: 31px;
	color: #5d5f5f;
}
#container .pager {
	height: 37px;
	margin: 0;
	padding: 0;
	line-height: 37px;
}
#container .pagerBot {
	margin-bottom: 14px;
	background: url(../images/bg-news-hr.png) no-repeat left bottom;
}
#container .pager span {
	color: #e87c55;
}
#container .breadCrumb a,
#container .pager a {
	color: #e87c55;
	text-decoration: none;
	font-style: italic;
}
#container .pager a {
	color: #5d5f5f;
}
#container .breadCrumb a:hover {
	text-decoration: underline;
}
#container .pager a:hover {
	color: #e87c55;
	text-decoration: underline;
}
#container .subNav {
	height: 29px;
	margin: 4px 0 0 13px;
	padding: 0;
	line-height: 29px;
	background: #fff;
}
#container .subNav a {
	padding: 0 11px;
	text-decoration: none;
	color: #5d5f5f;
}
#container .subNav a:hover {
	color: #e87c55;
}

/***************************************************************
	Content */
	
/* our story, contact us content */
#storyContent,
#contactContent {
	padding: 0 16px 0 18px;
	font-size: 13px;
	line-height: 1.615em; /* 21px */
	background: url(../images/bg-content-breadcrumb.png) no-repeat 18px 53px;
}
#storyContent .pageHeader {
	margin-bottom: 22px;
	background: url(../images/bg-page-header-story.jpg) no-repeat right 10px;
}
#contactContent .pageHeader {
	background: url(../images/bg-page-header-contact.jpg) no-repeat right 10px;
}
#container .copy {
	min-height: 44px;
	padding: 0 275px 0 37px;
}
#container .copy a {
	color: #e87c55;
}
#container .copy h2 {
	margin-bottom: 4px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	line-height: 1.364em; /* 30px */
	color: #3a4952;
}
#container .copy h3 {
	margin: 5px 0 2px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	color: #546f76;
}
#container .copy p {
	margin-bottom: 21px;
}
#container .copy ul {
	list-style: url(../images/bullet.png);
	margin: 0 0 21px 26px;
}
#container .copy ol {
	list-style: decimal;
	margin: 0 0 21px 26px;
}

/* our team content */
#teamContent,
#teamMemberContent {
	padding: 0 16px 0 18px;
	font-size: 13px;
	line-height: 1.615em; /* 21px */
	background: url(../images/bg-content-breadcrumb.png) no-repeat 18px 53px;
}
#teamContent .pageHeader,
#teamMemberContent .pageHeader {
	min-height: 88px;
	background: url(../images/bg-page-header-team.jpg) no-repeat right 10px;
}
#teamContent .teamMembers {
	width: 492px;
	margin: 0 0 0 223px;
	padding: 75px 0 68px;
	/*background: url(../images/bg-team-members.png) no-repeat;*/
}
#teamContent .teamMember {
	position: relative;
	float: left;
	margin: 0 27px 27px 0;
	text-decoration: none;
	color: #fff;
}
#teamContent .teamMember img {
	display: block;
	border: 6px solid #53c1d5;
}
#teamContent .teamMember span.name {
	position: absolute;
	top: 6px;
	left: 6px;
	width: 103px;
	height: 88px;
	padding: 15px 11px;
	font-weight: bold;
	font-size: 18px;
	background: url(../images/bg-team-member.png);
	cursor: pointer;
}
#teamContent .footer {
	height: 98px;
	background: url(../images/bg-team-footer.png) no-repeat center top;
}
#teamMemberContent .left {
	float: left; 
	width: 280px;
	margin: 0 71px 40px 0;
	padding: 82px 0 0 37px;
}
#teamMemberContent .left .photo {
	margin-bottom: 11px;
	padding: 15px 0;
	border: 1px solid #e9e9e9;
	border-width: 1px 0;
	text-align: center;
}
#teamMemberContent .left .photo img {
	border: 6px solid #efefe9;
}
#teamMemberContent .left .info {
	font-size: 12px;
	line-height: 23px;
	color: #5d5f5f;
}
#teamMemberContent .left .info label {
	float: left;
	width: 65px;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #9a9a96;
}
#teamMemberContent .left .info a {
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	text-decoration: none;
	color: #e87c55;
}
#teamMemberContent .left .info a:hover {
	text-decoration: underline;
}

#teamMemberContent .right {
	float: left;
	width: 459px;
	margin: 0 0 40px 0;
	padding: 15px 0 0 0;
}
#teamMemberContent .right .header {
	min-height: 50px;
	padding-bottom: 17px;
	border-bottom: 1px solid #e9e9e9;
}
#teamMemberContent .right .name {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	line-height: 29px;
	color: #546f76;
}
#teamMemberContent .right .title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	text-transform: uppercase;
	line-height: 21px;
	color: #6c6c69;
}
#teamMemberContent .right .copy {
	margin: 21px 0 0;
	padding: 0;
	border-bottom: 1px solid #e9e9e9;
}


/* portfolio content */
#portfolioContent,
#portfolioItemContent {
	padding: 0 16px 0 18px;
	font-size: 13px;
	line-height: 1.615em; /* 21px */
	background: url(../images/bg-content-breadcrumb.png) no-repeat 18px 53px;
}
#portfolioContent .copy {
	margin-bottom: 25px;
}
#portfolioContent .pageHeader,
#portfolioItemContent .pageHeader {
	background: url(../images/bg-page-header-portfolio.jpg) no-repeat right 10px;
}
#portfolioItemContent .pageHeader {
	margin-bottom: 16px;
}
#portfolioContent .portfolioItem {
	float: left;
	width: 281px;
	min-height: 210px;
	margin: 0 35px 27px 0;
}
#portfolioContent .portfolioItems .last {
	margin-right: 0;
}
#portfolioContent .portfolioItem .header {
	min-height: 35px;	
	font-family: Georgia, "Times New Roman", Times, serif;
}
#portfolioContent .portfolioItem .header a {
	display: block;
	text-decoration: none;
	color: #546f76;
}
#portfolioContent .portfolioItem .header a:hover {
	text-decoration: underline;
}
#portfolioContent .portfolioItem h2 {
	font-size: 14px;
	line-height: 19px;
	color: #546f76;
}
#portfolioContent .portfolioItem h3 {
	font-size: 11px;
	text-transform: uppercase;
	line-height: 16px;
	color: #6c6c69;
}
#portfolioContent .portfolioItem h4 {
	font-size: 11px;
	font-style: italic;
	line-height: 18px;
	color: #8a8a8a;
}
#portfolioContent .portfolioItem a.imageLink {
	display: block;
	margin: 5px 0 6px;
	padding: 6px 0 8px;
	border: 1px solid #e9e9e9;
	border-width: 1px 0 1px;
}
#portfolioContent .portfolioItem a img {
	display: block;
	border: 6px solid #efefe9;
}
#portfolioContent .portfolioItem a:hover img {
	border-color: #53c1d5;
}
#portfolioItemContent .left {
	float: left;
	width: 280px;
	margin: 0 71px 15px 0;
	padding: 66px 0 0 37px;
}
#portfolioItemContent .left img {
	display: block;
	margin: 0 0 12px;
	padding: 2px 5px 3px 6px;
	border-style: solid;
	border-width: 1px 0;
	border-color: #e9e9e9 #fff;
}
#portfolioItemContent .left a {
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	text-decoration: none;
	line-height: 18px;
	color: #5d5f5f;
}
#portfolioItemContent .left a:hover {
	text-decoration: underline;
}
#portfolioItemContent .right {
	float: left;
	width: 459px;
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
}
#portfolioItemContent .right .header {
	margin-bottom: 11px;
	padding-bottom: 14px;
	border-bottom: 1px solid #e9e9e9;
}
#portfolioItemContent .right .company {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	line-height: 27px;
	color: #546f76;
}
#portfolioItemContent .right .location {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	text-transform: uppercase;
	line-height: 23px;
	color: #6c6c69;
}
#portfolioItemContent .right .copy {
	margin-bottom: 7px;
	padding: 0 60px 0 0;
	border-bottom: 1px solid #e9e9e9;
}
#portfolioItemContent .right .footer {
	font-size: 11px;
	font-style: italic;
	line-height: 18px;
	color: #8a8a8a;
}

	
/* news content */
#newsContent,
#newsStoryContent {
	padding: 0 16px 0 18px;
	font-size: 13px;
	line-height: 1.385em; /* 18px */
	background: url(../images/bg-content-pager.png) no-repeat 18px 53px;
}
#newsStoryContent {
	background: url(../images/bg-content-breadcrumb.png) no-repeat 18px 53px;
}
#newsContent .pageHeader,
#newsStoryContent .pageHeader {
	background: url(../images/bg-page-header-news.jpg) no-repeat right 10px;
}
#newsStoryContent .newsStory {
	position: relative;
	margin-top: 13px;
	padding: 6px 55px 0 387px;
	font-size: 13px;
	line-height: 1.385em; /* 18px */
	background: url(../images/bg-news-story.png) no-repeat 369px 6px;
}
#newsStoryContent .newsStory .left {
	position: absolute;
	top: 6px;
	left: 161px;
	width: 195px;
}
#newsStoryContent .newsStory .title {
	padding-top: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 21px;
	color: #3a4952;
}
#newsStoryContent .newsStory .date {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 31px;
	color: #546f76;
}
#newsStoryContent .newsStory img {
	margin-bottom: 19px;
	border: 3px solid #f3f3f3;
}
#newsStoryContent .newsStory .company {
	margin-bottom: 7px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.5em; /* 18px */
	color: #898985;
}
#newsStoryContent .newsStory .right p {
	margin-bottom: 18px;
	padding-bottom: 14px;
}
#newsStoryContent .newsStory .right ul {
	list-style: url(../images/bullet.png);
	margin: 0 0 18px 26px;
}
#newsStoryContent .newsStory .right ol {
	list-style: decimal;
	margin: 0 0 18px 26px;
}
#newsContent .newsItem {
	padding: 18px 0 0;
	background: url(../images/bg-news-item.png) no-repeat left top;
}
#newsContent .newsItem h2 {
	float: left;
	width: 198px;
	margin-right: 29px;
	padding-top: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 22px;
	color: #3a4952;
}
#newsContent .newsItem h2 a {
	display: block;
	color: #3a4952;
	text-decoration: none;
}
#newsContent .newsItem h2 span {
	display: block;
}
#newsContent .newsItem h2 a:hover span {
	text-decoration: underline;
}
#newsContent .newsItem h2 span.date {
	font-size: 12px;
	line-height: 30px;
	color: #546f76;
}
#newsContent .newsItem h2 a span.date {
	color: #546f76;
}
#newsContent .newsItem .right {
	float: left;
	width: 637px;
	padding-right: 50px;
}
#newsContent .newsItem .right p {
	margin-left: 135px;
}
#newsContent .newsItem .right a {
	color: #e87c55;
}
#newsContent .newsItem img {
	float: left;
	margin-right: 14px;
	border: 3px solid #f3f3f3;
}
#newsContent .newsItem .company {
	margin: 5px 0 7px 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.5em; /* 18px */
	color: #898985;
}
#newsContent .hr {
	height: 17px;
	margin-bottom: 14px;
	background: url(../images/bg-news-hr.png) no-repeat left bottom;
}
	
/* home content */
#homeContent {
	width: 890px;
	padding: 0 19px 76px 85px;
	background: url(../images/bg-container.png) no-repeat;
}
#ourStory {
	position: relative;
	float: left;
	width: 261px;
	margin-right: 60px;
}
#ourTeam {
	position: relative;
	float: left;
	width: 259px;
	margin-right: 60px;
}
#ourPortfolio {
	float: left;
	width: 250px;
	overflow: hidden;
}
#homeContent h2 {
	width: 244px;
	height: 89px;
	margin-bottom: 15px;
}
#homeContent h2 a {
	display: block;
	position: relative;
	height: 100%;
}
#homeContent h2 a span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	background: url(../images/bg-home-content-headers.png) left -89px;
}
#homeContent h2 a:hover span {
	background-position: left top;
}
#homeContent #ourTeam h2 a span {
	background-position: -321px -89px;
}
#homeContent #ourTeam h2 a:hover span {
	background-position: -321px top;
}
#homeContent #ourPortfolio h2 a span {
	background-position: -640px -89px;
}
#homeContent #ourPortfolio h2 a:hover span {
	background-position: -640px top;
}
#homeContent #ourPortfolioItemsCont {
	width: 193px;
	margin-top: 5px;
	border: 6px solid #fbfbfb;
	overflow: hidden;
}
#homeContent #ourPortfolioItems {
	width: 193px;
	overflow: hidden;
}
#homeContent #ourPortfolioItems li {
	width: 193px;
	overflow: hidden;
}
#homeContent #ourPortfolioItems li a {
	display: table-cell;
	vertical-align: middle;
	width: 193px;
	overflow: hidden;
	text-align: center;
}
#homeContent #ourPortfolioItems li a img {
	display: inline;
}
#homeContent img.thumb {
	position: absolute;
	top: 104px;
	left: 0;
}
#homeContent .copy {
	padding: 0 0 0 96px;
}

/* news */
#news {
	position: relative;
	min-height: 33px;
	padding: 16px 19px 0 96px;
	line-height: 18px;
	color: #424241;
	background: url(../images/bg-news.png) no-repeat left top;
}
#news .newsItem {
	background: url(../images/bg-news.png) no-repeat -96px -16px;
}
#news .newsLink {
	position: absolute;
	top: 13px;
	left: 16px;
}
#news .newsLink a {
	display: block;
	height: 100%;
	width: 50px;
	height: 36px;
	text-indent: -999em;
	overflow: hidden;	
	background: url(../images/bg-news-link.png) no-repeat;
}
#news .newsLink a:hover {
	background-position: left -30px;
}
#news h4 {
	float: left;
	width: 176px;
	margin-right: 63px;
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#news h4 a {
	color: #3a4952;
	text-decoration: none;
}
#news h4 a:hover {
	text-decoration: underline;
}
#news h4 .date {
	font-size: 11px;
	color: #546f76;
}
#news h4 .date a {
	color: #546f76;
}
#news .right {
	float: left;
	width: 589px;
}
#news .company {
	color: #a1a19d;
}
#newsFooter {
	height: 12px;
	background: url(../images/bg-news-footer.png) repeat left top;
}