body {
	margin: 0;
	padding: 0;
	font: 76% Verdana, Arial, Helvetica, sans-serif;
	background-color: #202221;
	color: #fff;
	text-align: center;
}

p a, li a {
	text-decoration: none;
	color: #fff;
	border-bottom: 1px dashed #F7941D;
}

p a:hover {
	text-decoration: none;
	color: #fff;
	border-bottom: 1px solid #F7941D;
}

div#container {
	position: relative;
	width: 745px;
	border: none;
	padding: 0; margin-left: auto; margin-right: auto;
	text-align: left;
	background: url(background-internal2.gif) top left;
}
.invisible {display: none;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


div#menu-bar1 {
	width: 100%; height: 41px;
	background: url(background-internal-topmenu.gif);
}
div#menu-bar2 {
	padding: 0; margin: 0;
	width: 100%; height: 32px;
	background-color: #414138;
	font-size: .8em;
}

img#logo {
	float: left;
	position: relative;
	width: 125px; height: 17px;
	border: 0;
	margin: 9px 0 0 35px;
}

#we-create {
	font-size: 1em;
	color: #999;
	float: left;
	position: relative;	
	margin: 9px 0 0 38px;
	padding: 0;
}


#we-are {
	font-size: 1em;
	color: #999;
	float: left;
	position: relative;
	margin: 9px 0 0 209px;
	padding: 0;
}

#we-create a, #we-are a {color: #999; text-decoration: none;}
#we-create a.active, #we-are a.active {color: #fff; text-decoration: none;}
#we-create a:hover, #we-are a:hover {color: #fff;}


div#menu-bar2 ul {
	margin: 0 6px 0 198px;
	padding: 10px 0 0 0;
	list-style-type: none;
	color: #FFF;
	font-weight: bold;
}

div#menu-bar2 ul li {
	float: left;
	margin: 0 30px 0 0;
	padding: 0 7px 0 0;
	background: url(bullet-menubar2.gif) no-repeat right bottom;
}
/**/
div#menu-bar2 a {
	display: block; padding: 0; border: 0;
}

div#menu-bar2 ul li ul a {
	width: 171px;
	padding: 4px 2px; margin: 0;
	text-decoration:none;
}
div#menu-bar2 ul li ul a:hover {
	text-decoration:none;
	background-color: #2F2216;
	color: #866240;
}

div#menu-bar2 ul li ul {
	position: absolute;
	width: 175px;
	left: -999em;
	margin: 0; padding: 10px 0 0 0;
	border-bottom: 1px solid #333;
	background-color: #414138;
}
div#menu-bar2 ul li ul li {
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	float: none;
	background: none; margin: 0; padding: 0;
}
div#menu-bar2 ul li:hover ul, div#menu-bar2 li.sfhover ul {
	left: auto;
}


/**/

div#menu-bar2 ul a {
	color: #FFFFFF;
	text-decoration: none;
	border: none;
}
div#menu-bar2 ul a:hover {
	text-decoration: underline;
}
div#menu-bar2 a.active {
	text-decoration: underline;
}

div#black-bar {
	background-color: #000;
	height: 15px;
	padding: 0; margin-bottom: 0;
}

div#content-main {
	width: 100%;
}


div#footer {
	clear: both;
	background-color:#414138;
	color: #FFF;
	width: 100%;
	padding: 10px 0 10px 0;
	font-size: .8em;
	border-top: 1px solid #000;
}

#footer a {text-decoration: none; color: #fff; border: none;}
#footer a:hover {text-decoration: underline;}

#footer #copyright {
	float: left;
	width: 186px;
	text-align: center;
}

#footer #navigation-footer {
	float: left;
	width: 559px;
}

#navigation-footer ul {
	padding: 0;
	margin: 0 0 2px 0;
}

#navigation-footer ul li {
	display: inline;
	padding: 0 6px 0 10px;
	border-left: 1px solid #999;
}

