/* ---------------------------------------------------------------------------------------  RESET DEFAULT  */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	}

a, a:focus {
	outline: none;
	text-decoration: none;
	}

body {
	line-height: 12px;
	color: #333;
	background: #FFF;
	}

ol, ul {
	list-style: none;
	}

table {
	border-collapse: separate;
	border-spacing: 0;
	}

caption, th, td {
	text-align: left;
	font-weight: normal;
	}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	}

blockquote, q {
	quotes: "" "";
	}

/* ---------------------------------------------------------------------------------------  LAYOUT  */

.left {
	float: left; 
	}

.right {
	float: right; 
	}

.center {
	margin: 0 auto; 
	}

.clear { 
	height: 0; 
	font-size: 0; 
	line-height: 0px; 
	clear: both; 
	}

.tl, .tr, .bl, .br {
	width: 5px;
	height: 5px;
	}

.tl {
	position: absolute;
	left: 0;
	top: 0;
	}

.tr {
	position: absolute;
	right: 0;
	top: 0;
	}

.bl {
	position: absolute;
	left: 0;
	bottom: 0;
	}

.br {
	position: absolute;
	right: 0;
	bottom: 0;
	}

.inner {
	width: 937px;
	margin: 0 auto;
	}

.content {
	float: left;
	width: 598px;
	}

.sidebar {
	float: right;
	width: 300px;
	padding: 9px 7px;
	}

body {
	font-family: Arial;
	font-size: 11px;
	color: #774819;
	background: #F7EEDB url("../img/body-bg.png") repeat-x 0 0;
	}

a {
	color: #EC841C;
	}

.sidebar a {
	color: #B16C2E;
	}

a:hover {
	color: #774819;
	}

p {
	line-height: 16px;
	}

input, select, textarea {
	font-family: Arial;
	font-size: 11px;
	}

a.navigational {
	float: right;
	width: 28px;
	height: 18px;
	background-image: url("../img/navigational-bg.gif");
	background-repeat: no-repeat;
	background-position: 0 -18px;
	font-size: 0;
	line-height: 0;
	}

a.navigational:hover {
	background-position: 0 -36px;
	}

.info {
	padding: 10px 10px 10px 34px;
	background-position: 10px 11px;
	background-repeat: no-repeat;
	border-width: 1px;
	border-style: solid;
	line-height: 16px;
	background-image: url("../img/ico_info.gif");
	background-color: #E7F1FA;
	border-color: #AEC5E3;
	line-height: 18px;
	}

.error {
	background-image: url("../img/ico_error.gif");
	background-color: #ffe3e3;
	border-color: #dfb7b7;
	}

.ok {
	background-image: url("../img/ico_ok.gif");
	background-color: #d8f8cb;
	border-color: #b8dfa8;
	}

.chk {
	width: 13px;
	height: 13px;
	}

/* ---------------------------------------------------------------------------------------  HEADER  */

#header {
	height: 242px;
	}

#header .content {
	position: relative;
	}

#header .content #logo {
	position: absolute;
	top: 94px;
	width: 186px;
	height: 53px;
	background: url("../img/logo.png") no-repeat;
	}

#header .content #motto {
	position: absolute;
	left: 212px;
	top: 85px;
	width: 345px;
	height: 87px;
	background: url("../img/motto.png") no-repeat;
	}

#header .content #menu {
	height: 33px;
	margin: 209px 2px 0 2px;
	background: url("../img/menu-bg.png") repeat-x;
	}

#header .content #menu .bl {
	left: 2px;
	}

#header .content #menu .br {
	right: 2px;
	}

#header .content #menu ul li {
	float: left;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	background: url("../img/vdot-menu.gif") no-repeat 100% 7px;
	}

#header .content #menu ul#languages {
	height: 1px;
	width: 126px;
	position: absolute;
	right: 0;
	}

#header .content #menu ul#languages li {
	text-transform: lowercase;
	}

#header .content #menu ul li.last {
	background-image: none;
	}

#header .content #menu ul li a {
	position: relative;
	float: left;
	padding: 9px 14px 12px 13px;
	}

#header .content #menu ul li.last a {
	padding-right: 13px;
	}

