/* General ---------------------------------------- */
	html {
		border: 0;
		margin: 0;
		}
	body {
		background-color: #565c61;
		text-align: center;	/* Win IE 5 Hack */
		font-family: georgia, times, serif;
		color: #333;
		margin: 0;
		padding: 20px 0px 30px 0px;
		
		}
		
/* layout styles ---------------------------------------- */

	#page { /* xxx */
/* 		clear: both; */
/* 		float: left; */
		width: 820px;
		text-align: left; 
		padding: 0 0;
		margin-left: auto;
		margin-right: auto;
		}
				
	#header {
/* 		clear: both; */
		float: left;
		width: 820px;
		height: 70px;
		background: #b5b5ab;
		/*background: url(../images/subheader.jpg) 0 0;*/
		margin: 0 0;
		}

/*
	#header img {
		border: none;
		margin: 0;
		padding; 0;
		}
*/

	#navigation {
 		clear: both;
		width: 820px;
		height: 35px;
		margin: 0 0 !important;
		margin: -3px 0;
		}

	#main {
/* 		clear: both; */
		float: left;
		width: 820px;
		margin: 0 0 !important;
		margin: 0 0;
		background:  url(../images/background.gif) 0 0 repeat-y;		
		}
		
	
/* leftBar ---------------------------------------- */
	#leftbar {
		clear:left;
		float: left;
		width: 100px;
		height: 175px;
		background: url('../images/textureleft.gif') no-repeat;
	}
	
	.services #leftbar {
		background: url('../images/leftside/left1.gif') no-repeat;
	}
	
	.employees #leftbar {
		background: url('../images/leftside/left5.gif') no-repeat;
	}
	
	.contact #leftbar {
		background: url('../images/leftside/left7.gif') no-repeat;
	}
	
	
	
		
		
 /* CONTENT ---------------------------------------- */
 
	#headline {
		clear: both;
		
		padding-top:0px;
		margin: 0 0;
		}
	
	#headline h1 {
		font-family: "myriad-pro-condensed-1","myriad-pro-condensed-2", Verdana, sans-serif;
		margin-left: 97px;
		background: url('../images/header1_bg.jpg') 0 0 no-repeat;
		padding: 7px 15px 0px 15px;
		font-size: 1.8em;
		color: black;
		font-weight: 600;
		letter-spacing: .04em;
		margin-top: 0;
	}
	
	

	#content { /* xxx  */
		float: left;
		padding: 9px 0 0 13px;
		width: 400px;
		background-color: #d7d7d2;
				}

	#contentwide { /* xxx  */
		float: left;
		padding:9px 0 0 13px;
		width: 600px;
		background-color: #d7d7d2;
				}

	#sidebar { /* xxx  */
		float: left;
		padding: 0px 0px 10px 0px;
		margin: 9px 15px 0px 50px;
		width: 215px;
		background-color: #e7e7e2;
				}
	
	#sidebar h3{    
		margin: 0;
		padding: 7px 15px 7px 15px;
		font-family: "myriad-pro-condensed-1","myriad-pro-condensed-2", Verdana, sans-serif;
		font-weight: 300;
		font-style: italic;
		color: white;
		font-size: 1.2em;
		letter-spacing: .06em;
		background: black;
	}
	
	#sidebar h4{    
		margin: 0;
		padding: 0px 15px 0 15px;
				}
	
	#sidebar h5{    
		margin: 0;
		padding: 9px 15px 9px 15px; 
				}
	
	#sidebar p{    
		padding: 0px 15px 0 15px;
				}

	#sidebar img.top{ /* xxx  */
		margin: 0;
		padding: 0em 0 .6em 0;
				}
	
	#sidebar img.middle{ /* xxx  */
		margin: 0;
		padding: 0.8em 0 0.5em 0;
				}
			
	#subNav {
		float: left;
		padding: 10px 0px 10px 0px;
		margin: 9px 15px 0px 50px;
		width: 215px;
		background-color: #e7e7e2;
	}	
	
	#subNav li {
		font-size: .8em;
		list-style: none;
		
	}		
	
	#subNav li.label {
		font-family: Verdana, sans-serif;
		font-weight: bold;
		color: #003366;
	}

	
