/*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:241px; width:100%; background:blue; background:url(../images/header-bg-waves-int.jpg) no-repeat left top; margin-bottom:10px;}
	#slogan{ width:358px; height:54px; float:left; margin-left:10%; margin-top:150px;}
	#girl{ width:451px; height:427px; position:absolute; top:0px; right:10px; border:1px none red;}
	#girl #g{  position:absolute; top:-33px; }
	#girl #g-r{position:absolute;top:-33px;left: 268px;width:134px;height:277px;}
	#girl #g-l{position:absolute;top:0px;left: 0px;height:245px;width:269px;}
		#pic-g{ width:275px; height:223px; position:absolute; top:24px; right:131px;}

#middle{ width:100%;   border:1px none green; }

	#left{width:62%; float:left; border:1px solid #E5E6E6; direction:rtl; margin-left:6%; padding:10px; padding-top:0;}
	* html #left{margin-left:3%;}
		#contl{width:98%;  }
			#contl h3{ margin:0px; margin-bottom:10px; margin-right:10px; margin-top:10px; float:right; color:#0254a7; display:block; font-size:87%; width:150px; height:26px; background-color:#6699cc;  line-height:25px; vertical-align:middle; text-align:center;}
			#contl h1{ margin:0px; margin-bottom:10px; margin-right:10px; padding-left:10px; padding-right:10px; margin-top:10px; color:#0254a7; display:block; font-size:87%;  height:26px; background-color:#6699cc;  line-height:25px; vertical-align:middle; text-align:center;}

			* html #contl h3{margin-right:6px;}


			#contl div.promo{clear:both; width:100%; padding-bottom:10px;  display:table; margin-right:20px; margin-bottom:10px;}
				#contents #main #middle #left #contl .promo img#main1{border:1px solid #e5e6e6; float:right; margin:0 10px;}
				#contents #main #middle #left #contl .promo p{font-size:73%; padding:0 4px; direction:rtl; text-align:right;}
				#contents #main #middle #left #contl .promo p img { float:right; margin-left:10px;}
				#contents #main #middle #left #contl .promo a{display:block; text-align:right; padding-left:20px; margin-bottom:10px;color:#0254a7; font-size:73%; font-weight:bold; }

			#contents #main #middle #left #contl #container{margin-right:10px;}
				#contents #main #middle #left #contl #container .slave{ float:right; width:160px; height:120px;}
					#contents #main #middle #left #contl #container .slave img{border:1px solid #e5e6e6; float:right;}
					#contents #main #middle #left #contl #container .slave a{ color:#1866B4; float:right; font-weight:bold; clear:right; font-size:73%;}

	#right{width:26%;  position:relative; float:right; border:1px solid #E5E6E6; padding:10px; padding-right:0;}
		#cont{width:100%; background-color:#E5E6E6; display:table;}
		/********* menu SEE COMMON.CSS ************/

	div.stopper{ clear:both; margin-bottom:10px;}

/******************************** 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 {position: absolute; bottom: 0; height:118px; left:0;right:0; width:100%; background-color:#6699cc;}

		#partners{padding-bottom:2px; line-height:50px; vertical-align:middle; height:50px; width:100%; position:relative; background:#e5e6e6; text-align:center;}
			#partners span{  color:#679acd; font-weight:bold; font-size:73%; line-height:50px; vertical-align:middle; padding-right:10px;padding-bottom:40px;}
			#partners div{height:50px; display:inline; margin:0  auto; line-height:50px; vertical-align:middle;   }
				#partners div img{padding-right:70px; border:1px none;}

   		#credit{color:#0154a9; position:absolute; height:30px; width:200px; left:6.6%; top:70px; 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:69px; font-size:60%; z-index:99; line-height:10px; color:#0154a9;}
   #separator{height:118px;}
   #main {height: auto; position:relative;}
/******************************** EOF STICKY FOOTER CODE ***************************************/

#slogan{
	position:absolute;
	float:none;
	left:10%;
	top:150px;
	margin:0px;
}
#pic-g{
	position:relative;
	top:20px;
	right:0px;
	text-align: center;
}
#visual{
	padding-top:24px;
	padding-right:200px;
	width:auto;
	height:217px;
}