/*	Colors
	Dark Gray	#333
	Red	 		#930
	Green			#676638
	Yellow		#cac869
---------------------------------------------------------------------------------------------------- */



#skipnav, .printonly { display: none; }

/* Primary Page Layout
---------------------------------------------------------------------------------------------------- */

body, html {
	font-family: arial, helvetica, sans-serif;
	background: #666;
	color: #333;
	}

#pagewrap {
	background: #fff url(images/content-bg.gif) 0 0 repeat-y;
	width: 960px;
	margin: 24px auto;
	} 
	
#masthead {
	position: relative;
	}
	
#masthead h1 {	
	position: relative;
	background: #242424 url(images/masthead-bg.gif) 0 0 no-repeat;
	height: 75px;
	}
	
a:visited { color: #333; }

	#masthead h1 a {
		display: block;
		padding-top: 75px;
		overflow: hidden;
		height: 0;
		}

	#masthead h2 { display: none; }
	

		
#mainnav { 
	float: left;
	line-height: 30px;
	margin-left: 15px;
	display: inline;
	}
	
	#mainnav li {
		float: left;
		}
		
		#mainnav a {
			display: block;
			width: 130px;
			font-size: 12px;
			text-transform: uppercase;
			font-weight: bold;
			color: #333;
			text-decoration: none;
			margin-right: 30px;
			}
			
			#mainnav a:visited { color: #333; } 
			
			#mainnav a:hover, 
			.about-section #nav-about a,
			.portfolio-section #nav-portfolio a,
			.news-section #nav-news a {
				color: #930;
				}
			
		#nav-portfolio a {
			margin-right: 512px;
			}
			
		#nav-archive a {
			margin-right: 0;
			}
			
			

		#nav-news a {
			margin-right: 0;
			}
			

#mainnavbar {
	position: relative;
	height: 30px;
	}

		#mainnavbar div {
			position: absolute;
			top: 0;
			left: 15px;
			line-height: 30px;
			}
		
		#mainnavbar #nav-about { left: 15px; }
		#mainnavbar #nav-portfolio { left: 175px; }
		#mainnavbar #nav-archive { left: 735px; }
		#mainnavbar #nav-news { left: 815px; }


		#mainnavbar a {
			font-size: 12px;
			text-transform: uppercase;
			font-weight: bold;
			color: #333;
			text-decoration: none;
			}
			
			#mainnavbar a:visited { color: #333; } 
			
			#mainnavbar a:hover, 
			.about-section #nav-about a,
			.portfolio-section #nav-portfolio a,
			.news-section #nav-news a {
				color: #930;
				}

		
					
#content { 
	clear: both;
	margin: 0 15px 0 15px;
	}
	
#subnav {
	float: left; 
	width: 130px;
	margin: 13px 15px 0 0;
	display: inline;
	}
	
#maincontent {
	float: left; 
	width: 643px;
	margin-bottom: 40px;
	position: relative;
	}
	
#sidebar {
	float: right;
	width: 127px;
	margin: 24px 0 0 0;
	}
	
#footer {
	clear: both;
	background: #676633;
	}
	
#footer a {
	display: block;
	width: 960px;
	background: #676633 url(images/footer-text.gif) center 0 no-repeat;
	color: #fff;
	height: 0;
	padding: 25px 0 0 0;
	overflow: hidden;
	margin: 0 auto;
	}
	
	
	#subnav ul {
		text-align: left;
		}
		
	#subnav ul li {
		margin: 12px 0 0 0;
		line-height: 13px;
		}
		
		#subnav ul li.lvl2 { margin: 0 0 0 0; }
		
	#subnav ul li a {
		display: block;
		color: #333;
		padding: 3px 0;
		font-size: 11px;
		line-height: 13px;
		font-weight: bold;
		text-decoration: none;
		text-transform: uppercase;
		}
		
		#cat1 #subnav ul #nav-cat1 a,
		#cat2 #subnav ul #nav-cat2 a,
		#cat3 #subnav ul #nav-cat3 a,
		#cat4 #subnav ul #nav-cat4 a,
		#cat5 #subnav ul #nav-cat5 a,
		#people .nav-people a,
		#enews .nav-enews a,
		#careers .nav-careers a,
		#subnav ul li.current a
			{ color: #930; font-weight: bold; }
		
		#subnav ul li a:hover {
			color: #930;
			}
			
	#subnav ul li.lvl2 a {
		display: block;
		font-family: georgia, serif;
		color: #4d4d4d;
		font-size: 11px;
		line-height: 13px;
		text-decoration: none;
		text-transform: none;
		font-weight: normal;
		}
		
	
		#subnav ul li.current a {
			color: #930;
			}
		
		#subnav ul li.lvl2 a:hover, #subnav ul li.lvl2 a.current {
			color: #930;
			text-decoration: underline;
			}
			


