html, body { 
height: 100%; 
margin: 0; padding: 0; 
} 
body {
	border: 0;	
	top: 0; left: 0;
	width: 100%; height: 100%;
	color: #000;
	background: url('../i/body_tob_back.gif') repeat-x left top;
	background-color: #977255;
	} 
body, div, p {
	font: normal 12px Arial;
	color: #120D08;
	line-height: 1.5;
}
.none {
	display: none;
}
img, a{
	outline:none;
}
.empty {
	display: block;
	clear: both;
	line-height: 1;
	height: 1;
	border: 0;
}
.cont_empty {
	display: block;
	clear: both;
	line-height: 1;
	height: 25px;
	border: 0;
	background: url('../i/empty_back.gif') no-repeat left top;
}
div#main {
	display: block;
	width: 960px;
	margin: 0 auto;
	padding: 0;
	background: url('../i/main_back.gif') no-repeat left top;
	height: 100%;/* for IE */ 
	min-height: 100%; 
	margin-bottom: -90px;
}
html>body #main{ 
height: auto;/* for real CSS browsers */ 
} 
div#margin_bottom{ 
height: 90px; 
}

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

div#right_col_text a{
	color: #d0b49d;
	text-decoration: underline;
}

div#right_col_text a:hover{
	text-decoration: none;
}

a#logo {
	display: block;
	float: left;
	width: 394px;
	height: 115px;
	margin: 40px 0 0 0;
	padding: 0;
	background: url('../i/logo.gif') no-repeat left top;
}
a#logo span {
	display: none;
}
a#lang {
	display: block;
	float: left;
	margin: 26px 0 0 -220px;
	font: normal 10px Tahoma, Arial, sans-serif;
	color: #120D08;
	text-decoration: underline;
}
a#lang:hover {
	color: #fff;
	text-decoration: none;
}
ul#main_menu {
	display: block;
	float: right;
	height: 65px;
	margin: 0;
	padding: 0 30px 0 0;
	list-style-type: none;
}
ul#main_menu li {
	display: block;
	float: left;
	height: 65px;
	margin: 0;
	padding: 0 12px;
	list-style-type: none;
}
ul#main_menu a {
	display: block;
	float: left;
	height: 40px;
	margin: 0;
	padding: 25px 0 0 0;
	font: normal 13px Tahoma, Arial, sans-serif;
	color: #120D08;
	text-decoration: none;
}
ul#main_menu a.active {
	color: #fff;
	background: url('../i/menu_active.gif') repeat-x left bottom;
}
ul#main_menu a:hover {
	background: url('../i/menu_active.gif') repeat-x left bottom;
}
div#content {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	width: 960px;
	background: url('../i/in_cont_back.gif') repeat-y left top;
}
div#content_proj {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	width: 960px;
	background: url('../i/proj_cont_back.gif') repeat-y left top;
}
div#left_col {
	display: block;
	float: left;
	width: 344px;
	margin: 0;
	padding: 25px;
}
div#content_proj div#left_col {
	background: url('../i/left_col_proj_back.gif') repeat-y left top;
}
div#left_col h1 {
	margin: 0;
	padding: 10px 0 15px;
	font: normal 24px Tahoma, Arial, sans-serif;
	color: #82684D;
	line-height: 1;
}
dl#proj_info {
	display: block;
	margin: 0;
	padding: 0 0 10px 0;
}
dl#proj_info dt {
	display: block;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	font-weight: bold;
}
dl#proj_info dd {
	display: block;
	margin: 0 5px 0 0;
	padding: 0;
}
a#go_back {
	display: block;
	float: left;
	margin: 0;
	padding: 0 0 0 17px;
	font: normal 10px Arial, sans-serif;
	color: #120D08;
	background: url('../i/black_arrow.gif') no-repeat left 4px;
	text-transform: uppercase;
	text-decoration: none;
}
a#go_back:hover {
	text-decoration: underline;
}

/* go forward */
a#go_forward {
	display: block;
	float: left;
	margin: 0;
	padding: 0 17px 0 0;
	font: normal 10px Arial, sans-serif;
	color: #120D08;
	background: url('../i/black_arrow_right.gif') no-repeat right 4px;
	text-transform: uppercase;
	text-decoration: none;
}
a#go_forward:hover {
	text-decoration: underline;
}
/* -------- */

