body
{
    margin: 0;
    padding: 0;
    font-family: Times New Roman, Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;   
    font-size: 17px;
    background-color: #2c2827;  
    color: #847e82;
}
img {margin: 0; padding: 0; border: none;}
a {text-decoration: none; color: #847e82}
a:hover {color: #DDDDDD}

.clear {clear: both;}
#lang {
}
#container {
    margin: 0 auto 0 auto;
    width: 720px;
}
#content {
}
#content-image-home {
    background: url('../images/home.jpg');
    height: 576px;
}
#content-image-projects {
    background: url('../images/projects.jpg');
    height: 576px;
}
#content-image-production {
    background: url('../images/production.jpg');
    height: 576px;
}
#content-image-contact {
    background: url('../images/contact.jpg');
    height: 576px;
}
#content-image-history {
    background: url('../images/tradition.jpg');
    height: 576px;
}
#content-image-garden {
    background: url('../images/projects/ourgarden.jpg');
    height: 576px;
}
#content-image-offer-projects {
    background: url('../images/projects/offer-gallery.jpg');
    height: 576px;
}
#content-image-offer-gallery {
    background: url('../images/projects/offer-gallery.jpg');
    height: 576px;
}

#content-image-offer-production {
    background: url('../images/production/offer.jpg');
    height: 576px;
}
#content-image-production-gallery {
    background: url('../images/production/gallery.jpg');
    height: 576px;
}
.homepage-links {
    position: absolute;;
    top: 526px;
    font-weight: 600;
    text-align: center;
    letter-spacing: 6px;
    width: 720px;
}
.projects-links, .production-links {
    font-size: 20px;
    line-height: 100px;
    letter-spacing: 0px;
    font-weight: 300;
    word-spacing: normal;
} 
.production-links {
	float: right;
	padding-right: 260px;
	
}
.production-links a {
	color: #4a3532;
}
.production-links a:hover, .projects-links a:hover {
    color: #DDDDDD;
}
.production-links .item {
	
}
.projects-links {
    float: left;
    padding-left: 20px;
}
.projects-links a {
    color: #52493a;
}

.tradition {
    position: absolute;;
    top: 276px;
    font-weight: 500;
    text-align: center;
    letter-spacing: 2px;
    width: 550px;
    padding: 0 0px 0 60px;
    color: #be999b;
    font-size: 14px;
    line-height: 20px;
}
.contact {
    float: right;
    text-align: left;
    color: #585453;
    padding: 10px 10px 0 0;
    font-size: 16px;
    font-weight: 500;
}
.offer-projects, .offer-production {
    padding: 20px 0 0 10px;
    text-align: left;
    font-size: 18px;
    line-height: 20px;
} 
.offer-production, .offer-production a {
    color: #ccc1cf;
}
.offer-projects a:hover, .offer-production a:hover {
    color: #DDDDDD;
}
.offer-projects, .offer-projects a {
    color: #57463e;
}
#gallery-content {
    padding: 0px 0px;
}
.gallery-left {
    float: left;
	width: 150px;
	height: 515px;
	overflow: auto;
}
.gallery-left img {
	margin-bottom: 8px;
}
.gallery-right {
    float: right;
    padding-top: 50px;
}

.gallery-top {
   margin-bottom: 5px;
   margin-top: -10px;
   text-align: center;  
}
.gallery-bottom {
    height: 122px;
	width: 100%;
    overflow-x: scroll;
	
}
.gallery-bottom img {
    margin-right: 8px;
}


.gallery-pagination {
    text-align: center;
}
/************************ PAGER ***********************************/
.selectedPageBox{
    padding: 3px 6px; 
    border: 1px solid #000000; 
    background-color: #000000;
    color: #ffffff; 
}


a.pageLink:link{
    padding: 3px 6px; 
    border: 1px solid #000000; 
    background-color: #ffffff;
    color: #000000; 
    text-decoration: none;

}


a.pageLink:visited{
    padding: 3px 6px; 
    border: 1px solid #000000; 
    background-color: #ffffff;
    color: #000000; 
    text-decoration: none;

}

a.pageLink:hover{
    padding: 3px 6px; 
    border: 1px solid #000000; 
    background-color: #000000;
    color: #ffffff; 
    text-decoration: none;
}