#navigation-footer ul li.first {
	padding-left: 0;
	border: 0;
}

/**** PORTFOLIO SPECIFIC ****/

			div#content-main #portfolio-text {
				position: relative;
				margin: 0;
				float: left;
				padding-top: 30px;
				width: 188px; 
				font-size: .8em;
				/*background-color:#00CCCC;*/
			}
			
			
			#portfolio-text p,#portfolio-text h1,#portfolio-text h2, #portfolio-text h3 {
				margin-left: 10px;
				margin-right: 6px;
			}
			
			#portfolio-text p {
				margin-top: 0;
				margin-bottom: 1.5em;
				line-height: 1.5em;
			}
			
			#portfolio-text h2 {
				font-size: 1.4em;
				font-weight: bold;
				margin-top: 0; margin-bottom: 0;
			}
			
			#portfolio-text h3 {
				font-size: 1em;
				font-weight: bold;
				margin-top: 15px; margin-bottom: 0;
			}
			
			#portfolio-text div#projecttype {
				font-size: 1em;
				color: #F7941D;
				font-weight: bold;
				margin: 0 6px 0 10px;
			}
			
			
			
			#portfolio-text a.next-project {
				text-decoration: none;
				font-weight: bold;
				border: none;
				color: #999;
				padding-left: 10px;
				background: url(bullet-orange-triangle1.gif) no-repeat left bottom;
			}
			
			#portfolio-text a.prev-project {
				text-decoration: none;
				font-weight: bold;
				border: none;
				color: #999;
				padding-left: 10px;
				background: url(bullet-orange-triangle2.gif) no-repeat left bottom;
			}
			
			#portfolio-text a.return-menu {
				text-decoration: none;
				font-weight: bold;
				border: none;
				color: #999;
				padding-left: 10px;
				background: url(bullet-orange-triangle3.gif) no-repeat left bottom;
			}
			
			.projectlabel {
				color: #846C41;
				font-weight: bold;
			}
			
			img#portfolio-image {
				float:left;
				/*width: 465px; height: 465px;*/
				margin: 0; padding: 0;
			}
			
			* html img#portfolio-image { /* hack to fix IE5.x 3px image border bug */
				margin: 0 -3px; ma\rgin: 0;
			}
			

			
			div#portfolio-thumbnails {
				/*background-color: #fff;*/
				position: absolute;
				top: 88px; left: 659px;
				width: 86px;
				font-size: .8em;
				text-align: center;
				padding-top: 26px; margin: 0;
			}
			
			span#thumbnail-title {
				font-weight: bold;
			}
			
			div#thumbnails {
				width: 86px;
				padding: 0;
				margin-top: 12px;
			}
			
			#thumbnails a {
				color: #000;
				background: #000;
				font-size: 1px;
				border: 1px solid #000;
			}
			
			#thumbnails a:hover {
				border: 1px solid #F7941D;
			}
			
			#thumbnails a.active {
				color: #fff;
				background: #fff;
			}
						
				
			#thumbnails a span {
				width: 100%; height: 100%;
				visibility: hidden;
			}
			
			#thumbnails .thumbnail-odd {
				float: left;
				width: 12px; height: 12px;
				margin: 4px 1px 4px 21px; padding: 0;
				clear: left;
				overflow: hidden;
			}
			
			#thumbnails .thumbnail-even {
				float: right;
				width: 12px; height: 12px;
				margin: 4px 21px 4px 1px; padding: 0;
				clear: right;
				overflow: hidden;
			}
			
			/* menu list */
			#internal-text h2.portfolio {
				margin-top: 2em;
				color: #F7941D;
			}
			ul.portfolio {
				margin: 2px 4px 2px 24px;
				padding: 0;
				list-style-type: none;
				font-size: .9em;
			}
			ul.portfolio a { border: none;}
			ul.portfolio a:hover { text-decoration: underline;}
			ul.portfolio li { margin-bottom: .8em;}	
			
			span#next-prev {
				margin-right: 6px;
				float: right;
			}
			span#next-prev img{
				margin-left: 2px;
			}
			
			div#photocredit {
				margin-top: 5em;
			}
			div#photocredit p {
				font-size: .75em;
			}
			
			div#portfolio-text ul {
				margin: 2px 4px 2px 30px;
				padding: 0;
				list-style-type: disc;
			}
			div#portfolio-text ul li {
				padding: 0 0 .5em 0;
			}

			
