#html, body{
	height:100%;
	margin:0;
	padding:0;
	font-weight:normal;
	color:#333;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	background-image:url(images/pattern.jpg);
	background-repeat:repeat;
}
#topSpace{
	height:30px;
	width:100px;
}

.corner{
	position:absolute;
	background-image:url(images/corner.jpg);
	width:20px;
	height:19px;
}

#corner1{
	top:-10px;
	left:-10px;
}
#corner2{
	top:-10px;
	left:890px;
}
#corner3{
	bottom:-10px;
	left:-10px;
}
#corner4{
	bottom:-10px;
	left:890px;
}
#naats{
	position:absolute;
	background-image:url(images/naats.png);
	width:227px;
	height:268px;
	top:205px;
	left:700px;
}
#green_dolphin{
	position:absolute;
	background-image:url(images/green_dolphin.png);
	width:271px;
	height:173px;
	top:1900px;
	left:-40px;
}
#pink_dolphin{
	position:absolute;
	background-image:url(images/pink_dolphin.png);
	width:262px;
	height:180px;
	bottom:230px;
	left:680px;
}

#wrapper{
	margin:0 auto;
	width:900px;
	height:4139px;
	/*background-image:url(images/all5.jpg);*/
	position:relative;
	top:0px;
	left:0px;
	margin-bottom:30px;
	background-repeat:no-repeat;
}

#form_container{
	width:320px;
	height:155px;
	position:absolute;
	top:634px;
	left:110px;
}

#f_name_container{
	height:31px;
	width:159px;
	position:absolute;
	top:0px;
	left:161px;
}
#phone_container{
	height:31px;
	width:139px;
	position:absolute;
	top:0px;
	left:0px;
}
#mail_container{
	height:31px;
	width:320px;
	position:absolute;
	top:47px;
	left:0px;
}

.phone_input{
	width:139px;
	height:31px;
	padding:0px;
	margin:0px;
	border:0px;
	direction:rtl;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	line-height:31px;
	text-indent:5px;
	background-color:#FFF;
}

.f_name_input{
	width:159px;
	height:31px;
	padding:0px;
	margin:0px;
	border:0px;
	direction:rtl;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	line-height:31px;
	text-indent:5px;
	background-color:#FFF;
}
.mail_input{
	width:320px;
	height:31px;
	padding:0px;
	margin:0px;
	border:0px;
	direction:rtl;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	line-height:31px;
	text-indent:5px;
	background-color:#FFF;
}
#send_container{
	height:25px;
	width:55px;
	position:absolute;
	top:100px;
	left:0px;
	
}