/* Bottom ---------------------------------------- */
	#diagonals {
		clear: both;
		width:820px;
		height:71px;
		background:  url(../images/diagonals.gif) 0 0 no-repeat;		
		margin-left: auto;
		margin-right: auto;
		}
		
	#footer {
		clear: both;
		padding: 20px 0px 0px 0px;
		width:820px;
		height:130px;
		color: #555;
		text-align: left; 
		background: url(../images/footer.gif) 0 0 no-repeat;		
		margin-left: auto;
		margin-right: auto;
		}
		
	#info {
		width:770px;
}
		
	#info p.links {
		font-family: verdana, arial, helvetica sans-serif;
		font-size: .7em;
		padding:0px 0 0.6em 110px;
		}
		
	#info p.footernotes {
		padding:0 0 0 110px;
		margin-top: -0.5em;
		font-size: .6em;
		color: #666;
		}
		
	#info a {
		color: #900;
		text-decoration: none;
		font-weight: normal;
		}
		
	#info a:hover {
		color: #c00;
		text-decoration: underline;
		}

	
	@media print{ #info {
		display: none;
		}}
		
	#cowley {
		float: right;
		margin-right: 60px;
		width: 100px;
		border: none;
	}
	
/* end layout styles ---------------------------------------- */


/* text formatting styles ---------------------------------------- */
		
	strong {
		font-weight: bold;
		}

	em {
		font-style: italic;
		}

	a:link{
		text-decoration: none;
		/*color: #036;*/
		color: #cc0000;
		}
	
	/* comment */
	a:visited{
		/*color: #458;*/
		color: #770000;
		text-decoration: none;
		}
	
	/* temporary style to hide underlines for sneaky client login simulation */
	#sidebar a:hover {
		color: #200;
		text-decoration: none;
		}


	/* comment */
	a:active {
		color: #999;
		text-decoration: underline;		
		}
		
/* comment */
	h1, h2, h3, h4, h5, h6 {	
		font-family: verdana, arial, helvetica sans-serif;
		margin-bottom: .3em !important;
		margin-bottom: 0.2em; /* IE-Win hack */
 		color: #036;		
 		}
	
/* comment */
	#content h1, h2, h3, h4, h5, h6 {	
		margin-top: 0.9em;
 		}
	
/* comment */
	h2:first-child, h3:first-child, h4:first-child, h5:first-child {	
		margin-top: 0em;
 		}
	
	/* comment */
	h1 {
		font-size: 1.1em;
		line-height: 1.1em;
		}
	
	/* comment */
	h2 {
		font-size: 1em;
		line-height: 1em;	
		}
	
	/* comment */
	h3 {
		font-size: 0.9em;
		line-height: 1.1em;	
		}
	
	/* comment */
	#content h3 {
		border-bottom: 1px dotted #8e9393;
		}
	
	/* comment */
	#news h3 {
		border-top: 1px dotted #8e9393;
		border-bottom: 1px dotted #8e9393;
		padding: 6px 5px 4px 3px;
		background: #e7e7e2;}
	
	/* comment */
	 #contentwide .newsdate {
		font-weight: normal;
		font-size: 0.85em;
		color: #777;
		}
	
	/* comment */
	h4 {
		font-size: 0.8em;
		line-height: 1.1em;	
		}
	
	/* comment */
	h5{
		font-size: 0.75em;
		line-height: 1.0em;	
		}
	
	h6{
		color: #3e4348;
		font-size: 0.75em;
		font-weight: normal;
		line-height: 0.9em;	
		}
	
	p {
		font-size: 0.8em;
		line-height: 1.3em;	
		margin-top: 0;
		margin-bottom: 0.7em;		}
	
	
	/* comment */
	ul {	
		padding: .3em 0 0 0;	
		margin: 0 0 0 0;	
		}
	
	ol {	
		padding: .3em 0 0 0;	
		margin: 0 0 0 0;	
		}
	
	li {
		/*font-size: 0.8em;*/
		line-height: 1.3em;	
		margin: 0 0 0.5em 1.4em;	
		}
	
	/* moves form labels closer to form elements */
	p.formlabel {
		font-family: verdana, arial, helvetica sans-serif;
		font-weight: bold;
		font-size: 0.6em;
		margin-bottom: 0em;
		}
		
	/* photo caption */
	p.caption {
		font-family: verdana, arial, helvetica sans-serif;
		font-style: italic;
		font-size: 0.7em;
		}
		
	/* contact page--staff name */
	p.name {
		font-weight: bold;
		margin-bottom: 0em;
		}
		
	/* contact page--staff name */
	p.name a {
		font-weight: normal;
		}
		
	/* contact page--staff title */
	p.title {
		font-style: italic;
		line-height: 1em;	
		margin-bottom: 0.9em;
		}
	
	/* contact page--tightens leading on address text */
	p.tight {
		margin-bottom: 0em;
		}
		
	/* italic article excerpt */
	p.excerpt {
		font-style: italic;
		margin-left: .8em;
		}
		
	/* moves form labels closer to form elements */
	p.formlabel {
		font-family: verdana, arial, helvetica sans-serif;
		font-weight: bold;
		font-size: 0.6em;
		margin-bottom: 0em;
		}
		
	
	#projects { /* xxx  */
	clear: both;
	}

	#projects table {	
		font-family: verdana, arial, helvetica sans-serif;		
		font-size: 0.7em;
		line-height: 1.3em;	
		background-color: #e7e7e2;
 		margin-top:1em;
 		}

	#projects tr td{	
		border-top: 1px solid #bec3c3;
		}

	#projects td {	
		vertical-align: top;
		padding: 4px 4px 4px 10px;
		}

	#projects tr.alternate {	
		background-color: #f7f7f2;
		}

	#tabletitle {	
		font-weight: bold;
		color: #f7f7f2;		
		background-color: #036;
		}
	#tabletitle h2{	
		font-size: 1.1em;
		color: #f7f7f2;		
		}
	#tablehead {	
		font-weight: bold;
		color: #036;		
		background-color: #cbcbc7;
		}

	#files table {	
		padding-top: 0.5em;
		}
		
	#files tr td{	
		border-top: 1px solid #bec3c3;
		padding: 4px 4px 4px 0px;
		}
		
	#staffphotos div.bio {
		float: left;	
		width: 260px;
		margin:0 30px 30px 0; 
		padding: 0;}

	#staffphotos h2 {	
		padding: 0 0 12px 0; 
		margin: 0; }

	#staffphotos p.biotext {
		font-size: 0.9em;
		line-height: 1.2em;
		margin: 0;
		}
		
	#staffphotos img {
		padding: 0px 0px 10px 0;
	}
	
	.staffTable {
		width: 100%;
		
	}
	
	.staffTable td {
		width: 50%;
		vertical-align: top;
		font-size: .9em;
		padding: 0 0 15px 0;
	}
	
	

	form table {
		vertical-align: top;
	}
		
	form table tr td {
		padding: 8px 8px 8px 0;
		border-top: 1px dotted #a7a7b2;
	}	