#header .content #menu ul li a.selected {
	color: #774819;
	background: url("../img/menu-selected.gif") no-repeat 50% 100%;
	}

#header .content #menu ul li a img {
	display: none;
	position: absolute;
	top: 35px;
	}

#header .content #menu ul li a.selected img {
	display: block;
	}		

#header .content #menu ul.ro li a#menu-index img {
	left: 48px;
	}

#header .content #menu ul.en li a#menu-index img {
	left: 42px;
	}

#header .content #menu ul.ro li a#menu-about img {
	left: 42px;
	}

#header .content #menu ul.en li a#menu-about img {
	left: 36px;
	}

#header .content #menu ul.ro li a#menu-projects img {
	left: 36px;
	}

#header .content #menu ul.en li a#menu-projects img {
	left: 37px;
	}

#header .content #menu ul.ro li a#menu-testimonials img {
	left: 48px;
	}

#header .content #menu ul.en li a#menu-testimonials img {
	left: 62px;
	}

#header .content #menu ul li a#menu-romanian img {
	left: 29px;
	}

#header .content #menu ul li a#menu-english img {
	left: 28px;
	}

#header .sidebar#showcase {
	position: relative;
	height: 214px;
	margin-top: 12px;
	padding: 8px 7px;
	background-color: #FFF;
	color: #DDD1C5;
	}

#header #showcase .section span {
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 4px;
	}
	
#header #showcase #scroller {
    width: 300px;
    height: 194px;
    overflow: hidden;
    }

#header #showcase #content {
	width: 2500px;
    }

#header #showcase .slide {
    float: left;
    width: 300px;
    height: 190px;
	padding-top: 4px;
	padding-right: 10px;
    }

#header #showcase .slide a {
	font-size: 12px;
	font-weight: bold;
	}

#header #showcase .slide img {
	margin-top: 12px;
	}

#header #showcase a.navigational {
	background-image: url("../img/navigational-showcase.gif");
	height: 20px;
	background-position: 0 0;
	}

#header #showcase a.navigational#showcase-prev {
	background-position: 0 0;
	}

#header #showcase a.navigational#showcase-prev:hover {
	background-position: 0 -40px;
	}

#header #showcase a.navigational#showcase-next {
	background-position: 0 -20px;
	margin-left: 7px;
	}

#header #showcase a.navigational#showcase-next:hover {
	background-position: 0 -60px;
	}

#reflections {
	margin-top: 2px;
	width: 937px;
	height: 33px;
	background: url("../img/reflection-bg.png") no-repeat 2px 0;
	}


/* ---------------------------------------------------------------------------------------  CONTENT  */

.content h1, .content h2, .sidebar h3, .content h4, .sidebar h5 {
	font-size: 15px;
	text-transform: uppercase;
	font-weight: bold;
	padding-bottom: 10px;
	background: url("../img/hdot-heading.gif") repeat-x 0 100%;
	margin-bottom: 18px;
	line-height: 14px;
	}

.content h4, .sidebar h5 {
	text-transform: none;
	}

.content h3, .content h5, .content dt, .sidebar dt, .sidebar h4, .sidebar h6, blockquote cite {
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 13px;
	}

.content h3 a, .content h5 a, .content dt a, .sidebar dt a, .sidebar h6 a, blockquote cite a {
	display: block;
	}

.content .column {
	padding: 9px 10px;
	}

.content .column.left, .content .column.right {
	width: 279px;
	margin-bottom: 15px;
	}

.content .column.last {
	margin-bottom: 3px;
	}

.content .column.project {
	margin-bottom: 0;
	}

.content .column.project a.project-link {
	margin-bottom: 0;
	}

.content p, .sidebar p {
	margin-bottom: 10px;
	}

.content p.last {
	margin-bottom: 0;
	}

.content div.highlight {
	background: url("../img/hdot-normal.gif") repeat-x 0 0;
	margin: 15px 0;
	background-color: #FFF;
	}

.content div.highlight p {
	padding: 15px;
	background: url("../img/hdot-normal.gif") repeat-x 0 100%;
	}

.content a.navigational {
	background-position: 0 0;
	}

