body {

font-family: Arial, Helvetica, Sans-Serif;

font-size: 11px;

color: #999;

background-color:#fff;

}

#wrapper {

background-color: #fff;

width: 1000px;

margin: 0 auto;

}

#secondary-background {

width: 1056px;

margin: 0 auto;

}

#wrapper  #header {

background-color: #fff;

}

#wrapper  #header a {

background: url(../Images/logo.jpg) #fff 0px 0px no-repeat;

height: 115px;

display: block;

width: 409px;

}

#wrapper .break {

border-top: solid 1px #ccc;

margin: 0 15px 0 30px;

height: 10px;

}

#wrapper #info {

margin: 0 0 0 30px;

}

#wrapper  #navigation {

padding: 0px 15px 0 0;

width: 167px;

float: left;

}

#wrapper  #navigation a {

display: block;

}

/*	Main Navigation Styles	*/

#wrapper  #navigation a span {

display: none;

}

#wrapper  #navigation .main {

margin: 4px 0 20px 0;

}

#wrapper  #navigation .main a {

height: 24px;

display: block;

background: url(../Images/resources.gif) #fff no-repeat;

}

#wrapper  #navigation  a.studio { background-position: -10px -22px; }

#wrapper  #navigation  a:hover.studio { background-position: -450px -22px; }

#wrapper  #navigation  a.studio_on { background-position: -240px -22px; }

#wrapper  #navigation  a.work { background-position: -10px -45px; }

#wrapper  #navigation  a:hover.work { background-position: -450px -45px; }

#wrapper  #navigation  a.work_on { background-position: -240px -45px; }

#wrapper  #navigation  a.news { background-position: -10px -69px; }

#wrapper  #navigation  a:hover.news { background-position: -450px -69px; }

#wrapper  #navigation  a.news_on { background-position: -240px -69px; }

#wrapper  #navigation  a.contact { background-position: -10px -94px; }

#wrapper  #navigation  a:hover.contact { background-position: -450px -94px; }

#wrapper  #navigation  a.contact_on { background-position: -240px -94px; }

/*	Secondary Navigation Styles	*/

#wrapper  #navigation .secondary {

margin: 10px 0 20px 0;

}

#wrapper  #navigation .secondary  a {

height: 20px;

display: block;

background: url(../Images/resources.gif) #fff no-repeat;

}

#wrapper #navigation .secondary a.civic { background-position: -10px -131px; }

#wrapper #navigation .secondary a.comm { background-position: -10px -150px; }

#wrapper #navigation .secondary a.institute { background-position: -9px -170px; }

#wrapper #navigation .secondary a.resident { background-position: -10px -189px; }

#wrapper #navigation .secondary a.case { background-position: -10px -208px; }



#wrapper #navigation .secondary a:hover.civic { background-position: -450px -131px; }

#wrapper #navigation .secondary a:hover.comm { background-position: -450px -150px; }

#wrapper #navigation .secondary a:hover.institute { background-position: -449px -170px; }

#wrapper #navigation .secondary a:hover.resident { background-position: -450px -189px; }

#wrapper #navigation .secondary a:hover.case { background-position: -450px -208px; }



#wrapper #navigation .secondary a.civic_on { background-position: -240px -131px; }

#wrapper #navigation .secondary a.comm_on { background-position: -240px -150px; }

#wrapper #navigation .secondary a.institute_on { background-position: -239px -170px; }

#wrapper #navigation .secondary a.resident_on { background-position: -240px -189px; }

#wrapper #navigation .secondary a.case_on { background-position: -240px -208px; }



#wrapper #navigation .alternative {

	margin: 10px 0 20px 0;

}

#wrapper #navigation .alternative a {

	height: 20px;

	display: block;

	background: url(../Images/subresources.gif) #fff no-repeat;

}

#wrapper #navigation .alternative a.alt_1 { background-position: -17px -204px; }

#wrapper #navigation .alternative a.alt_2 { background-position: -17px -224px; }

#wrapper #navigation .alternative a.alt_3 { background-position: -17px -244px; }

#wrapper #navigation .alternative a.alt_4 { background-position: -17px -262px; }

#wrapper #navigation .alternative a.alt_5 { background-position: -16px -18px; }

#wrapper #navigation .alternative a.alt_6 { background-position: -16px -37px; }

#wrapper #navigation .alternative a.alt_7 { background-position: -16px -56px; }

#wrapper #navigation .alternative a.alt_8 { background-position: -16px -114px; }

#wrapper #navigation .alternative a.alt_9 { background-position: -16px -133px; }

#wrapper #navigation .alternative a:hover.alt_1 { background-position: -413px -204px; }

#wrapper #navigation .alternative a:hover.alt_2 { background-position: -413px -224px; }

