/* MAIN
----------------------------------------------- */
body {font-size: 12px; line-height: 15px;}
body,
input,
select,
textarea {font-family: 'Myriad Pro', Arial, Helvetica, sans-serif; color: #999;}
a,
a:link,
a:visited {color: #666;}
a:hover {color: #999;}
h1, h2, h3, h4, h5, h6 {line-height: normal; font-weight: normal; color: #666; margin: 0;}
h1 {font-size: 12px; line-height: 15px; text-transform: uppercase; margin: 0 0 10px; color: #666; position: relative; left: -15px;}
h2 {font-size: 12px; line-height: 15px; margin: 10px 0; color: #666;}
h3 {font-size: 12px; line-height: 15px; margin: 10px 0;}
p {margin: 0;}
ul, ol {padding-left: 15px; margin: 0 0 10px 15px;}
ul {list-style-type: none; padding-left: 0;}
hr {height: 1px; color: #999; background: #999; border: 0;}



/* FORMS
----------------------------------------------- */
form {margin: 0; padding: 0;}
input,
select,
textarea {font-size: 100%;}
select,
textarea,
input.text {background: #fff;}
input.image {border: 0;}
textarea,
input.text {padding: 0 3px; margin: 0;}
* html textarea,
* html input.text {margin: -1px 0; padding: 0 3px 1px;}
*+html textarea,
*+html input.text {margin: -1px 0; padding: 0 3px 1px;}
input.button {padding: 1px 13px;}
* html input.button {padding: 0;}
*+html input.button {padding: 0;}



/* LAYOUT
----------------------------------------------- */
html,
body {min-width: 990px;}
body {background: #fbfbfb url(../img/body_bg.gif) repeat 50% 0; margin: 0; padding: 0;}

#wrap {position: relative; overflow: hidden; width: 100%;}

* html .mw1 {padding-left: 990px;}
* html .mw3 {margin-left: -990px; position: relative;}
* html .mw1,
* html .mw2,
* html .mw3 {height: 1px;}

#header {height: 450px; position: relative; z-index: 10; background: url(../img/header_left.jpg) no-repeat;}

#content {position: relative; min-height: 350px;}
* html #content {height: 350px;}
#content:after {content: ''; display: block; clear: both; height: 0;}

#footer {width: 100%; padding-bottom: 30px;}
#footer:after {content: ''; display: block; clear: both; height: 0;}

#main {margin: 0 0 20px 28%; width: 43%; left: 55px; position: relative;}
#main b,
#main strong {font-weight: normal; color: #666;}



/* STATIC
----------------------------------------------- */
#logo {position: absolute; left: 0; top: 0;}

.dish {position: absolute; background-repeat: no-repeat;}

#dishmain1 {width: 391px; height: 400px; background-image: url(../img/dishes/main1.jpg); top: 36px; left: 0; margin-left: 45%;}
#dishmain2 {width: 126px; height: 143px; background-image: url(../img/dishes/main2.jpg); top: 253px; left: 245px; margin-left: 60%;}
#dishmain3 {width: 119px; height: 130px; background-image: url(../img/dishes/main3.jpg); top: 396px; left: 175px; margin-left: 70%;}
#dishmain4 {width: 370px; height: 375px; background-image: url(../img/dishes/main4.jpg); top: -170px; left: -450px;}

#disharenda1 {width: 483px; height: 407px; background-image: url(../img/dishes/arenda1.jpg); top: 46px; left: -77px; margin-left: 45%;}
#disharenda2 {width: 108px; height: 122px; background-image: url(../img/dishes/arenda2.jpg); top: 388px; left: 250px; margin-left: 60%;}
#disharenda3 {display: none;}
#disharenda4 {width: 389px; height: 392px; background-image: url(../img/dishes/arenda4.jpg); top: -170px; left: -450px;}

#dishcoffee1 {width: 409px; height: 406px; background-image: url(../img/dishes/coffee1.jpg); top: 41px; left: 0; margin-left: 45%;}
#dishcoffee2 {width: 111px; height: 119px; background-image: url(../img/dishes/coffee2.jpg); top: 198px; left: 280px; margin-left: 65%;}
#dishcoffee3 {width: 186px; height: 200px; background-image: url(../img/dishes/coffee3.jpg); top: 327px; left: 240px; margin-left: 60%;}
#dishcoffee4 {width: 414px; height: 437px; background-image: url(../img/dishes/coffee4.jpg); top: -170px; left: -450px;}

#dishkoktejl1 {width: 405px; height: 407px; background-image: url(../img/dishes/koktejl1.jpg); top: 36px; left: 0; margin-left: 45%;}
#dishkoktejl2 {width: 134px; height: 237px; background-image: url(../img/dishes/koktejl2.jpg); top: 178px; left: 260px; margin-left: 60%;}
#dishkoktejl3 {width: 111px; height: 119px; background-image: url(../img/dishes/koktejl3.jpg); top: 390px; left: 295px; margin-left: 65%;}
#dishkoktejl4 {width: 418px; height: 477px; background-image: url(../img/dishes/koktejl4.jpg); top: -170px; left: -450px;}

#dishbarbekju1 {width: 498px; height: 422px; background-image: url(../img/dishes/barbekju1.jpg); top: 32px; left: -87px; margin-left: 45%;}
#dishbarbekju2 {width: 170px; height: 183px; background-image: url(../img/dishes/barbekju2.jpg); top: 386px; left: 250px; margin-left: 60%;}
#dishbarbekju3 {display: none;}
#dishbarbekju4 {width: 389px; height: 409px; background-image: url(../img/dishes/barbekju4.jpg); top: -170px; left: -450px;}

#dishfurshet1 {width: 431px; height: 421px; background-image: url(../img/dishes/furshet1.jpg); top: 29px; left: -50px; margin-left: 45%;}
#dishfurshet2 {width: 315px; height: 347px; background-image: url(../img/dishes/furshet2.jpg); top: 175px; left: 180px; margin-left: 70%;}
#dishfurshet3 {display: none;}
#dishfurshet4 {width: 404px; height: 448px; background-image: url(../img/dishes/furshet4.jpg); top: -170px; left: -450px;}

#dishbanket1 {width: 459px; height: 406px; background-image: url(../img/dishes/banket1.jpg); top: 39px; left: -50px; margin-left: 45%;}
#dishbanket2 {width: 126px; height: 143px; background-image: url(../img/dishes/banket2.jpg); top: 226px; left: 250px; margin-left: 60%;}
#dishbanket3 {width: 112px; height: 133px; background-image: url(../img/dishes/banket3.jpg); top: 355px; left: 280px; margin-left: 65%;}
#dishbanket4 {width: 487px; height: 401px; background-image: url(../img/dishes/banket4.jpg); top: -170px; left: -450px;}



/* NAVIGATION
----------------------------------------------- */
/* m0 */
#m0 {margin: 26px 3px 0 28%; float: left; display: inline;}
#m0 a,
#m0 img {margin-right: 15px;}
#m0 a img {margin: 0;}

/* m1 */
#m1,
#m1 ul,
#m1 li {display: block; margin: 0; padding: 0; list-style: none outside none; vertical-align: top;}
#m1 {text-transform: uppercase; margin-left: 28%; width: 200px; left: -12px; position: relative; z-index: 100; clear: left; float: left; display: inline;}
#m1 li {margin-bottom: 3px; padding-left: 12px; vertical-align: top;}
#m1 li.a {background: url(../img/m1_li.gif) no-repeat 0 4px;}
#m1 a,
#m1 a:link,
#m1 a:visited,
#m1 a:hover {color: #333; text-decoration: none;}
#m1 a:hover {text-decoration: underline;}
#m1 ul {margin: 6px 0 12px; font-size: 10px; line-height: 13px;}
#m1 ul li {padding-left: 10px; width: 100px;}
#m1 ul li.a {background: url(../img/m2_li.gif) no-repeat 0 4px;}
#m1 ul a,
#m1 ul a:link,
#m1 ul a:visited,
#m1 ul a:hover {color: #666;}



/* BLOCKS
----------------------------------------------- */
a img {border: 0;}
.clear {clear: both; float: none; height: 0; font-size: 0; line-height: 0; overflow: hidden;}
.il {float: left; margin: 0 10px 5px 0;}
.ir {float: right; margin: 0 0 5px 10px;}
.html,
.html p {text-indent: 15px;}
.back {text-indent: 0; margin-top: 10px;}

/* search */
#search {margin: 22px 0 100px; float: left; position: relative; z-index: 1;}
#search input {vertical-align: top;}
#search input.text {width: 125px; padding: 2px 5px 3px; margin-right: 10px; background: transparent url(../img/search_input.gif) no-repeat; border: 0;}
#search input.image {top: 3px; position: relative;}
.results {text-indent: 0;}

/* contacts */
#contacts {font-size: 10px; line-height: 13px; text-transform: uppercase; text-align: right; color: #666; width: 200px; margin: 26px 30px 0 0; display: inline; float: right; position: relative; z-index: 1; white-space: nowrap;}
#contacts p {margin: 0;}
#contacts strong {font-size: 18px; line-height: 22px; font-weight: normal;}
#contacts .icq {font-size: 14px; margin-top: 15px;}
/*#contacts .icq p {line-height: 20px; margin: 0 0 5px; padding-left: 26px; background: url(../img/icq.gif) no-repeat; float: right; clear: right;}*/
#contacts .icq p {line-height: 16px; margin: 0 0 5px; float: right; clear: right;}
#contacts .icq img {vertical-align: middle; margin-right: 5px;}

/* counters */
#counters {float: left; padding-left: 30px;}
#counters a {margin-right: 4px;}

/* action */
#action {width: 245px; height: 236px; margin-left: 79%; top: 100px; z-index: 100; position: absolute; background: url(../img/action_bg.jpg) no-repeat;}
#action .img {padding: 47px 0 0 49px;}
#action img {width: 139px; height: 109px;}
#action a {position: absolute; z-index: 1; display: block; width: 139px; left: 0; top: 14px; padding: 0 40px 0 49px; cursor: pointer; outline: none;}
#action a,
#action a:link,
#action a:visited {color: #666; text-decoration: none;}
#action a:hover {color: #600;}
#action strong {color: #600; line-height: 13px; display: block; padding-top: 142px;}
#action span {font-size: 10px; line-height: 10px; text-decoration: underline; display: block; padding-bottom: 35px;}
#action1,
#action2 {position: absolute;}
#action1 {left: 20px; top: 55px;}
#action2 {left: 150px; top: 198px;}

/* copy */
#copy {float: right; padding-right: 30px;}

/* vacancies */
.vacancies .email,
.vacancies .email a,
.vacancies .email a:link,
.vacancies .email a:visited {color: #666;}
.vacancies .email a:hover {color: #999;}
.vacancies .item {margin-left: 15px;}
.vacancies .item h2 {text-transform: uppercase; text-indent: 0; position: relative; left: -15px; color: #999;}
.vacancies .item h3 {margin-bottom: 0; color: #666;}

/* contacts */
.contacts p {margin: 0;}
.contacts .list {width: 100%;}
.contacts .list:after {content: '.'; display: block; clear: both; height: 0; font-size: 0; line-height: 0; overflow: hidden;}
.contacts .list .i {width: 130px; height: 150px; margin: 0 10px 10px 0; float: left; display: inline;}
.contacts .list .img {margin-bottom: 5px;}
.contacts .list .img img {width: 130px; height: 100px;}

/* person */
.person {width: 100%;}
.person:after {content: '.'; display: block; clear: both; height: 0; font-size: 0; line-height: 0; overflow: hidden;}
.person p {margin: 0;}
.person .img {float: left; margin-right: 15px;}
.person .txt {width: 210px; float: left;}

/* articles */
.articles p,
.articles h2 {color: #666; margin: 0;}
.articles .link {margin-bottom: 10px; text-indent: 15px;}
.articles .link a,
.articles .link a:link,
.articles .link a:visited {color: #999;}
.articles .link a:hover {color: #666;}

/* article */
.article h2,
.article .date {color: #666; margin: 0;}
.article h2 {margin-bottom: 10px;}
.article .text {margin-left: 15px;}

/* pages */
.pages {text-indent: 0;}
.pages a,
.pages strong {margin-right: 15px;}

/* gallery */
.gallery {width: 100%;}
.gallery:after {content: '.'; display: block; clear: both; height: 0; font-size: 0; line-height: 0; overflow: hidden;}
.gallery .i {width: 130px; margin: 0 10px 10px 0; float: left; display: inline;}
.gallery .i img {width: 130px; height: 100px;}
.gallery a {display: none;}
.gallery .i a {display: inline;}

/* partners */
.partners {width: 100%;}
.partners:after {content: '.'; display: block; clear: both; height: 0; font-size: 0; line-height: 0; overflow: hidden;}
.partners .i {width: 100px; height: 120px; margin: 0 10px 10px 0; float: left; display: inline;}
.partners img {width: 100px; height: 75px; margin-bottom: 3px; display: block;}

/* feedback */
.feedback {width: 420px;}
.feedback div.input {position: relative; width: 100%; margin-bottom: 3px; text-align: right;}
.feedback div.input:after {content: '.'; display: block; clear: both; height: 0; font-size: 0; line-height: 0; overflow: hidden;}
.feedback div.input * {text-align: left; padding: 0;}
.feedback label {color: #999; position: absolute; left: 0;}
#fbMess {margin-top: -2px;}
#fbMess label {line-height: 19px; background: url(../img/body_bg.gif) no-repeat;}
.feedback input.text {border: 0; border-bottom: 1px solid #ccc; background-color: transparent; width: 100%;}
.feedback input.button {padding: 0; border: 0; background: transparent; text-decoration: underline; color: #666; display: block; text-align: left; cursor: pointer;}
.feedback textarea {display: block; line-height: 19px;}
#dataName {width: 355px;}
#dataOrganization {width: 338px;}
#dataEmail {width: 350px;}
#dataPhone {width: 335px;}
#dataMess {border: 0; width: 100%; height: 80px; text-indent: 87px; background: url(../img/feedback_textarea.gif) no-repeat; overflow: auto;}














/* jquery-lightbox */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev {
	left: 0;
	float: left;
}
#lightbox-nav-btnNext {
	right: 0;
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px;
	color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
	width: 70%;
	float: left;
	text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}