.content a.navigational:hover {
	background-position: 0 -54px;
	}
	
.content a.project-link {
	display: block;
	margin-bottom: 20px;
	border: 3px solid #FFF;
	}

.content a.project-link.last {		
	margin-bottom: 13px;
	}

.content a.project-link:hover {
	border: 3px solid #EAD9B5;
	}

.content a.project-link {
	width: 273px;
	}

.content .project-panorama {
	display: block;
	border: 3px solid #FFF;
	}

.content a.project-blueprint {
	display: block;
	border: 3px solid #FFF;
	float: right;
	margin: 15px 0 0 14px;
	}

.content a.project-blueprint:hover {
	border: 3px solid #EAD9B5;
	}

.content a.project-gallery {
	display: block;
	float: left;
	border: 2px solid #FFF;
	margin: 0 8px 9px 0;
	}

.content a.project-gallery:hover {
	border: 2px solid #EAD9B5;
	}

.content .gallery a.last {
	margin-right: 0;
	}

.inner#wrapper {
	background: url("../img/faux-columns.gif") repeat-y 608px 0;	
	}

.content a.more, .sidebar a.more {
	text-decoration: underline;
	}

.content a.more:hover, .sidebar a.more:hover {
	text-decoration: none;
	}

.content .listing {	
	padding: 0 8px;
	}

.content .paginare {
	float: right;
	padding-top: 5px;
	}

.content .paginare li {
	float: left;
	}

.content .paginare li a {
	display: block;
	color: #FFF;
	width: 27px;
	height: 16px;
	padding-top: 4px;
	margin-left: 10px;
	background: url("../img/pagination-bg.gif") no-repeat 0 0;
	text-align: center;
	font-weight: bold;
	color: #FCF1E8;
	}

.content .paginare li a:hover {
	color: #FFF;
	}

.content .paginare li a:hover, .content .paginare li a.selected {
	background-position: 0 -20px;
	}

.content dl {
	margin-bottom: 13px;	
	}

.content dl dd {
	background: url("../img/hdot-normal.gif") repeat-x 0 100%;
	padding-bottom: 16px;
	margin-bottom: 20px;
	line-height: 16px;
	}

.content .dotted {
	background: url("../img/hdot-normal.gif") repeat-x 0 100%;
	padding-bottom: 19px;
	margin-bottom: 14px;
	}

.content dl dd.last {
	margin-bottom: 0;
	}

.content dl dd .navigational {
	margin-top: 10px;
	}	

.content dl dd span.misc {
	margin-top: 11px;
	}

.content span.misc {
	color: #C4AC8D;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	display: inline;
	margin: 0;
	margin-top: 4px;
	}

.content ul.project-details {
	position: relative;
	width: 273px;
	padding: 0 0 13px 0;
	background-color: #FFF;
	margin-bottom: 20px;
	}

.content ul.project-details li {
	background: url('../img/hdot-light.gif') repeat-x 0 0;
	padding: 9px 15px;
	}

.content ul.project-details li.first {
	padding-top: 0;
	background-image: none;
	}

.content ul.project-details li.last {
	padding-bottom: 0;
	}

.content ul.project-details li span.label {
	font-weight: bold;
	text-align: right;	
	float: left;
	width: 165px;
	padding-right: 7px;
	}

.content ul.wide {
	width: 580px;
	margin-bottom: 0;
	padding-bottom: 0;
	padding-top: 11px;
	}

.content .gallery {
	margin-top: 15px;
	}

.content span.list-item {
	display: block;
	padding: 0 0 1px 15px;
	background: url('../img/list_arrow.gif') no-repeat 0 5px;
	}

/* ---------------------------------------------------------------------------------------  SIDEBAR  */

.sidebar a:hover {
	color: #EC841C;
	}

.sidebar #search {
	margin-top: -2px;
	padding-bottom: 10px;
	height: 30px;
	position: relative;
	}

.sidebar #search-wrapper {
	position: absolute;
	background: url("../img/search-bg.png") no-repeat 0 0;
	width: 300px;
	height: 22px;
	z-index: 200;
	}

.sidebar dl {
	margin-bottom: 13px;
	}