div#right_col {
	display: block;
	float: right;
	width: 566px;
	margin: -90px 0 0 0;
	padding: 0;
}
div#right_col_home {
	display: block;
	float: right;
	width: 506px;
	height: 469px;
	margin: -90px 0 0 0;
	z-index: 99;
	position: relative;
	padding: 10px 10px 10px 50px;
	background: url('../i/focus.gif') no-repeat left top;
	background-color: #433325;
}
div#right_col_text {
	display: block;
	float: right;
	width: 486px;
	margin: -90px 0 0 0;
	z-index: 99;
	position: relative;
	padding: 20px 20px 20px 60px;
	background: url('../i/right_col_text_back.gif') repeat-y left top;
	background-color: #433325;
	color: #fff;
}
div#right_col_text p {
	color: #fff;
}
div#right_col_text h1, div#right_col_text h2, div#right_col_text h3, div#right_col_text h4 {
	color: #fff;
	font: normal 22px Arial, sans-serif;
}
div#right_col_text h2 {
	font: normal 18px Arial, sans-serif;
}
div#right_col_text h3 {
	font: normal 16px Arial, sans-serif;
}
div#right_col_text h4 {
	font: normal 14px Arial, sans-serif;
}
div#home_img_holder {
	display: block;
	width: 506px;
	height: 379px;
	margin: 0;
	padding: 0;
}
div#home_img_holder h2 {
	display: block;
	float: right;
	margin: 20px 0 0 0;
	padding: 10px;
	/* color: #d5c1b2; */
	color: #ffffff;
	font: normal 11px Arial, sans-serif;
	background-color: #433325;
}


div#thumbs_back {
	display: block;
	position: relative;
	z-index: 10;
	margin: 0;
	padding: 0;
	height: 90px;
	background-color: #120D08;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
div#project_thumbs {
	display: block;
	position: relative;
	z-index: 11;
	margin: -90px 0 0 0;
	padding: 0;
	height: 90px;
}
div#thumbs_holder {
	display: block;
	float: left;
	width: 520px;
	height: 85px;
	margin: 0;
	padding: 5px 0 0 0;
}
div#thumbs_holder_home {
	display: block;
	float: left;
	width: 460px;
	height: 85px;
	margin: 0;
	padding: 5px 0 0 0;
}
a.thumb {
	display: block;
	float: left;
	margin: 0 7px;
	padding: 0;
	width: 90px;
	height: 80px;
	background-color: #cf0;
}
a#prev, a#next {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 23px;
	height: 90px;
	background: url('../i/arrow_left.gif') no-repeat 9px 40px;
}
a#next {
	background: url('../i/arrow_right.gif') no-repeat 9px 40px;
}
a#prev span, a#next span {
	display: none;
}

div#projects_nav {
	display: block;
	height: 40px;
	margin: 0;
	padding: 23px 25px 0 25px;
}
a#prev_project {
	display: block;
	float: left;
	margin: 0;
	padding: 0 0 0 17px;
	font: normal 10px Arial, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	background: url('../i/white_arrow_left.gif') no-repeat left 4px;
}
a#next_project {
	display: block;
	float: right;
	margin: 0;
	padding: 0 17px 0 0;
	font: normal 10px Arial, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	background: url('../i/white_arrow_right.gif') no-repeat right 4px;
}
a#prev_project:hover, a#next_project:hover  {
	text-decoration: underline;
}
div#copyright {
	display: block;
	margin: 0 auto;
	padding: 20px 25px 0 25px;
	width: 910px;
	height: 60px;
	font: normal 11px Arial, sans-serif;
	color: #fff;
	line-height: 1.5;
}
div#copyright a {
	font: normal 11px Arial, sans-serif;
	color: #1C150F;
	text-decoration: none;
}
div#copyright a:hover {
	text-decoration: underline;
}
div#footer {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	height: 90px;
	background: url('../i/body_bottom_back.gif') repeat-x left -150px;
}



ul#sub_menu {
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul#sub_menu li {
	display: block;
	float: left;
	margin: 2px;
	padding: 0;
	list-style-type: none;
}
ul#sub_menu a {
	display: block;
	float: left;
	margin: 0;
	padding: 2px;
	border: solid 1px #977255;
	width: 159px;
	height: 119px;
	color: #d0b49d;
	text-decoration: none;
}
ul#sub_menu a:hover{
	border-color: #000;
}

