html, body { width: 100%; height: 100%; margin: 0; padding: 0; line-height: 14px; color: #330000; font-family: tahoma, sans-serif; font-size: 11px; }
html *, body * { margin: 0; padding: 0; outline: none; }
a { color: #6f0a0d; text-decoration: none; border: none; }
a:hover { text-decoration: underline; }
a:active { color: red; }
a:visited { color: #664d4e; }
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ THE INFAMOUS ## page_container ## ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
#page_container { margin: 0 auto; width: 806px; padding: 0 6px; background: url(images/mainBG.png) repeat-y 0 0; position: relative;
}
#counter { width: 20px!important; height: 10px!important; background-color: #5C0909; position: absolute; top: 50%; right: 1%; overflow: hidden; }
#counter a { display:block; }
#counter a img { visibility: hidden; }
/*#################################################################*/
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Main Settings (tha backbone) ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
#mainContent { width: 792px; float: left;}
#mainContent img { border: 1px solid #cc9933; padding: 2px; }
#header h1 { width: inherit; height: 189px; background:url(images/headerBG.png) no-repeat 0 0; text-indent: -99999px; }
#indexLink { display: block; background: transparent; width: 160px; height: 148px; position: absolute; top: 20px; left: 37px; text-indent: -99999px; }
#langBox { width: 32px; height: 32px; position: absolute; top: 6px; left: 800px; }
#bgRedirect, #enRedirect { display: block; width: 32px; height: 32px; background: url(images/LangBG.png) no-repeat -5px 0; }
#enRedirect { background: url(images/LangEN.png) no-repeat -5px 0; }
#bgRedirect, #enRedirect { text-indent: -99999px; }
a#bgRedirect:hover, a#enRedirect:hover { background-position: 0 0; }
/*#################################################################*/
/* Menu */
#header ul li { display: inline-block; text-indent: -99999px; float: left; .margin-top: -5px;}
#header ul li a { display: block; height: 59px; }
.home { width: 140px; background: url(images/navBG.png) no-repeat 0 0; }
a.home:hover { background-position: 0 -59px; }
.activeHome { background-position: 0 -118px !important; }
.menu { width: 140px; background: url(images/navBG.png) no-repeat -140px 0; }
a.menu:hover { background-position: -140px -59px; }
.activeMenu { background-position: -140px -118px !important; }
.gallery { width: 160px; background: url(images/navBG.png) no-repeat -280px 0; }
a.gallery:hover { background-position: -280px -59px; }
.activeGallery { background-position: -280px -118px !important; }
.booking { width: 170px; background: url(images/navBG.png) no-repeat -440px 0; }
a.booking:hover { background-position: -440px -59px; }
.activeBooking { background-position: -440px -118px !important; }
.contacts { width: 184px; background: url(images/navBG.png) no-repeat -610px 0; }
a.contacts:hover { background-position: -610px -59px; }
.activeContacts { background-position: -610px -118px !important; }
.homeEN { width: 140px; background: url(images/navEN.png) no-repeat 0 0; }
a.homeEN:hover { background-position: 0 -59px; }
.activeHomeEN { background-position: 0 -118px !important; }
.menuEN { width: 140px; background: url(images/navEN.png) no-repeat -140px 0; }
a.menuEN:hover { background-position: -140px -59px; }
.activeMenuEN { background-position: -140px -118px !important; }
.galleryEN { width: 160px; background: url(images/navEN.png) no-repeat -280px 0; }
a.galleryEN:hover { background-position: -280px -59px; }
.activeGalleryEN { background-position: -280px -118px !important; }
.bookingEN { width: 170px; background: url(images/navEN.png) no-repeat -440px 0; }
a.bookingEN:hover { background-position: -440px -59px; }
.activeBookingEN { background-position: -440px -118px !important; }
.contactsEN { width: 184px; background: url(images/navEN.png) no-repeat -610px 0; }
a.contactsEN:hover { background-position: -610px -59px; }
.activeContactsEN { background-position: -610px -118px !important; }
/*#################################################################*/
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Footer ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
#breaker { width: 794px; height: 48px; background: url(images/breaker.png) repeat-x 0 0; clear: both; margin-left: 0px; }
#breaker1 { width: 794px; height: auto; background: url(images/breaker.png) repeat-x 0 0; clear: both; margin-left: 0px; }
#footer { position: relative; clear: both; width: 805px; height: 31px; .height: 41px; margin-left: -6px; padding-top: 10px; .padding-top: 0px; background: url(images/footerBG.png) no-repeat 0 0; text-align: center; }
#footer p { color: #fcf1cc; }
#footEdiso { display: inline-block; width: 78px; height: 23px; position: relative; top: -3px; .top: 6px; text-indent: -99999px; background: url(images/ediso.png) no-repeat 0 0; }
/*#################################################################*/
/* 2 Main Columns*/
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^# Left Column #^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.indexLeftColumn { float: left; width: 384px; margin-left: 50px; _margin-left: 25px; z-index: 1 !important;}
.indexLeftColumn h2 { height: 30px; text-indent: -99999px;}
.indexLeftColumn p { width: 360px; margin-bottom: 5px; }
.whyP { width: 323px !important; padding-left: 23px; background: url(images/feather.gif) no-repeat 0 2px; }
#whyPimg { margin: 8px 3px; }
#indexMainH, #indexMainEnH { background: url(images/indexMainH.jpg) no-repeat 0 0; margin-top: 30px; margin-bottom: 5px;}
#indexMainEnH { background: url(images/indexMainEnH.jpg) no-repeat 0 0; }
#indexWhyH, #indexWhyEnH { background: url(images/indexWhyH.jpg) no-repeat 0 0; margin: 40px 0 5px 0; _margin-top: 35px;}
#indexWhyEnH { background: url(images/indexWhyEnH.jpg) no-repeat 0 0; }
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^# Rightt Column #^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.indexRightColumn { float: left; width: 312px; margin-left: 10px; margin-top: 40px; overflow: visible; z-index: 1000 !important;}
.indexRightColumn p { margin-bottom: 10px; }
#indexOrgH, #indexOrgEnH { width: 300px; text-indent: -99999px; height: 30px; background: url(images/indexOrgH.jpg) no-repeat 0 0; margin-top: 20px; margin-bottom: 15px; }
#indexOrgEnH { background: url(images/indexOrgEnH.jpg) no-repeat 0 0; }
#virtualWalk, #virtualWalkEn { display: block; width: 319px; height: 114px; background: url(images/virtual.png) no-repeat 2px 2px; margin-top: 20px; text-indent: -99999px; position: relative; left: -6px; }
#virtualWalkEn { background: url(images/virtualEN.png) no-repeat 0 0; top: 2px; left: -4px;}
/*#################################################################*/
#nv{
text-align: center;
}
#maingal {
padding-top: 20px;
padding-bottom: 20px;
padding-left: 140px;
width: 650px;
height: auto;
}
#imggal{
border-style: solid;
margin: 5px;
}
#pgal{
margin-left: 50px;
}
#txt{
margin-top: 30px;
font-size: larger;
}
#pgal1{
text-align: center;
}
#pgal2{
margin-left: 200px;
}
#tor{
margin-left: 280px;
}
#un{
margin-top: 250px;
margin-left: 200px;
}
#unen{
margin-top: 250px;
margin-left: 200px;
}
#iun{
border: hidden;
}
#menuList2{
clear: both; _margin-top: -3px;
margin-top: 30px;
margin-left: 80px;
}
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Contacts ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
#contactsMainH, #contactsMainEnH { background: url(images/contactsMainH.jpg) no-repeat 0 0; margin-top: 30px; margin-bottom: 5px; text-indent: -99999px; }
#contactsMainEnH { background: url(images/contactsMainEnH.jpg) no-repeat 0 0; }
.youthCenter { display: block; font-size: 9px; margin-left: 0px; margin-top: 2px;}
.contactsLeftColumn strong { display: inline-block; text-align: right; margin-right: 5px; }
.contactsLeftColumn p { margin-bottom: 7px; }
.contactsLeftColumn img { margin-top: 30px; }
.contactsRightColumn h3 { margin: 15px 0 0 5px; font-size: 13px; }
.contactsLeftColumn { width: 366px; !important; }
.workingTime { margin-top: 5px; margin-left: 10px; list-style-type: none; }
.workingTime li { margin-bottom: 3px; }
.workingTime span { font-variant: small-caps; }
/*#################################################################*/
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Menu ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
#menuMainH, #menuMainEnH { background: url(images/menuMainH.jpg) no-repeat 0 0; margin-top: 30px; margin-bottom: 5px; }
#menuMainEnH { background: url(images/menuMainEnH.jpg) no-repeat 0 0; }
#happyMenu, #happyEnMenu { background: url(images/happyMenu.jpg) no-repeat 0 0; margin-top: 30px; margin-bottom: 5px; }
#happyEnMenu { background: url(images/happyEnMenu.jpg) no-repeat 0 0; }
#menuList01, #menuList02, #menuList03, #menuList04, #menuEnList01, #menuEnList02, #menuEnList03, #menuEnList04 { text-indent: -99999px; height: 18px; margin-bottom: 6px;}
#menuList01 { background: url(images/menuList01.png) no-repeat 0 0; }
#menuList02 { background: url(images/menuList02.png) no-repeat 0 0; }
#menuList03 { background: url(images/menuList03.png) no-repeat 0 0; }
#menuList04 { background: url(images/menuList04.png) no-repeat 0 0; }
#menuEnList01 { background: url(images/menuEnList01.png) no-repeat 0 0; }
#menuEnList02 { background: url(images/menuEnList02.png) no-repeat 0 0; }
#menuEnList03 { background: url(images/menuEnList03.png) no-repeat 0 0; }
#menuEnList04 { background: url(images/menuEnList04.png) no-repeat 0 0; }
.menuRightColumn { margin-left: 4px; }
.menuList { clear: both; _margin-top: -3px; }
.lists { float: left; overflow: hidden; margin-top: 20px;}
.lists ul li { list-style-type: none; padding-left: 3px; margin-bottom: 2px; line-height: 13px;}
.lists ul { width: 125px; }
.uno { width: 158px; margin-left: 48px; _margin-left: 24px; }
.due { width: 159px; padding-left: 36px;}
.tre { width: 153px; padding-left: 38px; }
.quatro { width: 138px; padding-left: 31px;}
.due, .tre, .quatro { background: url(images/menuSeparator.png) no-repeat 1px 20px; }
/*##################################################################*/
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Booking styles ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
#bookingMainH, #bookingMainEnH { background: url(images/bookingMainH.jpg) no-repeat 0 0; margin-top: 30px; margin-bottom: 5px; }
#bookingMainEnH { background: url(images/bookingMainEnH.jpg) no-repeat 0 0;}
.bookingLeftColumn { width: 335px !important; }
.bookingLeftColumn img { margin-top: 30px; }
.bookingLeftColumn p { width: 333px !important; margin-bottom: 20px; }
#bookingLastP { margin-bottom: 0; }
.bookingRightColumn { margin-left: 24px; }
.bookingRightColumn img { border: none !important; _margin-left: -2px;}
#bookingEnImg { margin-top: 28px; }
/*##################################################################*/
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Gallery Styles ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
#galleryMainH, #galleryMainEnH { background: url(images/galleryMainH.jpg) no-repeat 0 0; margin-top: 30px; margin-bottom: 5px; text-indent: -99999px; }
#galleryMainEnH { background: url(images/galleryMainEnH.jpg) no-repeat 0 0; }
.galleryLeftColumn { width: 360px !important; }
.galleryContainer { margin-top: 30px; }
.galleryContainer p{ text-align: center; margin: 15px 0;}
.galleryEnRight { margin-top: 55px!important; }