#wrapper #navigation .alternative a:hover.alt_3 { background-position: -413px -244px; }

#wrapper #navigation .alternative a:hover.alt_4 { background-position: -413px -262px; }

#wrapper #navigation .alternative a:hover.alt_5 { background-position: -412px -18px; }

#wrapper #navigation .alternative a:hover.alt_6 { background-position: -412px -37px; }

#wrapper #navigation .alternative a:hover.alt_7 { background-position: -412px -56px; }

#wrapper #navigation .alternative a:hover.alt_8 { background-position: -412px -114px; }

#wrapper #navigation .alternative a:hover.alt_9 { background-position: -412px -133px; }

#wrapper #navigation .alternative a.alt_1_on { background-position: -215px -204px; }

#wrapper #navigation .alternative a.alt_2_on { background-position: -215px -224px; }

#wrapper #navigation .alternative a.alt_3_on { background-position: -215px -244px; }

#wrapper #navigation .alternative a.alt_4_on { background-position: -215px -262px; }

#wrapper #navigation .alternative a.alt_5_on { background-position: -214px -18px; }

#wrapper #navigation .alternative a.alt_6_on { background-position: -214px -37px; }

#wrapper #navigation .alternative a.alt_7_on { background-position: -214px -56px; }

#wrapper #navigation .alternative a.alt_8_on { background-position: -214px -114px; }

#wrapper #navigation .alternative a.alt_9_on { background-position: -214px -133px; }



/*	Final Navigation Styles	*/

#wrapper  #navigation .final {

margin: 10px 0 15px 0;

}

#wrapper  #navigation .final a.on {

color: #666;

}

#wrapper  #navigation .final a {

color: #ccc;

text-decoration: none;

}

#wrapper  #navigation .final a:hover {

color: #53682B;

}

#wrapper #navigation .final ul {

	list-style-type: none;

	margin: 3px 0 3px 10px;

	padding: 0;

}

#wrapper #navigation .final li {

	border-bottom: solid 1px #fff;

}

#wrapper  #navigation .copyright {

border-top: solid 1px #ccc;

color: #ccc;

margin: 10px 0 20px 0;

padding: 12px 0 10px 0;

}

#wrapper  #navigation .copyright_splash {

color: #ccc;

margin: 5px 0 20px 0;

padding: 0 0 10px 0;

}

#wrapper #content {

width: 773px;

float: left;

}

#wrapper #content .column-one {

width: 182px;

float: left;

margin: 0 15px 0 0;

}

#wrapper #content .column-two {

width: 379px;

float: left;

margin: 0 15px 0 0;

}

#wrapper #content .column-three {

width: 576px;

float: left;

margin: 0 15px 0 0;

}

#wrapper #content .column-four {

width: 773px;

float: left;

margin: 0;

}

#wrapper #content .home-spacer {

	display: block;

	clear: left;

	height: 12px;

}

#wrapper #content .column_no_margin {

	margin: 0;

}

#wrapper #content .last-column {

margin: 0;

}

#wrapper #content .thumb {

float: left;

width: 788px;

display: block;

}

#wrapper #content .tinyspace {

	padding: 2px 0 0 0;

}

#wrapper #content .headspace {

	padding: 5px 0 0 0;

}

#wrapper #content .footspace {

	padding: 15px 0 0 0;

}

#wrapper #content .case-study {

	color: #ccc;

}

#wrapper #content a {

	color: #999;

	text-decoration: none;

}

#wrapper #content a:hover {

	color: #666;

	text-decoration: underline;

}

#wrapper #content .home-head {

	font-size: 13px;

	font-weight: bold;

}

#wrapper #content #numbers  {

float: left;

width: 100%;

display: block;

padding: 4px 0 14px 0;

}

#wrapper #content #numbers a {

float: left;

width: 25px;

height: 13px;

color: #999;

text-decoration: none;

background: url(../Images/resources.gif) #fff no-repeat;

}

#wrapper #content #numbers a#n1 { background-position: -9px -248px; }

#wrapper #content #numbers a#n2 { background-position: -34px -248px; }

#wrapper #content #numbers a#n3 { background-position: -63px -248px; }

#wrapper #content #numbers a#n4 { background-position: -92px -248px; }

#wrapper #content #numbers a#n5 { background-position: -121px -248px; }

#wrapper #content #numbers a#n6 { background-position: -150px -248px; }

#wrapper #content #numbers a#n7 { background-position: -179px -248px; }

#wrapper #content #numbers a#n8 { background-position: -208px -248px; }

#wrapper #content #numbers a#n9 { background-position: -237px -248px; }

#wrapper #content #numbers a#n10 { background-position: -263px -248px; }

