#body { 
  background-image: url('sky.png');
   background-repeat: no-repeat;
   background-attachment: fixed;  
  background-size: cover;
}


#title1 {
position: relative;
background-repeat: no-repeat;
 background-size: cover;
width: 2000px;
height: 350px;
font-size:500%;
color:#ffffff;
background-color:#000000;
text-align:center;
border: 2px solid #ffffff;
/*
background-image:url('sea2.png');

background-image:url('shay1.jpg');

*/

}

#title2 {
position: relative;
background-repeat: no-repeat;
 background-size: cover;
width: 2000px;
height: 350px;
font-size:500%;
color:#ffffff;
background-color:#000000;
text-align:center;
border: 2px solid #73AD21;

background-image:url('sea2.png');
/*
<!--
background-image:url('shay1.jpg');
-->
*/

}



#box1 {
position: relative;
background-repeat: no-repeat;
 background-size: cover;
width: 430px;
height: 310px;
font-size:300%;
text-align:center;
border: 3px solid #73AD21;
background-image:url('s11.png');
opacity:2;
color:#ffffff ;
}


#box2 {
position: relative;
color:#ffffff ;
 background-size: cover;
width: 430px;
height: 310px;
font-size:300%;
text-align:center;
border: 3px solid #73AD21;
background-image:url('k3.png');

}

#box3 {
position: relative;
color:#ffffff ;
 background-size: cover;
width: 430px;
height: 310px;
font-size:300%;
text-align:center;
border: 3px solid #73AD21;
background-image:url('sf1.png');

}


#box4 {
position: relative;
color:#ffffff ;
 background-size: cover;
width: 430px;
height: 310px;
font-size:300%;
text-align:center;
border: 3px solid #73AD21;
background-image:url('sf2.png');

}
#logo {
position: relative;

 background-size: cover;
width: 755px;
height: 174px;

text-align:center;

background-image:url('logo1.png');

}


#gallery1 {
position: relative;
 background-size: cover;
width: 204px;
height: 52px;

text-align:center;
left:400px;
top:120px;
background-image:url('gallery1.png');

}


#aboutus1 {
position: relative;
 background-size: cover;
width: 202px;
height: 41px;

text-align:center;
left:650px;
top:73px;
background-image:url('aboutus1.png');

}

#store1 {
position: relative;
 background-size: cover;
width: 89px;
height: 40px;

text-align:center;
left:950px;
top:35px;
background-image:url('store1.png');

}

#articles1 {
position: relative;
 background-size: cover;
width: 89px;
height: 41px;

text-align:center;
left:1200px;
top:0px;
background-image:url('articles1.png');

}


#home3 {
position: relative;
 background-size: cover;
width: 89px;
height: 40px;

text-align:center;
left:1050px;
bottom:200px;
background-image:url('home4.png');


}

#box90{
  width: 100px;
  height: 100px;
  background: blue;
  background-image: url("s11.png");
  transition: width 1s, height 1s;
}

#box90:hover {
  width: 1034px;
  height: 535px;
}


.box1 {
  width: 100px;
  height: 100px;
  background: blue;
  background-image: url("s11.png");
  transition: width 1s, height 1s;
}

.box1:hover { width: 1034px;
                     height: 535px; }




 .box2{
  width: 100px;
  height: 100px;
  background: blue;
  background-image: url("k3.png");
  transition: width 1s, height 1s;
}

 .box2:hover {
  width: 1024px;
  height: 768px;
}

 .box3{
  width: 100px;
  height: 100px;
  background: blue;
  background-image: url("sf1.png");
  transition: width 1s, height 1s;
  left:1200px;
}

 .box3:hover {
  width: 1024px;
  height: 768px;
}

 .box4{
  width: 100px;
  height: 100px;
  background: blue;
  background-image: url("sf2.png");
  transition: width 1s, height 1s;
}

 .box4:hover {
  width: 1024px;
  height: 768px;
}

 .box5{
  width: 100px;
  height: 100px;
  background: blue;
  background-image: url("des_b1.png");
  transition: width 1s, height 1s;
}

 .box5:hover {
  width: 820px;
  height: 391px;
}


 .box6{
  width: 100px;
  height: 100px;
  background: blue;
  background-image: url("sky1.png");
  transition: width 1s, height 1s;
}

 .box6:hover {
  width: 820px;
  height: 391px;
}


 .p1{
  width: 100px;
  height: 100px;
  background: blue;
  background-image: url("pic1/p1.png");
  transition: width 1s, height 1s;
}

 .p1:hover {
  width: 614px;
  height: 393px;
}

 .p2{
  width: 100px;
  height: 100px;
  background: blue;
  background-image: url("pic1/p2.png");
  transition: width 1s, height 1s;
}

 .p2:hover {
  width: 748px;
  height: 433px;
}

 .p3{
  width: 100px;
  height: 100px;
  background: blue;
  background-image: url("pic1/p3.png");
  transition: width 1s, height 1s;
}

 .p3:hover {
  width: 893px;
  height: 491px;
}

 .p4{
  width: 100px;
  height: 100px;
  background: blue;
  background-image: url("pic1/p4.png");
  transition: width 1s, height 1s;
}

 .p4:hover {
  width: 1061px;
  height: 665px;
}

 .p5{
  width: 100px;
  height: 100px;
  background: blue;
  background-image: url("pic1/p5.png");
  transition: width 1s, height 1s;
}

 .p5:hover {
  width: 514px;
  height: 546px;
}

 .p6{
  width: 100px;
  height: 100px;
  background: blue;
  background-image: url("pic1/p6.png");
  transition: width 1s, height 1s;
}

 .p6:hover {
  width: 973px;
  height: 735px;
}

 .p7{
  width: 100px;
  height: 100px;
  background: blue;
  background-image: url("pic1/p7.png");
  transition: width 1s, height 1s;
}

 .p7:hover {
  width: 527px;
  height: 916px;
}

 .p8{
  width: 100px;
  height: 100px;
  background: blue;
  background-image: url("pic1/p8.png");
  transition: width 1s, height 1s;
}

 .p8:hover {
  width: 415px;
  height: 677px;
}

 .p9{
  width: 100px;
  height: 100px;
  background: blue;
  background-image: url("pic1/p9.png");
  transition: width 1s, height 1s;
}

 .p9:hover {
  width: 774px;
  height: 1108px;
}


 .p10{
  width: 100px;
  height: 100px;
  background: blue;
  background-image: url("pic1/p10.png");
  transition: width 1s, height 1s;
}

 .p10:hover {
  width: 812px;
  height: 1168px;
}


 .p11{
  width: 100px;
  height: 100px;
  background: blue;
  background-image: url("pic1/p11.png");
  transition: width 1s, height 1s;
}

 .p11:hover {
  width: 774px;
  height: 1108px;
}