/* CSS Document for archstudio2227.com
Created by: Polite Design Inc :: 2116 locust Street, Philadelphia, PA 19103, USA :: 215. 985. 4818 :: www.politedesign.com
Date:	Feb 2009
Modified:N/A */

* {
	margin:0;
	padding:0;
}
html, body {
	height:100%;
	width:100%;
}
html { 
	margin-bottom: 1px; 
}
body {
	font-family:arial,helvetica,sans-serif;
	font-size:11px;
	font-style:normal;
	font-variant:normal;
	letter-spacing:normal;
	font-weight:lighter;
	color:#FFFFFF;
	background-color:#000000; 
	text-align:center; /* horizontal centering for IE Win quirks */
}
body a, a:hover, a:focus {
	border:none;
	outline:none;
	text-decoration:none;
}
body div.fadeinText {
	display: none;
}
#distance { 
	width:1px;
	height:1%;
	background-color:#000000;
	float:left;
}
#wrapper {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	clear:left;		
	width:955px;
	height:auto;
	color:#FFFFFF; 
	background-color:#000000;
}
body img {
	border-style:none;
	outline:none;
	margin:0px;
}
/*structure — header*/
#header {
	float:left;
	width:955px;
	height:50px;
	border:0px;
	padding:0px;
	margin-bottom:5px;
	color:#FFFFFF; 
	background-color:#000000;
}
#logo {
	float:left;
	width:217px;
	height:50px;
	border:0px;
	padding:0px;
	margin-left:1px;
}
#logo a,
#logo a:focus,
#logo a:hover {
	border:none;
	outline:none;
	text-decoration:none;
	padding:0px;
	margin:0px;
}
/*structure — topnav*/
#topnav {
	clear:both;
	float:left;
	width:955px;
	height:120px;
	border:0px;
	padding:0px;
	margin-bottom:15px;
	color:#FFFFFF; 
	background-color:#000000;
	border-top:solid 1px #80888F;
}
#topnav ul {
	list-style-type:none;
	float:left;
	width:170px;
	height:115px;
	border:0px;
	padding:5px 10px 0px 10px;
	margin-bottom:20px;
	color:#FFFFFF; 
	background-color:#000000;
	border-right:solid 1px #80888F;
}
#topnav ul.borderLeft {
	border-left:solid 1px #80888F;
}
#topnav ul.noBorderRight {
	border-right:0px;
}
#topnav ul li {
	list-style-type:none;
}
#topnav ul li a {
	display:block;
	width:170px;
	padding:1px 0px 1px 0px;
	margin-bottom:2px;
	color:#FFFFFF;
	background-color:#6A737B;
}
#topnav ul li a:focus,
#topnav ul li a:hover {
	color:#FFFFFF;
	background-color:#FF0000;
}
#topnav ul li a.blackBkg {
	display:block;
	width:170px;
	padding:1px 0px 1px 0px;
	margin-bottom:2px;
	color:#80888F;
	background-color:#000000;
	font-size:10px;
}
#topnav ul li a.blackBkg:focus,
#topnav ul li a.blackBkg:hover {
	color:#FFFFFF;
	background-color:#000000;
}
#topnav ul li a#currentTopnav1 {
	display:block;
	width:170px;
	padding:1px 0px 1px 0px;
	margin-bottom:2px;
	color:#FF0000;
	background-color:#000000;
}
#topnav ul li a#currentTopnav2 {
	display:block;
	width:170px;
	padding:1px 0px 1px 0px;
	margin-bottom:2px;
	color:#FFFFFF;
	background-color:#FF0000;
}
/*structure — subWrapper containing left navigation and content*/
#subWrapper {
	clear:both;
	float:left;
	position:relative;
	width:955px;
	height:auto;
	border:0px;
	padding:0px;
	margin:0px;
	color:#FFFFFF; 
	background-color:#000000;
}
#subWrapper.borderTop {
	border-top:solid 1px #80888F;
	padding:0px;
	margin:0px;
}
#subWrapper.fixedHeight {
	height:360px;
}
#subWrapper #homeSlideShowContainer {
	float:left;
	margin-left:190px;
	margin-top:10px;
	position:relative;
	width:573px;
	height:350px;
	padding:0px;
	z-index:0;	
}
#homeSlideShowContainer #bkgImg {
	position:absolute;
	top:0;
	left:0;
	padding:0px;
	margin:0px;
	border-style:none!important;
	outline:none!important;
	border:0px!important;
	z-index:0;
}
/*structure — left navigation column*/
#leftCol {
	float:left;
	width:170px;
	height:auto;
	padding:10px;
	margin:0px;
	border:0px;
}
#leftCol ul {
	list-style-type:none;
	float:left;
	width:170px;
	height:auto;
	padding:0px;
	margin:0px;
}
#leftCol ul li {
	list-style-type:none;
}
#leftCol ul li a {
	display:block;
	width:170px;
	padding:1px 0px 1px 0px;
	margin-bottom:2px;
	color:#FFFFFF;
	background-color:#6A737B;
}
#leftCol  ul li a:focus,
#leftCol  ul li a:hover {
	color:#FFFFFF;
	background-color:#FF0000;
}
#leftCol ul li a#currentLeftcol {
	color:#FFFFFF;
	background-color:#FF0000;
}
/*structure — top content on right of leftnav*/
#rightWrap {
	float:left;
	width:755px;
	height:auto;
	padding:0px;
	margin-left:10px;
	position:relative;
}
#rightWrap.fixedHeight {
	height:360px;
}
#rightCol {
	float:left;
	width:744px;
	height:auto;
	padding:10px 10px 10px 0px;
	border-top:solid 1px #80888F;
	position:relative;
}
#rightCol a {
	color:#80888F;
}
#rightCol a:hover,
#rightCol a:focus {
	color:#FF0000;
}
#rightCol #textOnly {
	float:left;
	width:600px;
	height:auto;
	padding:0px;
}
#textOnly p {
	font-size:11px;
	line-height:14px;
	color:#F0F1F2;  
	margin-bottom:10px;
	font-weight:lighter;
	letter-spacing:normal;
}
#textOnly p.aboutText {
	font-size:18px;
	line-height:24px;
	color:#979DA3;
	margin-bottom:15px;
	font-family:'helvetica neue', Helvetica, Arial, sans-serif;
}
#textOnly a {
	color:#FF0000;	
}
#textOnly a:focus,
#textOnly a:hover {
	color:#FFFFFF;	
}
/*Studio section*/
#peopleImages {
	float:left;
	width:744px;
	height:auto;
	padding:0px;
	margin-bottom:10px
}
#peopleImages .personThumb {
	float:left;
	width:85px;
	height:57px;
	padding:0px;
	margin-right:10px;
}
#peopleImages .personThumb img {
	float:left;
	width:87px;
	height:59px;
	padding:0px;
	margin:0px;
	border:solid 1px #000000;
}
#peopleImages .personThumb img:hover.redBorder {
	border:solid 1px #FF0000;
}
#rightCol #peopleInfoWrap {
	float:left;
	width:740px;
	height:auto;
	padding:0px;
}
#peopleInfoWrap #singlePhoto {
	float:left;
	width:170px;
	height:115px;
	margin-right:20px;
}
#peopleInfoWrap #bio {
	float:left;
	width:435px;
	height:auto;
	margin:0px;
} 
#bio p {
	font-size:12px;
	line-height:18px;
	font-weight:lighter;
	letter-spacing:normal;
	margin-bottom:10px;
	color:#F0F1F2;  
}
#bio .boldRed {
	font-weight:bold;
	color:#FF0000;
}
/*Projects image gallery and text section*/
#largePhoto {
	float:left;
	width:465px;
	height:750px;
	padding:0px;
	margin:0px;
}
#galleryTextWrap {
	float:left;
	width:260px;
	height:auto;
	padding:0px 0px 0px 10px;
	margin:0px;
}
#thumbsWrap {
	float:left;
	width:260px;
	height:auto;
	padding:0px;
	margin:0px;
	position:relative;
}
#thumbsWrap ul.gallery {
	list-style: none;
	margin:0px;
	padding:0px;
	width:260px;
	}
