@import "/reset.css";


/**
 * main styles
 **/

/* :hover For old IE versions */
body {
	behavior: url("/csshover.htc");
	}

*,
html,
body,
a,
h1,
h2,
h3
h4,
h5,
h6,
lable,
div,
td,
th,
i,
b,
strong,
em,
code,
kbd,
samp,
pre,
tt,
var,
textarea,
input,
select,
isindex,
dfn,
cite,
var,
address,
caption,
center,
img,
iframe,
form,
fieldset,
abbr,
acronym,
object,
applet,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote {
	direction: rtl;
	font-family: arial;
	font-style: normal;
	font-size: 10pt;
	letter-spacing: 0.1pt;
	text-align: right;
	word-spacing: 1pt;
	line-height: 1;
	}

div.clear { clear: both; }

.ltr { direction: ltr; text-align: left; }
.rtl { direction: rtl; text-align: right; }



h1 {
	text-align: center;
	font-size: xx-large;
	font-size: 14pt;
	color: #534635;
	margin: 15px 5px;
	}

h2 {
	text-align: right;
	font-size: x-large;
	font-size: 12pt;
	margin: 25px 0 0;
	}

h3 {
	text-align: right;
	font-size: large;
	font-size: 11pt;
	}

body { margin: 0 }

img { border: 0 }



h2 + p,
h2 + p + p,
h2 + p + p + p,
h2 + p + p + p + p,
h2 + p + p + p + p + p,
h2 + p + p + p + p + p + p,
h2 + p + p + p + p + p + p + p,
h2 + p + p + p + p + p + p + p + p,
h2 + p + p + p + p + p + p + p + p + p,
h2 + h3,
h2 + h3 + p,
h2 + h3 + p + h3,
h2 + h3 + p + p  + h3,
h2 + h3 + p + p  + h3 + p,
h2 + strong,
h2 + strong + p,
h2 + strong + p + p,
h2 + strong + p + p + p,
.h2_content {
	margin-right: 30px
	}

img.article {
	margin: 10px;
	border: 2px solid #96C35E;
	}



/**
 * Error
 **/

#errorbox {margin: 20px; border: 1px solid #B84623}
#errorbox h2 {margin: 0; color: #FFFFFF; background-color: #B84623; font-size: 16pt; padding: 5px 4px}
#errorbox .technical {direction: ltr;}
#errorbox .technical div, #errorbox .technical pre {direction: ltr;}
#errorbox div {padding: 6px 5px; background-color: #F1F1F1}


/**
 * Error
 **/

#SuccessMessage,
#ErrorMessage,
#GlobalMessage {
	/*display: none;*/
	font-weight: bold;
	text-align: center;
	background-color: #EFEAE0;
	margin: 10px;
	padding: 4px 6px;
	font-size: 16px;
	}

#SuccessMessage {
	color: blue;
	}

#ErrorMessage {
	color: red;
	}

#GlobalMessage {
	color: #FFA200;
	}


div.errorMessage,
div.successMessage {
	text-align: center;
	margin: 10px;
	padding: 6px 3px;
	font-size: 16pt;
	font-weight: bold;
	}

div.errorMessage {
	color: red;
	}

div.successMessage {
	color: blue;
	}



/**
 * set the layers design
 **/

#document {
	width: 812px;
	background-color: #f0f3ec;
	margin: 0 auto;
	}

#header {
	height: 150px;
	}

#body {
	}

#footer {
	height: 20px;
	background-color: #d8dbd4;
	clear: both;
	}

#content {
	margin: 0 285px 20px 0;
	}


/**
* header
**/

#headerIMG1 {
	margin: 0 10px 3px 0;
	position: relative;
}

#headerIMG2 {
	margin-right: -50px;
}

#headerIMG3 {
	margin-right: 110px;
}

#headerCaps {
	color: #534635;
	
	width: 626px;
	height: 100px;
	margin: -120px 160px 0 0;
	position: relative;
	background-image: url("objects/header_text.png");
}

#headerCap1 {
	margin: 0 164px 0 0;
	padding: 25px 0 0 0;
	font-size: 26px;
	letter-spacing: 5px;
}

#headerCap2 {
	margin: 10px 290px 0 0;
	font-size: 32px;
	letter-spacing: 7px;
}

#headerCap3 {
	margin: 10px 650px 0 0;
	font-size: 26px;
	letter-spacing: 5px;
}


/**
 * Main Menu
 **/

#mainMenu {
	height: 28px;
	background-color: #534635;
	margin: 0;
	padding: 7px 0 0 0;
}

#mainMenu li {
	height: 20px;
	float: right;
	list-style-type: none;
	padding: 0 3px;
	background-image: url("objects/main_menu_item.png");
	background-position: right center;
	background-repeat: no-repeat;
}

#mainMenu li:first-child {
	background-image: none;
}

#mainMenu a {
	padding: 5px 6px;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	display: block;
}

#mainMenu a:hover {
	background-color: #6A9D2A;/*#B5D172*/
}
/*
#mainMenu a:visited {
	color: #ffffff;
}
*/


ul#mainMenu ul {
	display: none;
	position: absolute;
/*	margin-top: -1px;*/
	float: none;
	padding: 0;
	background-color: #ffffff;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	opacity: 0.8;
}

* html ul#mainMenu ul {
	margin-right: -70px;
	}

ul#mainMenu li:hover ul {
	display: block;
}

ul#mainMenu ul li {
	float: none;
	background-image: none;
}