#wrapper #content #numbers a#n11{ background-position: -291px -248px; }

#wrapper #content #numbers a:hover#n1 { background-position: -9px -313px; }

#wrapper #content #numbers a:hover#n2 { background-position: -34px -313px; }

#wrapper #content #numbers a:hover#n3 { background-position: -63px -313px; }

#wrapper #content #numbers a:hover#n4 { background-position: -92px -313px; }

#wrapper #content #numbers a:hover#n5 { background-position: -121px -313px; }

#wrapper #content #numbers a:hover#n6 { background-position: -150px -313px; }

#wrapper #content #numbers a:hover#n7 { background-position: -179px -313px; }

#wrapper #content #numbers a:hover#n8 { background-position: -208px -313px; }

#wrapper #content #numbers a:hover#n9 { background-position: -237px -313px; }

#wrapper #content #numbers a:hover#n10 { background-position: -263px -313px; }

#wrapper #content #numbers a:hover#n11{ background-position: -291px -313px; }

#wrapper #content #numbers a#n1_on { background-position: -9px -279px; }

#wrapper #content #numbers a#n2_on { background-position: -34px -279px; }

#wrapper #content #numbers a#n3_on { background-position: -63px -279px; }

#wrapper #content #numbers a#n4_on { background-position: -92px -279px; }

#wrapper #content #numbers a#n5_on { background-position: -121px -279px; }

#wrapper #content #numbers a#n6_on { background-position: -150px -279px; }

#wrapper #content #numbers a#n7_on { background-position: -179px -279px; }

#wrapper #content #numbers a#n8_on { background-position: -208px -279px; }

#wrapper #content #numbers a#n9_on { background-position: -237px -279px; }

#wrapper #content #numbers a#n10_on { background-position: -263px -279px; }

#wrapper #content #numbers a#n11_on{ background-position: -291px -279px; }

#wrapper #content #numbers a#next { width: 58px; height: 13px; float: right; background-position: -527px -279px; }

#wrapper #content #numbers a:hover#next { background-position: -527px -313px; }



#wrapper #content h2 {

margin: 2px 10px 0 0;

font-size: 12px;

}

#wrapper #content .place {

font-weight: bold;

}

#wrapper #content .copy {

margin: 10px 0;

}

#wrapper #content .copy  a {

	color: #999;

}

#wrapper #content .copy  a:hover {

	color: #666;

}

#wrapper #content .copy ul {

margin: 0 0 0 5px;

padding: 0 10px;

}

#wrapper #content .people {

	padding: 4px 0 0 0;

}

#wrapper #content .people-content {

	padding: 1px 0 0 0;

}

#wrapper #content #banner {

padding: 5px 0 0 0;

}

#wrapper #content .title {

clear: left;

padding: 10px 0;

font-weight: bold;

font-size: 12px;

text-transform: uppercase;

}

#wrapper #content .headline {

clear: left;

padding: 0 10px 0 0;

font-weight: bold;

font-size: 12px;

text-transform: uppercase;

}

#wrapper #content .pdf_icon {

	padding: 7px 0 10px 0;

	margin: 0;

	display:block;

}

#wrapper #content .contact_title {

clear: left;

padding: 15px 0 0 0;

font-weight: bold;

font-size: 12px;

text-transform: uppercase;

}

#wrapper #content .home_title {

clear: left;

padding: 2px 0 10px 0;

font-weight: bold;

font-size: 12px;

text-transform: uppercase;

}

#wrapper #content .second_title {

	padding-top: 10px;

}

#wrapper #content .gallery_image {

padding: 0;

clear: left;

padding: 0 0 15px 0;

}

#wrapper #content .image_w_caption {

padding: 0;

clear: left;

padding: 0 0 7px 0;

}

#wrapper #content .experience {

	padding: 2px 0 0 0;

}

#wrapper #content .image_right {

	float: right;

	margin: 0 0 0 15px;

}

#wrapper #content #showcase {

	margin: 5px 0 0 0;

}

#wrapper #content #main_gallery .title {

text-transform: none;

font-size: 11px;

font-weight: normal;

padding: 0 0 15px 0;

}

#wrapper #content #main_gallery .caption {

text-transform: none;

font-size: 10px;

font-weight: normal;

text-transform: uppercase;

padding: 0 15px 15px 0;

}

#wrapper #content #main_gallery .caption-clear{

text-transform: none;

font-size: 10px;

font-weight: normal;

text-transform: uppercase;

padding: 0 15px 15px 0;

clear:left;

}

#wrapper #footer {

clear: both;

height: 20px;

}

#wrapper #content .image_border {

padding: 0;

clear: left;

padding: 0 0 0px 0;
border:1px solid #cccccc;
}