/* HOME ---------------------------------------- */
 
	#homeheader {
		width: 820px;
		height: 87px;
		margin: 0 0;
		background: #f4f5f4;
		}

	

	#flash {
		margin: 0 0 25px 10px;
		width: 800px;
		height: 300px;
	}
	
	#homeside {
		float: right;
		margin: 0 0 0 30px;
	}

	.home #contentwide {
		padding-bottom: 20px;
		width: 640px;
	}
	
	.home h1 {
		color: #666666;
	}
	
	.home h1 strong {
		color: #4176b2;
		font-weight: 600;
	}
	
	.home h1 span {
		margin-left: 100px;
	}
	
	.home #leftbar {
		background: url('../images/textureleft-home.gif') no-repeat;
	}
	
		
/* special-use styles ---------------------------------------- */
		
	#hidden {
		display: none;
	}

	table.admin {
		background-color: #e7e7e2;
		padding: 8px 4px 0px 10px;
	}	
	table.admin td{
		border-top: 1px solid #d7d7c2;
		padding-top: 8px;
	}	
	
	
		

	/* comment */
/*
	#nested li {
		font-size: 0.7em;
		line-height: 1.4em;	
		margin: 0 0 0.5em 1.7em;	
		}

	#nested li p{
		font-size: 0.7em;
		line-height: 1.4em;	
		margin: 0 0 0.5em 1.7em;	
		}
*/


.category {
	font-size: 1.1em;
	font-weight: bold;
}

/* for client activity pages */
h1.company {
	font-size: 1.2em;
	line-height: 1.1em;
	margin-bottom: .6em !important;
	margin-bottom: 0.5em; /* IE-Win hack */
	text-transform: uppercase;
	}

/* flickr gallery mockup ---------------------------------------- */

div#flickr-wrap #content {
	width: 750px;
	float: left;
	clear: both;
	margin: 0 0 0 20px;
}

div#flickr-wrap #sidebar {
	float: left;
	padding: 0px 0px 0 0px;
	margin: 9px 0px 0px 20px;
	width: 750px;
	background: #d7d7d2;
}

div#flickr-wrap div#flickrgallery {
	margin: 20px 0;
}

div#flickr-wrap div#ipadgallery {
	margin: 20px 0;
	background: white;
	text-align: center;
}

div#flickr-wrap div#ipadgallery img {
	width: 700px;
	margin-bottom: 25px;
}