body{height:auto; width:auto; display:inline-block; margin:0px; padding:0px; }
::-webkit-scrollbar {display: none;}
body{-ms-overflow-style: none;}


a {outline: none; border: none; text-decoration: none;}
ul {list-style-type: none; margin:0; padding:0;}
li a {display: block; line-height:40px; margin:0; padding:0;}
.clearer{clear:both;}

#picture_main{width:100%;}
#block_main{ width:1200px; height:1000px;  display:inline-block; float:right;  margin-top:-1000px; }

#main{width:840px; height:1000px; background-image:url('../pictures/Bg-Info.jpg'); background-repeat: no-repeat; float: right; overflow:auto;}
#information{width:600px; height:1000px; margin-left:120px; margin-top:62px; overflow:hidden;}

.ornament{width:600px; height:20px; background-image:url('../pictures/ornament.png'); background-repeat: no-repeat; margin:20px 0 42px 0;}
#maingallery{width:600px; height:auto; overflow: hidden; }

#pause{width:599px; height:22px;}

#first{width:600px; height:148px;}
#one{width:225px; height:148px; float:left;display:inline-block; }
.hoverimage1{width:225px; height:148px; background:rgba(214, 193, 140, 0.7); float:left; display:inline-block;opacity:0;}
#one:hover .hoverimage1{opacity:1;}
#two{width:126px; height:148px; float:left;display:inline-block; margin-left:12px;}
.hoverimage2{width:126px; height:148px; background:rgba(214, 193, 140, 0.7); float:left; display:inline-block;opacity:0;}
#two:hover .hoverimage2{opacity:1;}
#three{width:width:225px; height:148px; float:left;display:inline-block; margin-left:12px;}
.hoverimage3{width:225px; height:148px; background:rgba(214, 193, 140, 0.7); float:left; display:inline-block;opacity:0;}
#three:hover .hoverimage3{opacity:1;}

#second{width:600px;height:248px; margin-top:12px;}
#four{width:180px; height:119px; float:left;display:inline-block;}
.hoverimage4{width:180px; height:119px; background:rgba(214, 193, 140, 0.7); float:left; display:inline-block;opacity:0;}
#four:hover .hoverimage4{opacity:1;}
#five{width:214px; height:119px; float:left;display:inline-block; margin-left:12px;}
.hoverimage5{width:214px; height:119px; background:rgba(214, 193, 140, 0.7); float:left; display:inline-block;opacity:0;}
#five:hover .hoverimage5{opacity:1;}
#six{width:180px; height:248px; float:left;display:inline-block; margin-left:12px;}
.hoverimage6{width:180px; height:248px; background:rgba(214, 193, 140, 0.7); float:left; display:inline-block;opacity:0;}
#six:hover .hoverimage6{opacity:1;}

#second_part{width:406px; height:119px; margin-top:-119px; float:left;}
#seven{width:101px; height:119px; float:left;display:inline-block;}
.hoverimage7{width:101px; height:119px; background:rgba(214, 193, 140, 0.7); float:left; display:inline-block;opacity:0;}
#seven:hover .hoverimage7{opacity:1;}
#eight{width:180px; height:119px; float:left;display:inline-block; margin-left:12px;}
.hoverimage8{width:180px; height:119px; background:rgba(214, 193, 140, 0.7); float:left; display:inline-block;opacity:0;}
#eight:hover .hoverimage8{opacity:1;}
#nine{width:101px; height:119px; float:left;display:inline-block; margin-left:12px;}
.hoverimage9{width:101px; height:119px; background:rgba(214, 193, 140, 0.7); float:left; display:inline-block;opacity:0;}
#nine:hover .hoverimage9{opacity:1;}

#third{width:600px; height:119px; margin-top:12px;}
#ten{width:180px; height:119px; float:left;display:inline-block;}
.hoverimage10{width:180px; height:119px; background:rgba(214, 193, 140, 0.7); float:left; display:inline-block;opacity:0;}
#ten:hover .hoverimage10{opacity:1;}
#eleven{width:101px; height:119px; float:left;display:inline-block; margin-left:12px;}
.hoverimage11{width:101px; height:119px; background:rgba(214, 193, 140, 0.7); float:left; display:inline-block;opacity:0;}
#eleven:hover .hoverimage11{opacity:1;}
#twelve{width:294px; height:119px; float:left;display:inline-block; margin-left:12px;}
.hoverimage12{width:294px; height:119px; background:rgba(214, 193, 140, 0.7); float:left; display:inline-block;opacity:0;}
#twelve:hover .hoverimage12{opacity:1;}

#fourth{width:600px; height:148px; margin-top:12px;}
#thirteen{width:126px; height:148px; float:left;display:inline-block;}
.hoverimage13{width:126px; height:148px; background:rgba(214, 193, 140, 0.7); float:left; display:inline-block;opacity:0;}
#thirteen:hover .hoverimage13{opacity:1;}
#fourteen{width:225px; height:148px; float:left;display:inline-block; margin-left:12px;}
.hoverimage14{width:225px; height:148px; background:rgba(214, 193, 140, 0.7); float:left; display:inline-block;opacity:0;}
#fourteen:hover .hoverimage14{opacity:1;}
#fifteen{width:225px; height:148px; float:left;display:inline-block; margin-left:12px;}
.hoverimage15{width:225px; height:148px; background:rgba(214, 193, 140, 0.7); float:left; display:inline-block;opacity:0;}
#fifteen:hover .hoverimage15{opacity:1;}

