body {
	margin:0; padding:0;
	background:#bbaa76;
	font-family:'arial';
}

a img { border:0; }
a { color:#4D6544; }
p { color:#000000; font-size:12px; }
h1 { padding:0; margin:0; }
h4 { font-family:'korina'; font-weight:normal; color:#ffffff; margin:0; padding:0; }
h2 { font-family:'korina'; font-weight:bold; color:#4d6544; margin:10px 0px; padding:0; font-size:23px; }
h5 { font-family:'korina'; font-weight:bold; width:160px; font-size:20px; color:#4d6544; margin:15px 0px 6px 0px; }
hr { color:#e0d0af; background-color:#e0d0af; height:1px; border:0; }
.bg { position:absolute; top:0; left:0; }
table, em { font-size:12px; }

.header-container {
	background:#74452d url('../gfx/header-bg-repeat.jpg') repeat-x;
	width:100%;
	height:310px;
	position:relative;
	z-index:10;
	float:left;
}
.header { margin:0 auto; width:880px; position:relative; }
.logo { position:relative; top:10px; }

.banner-container {
	width:100%;
	position:relative;
	float:left;
	z-index:10;
}

.banner {
	width:868px;
	margin:0 auto;
	position:relative;
}
.banner .project { 	
	position:absolute;
	top:-205px;
	height:76px; z-index:5; }

.banner .project .caption {
	position:absolute;
	bottom:-205px;;
	width:848px;
	background:url('../gfx/opacity.png');
	z-index:10;
	padding:10px 10px;
}
.banner .project .caption h4 { display:inline; margin-right:10px; position:relative; top:4px; float:left; }
.banner .project .caption .port { display:inline; position:relative; top:3px; float:right; }
.banner .project img { position:relative; z-index:5; }
.banner .bg { left:-83px; top:-210px; z-index:0; }

ul.navigation { position:absolute; right:0; top:45px; list-style-type:none; }
ul.navigation li { float:left; margin:0; padding:0; }
ul.navigation li a { position:relative; margin-left:12px; color:#ffffff; font-size:13px; font-family:'korina'; text-decoration:none; }
ul.navigation li a img { vertical-align:top; }
ul.navigation li.contact a { top:0px; }
ul.navigation li.sitemap a { top:0px; }

.middle-container { position:relative; overflow:hidden; background:#f4eacd url('../gfx/middle-bg-repeat.jpg') repeat-x; width:100%; float:left; overflow:hidden; }
.middle { margin:0 auto; width:880px; position:relative; top:82px; }
.middle p { text-align:justify; }
.middle.two .bg, .middle.two-wide .bg, .middle.four .bg, .middle .bg { left:-47px; }

.column { float:left; z-index:5; position:relative; top:15px; padding:0px 10px; }

.two .column.main { width:605px; padding:0px 20px; }
.two .column { width:215px; }

.two-wide .column.main { width:545px; padding:0px 20px; min-height:220px; }
.two-wide .column { width:250px; padding:0px 10px 0px 30px; border-left:1px solid #deceae; }

.four .column { padding:0px 15px; border-right:1px solid #deceae; }
.four .column.main { border:0; width:274px; }
.four .column.second { width:174px; }
.four .column.third { width:156px; }
.four .column.last { border:0; width:154px; }

.column ul { font-size:12px; padding:0; margin:0px 0px 0px 15px; }
.column ul li { margin:2px 0px; padding:0; letter-spacing:-.5px; }

.profile { float:left; padding:12px 12px 0px 12px; margin-bottom:30px; }
.profile.odd { background:url('../gfx/staff_opacity.png'); }
.profile .photo { float:left; padding-right:12px; margin-bottom:7px; }
.profile .bio { width:520px; float:left; }
.profile .bio h4 { font-family:'korina'; font-weight:normal; color:#4d6544; }
.profile .position { font-size:11px; font-style:italic; color:#4d6544; }
.profile .bio p { font-size:12px; color:#463c27; }

/* PORTFOLIO */
.proj { margin-top:40px; position:relative; background:url('../gfx/port_bg.png') top center no-repeat; width:848px; height:333px; }
.proj .tag {
	width:308px;
	height:25px;
	background:url('../gfx/tag.jpg');
	padding:8px 0px 0px 10px;
	position:absolute;
	top:-24px; left:0px;
}
.proj .tag h3 { color:#ffffff; font-family:'korina'; font-weight:normal; font-size:16px; padding:0; margin:0; }
.proj ul.photo li img { border:4px solid #ffffff; }
.proj ul.photo li { padding:0; margin:0; }
.proj ul.photo { position:absolute; left:10px; top:18px; padding:0; margin:0; list-style-type:none; }
.proj .control { position:absolute; bottom:30px; left:10px; color:#dfcfb4; font-size:17px; }
.proj .control img { padding:0px 3px; }
.proj .story { width:275px; color:#1e1e1c; height:280px; padding-right:10px; overflow:auto;	position:absolute; top:18px; left:554px; }
.proj .story p { margin-top:0; padding-top:0; }
/* PORTFOLIO */

/* DITTO PAGINATION */
.ditto_pages { float:right; font-size:12px; }
.ditto_pages a, .ditto_pages .ditto_currentpage { margin-right:4px; }
.ditto_pages .ditto_currentpage { font-weight:bold; }
/* DITTO PAGINATION */

ul.types { list-style-type:none; margin:0; }
ul.types.norm li { cursor:auto; }
ul.types li { min-height:37px; cursor:pointer; line-height:12px; margin-bottom:5px; font-weight:bold; letter-spacing:0px; position:relative; }
ul.types li ul.projs { padding:7px 0px 10px 20px; margin:0; }
ul.types li ul.projs li { font-weight:normal; padding:2px 0px; margin:0; min-height:0px; height:auto; font-size:11px; list-style-type:disc; }

*+html ul.types li ul.projs { float:left; }

.footer-design { margin:0 auto; width:880px; height:275px; position:relative; clear:both; }
.footer-design .bg { left:-70px; bottom:0; top:auto; }
.footer-container { background:#bbaa76 url('../gfx/footer-bg.jpg') repeat-x; width:100%; float:left; }
.footer { margin:0 auto; width:880px; height:50px; padding-top:10px; }

.footer .copyright { float:right; font-size:10px; color:#ffffff; }

.footer ul.nav { list-style-type:none; padding:0; margin:0; float:left; }
.footer ul.nav li { float:left; margin:0; padding:0; }
.footer ul.nav a { float:left; margin-right:15px; font-size:10px; color:#ffffff; font-family:'georgia'; text-decoration:none; }
.footer ul.nav a:hover { text-decoration:underline; }