ul#sub_menu a.active { 
	text-decoration: none;
	border-color: #000;
	color: #000;
}
ul#sub_menu a.active h2, ul#sub_menu a:hover h2{
	color: #ffffff;
}
ul#sub_menu h2{
	position: relative;
	z-index: 2;
	padding: 2px;
	margin: 42px 0 0 0;
	font: bold 14px Tahoma, Arial, sans-serif;
	text-align: center;
	color: #d0c3b8;
}
ul#sub_menu div#black{
	display: block;
	position: relative;
	z-index: 1;
	left: 0;
	padding:0;
	top: 80px;
	width: 159px;
	height: 39px;
	background-color: #30231c;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

ul#sub_menu a:hover, ul#sub_menu a.active, ul#sub_menu a.active:hover {
	color: #fff;
	margin: 0;
	padding: 2px;
}

ul.project_list {
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.project_list li {
	display: block;
	margin: 0;
	padding: 0 0 5px 0;
	list-style-type: none;
}
ul.project_list a {
	display: block;
	margin: 0;
	padding: 0 0 0 0;
	font: normal 14px Tahoma, Arial, sans-serif;
	color: #fff;
	text-decoration: none;
	background: url('../i/white_arrow_right.gif') no-repeat left top;
}
ul.project_list a:hover {
	text-decoration: underline;
}

div.project_block {
	display: block;
	clear: both;
	width: 486px;
	padding: 5px 0;
}
div.project_block a.thumb {
	display: block;
	float: left;
	margin: 0 10px 0 0;
	padding: 2px;
	width: 107px;
	height: 80px;
	border: solid 1px #977255;
	background: none;
}
div.project_block a.thumb:hover{
	border-color: #d0b49d;
}

div.project_block div.short_info {
	display: block;
	float: left;
	width: 362px;
}
div#right_col_text div.project_block div.short_info h3, div#right_col_text div.project_block div.short_info2 h3 {
	font: normal 16px Arial, sans-serif;
	margin: 0;
	padding: 0;
}
div#right_col_text div.project_block div.short_info p, div#right_col_text div.project_block div.short_info2 p {
	font: normal 12px Arial, sans-serif;
	margin: 10px 0 0 0;
}
div#right_col_text div.project_block div.short_info p a, div#right_col_text div.project_block div.short_info2 p a {
	font: normal 12px Arial, sans-serif;
	color: #d0b49d;
	text-decoration: none;
}
div#right_col_text div.project_block div.short_info p a:hover, div#right_col_text div.project_block div.short_info2 p a:hover {
	text-decoration: underline;
}

div.project_block div.short_info2 {
	display: block;
	float: left;
	width: 485px;
}

div#right_col_text div.project_block div.short_info2 h3 span{
	display: block;
	clear: both;
	font-size: 10px;
	color: #d0b49d;
}

h2 span.website{
	display: block;
	clear: both;
	font-size: 10px;
	color: #d0b49d;
}

h2 span.website a{
	color: #d0b49d;
}

img#big_img{
	position: relative;
	z-index: 1;
}
img.thumbin, img.thumbhome{
	cursor: pointer;
}

div#area_by_years{
	display: block;
	width: 960px;
	height: 100px;
	margin: auto;
	padding: 0;
	background-color: #c5af9a;
	background: url(/i/years_backgr.gif) repeat-y;
}

div.middle{
	display: block;
	float: left;
	width: 660px;
}
div.nav_years{
	display: block;
	float: left;
	width: 150px;
	text-align: center;
	padding-top: 48px;
}

div.nav_years a{
	text-decoration: none;
	color: #000;
	cursor: pointer;
}
div.nav_years a:hover{
	text-decoration: underline;
}

div.sliding_line{
	display: block;
	float: left;
	height: 25px;
	width: 660px;
	margin-top: 25px;
	/*
	margin: 25px 80px 0 !important;
	margin: 25px 40px 0;
	*/
	padding: 0;
	background-color: #c5af9a;
}