#fifth{width:600px; height:119px; margin-top:12px;}
#sixteen{width:180px; height:119px; float:left;display:inline-block;}
.hoverimage16{width:180px; height:119px; background:rgba(214, 193, 140, 0.7); float:left; display:inline-block;opacity:0;}
#sixteen:hover .hoverimage16{opacity:1;}
#seventeen{width:214px; height:119px; float:left;display:inline-block; margin-left:12px;}
.hoverimage17{width:214px; height:119px; background:rgba(214, 193, 140, 0.7); float:left; display:inline-block;opacity:0;}
#seventeen:hover .hoverimage17{opacity:1;}
#eighteen{width:180px; height:119px; float:left;display:inline-block; margin-left:12px;}
.hoverimage18{width:180px; height:119px; background:rgba(214, 193, 140, 0.7); float:left; display:inline-block;opacity:0;}
#eighteen:hover .hoverimage18{opacity:1;}

.projectpic{width:143px; height:103px; float:left; display:inline-block; margin-left:9px;}
.hoverimage{width:143px; height:103px; background:rgba(214, 193, 140, 0.7); float:left; display:inline-block;opacity:0;}
.projectpic:hover .hoverimage{opacity:1;}
.first{margin-left:-9px; float:left;}
#thumb1{width:225px; height:148px; background-image:url('../pictures/gallery/pic1_TUMB.JPG');}
#thumb2{width:126px; height:148px; background-image:url('../pictures/gallery/pic2_TUMB.JPG');}
#thumb3{width:225px; height:148px; background-image:url('../pictures/gallery/pic3_TUMB.jpg');}
#thumb4{width:180px; height:119px; background-image:url('../pictures/gallery/pic4_TUMB.jpg');}
#thumb5{width:214px; height:119px; background-image:url('../pictures/gallery/pic5_TUMB.JPG');}
#thumb6{width:180px; height:248px; background-image:url('../pictures/gallery/pic6_TUMB.jpg');}
#thumb7{width:101px; height:119px; background-image:url('../pictures/gallery/pic7_TUMB.JPG');}
#thumb8{width:180px; height:119px; background-image:url('../pictures/gallery/pic8_TUMB.jpg');}
#thumb9{width:101px; height:119px; background-image:url('../pictures/gallery/pic9_TUMB.jpg');}
#thumb10{width:180px; height:119px; background-image:url('../pictures/gallery/pic10_TUMB.jpg');}
#thumb11{width:101px; height:119px; background-image:url('../pictures/gallery/pic11_TUMB.jpg');}
#thumb12{width:294px; height:119px; background-image:url('../pictures/gallery/pic12_TUMB.jpg');}
#thumb13{width:126px; height:148px; background-image:url('../pictures/gallery/Pic01_Tumb.jpg');}
#thumb14{width:225px; height:148px; background-image:url('../pictures/gallery/pic02_Tumb.jpg');}
#thumb15{width:225px; height:148px; background-image:url('../pictures/gallery/pic03_Tumb.jpg');}
#thumb16{width:180px; height:119px; background-image:url('../pictures/gallery/pic04_Tumb.jpg');}
#thumb17{width:214px; height:119px; background-image:url('../pictures/gallery/pic05_Tumb.jpg');}
#thumb18{width:180px; height:119px; background-image:url('../pictures/gallery/pic06_Tumb.jpg');}


#transparent{width:360px;  height:1000px;  background: rgba(0,0,0,0.5); float: left;}
#contmenu{width:236px; height:700px; margin:68px 0 0px 62px;}
#logowhite{width:236px; height:173px; opacity:1; background-image:url('../pictures/Logo-White.png'); background-repeat: no-repeat;}
#contmenu h3{font-family: 'PT Serif'; font-size:23px; line-height:10px; color:white; text-align:center;}
#contmenu h5{font-family: 'PT Serif'; font-size:18px; line-height:3px; color:white; text-align:center;}

#linemenu{width:174px; height:10px;border-bottom:1px solid #ccc; margin-left:31px; }

#menu{width:161px; margin-left:18px; margin-top:20px; }
#index{height:50px; width:161px;}
#index:hover{color:#E1C794;}
#accomodation{height:50px; width:161px;}
#accomodation:hover{color:#FF8161;}
#pictures{height:50px; width:161px; color:#EE6FB3; cursor:default;}
#prices{height:50px; width:161px;}
#prices:hover{color:#54AAFF;}
#contacts{height:50px; width:161px;}
#contacts:hover{color:#AAC154;}
#menu a{text-align:right; color:white; font-family: 'PT Serif'; font-size:21px;}

#social{width:95px; height:36px; display:block; margin:20px 0 0 84px;}
#facebook{width:36px; height:36px;display:inline-block;}
#google{width:36px; height:36px; margin-left:19px; display:inline-block;}

#ioself{width:142px; height:30px; background-image:url('../pictures/ioselfstudio-logo-142x30.png');margin:190px 0 0 47px;}
 
 #picture_main{width:auto; height:100%; float:left; display:inline-block;}