/* Homepage Items
------------------------------------------------------------------ */

#ftp-login {
	font-size: 11px;
	margin: 226px 0 0 0;
	}

#ftp-login a {
	color: #930;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	}

#ftp-login a:hover {
	color: #333;
	text-decoration: underline;
	}
	
	#home-slides {
		margin: 0 0 20px 0;
		}


/* Main Content Styles
------------------------------------------------------------------ */

#maincontent {
	font-family: georgia, serif;
	font-size: 13px;
	line-height: 18px;
	}

#maincontent h2 {
	padding: 0 15px;
	background: #cac869;
	color: #333;
	font-family: arial, sans-serif;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 22px;
	margin: 0 0 12px 0;
	}
	
	#maincontent h2.no-margin { margin: 0; }
	
#maincontent h3 {
	font-weight: normal;
	color: #930;
	font-size: 13px;
	line-height: 18px;
	margin: 0 15px 6px 15px;
	}
	
#maincontent p {
	font-size: 13px;
	line-height: 18px;
	margin: 0 15px 18px 15px;
	}
	
	
/* News Listings
------------------------------------------------------------------ */

.listings {
	margin: 0 160px 0 15px;
	}
	
	.listings { 
		margin-bottom: 10px;
		padding-bottom: 5px;
		border-bottom: solid 1px #cac869;
		}

	.listings dt {
		font-weight: normal;
		color: #676638;
		margin: 0 0 0px 0;
		}

	.listings dt a  {
		font-weight: normal;
		color: #676638;
		text-decoration: none;
		border-bottom: dotted 1px #676638;
		}
	
	.listings dt em {
		font-style: normal;
		font-weight: normal;
		}


	.listings dt a:hover { color: #930; border-bottom: dotted 1px #930; }

	.listings dd { margin: 0 0 5px 0; }
	
	#maincontent .listings p { margin: 0; }
	
	#maincontent .news-article p { margin-bottom: 18px; }
		

	.awards dt {
		margin-bottom: 5px;
		}
		
	.awards dd { 
		font-style: italic;
		color: #444;
		}

	.awards dd em { 
		font-style: normal;
		color: #444;
		}

	.people-list {
		margin: 10px 15px 15px; 
		}

	.people-list th { color: #676638; font-weight: normal; font-style: italic; text-align: left; padding: 3px 0; width: 400px; }
	.people-list td { padding: 3px 0; width: 400px; }
	.people-list td.col1 { width: 230px; }
	
		.people-list td.col1 em { font-style: normal; }
		.people-list td.col1 a { color: #676638; text-decoration: none; border-bottom: dotted 1px #676638; }
		.people-list td.col1 a:hover { color: #930; border-bottom: dotted 1px #930; }



#about-text {
	margin: 0 25px 24px 257px;
	}
	
	#about-text p {
		margin: 0 0 18px 0;
		font-size: 13px;
		line-height: 18px;
		}
		
		#about-text p .bigtext {
			font-size: 150%;
			color: #930;
			}
			
			
#left-col {
	float: left;
	display: inline;
	margin: 0 0 0 10px;
	width: 240px;
	}
		
	#maincontent #left-col h3 {
		font-family: georgia;
		font-size: 16px;
		line-height: 19px;
		margin: 0 0 6px 0;
		color: #930;
		text-align: right;
		font-weight: normal;
		}
		
	#left-col p {
		text-align: right;
		margin: 0;
		}
		
		#left-col a, #enews-signup a { color: #676638; text-decoration: none; border-bottom: dotted 1px #676638; }
		#left-col a:hover, #enews-signup a:hover { color: #930; border-bottom: dotted 1px #930; }
		



/* Portfolio and Project Pages
------------------------------------------------------------------ */
#project-img, #office-img { margin: 0 0 18px; }

#show-project-img { margin: 0 0 18px; height:260px; }

#project-div-1 {
	position:absolute;
	opacity: 1; filter: alpha(opacity=100);
	z-index:20;
}