div.slide{
	position: relative;
	width: 200px;
	height: 25px;
	padding: 2px 5px;
	font: normal 14px Arial, Helvetica, sans-serif;
	color:#312318;
	border-left: 3px solid #312318;
}

ul#years{
	display: block;
	float: left;
	height: 20px;
	width: 660px;
	/*
	margin: 0 80px 30px !important;
	margin: 0 40px 30px;
	*/
	margin: 0;
	margin-bottom: 30px;
	padding: 0;
	background-color: #c5af9a;
	list-style-type: none;
}

ul#years li{
	display: block;
	float: left;
	background: url('../i/year_top.gif') no-repeat left top;
	width: 55px;
	text-align:center;
	padding-top: 5px;
	list-style-type: none;
}

ul#years li.page-1{
	display: none;
	list-style-type: none;
}

ul#years li a{
	display: block;
	width: 55px;
	height: 20px;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #433325;
	text-decoration:none;
}

ul#years li a:hover{
	color: #000000;
}


div#home_img_holder h2 a, div#home_img_holder h2 a:hover{
	text-decoration: none;
} 


img.weare{
	display: block;
	margin: 0;
	padding: 0;
}


/* PAGE NAVIGATION */
ul#page_nav{
	display: block;
	padding: 0;
	margin: 10px auto;
	list-style-type: none;
	text-align: center;
	width: 486px;
}

ul#page_nav li{
	display: block;
	float: left;
	list-style-type: none;
	width: 20px; 
	margin: 0 2px;
	padding: 0;
	text-align: center;
}

ul#page_nav li a{
	display: block;
	font: normal 11px Arial, sans-serif;
	width: 16px;
	height: 13px;
	padding: 2px;
	margin: 0;
	text-align: center;
	border: solid 1px #ffffff;
	background-color: #433325;
	text-decoration: none;
}

ul#page_nav li a.active{
	border: solid 1px #ffffff;
	background-color: #ffffff;
	color: #000;
}

ul#page_nav li a:hover{
	display: block;
	font: normal 11px Arial, sans-serif;
	width: 16px;
	height: 13px;
	padding: 2px;
	margin: 0;
	text-align: center;
	border: solid 1px #ffffff;
	background-color: #ffffff;
	color: #8A684C;
	text-decoration: none;
}


ul#page_nav li.prev{
	display: block;
	list-style-type: none;
	float: left;
	width: 80px; 
}

ul#page_nav li.next{
	display: block;
	list-style-type: none;
	float: left;
	text-align: right;
	width: 80px; 
}

ul#page_nav li.prev a, ul#page_nav li.prev a:hover{
	display: block;
	width: 70px;
	padding: 2px 0 2px 10px;
	font: normal 11px Arial, sans-serif;
	color: #fff;
	background: url('/i/white_submenu_left.gif') no-repeat left 6px;
	text-transform: uppercase;
	text-decoration: none;
	border: none;
}

ul#page_nav li.next a, ul#page_nav li.next a:hover{
	display: block;
	width: 70px;
	padding: 2px 10px 2px 0;
	font: normal 11px Arial, sans-serif;
	color: #fff;
	background: url('/i/white_submenu.gif') no-repeat right 6px;
	text-transform: uppercase;
	text-decoration: none;
	border: none;
}


/* SUB MENU - PROJECTs BY YEAR  */
ul#by_year {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul#by_year li {
	display: block;
	float: left;
	width: 165px;
	margin: 0;
	padding: 0 5px 10px 0;
	list-style-type: none;
}
ul#by_year a {
	display: block;
	float: left;
	margin: 0;
	padding: 0 0 0 25px;
	font: normal 14px Tahoma, Arial, sans-serif;
	color: #120D08;
	text-decoration: none;
	background: url('/i/black_arrow_right.gif') no-repeat left center;
}
ul#by_year a:hover, ul#by_year a.active, ul#by_year a.active:hover {
	color: #fff;
	background: url('/i/white_submenu.gif') no-repeat left center;
}


/* --- CLIENTs SUBMENU --- */
ul#clients {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul#clients li {
	display: block;
	float: left;
	clear: left;
	margin: 0;
	padding: 0 0 10px 0;
	list-style-type: none;
}
ul#clients a {
	display: block;
	float: left;
	margin: 0;
	padding: 0 0 0 25px;
	font: normal 14px Tahoma, Arial, sans-serif;
	color: #120D08;
	text-decoration: none;
	background: url('/i/black_arrow_right.gif') no-repeat left center;
}
ul#clients a:hover, ul#clients a.active, ul#clients a.active:hover {
	color: #fff;
	background: url('/i/white_submenu.gif') no-repeat left center;
}


