/* CSS Document */
body {
padding: 0;
margin: 0;
background: #FFF7DE url(body-bg.jpg) top repeat-x;
text-align: center;
font-family: Arial;
}
a {
font-family: Arial;
}
a:hover {
text-decoration: none;
}
#main {
width: 928px;
margin: 0 auto;
background: url(main-bg.gif) repeat-y;
text-align: left;
overflow: hidden;
} 
#main-sides {
width: 928px;
background: url(side-bg.gif) no-repeat top;
}
#main-in {
width: 872px;
margin: 0 28px 0 28px;
padding: 7px 0 0 0;
background: url(top-bg.gif) repeat-x top;
}
#top {
height: 86px;
background: #FFFFFF url(logo.gif) no-repeat top right;
}
#top a {
display: block;
float: left;
line-height: 86px;
color: #9F4300;
font-size: 13px;
padding: 0 13px;
margin: 0 10px 0 0;
font-family: Lozen;
font-weight: bold;
text-align: center;
text-decoration: none;
}
#top a:hover {
color: #D6AD72;
background: url(menu-bg3.jpg) repeat-x top left;
}
#top a.narrow:hover {
color: #D6AD72;
background: url(menu-bg2.jpg) no-repeat top center;
}
#top a.narrow2:hover {
color: #D6AD72;
background: url(menu-bg1.jpg) no-repeat top center;
}
#header {
background: #FFFFFF url(header.jpg) no-repeat;
height: 187px;
padding: 0 0 8px 0;
}
#header a {
display: block;
width: 30px;
float: right;
clear: right;
}
.en-btn {
height: 65px;
background: url(en-btn1.jpg) no-repeat;
margin: 19px 2px 0 0;
}
#header a.en-btn:hover {
background: url(en-btn2.jpg) no-repeat;
}
.bg-btn {
height: 78px;
background: url(bg-btn1.jpg) no-repeat;
margin: 5px 2px 0 0;
}
#header a.bg-btn:hover {
background: url(bg-btn2.jpg) no-repeat;
}
#middle {
width: 872px;
background: url(middle-bg.jpg) no-repeat top;
padding: 28px 0 0 0;
overflow: hidden;
}
#middleEn {
width: 872px;
background: url(middle-bg-en.jpg) no-repeat top;
padding: 28px 0 0 0;
overflow: hidden;
}
#content {
padding: 0 0 0 88px;
width: 565px;
float: left;
color: #828282;
font-size: 11px; 
}

#content h1 {
background: url(h1-bg.gif) repeat-x bottom;
width: 400px;
padding: 0 0 14px 16px;
color:#D2AA2C;
font-size: 14px;
text-transform: uppercase;
}
#content h2 {
color: #704300;
font-size: 13px;
}
#content h3 {
color: #B68900;
font-size: 11px;
}
#content a {
color: #A84700;
font-size: 11px;
text-decoration:none;
}
#content a:hover {
color: #B68900;
}
#content li {
list-style-type: disc;
}
.home-txt {
clear: both;
font-size: 13px;
color: #000000;
margin: 30px 0;
}
.last-project {
width: 210px;
float: left;
font-size: 13px;
color: #000000;
}
.last-project h1 {
width: 190px !important;
}
.butSendEn {
	background:url(SendEn.jpg) no-repeat;
	height:23px;
	width:77px;
	border:none;
	color:#A69663;
	}
#groups {
margin: 30px 0 0 0;
}
#groups a {
float: left;
display: block;
margin: 0 15px 25px 0;
width: 173px; 
height: 120px;
background: url(image-bg.jpg) no-repeat;
}
#groups a:hover img {
filter:alpha(opacity=60);
-moz-opacity: 0.60;
opacity: 0.60;
}
#groups a img {
border: 0;
width: 158px;
height: 105px;
margin: 7px 0 0 7px;
}
#details {
margin: 20px 0 0 0;
}
#details a.bigpic {
float: left;
}
a.bigpic {
float: right;
display: block;
margin: 0 8px 15px 0;
width: 335px; 
height: 214px;
background: url(image-bg2.jpg) no-repeat;
}
a.bigpic:hover img {
filter:alpha(opacity=40);
-moz-opacity: 0.40;
opacity: 0.40;
}
a.bigpic img {
border: 0;
width: 320px;
height: 200px;
margin: 7px 0 0 7px;
}
#small-pics {
float: left;
width: 220px;
}
#small-pics a {
float: left;
display: block;
margin: 0 8px 8px 0;
width: 95px; 
height: 66px;
background: url(image-bg3.jpg) no-repeat;
}
#small-pics a:hover img {
filter:alpha(opacity=50);
-moz-opacity: 0.50;
opacity: 0.50;
}
#small-pics a img {
border: 0;
width: 87px;
height: 58px;
margin: 4px 0 0 4px;
}
.details-txt {
clear: both;
}
#right-side {
width: 184px;
float: right;
padding: 35px 0 140px 0;
background: url(right-side-bg.jpg) no-repeat bottom center;
}
#right-menu {
padding: 0;
margin: 0 0 40px 0;
}
#right-menu a {
display: block;
padding: 0 0 0 13px;
line-height: 23px;
color: #704300;
font-size: 11px;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
}
#right-menu a:hover {
color: #953800;
background: url(right-menu-bg.gif) no-repeat;
filter:alpha(opacity=50);
-moz-opacity: 0.50;
opacity: 0.50;
}
#right-side a.feedback {
display: block;
margin: 0 0 30px 0;
width: 118px;/*164-46*/
height: 29px;
line-height: 29px;
padding: 0 0 0 46px;
background: url(feedback-bg.jpg) no-repeat;
color: #C7AF5F;
font-size: 11px;
text-decoration: none;
text-transform: uppercase;
}
#right-side a.feedback:hover {
color: #6E6E6E;
filter:alpha(opacity=70);
-moz-opacity: 0.70;
opacity: 0.70;
}
#footer {
width: 928px;
height: 25px;
background: #FFF7DE url(footer-bg.gif) no-repeat top;
padding: 73px 0 0 0;
}
#footer a {
display: block;
float: left;
width: 60px;
height: 18px;
padding: 0 80px 0 0;
line-height: 18px;
margin: 0 0 0 27px;
background: url(n4u.gif) no-repeat right;
color: #BFB5A6;
font-size: 11px;
text-decoration: none;
}
#footer a:hover {
color:#704300;
}
#footer p {
float: right;
margin: 0;
padding: 0 27px 0 0;
color: #BFB5A6;
font-size: 11px;
}