ul.gallery li {
	display: block;
	float: left;
	width: 65px;
	height: 65px;
	margin: 0px 10px 10px 0px;
	border: 1px solid #000000;
	padding: 0px;
	}
ul.gallery li:hover { 
	border: 1px solid #FF0000; 
}
ul.gallery li:active { 
	border: 1px solid #FF0000; 
}
ul.gallery li.active { 
	border: 1px solid #FF0000; 
}
#projectText {
	clear:both;
	float:left;
	width:260px;
	margin-top:20px;
	padding:0px;
}
#projectText p {
	font-size:12px;
	line-height:14px;
	letter-spacing:normal;
	color:#F0F1F2; 
	margin-bottom:10px;
}
#projectText p .projectHead {
	font-size:16px;
	line-height:20px;
	color:#FF0000;
	margin-bottom:10px;
}
#projectText a {
	color:#80888F; 
}
#projectText a:hover,
#projectText a:focus {
	color:#FF0000; 
}
/*	* CSS bug fixing */
.clear { clear: both; }
/* Clearfix 
.cf:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.cf {
    display: inline-block;
}
 html[xmlns] .cf {
    display: block;
}
* html .cf {
    height: 1%;
} */
/*News Section*/
#publicationsSlideShowContainer {
	float:left;
	position:relative;
	width:275px;
	height:425px;
	margin:0px;
	padding:0px;
}
#publicationsSlideShowContainer #bkgImgPublications {
	position:absolute;
	top:0;
	left:0;
	padding:0px;
	margin:0px;
	border-style:none!important;
	outline:none!important;
	border:0px!important;
	z-index:0;
}
#newsText {
	float:left;
	width:450px;
	margin-left:10px;
	padding:0px;
}
#newsText p {
	font-size:12px;
	line-height:14px;
	letter-spacing:normal;
	color:#F0F1F2; 
	margin-bottom:10px;
}
#newsText a {
	color:#B4B9BD;
	text-decoration:underline; 
}
#newsText a:hover,
#newsText a:focus {
	color:#80888F; 
}
#newsText  .divider {
	display:block;
	border-top:1px solid #6A737B;
	margin:10px 0px 10px 0px;
	width:450px;
	height:1px;
}
#awardsText {
	float:left;
	width:563px;
	margin:0px;
	padding:0px;
}
#awardsText  p {
	font-size:12px;
	line-height:14px;
	letter-spacing:normal;
	color:#F0F1F2; 
	margin-bottom:5px;
}
#awardsText a {
	color:#979DA3;
	text-decoration:underline;
}
#awardsText a:hover,
#awardsText a:focus {
	color:#FFFFFF;
}
#awardsText  .divider {
	display:block;
	border-top:1px solid #6A737B;
	margin:10px 0px 10px 0px;
	width:563px;
	height:1px;
}
/*Contact section*/
#contactFormContainer {
	float:left;
	width:570px;
	height:auto;
	margin-top:5px;
}
#contactFormContainer p {
	clear:both;
	display:block;
	width:570px;
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	letter-spacing:normal;
	text-align:left;
	vertical-align:top;
	margin:0px 0px 10px 0px;
	color:#6A737B;
}
#contactFormContainer .message {
	float:left;
	display:block;
	width:400px;
	height:auto;
}
 .message p {
 	margin-top:10px;
 }