/* FORM */
/*### FORMS  ###*/
div#contactForm {
	display: block;
	clear: both;
	float: left;
	margin: 0;
}

p.required{
	display: block;
	margin-left: 160px !important;
	margin-left: 80px;
}

div#contactForm label{
	display: block;
	clear: left;
	float: left;
	width: 100px;
	padding: 8px 5px 5px 5px;
	font: normal 12px Arial, sans-serif;
	text-align: right;
	color: #C6AE9A;
}
div#contactForm input.first{
	width: 220px;
	display: block;
	float: left;
	margin-top: 5px;
	padding: 3px;
	font: normal 12px Arial, sans-serif;
	border: 1px solid #977255;
	background-color: #433325;
	color: white;
}
div#contactForm input.second{
	width: 220px;
	display: block;
	float: left;
	margin-top: 5px;
	padding: 3px;
	font: normal 12px Arial, sans-serif;
	border: 1px solid #C6AE9A;
	background-color: #433325;
	color: #fff;
}

div#contactForm input.submit{
	display: block;
	float: left;
	clear: left;
	padding: 0;
	margin-left: 110px !important;
	margin-left: 55px;
	margin-top: 5px;
	height: 25px;
	width: 100px;
	font: normal 12px Arial, sans-serif;
	border: 1px solid #C6AE9A;
	background-color: #977255;
	color: #000;
	cursor: pointer;
	outline: none;
}


div#contactForm input.buton{
	display: block;
	float: left;
	clear: left;
	padding: 0;
	margin-left: 110px !important;
	margin-left: 55px;
	margin-top: 5px;
	height: 25px;
	width: 100px;
	font: normal 12px Arial, sans-serif;
	border: 0;
	border: 1px solid #C6AE9A;
	background-color: #977255;
	color: #fff;
	cursor: pointer;
	outline: none;
}

div#contactForm input.hidden{
	display: block;
	border: 0px;
	background-color: #000;
}
div#contactForm textarea.first{
	width: 220px;
	height: 80px;
	display: block;
	float: left;
	overflow:auto;
	margin-top: 5px;
	padding: 3px;
	font: normal 12px Arial, sans-serif;
	border: 1px solid #977255;
	background-color: #433325;
	color: white;
}
div#contactForm textarea.second{
	width: 220px;
	height: 80px;
	display: block;
	float: left;
	overflow:auto;
	margin-top: 5px;
	padding: 3px;
	font: normal 12px Arial, sans-serif;
	border: 1px solid #C6AE9A;
	background-color: #433325;
	color: white;
}
div#contactForm select {
	width: 150px;
	display: block;
	float: left;
	margin-top: 5px;
	padding: 0;
	font: normal 12px Arial, sans-serif;
	border: 1px solid #36322E;
}
div.imgcaptcha{
	display: block;
	float: left;
	clear:left;
	padding: 5px 5px 5px 110px;
}

div.error{
	display: block;
	margin-left: 110px !important;
	margin-left: 55px;
	color: #ff0000;
}

div.required{
	display: block;
	padding: 0;
	margin: 5px 0 10px 10px;
	color: #C6AE9A;
}

div#ref_gallery a {
	display: block;
	float: left;
	margin: 0 0 4px 0;
	padding: 0;
	width: 131px;
	height: 180px;
	background-color: #e4e4e4;
	text-align: center;
	border: 5px solid #e4e4e4;
}
div#ref_gallery img {
	display: block;
	position: relative;
	float: left;
	top: 50%;
	left: 50%;
	padding: 0;
	border: 0;
	text-align: center;
	color: #fff;
}
div#ref_gallery a:hover {
	background-color: #C6AE9A;
	border: 5px solid #C6AE9A;
}

div.ref_info {
	display:block; 
	float: left;
	margin: 0;
	padding: 10px;
	width: 131px;
	text-align: center;
	color: #fff;
}

p.ref_title{
	display: block;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	text-align: center;
}