html {
	
}

body {
	font:14px Helvetica,Arial;
	text-align:center;
	color:#666;
	background-color:#e8eae9;
}

body.splash {
	background-color:#4e575d;
}

img {
	border:0px;
}

#wrapper {
	margin:0px auto;
	width:970px;
	text-align:left;
	position:relative;
}

#bg-wrap {
	background-color:#4e575d;
	width:100%;
	float:left;
}

#main {
	position:relative;
	width:100%;
	float:left;
	padding-bottom:0px;
	overflow:hidden;
}

#main.splash {
	overflow:visible;
}

a {
	text-decoration:none;
	color:#00adf0;
}

h2 {
	position:absolute;
	left:20px;
	top:10px;
	z-index:50;
	height:52px;
	overflow:hidden;
}

h2.splash {
	top:520px;
	left:0px;
}

.key {
	width:100%;
	height:8px;
	background-color:#c3c7c8;
	position:absolute;
	left:0px;
	z-index:60;
}

#top-key {
	top:61px;
}
#bottom-key {
	top:781px;
}

#content {
	height:570px;
}

.gallery,#map,.team-gallery,#contact-form-wrap {
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
	width:970px;
	height:570px;
	overflow:hidden;
	background-color:#6a767d;
}

.team-gallery {
	width:3000px;
}

#main.light {
	background-color:#6a767d;
}

#contact-form-wrap {
	/*background-color:#454140;*/
}

.member-column {
	float:left;
	width:194px;
}

.member {
	float:left;
	position:relative;
	width:194px;
	height:280px;
	overflow:hidden;
}

.member-image {
	float:left;
}

.member-image.blue {
	display:none;
	z-index:1;
}

.member-desc {
	display:none;
	position:absolute;
	z-index:50;
	left:0px;
	bottom:0px;
	width:194px;
	background-color:#2bb6c9;
	color:#FFF;
	font-size:11px;
}

.member-desc p {
	padding:7px;
}

.member-info {
	position:absolute;
	left:305px;
	top:120px;
	width:635px;
	height:535px;
	z-index:100;
	background-color:#fff;
	display:none;
}

.member-info h3 {
	color:#000;
	font-size:18px;
	margin:7px;
}

.member-text {
	margin-top:20px;
}

.member-info p {
	margin:0px 10px 0px 0px;
}

.member-info p.contact {
	margin-top:30px;
	color:#00adf0;
}

.member-info p.close {
	position:absolute;
	right:0px;
	top:10px;
}

.large-portrait {
	float:left;
	width:300px;
	height:450px;
	margin:10px;
}

.gallery ul {
	position:relative;
}
.gallery ul li{
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
	width:970px;
	height:570px;
}

.next,.prev {
	display:none;
	position:absolute;
	top:250px;
	z-index:30;
	visibility:hidden;
}
.next {
	right:10px;
}
.prev {
	left:10px;
}

#search {
	float:right;
	height:65px;
}

#search input {
	font:12px Helvetica,Arial;
	color:#999;
	width:167px;
	height:21px;
	background-image:url(../images/search-bg.png);
	background-repeat:no-repeat;
	border:0px;
	margin:20px 20px 0px 0px;
	padding:0px 0px 0px 10px;
}

#close-nav {
	position:absolute;
	top:69px;
	right:0px;
	z-index:50;
	background-color:#FFF;
}

#close-nav p a {
	width:113px;
	padding:10px 70px 10px 7px;
	margin-right:7px;
	display:block;
	font-size:11px;
	color:#666;
	font-weight:bold;	
	background-image:url(/images/hidenav.png);
	background-repeat:no-repeat;
	background-position:right center;
}
#close-nav p a:hover {
	color:#00adf0;
}

#navigation,#sub-navigation,#panel-text {
	z-index:5;
	width:215px;
	float:left;
	position:relative;
	background-image:url(/images/panel-bg.png);
}

#navigation {
	margin-left:0px;
}

#sub-navigation,#panel-text {
	margin-left:12px;
}

#navigation ul,#sub-navigation ul {
	margin:20px 10px;
}
#navigation ul li,#sub-navigation ul li {
	padding:0px 0px;
}