.warning {
	font-family:arial,helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#FF0000;
}
#contactFormContainer #feedback {
	float:left;
	width:570px;
	height:auto;
	margin-bottom:20px;
}
#feedback .formbox {
	color:#000000;
	background-color:#E1E3E5;
}
#feedback label {
	width:570px;
	margin:0px;
	padding:0px;
	font-size:11px;
	color:#FFFFFF;
	background-color:#000000;
}
#feedback input { 
	width:570px;
	height:15px;
	margin:0px;
	color:#000000;
	background-color:#E1E3E5;
	border:solid 1px #000000;
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	vertical-align:middle;
}
#feedback textarea {
	width:570px;
	margin:0px;
	color:#000000;
	background-color:#E1E3E5;
	border:solid 1px #000000;
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	text-align:left;
	vertical-align:middle;
}
#feedback textarea.leftAlign {
	text-align:left;
}
#feedback input.submitbutton {
	width:100px;
	height:15px;
	margin:0px;
	padding:0px;
	text-align:left;
	vertical-align:middle;
	color:#000000;
	background-color:#E1E3E5;
	font-family:arial,helvetica,sans-serif;
	font-size:10px;
}
#feedback input.hiddenfield {
	display: none;
	visibility:hidden;
}
#feedback br {
	clear:left;
}
#feedback noPadding {
	padding:0px;
}
a.form {
	color:#6A737B;
}
a.form:hover,
a.form:focus {
	color:#80888F;
}
#rightCol #addressInfo {
	position:absolute;
	top:10px;
	left:580px;
	width:170px;
	margin:0px 0px 10px 10px;
	padding:0px;
}
#addressInfo p {
	font-size:11px;
	line-height:14px;
	color:#F0F1F2;  
	margin-bottom:10px;
}
/*sitemap*/
#sitemapText {
	float:left;
	width:563px;
	margin:0px;
	padding:0px;
}
#sitemapText ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
#sitemapText ul li {
	font-size:11px;
	line-height:13px;
	letter-spacing:normal;
	color:#6A737B; 
	margin-bottom:0px;
	padding:0px;
}
#sitemapText ul li ul li {
	margin:10px;
}
#sitemapText ul li ul li ul li {
	margin:10px;
}
#sitemapText ul li a,
#sitemapText ul li ul li a,
#sitemapText ul li ul li ul li a {
	color:#6A737B; 
	text-decoration:underline;
}
#sitemapText ul li a.white,
#sitemapText ul li ul li a.white,
#sitemapText ul li ul li ul li a.white {
	color:#F0F1F2;
	text-decoration:underline;
}
#sitemapText ul li a.white:hover,
#sitemapText ul li a.white:focus,
#sitemapText ul li ul li a.white:hover,
#sitemapText ul li ul li a.white:focus,
#sitemapText ul li ul li ul li a.white:hover,
#sitemapText ul li ul li ul li a.white:focus {
	color:#FF0000;
	text-decoration:underline;
}
#sitemapText  li.divider {
	display:block;
	border-top:1px solid #6A737B;
	margin:0px 0px 5px 0px;
	padding:0px;
	height:1px;
}
#sitemapText .gray50Underline {
	color:#B4B9BD;
	text-decoration:underline;
}
/*structure — ;*/
#wrapper #footer {
	clear:both;
	float:left;
	width:955px;
	padding:5px 0px 5px 0px;
	margin-top:10px;
	border-top:solid 1px #80888F;
	z-index:10;
}
#footer ul {
	float:left;
	display:inline;
	list-style:none;	
}
#footer ul li {
	display:inline;
	list-style-type:none;
	font-size:11px;
	color:#B4B9BD;
}
#footer ul li.rightBorder {
	display:inline;
	list-style-type:none;
	font-size:11px;
	border-right:solid 1px #80888F;
	padding:0px;
}
#footer ul li a {
	text-decoration:none; 
	padding:0px 10px 0px 10px;
	margin:0px;
	border-right:solid 1px #80888F;
	color:#B4B9BD;
	background-color:#000000;
	font-size:11px;
}
#footer ul li a:focus,
#footer ul li a:hover {
		color:#80888F;
}
#footer ul li a.polite {
	color:#6A737B;
	border-right:solid 1px #80888F;
}
#footer ul li a.polite:focus,
#footer ul li a.polite:hover {
	color:#B4B9BD;
}
#footer ul li a#currentFooter {
	color:#FF0000;
	text-decoration:underline;
}
/*general typography*/
p {
	font-family:arial,helvetica,sans-serif;
	font-size:11px;
	font-style:normal;
	font-variant:normal;
	font-weight:lighter;
	letter-spacing:normal;
	color:#F0F1F2;  
}
h1 {
	font-family:arial,helvetica,sans-serif;
	font-size:14px;
	font-weight:lighter;
	color:#80888F; 
	letter-spacing:normal; 
}
/*general classes*/
.white {
	color:#FFFFFF;
}
.black {
	color:#000000;
}
.red {
	color:#FF0000;
}
.gray {
	color:#6A737B;
}
.gray10 {
	color:#F0F1F2;
}
.gray20 {
	color:#E1E3E5;
}
.gray30 {
	color:#D2D5D7;
}
.gray50 {
	color:#B4B9BD;
}
.gray70 {
	color:#979DA3;
}
.bold {
	font-weight:bold;
}
.boldRed {
	font-weight:bold;
	color:#FF0000;
}
.noPad {
padding-left:0px;
}
.marginTop10 {
	margin-top:10px;
}
.marginBottom10 {
	margin-bottom:10px;
}
.noUnderline {
	text-decoration:none;
}
.underline {
	text-decoration:underline;
}
.padRight10 {
	padding-right:10px;
}
.smallText {
	font-size:10px;
}
.lineSpacer563 {
	display:block;
	margin:5px 0px 5px 0px;
	width:563px;
	height:3px;
}