.sidebar dl dd {
	background: url("../img/hdot-normal.gif") repeat-x 0 100%;
	padding-bottom: 16px;
	margin-bottom: 20px;
	}

.sidebar dl dd.last {
	margin-bottom: 0;
	}

.sidebar span.misc {
	color: #C4AC8D;
	padding-top: 3px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	}

.sidebar .spacer {
	margin-bottom: 17px;
	}

.sidebar form {
	padding-bottom: 20px;
	padding-top: 2px;
	}

.sidebar form input.text {
	padding: 2px 3px;
	width: 240px;
	border: 0;
	margin: 2px 0 0 4px;
	float: left;
	}

.sidebar form input.faded {
	color: #C4AC8D;
	}

div.autocomplete {
	position: absolute;
	background-color: #FFF;
	margin: -1px 0 0 -4px;
	padding: 0;
	z-index: 100;
	width: 298px;
	}

div.autocomplete ul {
	margin: 0;
	padding: 0;
	width: 298px !important;
	border: 1px solid #D0BCA0;
	background-color: #D0BCA0;
	border-top-width: 0;
	}

div.autocomplete ul li.selected { 
	background-color: #FFF;
	}

div.autocomplete ul li {
	margin: 0;
	padding: 6px;
	cursor: pointer;
	text-align: left;
	margin-bottom: 1px;
	background-color: #ECDCBB;
	}

div.autocomplete ul li.first {
	padding-top: 9px;
	}

div.autocomplete ul li.last {
	margin-bottom: 0;
	}

.sidebar form a.navigational {
	height: 20px;
	background-position: 0 0;	
	}	

.sidebar form#search a.navigational {
	height: 22px;
	background-image: url("../img/navigational-search.png");
	}

.sidebar form a.navigational:hover {
	background-position: 0 -22px;
	}

.sidebar #filter {
	padding-bottom: 0;
	}

.sidebar #filter h4 {
	margin-bottom: 10px;
	}

.sidebar #filter ul#checkall {
	margin-bottom: 7px;
	}

.sidebar #filter ul.tipuri_proiecte {
	width: 146px;
	}

.sidebar #filter ul.left {
	width: 120px;
	}	

.sidebar #filter ul.right {
	width: 180px;
	}

.sidebar #filter ul {
	margin-bottom: 20px;
	}

.sidebar #filter ul li {
	padding-bottom: 7px;
	margin-bottom: 6px;
	background: url("../img/hdot-normal.gif") repeat-x 0 100%;
	}

.sidebar #filter ul.right li {
	padding-left: 12px;
	}

.sidebar #filter ul li.last {
	padding-bottom: 0;
	background-image: none;
	}

.sidebar #filter a.navigational {
	display: block;
	text-align: right;
	height: 15px;
	padding: 3px 35px 0 0;
	font-size: 12px;
	font-weight: bold;
	color: #EC841C;
	background-position: 100% -18px;
	margin-top: 10px;
	}

.sidebar #filter a:hover {
	color: #774819;
	background-position: 100% -36px;
	}

.sidebar #filter ul li .chk, .sidebar #filter ul li label {
	padding: 0;
	margin: 0;
	vertical-align: middle;
	}

.sidebar #filter ul li.last {
	padding-bottom: 0;
	}

.sidebar #filter ul li label {
	padding-left: 3px;
	}

.sidebar #filter select {
	width: 75px;
	}

.sidebar #filter select#an_min {
	margin-right: 6px;
	}

.sidebar #filter .an-select {
	background: url("../img/hdot-normal.gif") repeat-x 0 100%;
	padding-bottom: 12px;
	}

.sidebar #filter .an-select input {
	margin-left: 0;
	margin-right: 6px;
	}

.sidebar #filter .an-select	label, .sidebar #filter .an-select input, .sidebar #filter .an-select span  {
	float: left;
	}

.sidebar #filter .an-select select, .sidebar #filter .an-select span  {
	float: right;
	}

.sidebar #filter .an-select label {
	padding: 3px 0 0 0;
	}

.sidebar #filter .an-select select {
	margin-left: 6px;
	}