ul#mainMenu ul a {
	display: block;
	float: none;
	margin: 0;
	padding: 2px;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	color: #534635;
}

ul#mainMenu ul a:hover {
	color: #B5D172;
	background-color: #fff;
}




/**
* Header
**/

#topPics {
	height: 250px;
	background-image: url("objects/top_pics_bg.png");
	background-repeat: repeat-x;
}

#topPic1 {
	float: right;
}

#topPic2 {
	margin: 0 95px 0 0;
}

#topPicG {
	margin: -250px 330px 0 0;
}

#topPic3 {

}

#topPic4 {
	margin: 0 -70px 0 0;
}

#topPic5 {

}


/**
*	second menu
**/

#secondMenuBlock {
	width: 267px;
	/*background-color: #ffffff;*/
	margin: -185px 15px 0 0;
	padding: 0 0 15px 0;
	float: right;
	
	
	background-image: url("objects/secondmenu_bottom.png");
	background-position: bottom;
	background-repeat: no-repeat;
}

#secondMenuBlock > div {
	/*height: 48px;
	background-color: #f1f4ed;*/
	
	width: 267px;
	height: 57px;
	background-image: url("objects/secondmenu_top.png");
}

#secondMenuBlock > div h4 {
	margin: 0;
	padding: 15px 15px 0 0;
	font-size: 17px;
}

#secondMenuBlock > div img {
	margin: -27px 0 0 99px;
	float: left;
}

/****/

#secondMenu {
	margin: 0;
	padding: 20px 45px 1px 0;
	list-style-image: url("objects/second_menu_item.png");
	background-image: url("objects/secondmenu_middle.png");
	background-repeat: repeat-y;
}

#secondMenu li {
	margin: 0 0 20px 0;
}

#secondMenu li:last-child {
	margin-bottom: 0;
}

#secondMenu a {
	color: #000000;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	vertical-align: top;
}

#secondMenu a:hover {
}

#secondMenu a:visited {
	color: #000000;
}


/**
*	search block
**/

#searchBlock {
	width: 247px;
	height: 130px;
	margin: 30px 25px 30px 0;
	background-color: #e1e5d4;
	float: right;
	clear: right;
	
	background-image: url("objects/search_block.png");
}

#searchBlock label {
	display: block;
	margin: 0 16px 25px 0;
	padding: 18px 0 0 0;
	font-size: 16px;
	font-weight: bold;
}

#searchBlock img {
	float: left;
	margin: -52px 0 0 84px;
}

#searchBlock input[type="text"] {
	width: 200px;
	height: 16px;
	margin: 60px 21px 0 0;
}

#searchBlock input[type="image"] {
	display: block;
	margin: 13px 198px 0 0;
}


/**
 * Index
 **/



/**
 * Contact
 **/

#contactWrap {
	background-image: url("objects/mail.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
	}



#contactInfo {
	margin: 30px;
	}

#contactInfo div {
	text-align: center;
	font-size: 16px;
	margin: 5px;
	}



form#contactForm {
	float: right;
	width: 300px;
	}

#contactForm > div {
	margin-top: 10px;
	clear: both;
	}

#contactForm label {
	display: block;
	float: right;
	width: 100px;
	font-size: 15px;
	font-weight: bold;
	}

#contactForm > div > input[type="text"],
#contactForm > div > textarea,
#contactForm > div > select {
	width: 180px;
	}

#contactForm > div > textarea {
	height: 150px;
	}

#contactForm > div.submit > input {
	width: 90%;
	display: block;
	margin: -5px auto;
	font-size: 12px;
	font-weight: bold;
	color: white;
	}



/**
 * Contact
 **/

#albums {
	}


#albums > a {
	display: block;
	float: right;
	width: 215px;
	height: 185px;
	text-align: center;
	padding: 5px;
	margin: 15px;
	background-color: #E1E5D4;
	text-decoration: none;
	}

#albums > a:hover {
	background-color: #B5D172;
	}

#albums > a strong {
	color: #97C45F;
	font-size: 16px;
	font-weight: nold;
	}

#albums > a img {
	margin: 10px auto;
	}



#photoGallery_album {
	}


#photoGallery_album #bigPicture {
	background-color: #E1E5D4;
	width: 430px;
	margin: 30px auto;
	text-align: center;
	padding: 10px 0;
	}

#photoGallery_album #bigPicture h2 {
	margin: 5px;
	color: #4F7F0F;
	font-size: 16px;
	font-weight: nold;
	text-align: center;
	}

#photoGallery_album #bigPicture img {
	
	}

#photoGallery_album #bigPicture .description {
	display: none;
	}



#photoGallery_album #picturesBar {
	width: 812px;
	margin-right: -285px;
	height: 120px;
	clear: both;
	}

#photoGallery_album #picturesBar .rightArrow,
#photoGallery_album #picturesBar .leftArrow {
	width: 36px;
	float: right;
	height: 100%;
	text-align: center;
	cursor: pointer;
	}

#photoGallery_album #picturesBar img {
	margin-top: 48px;
	}
/*
#photoGallery_album #picturesBar img[src*="right"] {
	float: rightt;
	}

#photoGallery_album #picturesBar img[src*="left"] {
	float: left;
	}
*/
#photoGallery_album #pictures {
	float: right;
	width: 740px;
	height: 100%;
	overflow: hidden;
	background-color: #E1E5D4;
	}

#photoGallery_album #pictures > img {
	cursor: pointer;
	float: right;
	margin: 10px 5px;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	}

#photoGallery_album #pictures > img:hover {
	border-color: #A9D469;
	}