/*55B6DFD71EA48B0DCFC64A92C8669493A7697B51D30161538B1C*/
/******************************** CODING STANDART EXAMPLE **************************************/

#header{height:133px; width:100%;border:1px none yellow;}
	#logo{ height:107px; background:url(../images/header-logo-bg.gif) repeat-x; width:100%;}
		#logo #logo-i{display:block; float:left; margin:25px 0 0 0; padding-left:5%;}
		#logo #logo-u{display:block; float:right; margin:25px 0 0 0; padding-right:8%;}
			#logo #logo-i img,#logo #logo-u img{border:1px none;}
		#h-menu{background-color:#e6e8e8; height:26px; width:100%;}

				#h-menu ul#navmenu{list-style:none; height:26px; margin:0 auto; width:90%;  direction:ltr; }
					#h-menu ul#navmenu li{ list-style:none; float:left;}
						#h-menu ul#navmenu li a{color:#1664b3; padding:4px 14px; line-height:26px;  font-weight:bold; font-size:90%; text-decoration:none; padding-top:5px;}
						*:first-child+html #h-menu ul#navmenu li a{padding-top:6px;}
						* html #h-menu ul#navmenu li a{padding-top:6px;}
						#h-menu ul#navmenu li a:hover{ background-color:#1866b4; color:white;}
#visual{ height:391px; width:100%; background:blue; background:url(../images/header-bg-waves.jpg) no-repeat left top;}
	#slogan{ width:358px; height:54px; float:left; margin-left:10%; margin-top:270px;}
	#girl{ width:451px; height:426px; position:absolute; top:-10px; right:10px;}
	#lapki{ width:42px; height:225px; position:absolute; top:108px; right:156px; z-index:99;}
		*html{top:109px; right:100px;}
	#pic-g{ width:275px; height:293px; position:absolute; top:70px; right:160px;}

	

#middle{ width:100%;   border:1px none green; }
	#left{width:53%; float:left; /*margin-right:460px;*/ border:1px none red; direction:rtl;}
		#cont1{width:98%; border:1px solid #e5e6e6;  margin-top:30px; margin-left:15px;}
			#cont1 h3{ margin:0px; margin-bottom:10px; margin-right:20px; margin-top:10px; float:right; color:#0254a7; display:block; font-size:87%; width:170px; height:26px; background-color:#6699cc;  line-height:25px; vertical-align:middle; text-align:center;}
			#cont1 h1{ margin:0px; float:right; color:#0254a7; display:block; font-size:87%; width:170px; height:26px; background-color:#6699cc;  line-height:25px; vertical-align:middle; text-align:center;}

			#cont1 div.promo{clear:both; width:100%; padding-bottom:10px;}

				#cont1 div.promo img{border:1px solid #dddfe0; float:right; margin:0 10px;}
				#cont1 div.promo p{font-size:73%; padding:0 4px; direction:rtl; text-align:right;}
				#cont1 div.promo a{display:block; text-align:left; padding-left:20px; margin-bottom:10px;color:#0254a7; font-size:73%; font-weight:bold; }
	/*#right{width:451px;  position:absolute; right:0; float:right;  border:1px none blue;}*/
	#right{width:451px;  position:relative; float:right;  border:1px none blue;}
		#cont{width:280px; border:1px solid #e5e6e6; float:left; margin-top:30px;}
			#subscribe{ height:150px; background-color:#e5e6e6; margin:4px;}
				#subscribe form{  display:block; width:100%;  padding:0; margin:0;  padding-top:10px;  }
					#subscribe h3{ margin:0px; margin-bottom:10px; margin-right:20px; float:right; color:#0254a7; display:block; font-size:87%; width:170px; height:26px; background-color:#6699cc;  line-height:25px; vertical-align:middle; text-align:center;}
					#subscribe form #name{ direction:rtl; text-align:right; clear:both; display:block; color:#000; height:18px; line-height:18px; font-size:73%; width:232px; background-color:#fff;   border:1px solid #fff; margin:0 auto; margin-bottom:10px; }
					#subscribe form #mail{text-align:right; display:block;color:#000; height:18px; line-height:18px; font-size:73%; width:232px; background-color:#fff;   border:1px solid #fff; margin:0 auto;margin-bottom:10px;}
					#subscribe form #go-subscribe{height:25px; width:102px; line-height:25px; vertical-align:middle; margin-left:20px;  border:1px none red; background-color:#0154aa; color:#fff; margin-bottom:10px;}

			#promo{direction:rtl;  background-color:#e5e6e6; margin:4px; height:1%; display:table; position:relative;/*height:140px;*/overflow: hidden;}
				#promo h3{ margin:0px; margin-bottom:10px; margin-right:20px; margin-top:10px; float:right; color:#0254a7; display:block; font-size:87%; width:170px; height:26px; background-color:#6699cc;  line-height:25px; vertical-align:middle; text-align:center;}
				#promo #mar strong{ display:block; font-size:73%; font-weight:bold; clear:right; margin-right:20px;}
				#promo #mar p{ display:block;font-size:73%;   margin-right:20px;}
				#promo #mar a{ color:#0254a7; font-weight:bold; }
	div.stopper{ clear:both; margin-bottom:10px;}