.button {clear:none; background-color: #FF00FF; border: 0 none; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:14px; font-weight: normal; font-family:Tahoma, Geneva, sans-serif; height: 29px; line-height: 29px; margin: 0px; padding: 0 19px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto; position:absolute;  }
.button:hover{
	background-color: #00ff00;
}

#thankyou{
	position:absolute;
	top:100px;
	left:0px;
	font-size:16px;
	color:#FFF;
	font-weight:bold;
}
/*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
header, section, footer, aside, article, figure {
	display: block;
}

#circles_container{
	position:absolute;
	top:925px;
	left:107px;
	width:680px;
	height:102px;
}

.circle{
	position:absolute;

}

#circ1{
	width:103px;
	height:130px;
	top:-17px;
	left:0px;
	background-image:url(images/circ1.png);
}
#circ2{
	width:104px;
	height:126px;
	top:-13px;
	left:137px;
	background-image:url(images/circ2.png);
}
#circ3{
	width:103px;
	height:103px;
	top:10px;
	left:280px;
	background-image:url(images/circ3.png);
}
#circ4{
	width:103px;
	height:103px;
	top:10px;
	left:432px;
	background-image:url(images/circ4.png);
}
#circ5{
	width:103px;
	height:103px;
	top:10px;
	left:578px;
	background-image:url(images/circ5.png);
}

#map_container{
	height:322px;
	width:900px;
	position:absolute;
	left:0px;
	top:1123px;
}
#map_canvas{
	height:322px;
	width:900px;
}

#posters_container{
	top:2060px;
	left:110px;
	position:absolute;
	width:679px;
	height:537px;
}

a img{
	border:0;
}
.poster{
	position:absolute;
	width:157px;
	height:228px;
}

.poster img{
	display:none;
	width:157px;
	height:228px;
}
#poster1{
	top:0px;
	left:0px;
	background-image:url(poster_thumbs/1_off.jpg);
}
#poster2{
	top:0px;
	left:172px;
	background-image:url(poster_thumbs/2_off.jpg);
}
#poster3{
	top:0px;
	left:347px;
	background-image:url(poster_thumbs/3_off.jpg);
}
#poster4{
	top:0px;
	left:520px;
	background-image:url(poster_thumbs/4_off.jpg);
}

#poster5{
	top:304px;
	left:0px;
	background-image:url(poster_thumbs/5_off.jpg);
}
#poster6{
	top:304px;
	left:172px;
	background-image:url(poster_thumbs/6_off.jpg);
}
#poster7{
	top:304px;
	left:347px;
	background-image:url(poster_thumbs/7_off.jpg);
}
#poster8{
	top:304px;
	left:520px;
	background-image:url(poster_thumbs/8_off.jpg);
}

.gallery_image img{
	display:none;
	width:123px;
	height:123px;
}
.gallery_image{
	width:123px;
	height:123px;
}

#gallery1{background-image:url(gallery_thumbs/1_off.jpg);}
#gallery2{background-image:url(gallery_thumbs/2_off.jpg);}
#gallery3{background-image:url(gallery_thumbs/3_off.jpg);}
#gallery4{background-image:url(gallery_thumbs/4_off.jpg);}
#gallery5{background-image:url(gallery_thumbs/5_off.jpg);}
#gallery6{background-image:url(gallery_thumbs/6_off.jpg);}
#gallery7{background-image:url(gallery_thumbs/7_off.jpg);}
#gallery8{background-image:url(gallery_thumbs/8_off.jpg);}
#gallery9{background-image:url(gallery_thumbs/9_off.jpg);}
#gallery10{background-image:url(gallery_thumbs/10_off.jpg);}
#gallery11{background-image:url(gallery_thumbs/11_off.jpg);}
#gallery12{background-image:url(gallery_thumbs/12_off.jpg);}
#gallery13{background-image:url(gallery_thumbs/13_off.jpg);}
#gallery14{background-image:url(gallery_thumbs/14_off.jpg);}
#gallery15{background-image:url(gallery_thumbs/15_off.jpg);}
#gallery16{background-image:url(gallery_thumbs/16_off.jpg);}
#gallery17{background-image:url(gallery_thumbs/17_off.jpg);}
#gallery18{background-image:url(gallery_thumbs/18_off.jpg);}
#gallery19{background-image:url(gallery_thumbs/19_off.jpg);}
#gallery20{background-image:url(gallery_thumbs/20_off.jpg);}
#gallery21{background-image:url(gallery_thumbs/21_off.jpg);}
#gallery22{background-image:url(gallery_thumbs/22_off.jpg);}
#gallery23{background-image:url(gallery_thumbs/23_off.jpg);}
#gallery24{background-image:url(gallery_thumbs/24_off.jpg);}
#gallery25{background-image:url(gallery_thumbs/25_off.jpg);}

#fb{
	position:absolute;
	top:2670px;
	left:312px;
	width:272px;
	height:74px;
}
#fb a{
	display:block;
	width:272px;
	height:74px;
	background-image:url(images/fb_btn.png);
	background-position:top;
}
#fb a:hover{
	background-position:bottom;
}

#gallery_container{
	position:absolute;
	top:2880px;
	height:718px;
	width:680px;
	left:107px;
}

table{
	padding:0;
	margin:0;
	border:0;
}

.gallery_td{
	width:123px;
	height:123px;
}

.space_between_gallerys_tds{
	width:16px;
}
.space_between_gallery_trs{
	height:16px;
}

#avital_link{
	position:absolute;
	width:23px;
	height:148px;
	bottom:218px;
	left:19px;
}
#avital_link a{
	display:block;
	width:23px;
	height:148px;
}

#roi_link{
	position:absolute;
	width:23px;
	height:125px;
	bottom:78px;
	left:19px;
}
#roi_link a{
	display:block;
	width:23px;
	height:125px;
}


/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing block. The remaining bottom margin will hold it away from any elements that follow. */
	padding-right: 15px;
	padding-left: 15px; /* adding the padding to the sides of the elements within the blocks, instead of the block elements themselves, gets rid of any box model math. A nested block with side padding can also be used as an alternate method. */
}