#project-div-2 {
	position:absolute;
	opacity: 0; filter: alpha(opacity=0);
	z-index:10;
}

#project-thumbs {
	text-align: right;
	}
		
	#project-thumbs img {
		margin-left: 3px;
		}
		
	#project-thumbs a, #project-thumbs a:hover { border: none; }
	
	#project-thumbs a img {
		border: solid 1px #fff;
		}
	
	#project-thumbs a:hover img, #project-thumbs a:focus img {
		border: double 1px #930;
		}
		
	#maincontent .project-awards {
		margin: 24px 0 20px 0;
		text-align: right;
		color: #930;
		font-size: 12px;
		line-height: 18px;
		}
	
	.project-awards em {
		font-style: italic;
		}
	
#right-col {
	float: right;
	display: inline;
	margin: 0 20px 0 0;
	width: 350px;
	}
	
	#right-col h3 {
		font-size: 17px;
		line-height: 20px;
		color: #930;
		font-weight: normal;
		margin-left: 0;
		}
		
	#right-col h4 {
		font-family: georgia;
		font-size: 13px;
		line-height: 18px;
		font-weight: normal;
		}
		
	#right-col h5 {
		font-size: 12px;
		line-height: 15px;
		font-weight: normal;
		margin: 0 0 12px 0;
		}
		
	#right-col p {
		font-family: georgia;
		font-size: 13px;
		line-height: 18px;
		font-weight: normal;
		margin: 0 0 18px 0;
		}
		


#news-sidebar {
	font-size: 11px;
	line-height: 13px;
	margin-top: 3px;
	}
	
	#news-sidebar li {
		margin: 0 0 10px 0;
		}
		
	#news-sidebar li a {
		color: #333;
		text-decoration: none;
		display: block;
		width: 100%;
		}
		
	#news-sidebar li a:hover {
		color: #930;
		}
		
		#news-sidebar li a span {
			color: #930;
			font-weight: bold;
			font-size: 10px;
			}



.thumbsrow {
	margin: 0 1px 1px 2px;
	background: #fff url(images/thumbsrow-bg.gif) 0 0 repeat-x;
	}
	
	#row1 { text-align: left; }
	#row2 { text-align: right; }
	#row3 { text-align: right; }
	#row4 { text-align: left; }
	#row5 { text-align: right; margin: 0 1px 1px 2px; padding-right: 64px; }
	
.thumbsrow img {
	border: solid 1px #fff;
	margin-right: 1px;
	}
	
	
	.thumbsrow a:hover img { border: solid 0px #930; }
	
	.imglink {}
	.textlink {}
	

#projectslist {
	text-align: left;
	font-family: georgia, serif;
	font-size: 11px;
	margin: 0 3px;
	}
	
	#projectslist td, #projectslist th {
		line-height: 22px;
		padding: 0 10px;
		width: 20%;
		}
		
	#projectslist th, #maincontent h2 {
		background: #cac869;
		color: #333;
		font-family: arial, sans-serif;
		text-transform: uppercase;
		}
		
	#projectslist ul {
		margin: 10px 0 20px 0;
		}
	
	#projectslist li {
		padding: 0 0 0 0;
		}
		
	#maincontent #projectslist a {
		color: #333;
		text-decoration: none;
		display: block;
		padding: 3px 0;
		line-height: 13px;
		border: none; 
		}
		
		#maincontent #projectslist a:hover {
			color: #930;
			border: none; 
			}


a .emailhider { font-size: 1px; display: none; }



#enews-archive {
	float: right;
	display: inline;
	margin: 0 50px 0 0;
	width: 150px;
	}
	
	#enews-archive h3 {
		color: #930;
		margin: 0;
		}
		
	#enews-archive ul {
		list-style: none;
		margin: 0 0 20px 0;
		padding: 0;
		}
		
		#enews-archive li a {
			text-decoration: none;
			line-height: 20px;
			color: #676638;
			border-bottom: dotted 1px #676638;
			}
	
		#enews-archive li a:hover {
			color: #930;
			border-bottom: dotted 1px #930;
			}
	
#enews-signup {
	float: left;
	display: inline;
	margin: 0 0 6px 15px;
	width: 380px;
	}
	
	#enews-signup h3 {
		color: #930;
		margin: 18px 0 6px 0;
		}
		
	#enews-signup p {
		margin: 0 0 10px 0;
		}
		
	#enews-signup label {
		display: block;
		text-transform: uppercase;
		font-size: 9px;
		font-family: arial;
		}
	
	#enews-signup input.inpts {
		width: 320px;
		border: solid 1px #aaa;
		background: #fff;
		padding: 3px;
		}
		
		#enews-signup input.inpts:focus {
			background: #fff;
			border: solid 1px #930;
			}
			

