@charset "utf-8";
/* CSS Document  #88b2ff; */

@import url("mbGallery.css");

body { background:url(../images/bg.jpg) repeat-x #000; margin:0px; padding:0px; font-size:14px; overflow-x:hidden;	}
img { border:none; margin:0px; padding:0px; } 
h1 { margin:0px; padding:0px; }
h2 { margin:0px; padding:0px; }
h3 { margin:0px; padding:0px; }
p { margin:0px; padding:0px; }
ul { margin:0px; padding:0px; }
li { margin:0px; padding:0px; }
a { color:#CC3300; font-weight:bold; text-decoration:none; }
a:hover { text-decoration:underline; }

.moving { width:1000px; height:700px; display:block; overflow:hidden;  position: absolute; margin:0 auto; }

.main { background:url(../images/mainBg.jpg) no-repeat -200px 0; display:block; width:3000px; height:700px; margin:0px; padding:0px;  }
.clouds {background:url(../images/clouds.png) 200px 0; display:block; width:3000px; height:418px; margin:0px; padding:0px;margin-top:170px; 
}
.mainShadow { display:block;  height:230px; width:2500px; top:500px; position:absolute;  background:url(../images/mainShadow.png) no-repeat -550px 0; }

.loading { background:url(../images/ajax-loader.gif) center no-repeat; height:750px; width:2000px; margin:0px auto; background-color:#000000; z-index:99999; color:#fff; font-size:36px; text-align:center; display:none; }

.community { position:absolute; margin-top:650px; margin-left:350px; width:235px; height:61px; z-index:500;  }
.community h2 { background:url(../images/community.png) no-repeat left top; width:235px; height:20px; overflow:hidden; text-indent:-9999px; left:280px; top:165px; }
.community ul {  position:absolute; top:22px; height:50px; }
.community li { float:left; }
.community a { display:block; background:url(../images/community.png) no-repeat scroll 0 -22px; width:44px; height:44px; margin-right:4px; overflow:hidden; text-indent:-9999px;  }
.community a.facebook { background-position:0 -22px; }
.community a.twitter { background-position:-47px -22px; }
.community a.linkedin { background-position:-96px -22px; }
.community a.email { background-position:-143px -22px; width:87px; margin-right:0px; }



.EladItzkinLogo { background:url(../images/EladItzkinLogo.png) no-repeat; display:block; width:448px; height:299px; overflow:hidden; text-indent:-9999px; margin-left:-230px; z-index:0; } 


.menuBar { position:absolute; margin-top:0px; margin-left:240px; width:455px; height:45px;z-index:500;  } 
.menuBar li { float:left; margin-left:10px; } 
.MenuAbout { display:block; height:45px; width:102px; background:url(../images/MenuBar.png) no-repeat; text-indent:-9999px; overflow:hidden; } 
.MenuPhotography { display:block; height:45px; width:147px; background:url(../images/MenuBar.png) -114px 0 no-repeat; text-indent:-9999px; overflow:hidden; } 
.MenuWebsite { display:block; height:45px; width:176px; background:url(../images/MenuBar.png) -270px 0 no-repeat; text-indent:-9999px; overflow:hidden; } 

.aboutArea { position:absolute; margin-top:185px; top:0; left:40px; width:650px; }
.aboutArea h2 { background:url(../images/aboutTitle.png) no-repeat; width:147px; height:36px; position:absolute; overflow:hidden; text-indent:-9999px; left:280px; top:165px; } 
.aboutPhoto { background:url(../images/AboutPhoto.png) no-repeat; width:265px; height:207px; position:absolute; left:0px; top:0px; overflow:hidden; text-indent:-9999px; }
.aboutTextArea { position:absolute; left:5px; top:220px; }



.photographyArea { position:absolute; margin-top:185px; top:0; left:1000px; width:650px; }
.photographyArea h2 { background:url(../images/photographyTitle.png) no-repeat; width:299px; height:49px; position:absolute; overflow:hidden; text-indent:-9999px; left:5px; top:0px; } 
.photographyArea ul, li { list-style:none; }
.photographyArea ul { position:absolute; top:70px; }
.photographyArea li { float:left; width:151px; height:119px; display:block; background:url(../images/TumbFrame.png) no-repeat;}
.photographyArea li a {  display:block; height:29px; width:141px; padding-left:5px; padding-right:5px; padding-top:92px; text-align:center; color:#000; font-weight:bold; font-size:12px; text-decoration:none; } 
.photographyArea li a:visited { color:#000; }
.photographyArea li a:hover { text-decoration:underline; }
.Portraits { background:url(../images/PortraitsImg.jpg) no-repeat 13px 13px; } 
.Animals { background:url(../images/AnimalsImg.jpg) no-repeat 13px 13px; } 
.Panorama { background:url(../images/PanoramaImg.jpg) no-repeat 13px 13px; } 
.General { background:url(../images/GeneralImg.jpg) no-repeat 13px 13px; } 


.websiteArea { position:absolute; margin-top:185px; top:0; left:2000px; width:1000px; }
.websiteArea h2 { background:url(../images/websiteTitle.png) no-repeat; width:421px; height:49px; position:absolute; overflow:hidden; text-indent:-9999px; left:5px; top:0px; } 

.websiteSlider { position:absolute; top:70px; left:5px; background:url(../images/websiteCaroBg.png) no-repeat; width:595px; height:226px; display:block; }

.endArea { position:absolute; margin-top:185px; top:0; left:3000px; width:1000px; }

#slider { width:505px; height:184px; display:block; overflow:hidden; margin:0px auto; margin-top:20px;  }

#prevBtn a { background:url(../images/arrows.png) no-repeat -2px 0px; display:block; overflow:hidden; text-indent:-9999px; height:40px; width:40px; 
position:absolute; top:95px; left:2px; } 
#nextBtn a { background:url(../images/arrows.png) no-repeat -44px 0px; display:block; overflow:hidden; text-indent:-9999px; height:40px; width:40px; 
position:absolute; top:95px; left:553px; } 
#prevBtn a:hover { background-position:-2px -38px; }
#nextBtn a:hover { background-position:-44px -38px; }

.websiteEagle { width:57px; height:60px; display:block; background:url(../images/SignatureEagle.png) no-repeat -480px 0; position:absolute; top:65px; left:510px; }
.websiteSignature { width:250px; height:50px;  display:block; background:url(../images/SignatureEagle.png) no-repeat 0 -180px; position:absolute; top:240px; left:35px; }