#navigation ul li a,#sub-navigation ul li a {
	display:block;
	color:#999;
	text-decoration:none;
	font-weight:bold;
}
#navigation ul li a:hover,#sub-navigation ul li a:hover {
	color:#00adf0;
}

#navigation ul li.selected,#sub-navigation ul li.selected {
}

#navigation ul li.selected a,#sub-navigation ul li.selected a {
	color:#00adf0;
}

/* main sub nav */

#navigation ul li ul {
	margin:0px 0px 0px 20px;
}

#navigation ul li ul li a,#navigation ul li.selected ul li a {
	font-weight:normal;
	color:#999;
}
#navigation ul li ul li a:hover,
#navigation ul li ul li.selected a,
#navigation ul li.selected ul li a:hover {
	color:#00adf0;
}

#sub-navigation ul li span.client {
	display:block;
	color:#999;
}

#sub-navigation ul li.selected span.client {

}

#sub-navigation ul li span.small {
	font-size:9px;
}

#sub-navigation ul li.selected span.small {
	display:block;
}

#sub-navigation p {
	margin:0px 10px;
}

#panel-text {
	padding-bottom:30px;
}

#panel-text h3 {
	padding-left:0px;
	background:none;
}

#panel-text h3 span.small {
	font-size:9px;
	color:#666;
}

#panel-text p {
	margin:0px 10px;
}

#panel-text p.detail {
}

#sub-navigation p.detail {
}

#sub-navigation div.page-text {
	margin:30px 10px 30px 10px;
}

#sub-navigation div.page-text p {
	margin:0px;
}

#panel-text div.page-text p {
	margin:0px;
}

#sub-navigation div.page-text p.address-title {
	margin-top:20px;
}

#sub-navigation div.address {
}

#sub-navigation div.page-text p.find {
	margin-top:15px;
	font-size:9px;
}

#panel-text div.page-text {
	margin:13px 10px 0px 10px;
	padding-bottom: 13px;
}

#content-text p {
	margin-bottom:12px;
}

#content-text {
	width:516px;
	float:left;
	position:relative;
	z-index:5;
	margin-left:12px;
	background-image:url(/images/panel-bg.png);
	display:inline;
}

#content-text.project {
	
}

#thumbnails {
	float:left;
	width:100%;
	padding-bottom:10px;
	position: relative;
	height:71px;
}

.thumb-groups {
	width:910px;
	position: absolute;
	left:30px;
	overflow:hidden;
	height:71px;
}

.thumb-group {
	width:920px;
	position: absolute;
	left:0px;
}

#thumbnails .next-thumb {
	position:absolute;
	right:20px;
	top:30px;
	display:none;
}

#thumbnails .prev-thumb {
	position:absolute;
	left:10px;
	top:30px;
	display:none;
}

#thumbnails .next-thumb img, #thumbnails .prev-thumb img {
	width:10px;
}

#thumbnails div.thumb {
	float:left;
	margin:10px 0px 0px 10px;
	height:61px;
	width:105px;
	position: relative;
	overflow:hidden;
}

#thumbnails div img {
	position: absolute;
	top:-1px;
}

#browser {
	width:385px;
	height:100px;
	float:right;
	position:relative;
	z-index:5;
	margin-right:20px;
	display:inline;
}

#content-text {
	padding-bottom:10px;
}

h1,h3 {
	color:#f9a801;
	margin:20px 10px 0px 10px;
	font-weight:normal;
}

#content-text h3 {
	margin-top:20px;
	border-bottom:0px;
	font-weight:bold;
}

#content-text h3.project-title {
	color:#999;
	font-size:18px;
}

#content-text .page-text,#content-text .pagination  {
	width:400px;
	margin:20px 10px 0px 10px;
}

#content-text .pagination  {
	position:absolute;
	left:0px;
	bottom:0px;
}

#prevPage,#pageSep {
	display:none;
}

#content-text .page-text p {
	margin:0px 0px 12px 0px;
	color:#999;
}

p.next-page {
	background-image:url(../images/arrow-green.png);
	background-repeat:no-repeat;
	background-position: 2px 5px;
}

#news {
	margin:20px 0px;
}

.news-item {
	margin:0px 0px 15px 0px;
}

.news-item h3 {
	padding:1px 0px;
	background:none;
	color:#666;
	border-bottom:0px;
	margin:0px 10px;
	font-weight:normal;
}