#careersform {
	margin: 15px;
	}
	
	#careersform table {
		border-spacing: 0;
		border-collapse: collapse;
		}

	#careersform td {
		vertical-align: top;
		margin: 0;
		padding:  5px 10px 5px 0;
		border: none;
		border-top: dotted 1px #cac869;
		}
	
	#careersform p {
		padding: 0;
		margin: 0 0 5px;
		}
		
	#careersform td.labels {
		text-transform: uppercase;
		font-family: arial, sans-serif;
		font-size: 10px;
		width: 200px;
		line-height: 20px;
		text-align: right;
		}
		
	#careersform input.inpts {
		width: 350px;
		border: solid 1px #aaa;
		background: #fff;
		padding: 3px;
		line-height: 20px;
		}
		
	#careersform input.inpts:focus {
			background: #fff;
			border: solid 1px #930;
			}
		
	#careersform img {
		display: block;
		margin: 0 0 10px 0;
		border: solid 1px #ccc;
		}
		
		#careersform p { font-size: 11px; font-style: italic; }
		
	#careersform .labels span { color: #930; }
	
	#content div.error {
		padding-top:10px; 
		color: #9d0000;
		font-weight:bold; 
		border-top: solid 1px #bcbcbc;
	}
	

		/**
		 * the basic css needed for the upload bars
		 */
#file-status
{
	background-color:		#F9F7ED;
	padding-top: 1px;
	width:					420px;
}
 
#file-status .progress
{
	background:				white url(../images/progress.gif) no-repeat;
	background-position:	+50% 0;
	margin-right:			0.5em;
}
 
#file-status .progress-text
{
	font-size:				10px;
	font-weight:			bold;
}
 
#file-list
{
	list-style:				none;
	width:					450px;
	margin:					0;
}
 
#file-list li.file
{
	border-bottom:			1px solid #eee;
	background:				url(../images/file.png) no-repeat 4px 4px;
}
#file-list li.file.file-uploading
{
	background-image:		url(../images/uploading.png);
	background-color:		#D9DDE9;
}
#file-list li.file.file-success
{
	background-image:		url(../images/success.png);
}
#file-list li.file.file-failed
{
	background-image:		url(../images/failed.png);
}
 
#file-list li.file .file-name
{
	font-size:				10px;
	margin-left:			44px;
	display:				block;
	clear:					left;
	line-height:			40px;
	height:					40px;
	font-weight:			bold;
}
#file-list li.file .file-size
{
	font-size:				10px;
	line-height:			18px;
	float:					right;
	margin-top:				2px;
	margin-right:			6px;
}
#file-list li.file .file-info
{
	display:				block;
	margin-left:			44px;
	font-size:				10px;
	line-height:			20px;
	clear
}
#file-list li.file .file-remove
{
	clear:					right;
	float:					right;
	line-height:			18px;
	margin-right:			6px;
}
a#file-browse, a.file-remove {
	color: #333;
	text-decoration: none;
	font-style:normal;
}

a#file-browse,a.file-remove:hover {
		color: #930;			
}
a#file-browse {
	border: 1px solid #930;
}
.news-article .author {
	font-size: 12px;
	font-style: italic;
	margin: 0 0 15px;
	}

.news-article {
	padding: 0 0 30px 0;
	}

#maincontent #news-contact {
	font-size: 11px;
	}
	
	.contactinfo em { font-size: 11px; color: #676638; }
	
	
/* mootools slideshows */
#h1, #h2 { width: 643px; height: 240px; position: absolute; top: 0px; left: 0px; background-repeat: no-repeat;}
#h1 { z-index: 10; }
#h2 { z-index: 9; }
#home-slides {width: 643px; height: 260px; position: relative; }
.slideshow { width: 643px; height: 260px; position: relative; }

.hide { display:none; }


#file-display
{
	background-color:		#F9F7ED;
	padding-top: 1px;
	width:					420px;
}
 
#file-display .progress
{
	background:				white url(../images/progress.gif) no-repeat;
	background-position:	+50% 0;
	margin-right:			0.5em;
}
 
#file-display .progress-text
{
	font-size:				10px;
	font-weight:			bold;
}