*{margin:0;padding:0;border:0; font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size:12px;color:#808080; text-align:left;}

body{ background:#ffffff; -moz-user-select: none;-khtml-user-select: none;}

#wrapper{width:832px; height: 492px; position: relative; margin: 0 auto; border: 1px solid #E3E3E3; overflow: hidden; }

/*
#nav {width: 247px; height: 487px; position: absolute; left: 0; top: 0; overflow: hidden;
}
#nav a#logo { margin: 10px 0 0 8px; display: block;}
#nav ul { list-style: none; display: block;}
#nav ul li { padding: 0px 0;}
#nav ul li a { text-decoration: none;}
#nav ul li a:hover { color: #000000;}
#nav ul.level-1 {width: 126px; position: absolute; top: 128px; left: 0;}
#nav ul.level-2 {width: 118px;
	position:relative;
	display:none;
	background-color:#fff;
	z-index:10;

}
#nav ul.level-1 li, #nav ul.level-2 li { padding-left: 8px;}
#nav ul.level-2 li { width: 110px; position:relative;}
#nav ul.level-3 {padding-left:5px;
	position:absolute;
	bottom:0;
	display:none;
	background-color:#fff;
	width:120px;
	margin-left:100px;
	_margin-left:0px;

}
#nav ul.level-3 li { margin-top:50px;padding: 0px 0; }
/* #nav ul.level-1 li ul.level-2, #nav ul.level-2 li ul.level-3 { display: none;}  */

/*
#nav ul.level-1 li:hover ul.level-2, #nav ul.level-2 li:hover ul.level-3 {display: block;}
#nav ul.level-2 li:hover ul.level-3 {overflow-y: auto; overflow-x: hidden;}

*/
#nav {width: 247px; height: 484px; position: absolute; left: 0; top: 0; overflow: hidden; z-index:2;}
#nav a#logo { margin: 10px 0 0 8px; display: block;}
#nav ul { list-style: none; display: block;}
#nav ul li { padding: 0px 0;}
#nav ul li a { text-decoration: none; }
#nav ul li a:hover { color: #000000; }
#nav ul.level-1 {width: 126px; position: absolute; top: 128px; left: 0; z-index:20; }
#nav ul.level-2 {width: 118px; }
#nav ul.level-1 li, #nav ul.level-2 li { padding-left: 8px;}
#nav ul.level-2 li { width: 100px; }
#nav ul.level-3 {
height: 390px;
overflow:auto;
z-index:17;
padding-left:5px;
}
#nav ul.level-2 div {
	height: 472px;
	background: #FFFFFF;
	width: 120px;
	position: absolute;
	top: -118px;
	left: 116px;
	display: none;
}
#nav ul.level-2 .selected div {
	display: block;
}

#nav ul.level-3 li { padding: 0px 0; }
#nav ul.level-1 li ul.level-2, #nav ul.level-2 li ul.level-3 { display: none; }
#nav ul.level-1 li:hover ul.level-2, #nav ul.level-2 li:hover ul.level-3 {display: block;}
#nav ul.level-1 li:hover {

}

#nav ul.level-1 li a {
	color: #808080;
}

#nav ul.level-1 li a {
	color: #808086;
}
#nav ul.level-2 li a {
	color: #c0c0c0;
}


#nav ul.level-1 li.last a,
#nav ul.level-2 li a {
	color: #c0c0c0;
}

#nav ul.level-1 li.selected > a,
#nav ul.level-1 li a:hover {
	color: #000000;
}
#nav ul.level-2 li.selected > a,
#nav ul.level-2 li a:hover {
	color: #000000;
}

/*
#nav ul.level-2 li {
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}
#nav ul.level-2 li:hover {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-right:1px solid #fff;
	background-color:#fff;

}
*/
#nav ul.level-2 li:hover ul.level-3 {overflow-y: auto; overflow-x: hidden;}

#nav #navProjectImage {
	position: absolute;
	left: 116px;
	padding-left: 5px;
	bottom: 3px;
	z-index: 30;
	height: 72px;
	overflow: hidden;
	background: #FFFFFF;
}

#content-home {
	position: absolute;
	z-index:1;
	margin: 10px 10px 10px 130px;
	overflow: hidden;
	width: 692px;
	height: 472px;
}
html>body #content-home {
	width: auto;
	height: auto;
	right: 0px;
	top: 0px;
	left: 0px;
	bottom: 0px;
}
#content-home img {
	display: block;
	zoom: 1;
}
#content {
	width: 577px;
	position: absolute;
	right: 0;
	top: 10px;
	bottom: 10px;
	overflow: hidden;
	_height: 477px;
}
#content div.content-slider div,
#content div.content-slider span,
#content div.contentslider div,
#content div.contentslider span,
#content p {
	text-align: justify;
}

#project-image {
	position: relative;
	z-index: 1;
}
#current-image {
	position: relative;
	z-index: 40;
	width: 565px;
	height: 335px;
	left: 257px;
	top: 10px;
}
.content-slider {width: 570px; height: 132px; position: absolute; right: 7px; bottom: 0px; overflow-y: auto; overflow-x: hidden;  background: url(../img/slider-bar.jpg) top right repeat-y;}
.content-slider p { padding-bottom: 10px;}
.content-slider h4 {margin-bottom: 10px; color: #000000;}

.scroll { position:absolute; top: 0; right: 0; padding: 0 10px 0 1px; width: 559px; left: 0px;}
.track { position:absolute; right: 0; width:9px; height:100%; }
.drag_bar { position:absolute; width:9px; height:3px; background-color:#000000; cursor: pointer; }
.content-slider, .scroll, .track, .drag_bar {-moz-user-select: none;-khtml-user-select: none;}


#content img.projects { border: 1px solid #D4D7DA;}
#enlarge { position: absolute; top:12px; right: 12px; height: 10px; display: block; z-index: 60; }
#enlarge a { height: 11px; width: 35px; text-decoration: none; font-size: 9px; padding-right: 18px; background: url(../img/enlarge.jpg) top right no-repeat; display: block; z-index: 60; }

#reduce { position: absolute; top:12px; right: 12px; height: 10px; display: none; z-index: 50; }
#reduce a { height: 11px; width: 35px; text-decoration: none; font-size: 9px; padding-right: 18px; background: url(../img/reduce.jpg) top right no-repeat; display: block; z-index: 50; }

#lightbox-wrap { width: 144px; overflow: hidden; display: inline; float: right; padding-left: 100px;}

.lightbox {border: 1px solid #D4D7DA; width: 60px; height: 39px; margin: 5px; float: left; display: inline; overflow: hidden; }

div.form {

}

div.form label {
	display:block;
}
div.form input, textarea {
	border:1px solid #ccc;
	padding:3px;

}

div.form div.input {
	margin-bottom:10px;
}
div.form div.submit {

}
#search_results {
	position: relative;
}
#search_results .content-slider {
	height: 500px;
	width: 100%;
	top: 0;
	left: 0px;
	right: 0px;
	bottom: 0;
	position: absolute;
	overflow: hidden;
}
#search_results input {
	border: 1px solid #E3E3E3;
	padding: 3px;
	text-align: center;
}
#search_results input.input {
	text-align: left;
}
#search_results .item {
	margin-bottom: 10px;
}