.news-item a {
	color:#999;
}
.news-item a:hover,.news-item a.selected {
	color:#00adf0;
}

p.author {
	color:#00FF00;
	font-size:9px;
	padding-bottom:2px;
}

p.date {
	font-size:11px;
	color:#999;
}

#footer {
	float:left;
	width:100%;
	background-color:#FFF;
	border-bottom:1px solid #CCC;
}

#recent {
	float:left;
	width:100%;
	background-color:#FFF;
}

#breadcrumbs {
	float:left;
}

#recent p.title {
	background-image:url(../images/recent-arrow.gif);
	padding:18px 0px 15px 60px;
	font-weight:bold;
	background-repeat:no-repeat;
	margin:15px 0px 0px 15px;
}

#recent-list {
	float:left;
	padding:0px 0px 30px 20px;
}

#recent h3 {
	padding:0px;
	border:none;
	margin:10px 0px 7px 0px;
}

#recent h3 a {
	text-decoration:underline;
}

.recent-project {
	float:left;
	margin-right:10px;
	position: relative;
	width:303px;
	height:160px;
}

.news-image {
	position:absolute;
	left:0px;
	top:33px;
}

#footer #breadcrumbs p {
margin:15px 0px 0px 15px;
	
}

#footer #breadcrumbs p.title {
	background-image:url(../images/breadcrumbs-arrow.gif);
	padding:18px 0px 15px 60px;
	font-weight:bold;
	background-repeat:no-repeat;
	margin:15px 0px 0px 15px;
}

#footer p {	
	padding:1px 0px 1px 0px;
	margin:0px 0px;
}

#footer #browser {
	border-bottom:8px solid #CCC;
	padding:20px 0px 20px 0px;
	width:325px;
	margin:0px;
}


#footer #browser a,#footer #browser p {
	color:#CCC;
}

#footer p.browse {
	color:#CCC;
	background-image:url(../images/arrow.png);
	background-repeat:no-repeat;
	background-position: 2px 5px;
	margin:20px 10px 0px 0px;
}

#footer p.credits {
	margin:30px 10px 20px 10px;
	border-top:1px solid #999;
}

#footer p.share {
	margin-top:85px
}

#footer p.credits a,#footer p.share a {
}

#footer p.credits a span,#footer p.share a span {
	color:#CCC;
}

#bottom {
	float:left;
	width:100%;
	height:100px;
	background-color:#f4f5ef;
}

#bottom-links {
	width:325px;
	float:right;
	border-top:8px solid #CCC;
}

#bottom p {
	margin:10px 0 0 0px;
}
#bottom a {
	color:#CCC;
}

.search-result h3 {
	margin-left:0px
}

/* contact form */

#contact-form {
	position:absolute;
	left:340px;
}

.contact-details {
	position: absolute;
	left:7px;
	top:160px;
}
.contact-details p {
	color:#FFF;
}
#contact-form h1 {
	margin-left:0px;
	margin-bottom:20px;
}
#contact-form p.bottom {
	margin-bottom:10px;
}

#contact-form table tr td table tr td {
	padding:4px 3px;
	color:#FFF;
}

#contact-form p {
	color:#FFF;
}

#contact-form table tr td table tr td.right {
	
}

#contact-form table tr td table tr td.section {
	padding:15px 3px 7px 3px;
}

#contact-form span.req {
	color:#f9a801;
}

#contact-form input.text {
	background-image: url(/images/textinput-bg.gif);
	background-repeat: no-repeat;
	width:200px;
	height:21px;
	background-color:transparent;
	color:#666;
	border:0px;
	padding:0px 5px;
	font:12px Arial;
}

#contact-form textarea {
	width:255px;
	height:155px;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	border:0px;
	padding:5px;
	font:12px Arial;
}



/* homepage banners */

.drop-banner {
	width:188px;
	overflow:hidden;
	height:490px;
	float:left;
	margin:0px 5px 200px 0px;
	position:relative;
}

.drop-banner.last {
	margin-right:0px;
}

.drop-image,.drop-text {
	position:absolute;
	top:0px;
	left:0px;
}

.drop-text {
	width:100%;
	background-color:#c4c7c7;
	height:240px;
	display:none;
}

.drop-text p {
	margin:7px 10px;
	color:#FFF;
}