/**** END PORTFOLIO ****/


/**** INTERNAL PAGE ****/

div#internal-text {
	float: left;
	display: inline; /* inline to fix the IE double-margin bug */
	margin: 0 0 0 194px;
	padding-bottom: 1em;
	width: 279px;
	background-color: #2F2216;
}

#internal-text p, #internal-text h1, #internal-text h2 {
	margin: 0 24px;
}

#internal-text p {
	font-size: .9em;
	margin-bottom: 1.5em;
}

#internal-text p.emphasized {
	font-size: 1.1em;
	margin-bottom: 1.5em;
	margin-right: 50px;
}

#internal-text img.header {
	margin-left: -24px;
}

#internal-text h1 {
	color: #866240;
	font-size: 1.3em;
	margin-top: 36px;
}

#internal-text h2 {
	color: #866240;
	font-weight: bold;
	font-size: .9em;
}

div#internal-text ul {
	margin: 0 24px;
	padding: 5px 0 0 0;
	list-style-type: none;
}

div#internal-text ul li { /*!!!*/
	font-size: .9em;
	padding: 0 0 .5em 7px;
	background: url(bullet-tan-circle1.gif) no-repeat left top;
}
div#internal-text ul.portfolio li {
	font-size: .9em;
	padding: 0 0 .5em 0;
	background: none;
}

div#internal-sidebar {
	float: left;
	width: 272px;
	background-color: #110C09;
	border-top: 1px solid #F7941D; border-bottom: 1px solid #F7941D;
	padding: 25px 0 15px 0; margin: 0;
	font-size: .9em;
}

#internal-sidebar p, #internal-sidebar h1, #internal-sidebar h2  {
	margin: 0 10px;
}


/**** END INTERNAL PAGE ****/

div#news {
	float: left;
	display: inline; /* inline to fix the IE double-margin bug */
	margin: 0 0 0 188px;
	padding-bottom: 1em;
	width: 557px;
	color: #4F5356;
	background-color: #FFF;
}

div#news p, div#news h1, div#news h2 {
	margin: 0 14px;
}

div#news h1 {
	color: #64312E;
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 1em;
}

div#news h2 {
	color: #4F5356;
	font-weight: bold;
	font-size: .9em;
}

div#news dl {
	width: 557px;
	float: left; 
	display: inline; /* thwart ie double margin */
	margin: 10px 14px;
	padding: 0;
	/* box model hack */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 529px;
}
div#news dt {
	margin: 0 0 15px 0; padding: 0 10px 0 0;
	float: left;
	clear: left;
	width: 165px;
	color: #FF9734;
	font-weight: bold;
	/* box hack */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 145px;
}

div#news dd {
	margin: 0 0 15px 0; padding: 0;
	float: left;
	width: 373px;
}

div#news dd a {
	color: #4F5356;
	text-decoration: none;
}
div#news dd a:hover {
	color: #333;
	text-decoration: underline;
}

div#news h2.date {
	margin-top: 1em; margin-bottom: 1em;
	color: #FF9734;
}

div#news p {
	font-size: .9em;
	margin-bottom: 1.5em;
	line-height: 1.5em
}

div#news p.leadin {
	font-weight: bold;	
}

div#news a {
	color: #333;
}

div#news p.back {
	margin-bottom: 4px;
}

div#news p.back a {
	border: none;
}


/***** SITE MAP ****/

	ul#sitemap a { border: none;}
	ul#sitemap a:hover { text-decoration: underline;}