#bottom{}

#mar{position:relative;clear:both;width:232px; padding: 0 20px; height:160px; border:1px none red; direction:rtl; text-align:right; font-size: 12px; }
#mar a.readmore { float: left; }
/******************************** STICKY FOOTER CODE *******************************************/
   html, body, #contents {min-height: 100%; width: 100%; height: 100%;}
   html>body, html>body #contents {height: auto;/* The "height" above is a hack for IE5+/Win.  Below we adjust it using the       child selector to hide from IE5+/Win */}
   body {margin: 0; /* Without this, Moz1.0 adds a vertical scrollbar */}
   #contents {position: absolute;top: 0;left: 0; min-width:997px; }
   *html #contents{width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?'997px':'100%');}
   #footer {pposition: absolute; bottom: 0; height:68px; left:0;right:0; width:100%; background-color:#6699cc;}
   		#credit{color:#0154a9; position:absolute; height:30px; width:200px; left:6.6%; top:20px; font-size:55%; z-index:99; line-height:8px; }
			#credit img{ float:left; margin-right:5px;}
			#credit a{ color:#0154a9;}
		#copyright{position:absolute; height:30px; width:300px; right:6%; top:19px; font-size:60%; z-index:99; line-height:10px; color:#0154a9;}

   #separator{height:68px;
	   /*********** !!! IMPORTANT !!!! ********************/
	   /*		#separator                                */
	   /*       should have the height same  to #footer   */
	   /*       prevent #main falling in                  */
	   /***************************************************/
   }
   #main {height: auto; position:relative;}
/******************************** EOF STICKY FOOTER CODE ***************************************/

/******************************** Ilya's addition **********************************************/

/*#ipicspot{
}
#visual{
	position:relative;
	padding-right:205px;
	padding-top:24px;
	height:367px;
}
#igirl{
	position:absolute;
	right:10px;
	bottom:0px;
}
#ihands{
	position:absolute;
	top:74px;
	right:164px;
}
#islogan{
	position:absolute;
	left:10%;
	top:150px;
}*/
#girl{
	text-align:right;
}
#girl img {
	width: 451px;
	height: 426px;
}
#pic-g{
	position:relative;
	top:0px;
	right:0px;
}
#slogan{
	position:absolute;
	float:none;
	margin:0px;
	left:10%;
	top:270px;
}
#visual{
	position:relative;
	width:auto;
	padding-top:70px;
	padding-right:170px;
	height:321px;
}
#hands{
	position:absolute;
	top:28px;
	right:-5px;
	z-index:1;
}
.clear{
	clear:none;
}