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 .add_this_box {
 
  
 
  
}

#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 10px 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;

}


#wrapper #content .image_left {
 float:left;
 padding: 0 0 7px 0;
}

#wrapper #content .image_right {
 float:right;
 padding: 0 0 7px 0;
}

.no_pad{
 padding:0px;
}

#wrapper #content #main_gallery .caption-left{



text-transform: none;



font-size: 10px;



font-weight: normal;



text-transform: uppercase;



padding: 0 15px 15px 0;



float:left;



}