.sidebar #filter .an-select span {
	padding: 3px 0 0 0;
	}



/* ---------------------------------------------------------------------------------------  FOOTER  */

.outer#footer {
	background-color: #ECDCBB;
	border-top: 1px solid #E7D4AB;
	border-bottom: 1px solid #E7D4AB;
	margin-top: 35px;
	padding: 20px 0 20px 0;
	}

#footer .inner {
	background: url("../img/faux-columns-footer.gif") repeat-y 609px 0;	
	}

#footer .content ul.links {
	width: 100%;
	overflow: hidden;
	margin-top: -9px;
	}

#footer .content ul.links li {
	background: url("../img/hdot-footer.gif") repeat-x 0 100%;
	}

#footer .content ul.links li.last {
	background-image: none;
	}

#footer .content ul.links li a {
	width: 100%;
	display: block;
	padding: 8px 0 8px 11px;
	background: url("../img/list-item-footer.gif") no-repeat 1px 11px;
	}

#footer .column {
	margin-bottom: 0;
	padding-bottom: 0;
	}

#footer .column table {
	margin-top: -3px;
	}

#footer .column table td, #footer .column table th {
	vertical-align: top;
	padding-bottom: 5px;
	line-height: 16px;
	}

#footer .column table tr.last td, #footer .column table tr.last th {
	padding-bottom: 0;
	}

#footer .column table th {
	text-align: right;
	padding-right: 7px;
	font-weight: bold;
	}

#footer .sidebar {
	padding-bottom: 0;
	margin-bottom: -3px;
	}

/* ---------------------------------------------------------------------------------------  COPYRIGHT  */

.outer#copyright {
	padding: 22px 0 20px 0;
	color: #C4AC8D;
	}

.outer#copyright a {
	color: #EC841C;
	}

.outer#copyright a:hover {
	color: #C4AC8D;
	}

/* ---------------------------------------------------------------------------------------  SIFR  */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	}

.sIFR-replaced {
	visibility: visible !important;
	}
	
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	}

.sIFR-flash + div[adblocktab=true] {
	display: none !important;
	}

.sIFR-hasFlash h1, .sIFR-hasFlash h2, .sIFR-hasFlash .sidebar h3, .sIFR-hasFlash h4, .sIFR-hasFlash .sidebar h5 {
	visibility: hidden;
	line-height: 16px;
	padding-bottom: 4px;
	}

/* ---------------------------------------------------------------------------------------  Lightbox */

#lightbox { position: absolute; top: 40px; left: 0;	width: 100%; z-index: 600; text-align: center; line-height: 0;	}
#lightbox a img { border: none;	}
#outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer { padding: 10px; }
#loading { position: relative; margin-left: 0; margin-top: 100px; width: 100%; text-align: center; }
#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav { left: 0; }
#hoverNav a { outline: none; }
#prevLink, #nextLink { width: 49%; height: 100%; background: transparent url('../img/lightbox/blank.gif') no-repeat; display: block; }
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover { background: url('../img/lightbox/prev.gif') left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url('../img/lightbox/next.gif') right 15% no-repeat; }
#imageDataContainer { font: 11px Tahoma, Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; }
#imageData { padding: 0 10px; }
#imageData #imageDetails { float: left; text-align: left; padding-bottom: 8px; }	
#imageData #caption { font-size: 11px; font-weight: bold; }
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 5px; padding-top: 5px; }
#imageData #numberDisplay span { float: left; }
#imageData #numberDisplay a { float: left; }
#imageData #numberDisplay a.auxNavPrev { padding: 1px 20px 1px 0; background: url('../img/ico-arrow-left.gif') no-repeat right 1px; }
#imageData #numberDisplay a.auxNavNext { padding: 1px 17px 1px 0; background: url('../img/ico-arrow-right.gif') no-repeat right 1px; }
#imageData #bottomNavClose { width: 82px; float: right; }
#imageData #bottomNavClose img { width: 82px; }		
#overlay { position: absolute; top: 0; left: 0; z-index: 500; width: 100%; height: 500px; background-color: #1B0D05; }
.clearfix:after { content: ".";  display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix { /* IE-mac \*/ height: 1%; }