/* ------------------------------------------------
	global
-------------------------------------------------*/

* { margin: 0; padding: 0; text-decoration: none; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, cite, var, address { font-style: normal; }
th,h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none;}
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
q { quotes: "" ""; }
font { color: inherit !important; font: inherit !important; color: inherit !important; } /* disables some nasty font attributes in standard browsers */


body, html, form 	{ margin:0;
			  padding:0;
			  width:100%;
			  height:100%; }

body 	{ min-width:567px;
		  margin:0px;
		  padding:0px;
		  color: #b7b7b7;
		  font:16px/24px georgia, times, "times new roman", serif;
		  background: #ebebeb url(../images/bg.png);	}


p,
span,
div,
table, table p,
tr, tr p,
td, td p	{ font:16px/24px georgia, times, "times new roman", serif; }


h1	{ display:block;
	  margin:0px 0px 10px 0px;
	  text-transform:uppercase;
	  color:#fff;
	  font:bold 24px/40px arial, verdana, sans-serif; }
	h1 span	{ text-transform:uppercase;
	  	  color:#fff;
		  font:bold 24px/40px arial, verdana, sans-serif; }

h2	{ margin:0px 0px 20px 0px;
	  text-transform:uppercase;
	  color:#fff;
	  font:bold 24px/40px arial, verdana, sans-serif; 	}
	h2 span	{ text-transform:uppercase;
		  color:#fff;
		  font:bold 24px/40px arial, verdana, sans-serif;  	}

h3	{ margin:0px 0px 0px 0px;
	  color:#000;
	  font:bold 14px/20px Arial, Verdana, sans-serif; }
	h3 span	{ color:#000;
		  font:bold 14px/20px Arial, Verdana, sans-serif;  }

h4	{ margin:0px 0px 0px 0px;
	  font:bold 14px/20px Arial, Verdana, sans-serif; }
	h4 span	{ font:bold 14px/20px Arial, Verdana, sans-serif;  }


a 	{  /*color: #4a4a4a;*/
		color:#fff;
		border-bottom:1px dotted #fff;}
	a:hover 	{ color: #208c50;
				  border-bottom:1px dotted #208c50;	}

img	{ border: 0px solid; 	}

hr { height:1px;
     margin:20px 0px;
     border:none;
     background:#cdcdcd; }

#cont { min-height:100%;
		min-width:567px;
		position:relative; }
/*
	#body { padding:0px;
		padding-bottom:247px; }
*/
	#footer { position:fixed;
			  bottom:0;
			  left:0px;
			  right:0px;
			  width:auto;
			  margin:0px;
			  padding:0px 0px 0px 0px;
			  height:447px;
			  text-align:center;
			  background:url(../images/footerbg.png) repeat-x; }
	
		div#footer p	{ position:absolute;
						  left:50%;
						  bottom:0px;
						  z-index:9997;
						  display:block;
						  width:567px;
						  margin:0px 0px 0px -284px; 
						  padding:10px 0px 30px 0px;
						  text-align:center;
						  color:#363636;
						  font:11px/18px arial, verdana, sans-serif;
						  background: url("../images/footerpbg.png") repeat-x bottom; }

		div#footer a	{ text-decoration:none;
						  color:#363636;
						  font:11px/18px arial, verdana, sans-serif; 
						  border:none; }
			div#footer a:hover { color:#ccc; } 


div#container	{ position:relative;
				  display:block;
				  width:1050px;
				  margin:0px auto;
				  padding:0px 0px 300px 0px;
     			  background:url(../images/mainbg.png) repeat-y center; }

.cufon-loading { 
	visibility: hidden !important;
}


/* ------------------------------------------------
	header
-------------------------------------------------*/

	div#logo	{ position:absolute;
				  top:42px;
				  left:270px;
				  z-index:1000;
				  display:block;	
				  width:502px;
				  height:33px;
				  margin:0px;
				  padding:0px; }

		div#logo a	{ display:block;	
					  width:502px;
					  height:33px;
					  margin:0px;
					  padding:0px;
					  border:none;
					  margin:0px;
					  text-transform:none;
					  color:#fff;
					  font:bold 40px/40px arial, verdana, sans-serif; }




		
/* ------------------------------------------------
	menus
-------------------------------------------------*/


	div#menu	{ /*position:fixed;*/
				  position:absolute;
				  right:0px;
				  z-index:15000;
				  display:block;	
				  width:242px;
				  margin:0px 0px 0px 04px;
				  padding:40px 0px 0px 0px; }

		div#menu ul { width:242px;
				  	  margin:0px;
					  padding:0px;
					  list-style:none;  }

			div#menu li { display:block;
				      	  width:229px;
				  		  margin:0px 0px 0px 13px;
      				      padding:0px; }

	
				div#menu a { display: block;
							 display:block;
							 margin:0px;
							 padding:10px 0px;
							 text-decoration:none;
							 text-transform:uppercase;
							 text-shadow: #fff 0px 1px 2px;
							 color:#898989;
		      	  		     font:bold 14px/20px Arial, Verdana, sans-serif;
							 border:none; } 
	
					div#menu a:hover { color:#208c50; } 	
					div#menu li.active a { color:#000; }

			div#menu li.eng { margin:20px 0px 0px 13px;
							  background:url(../images/engbg.png) repeat-x top; }
	
				div#menu li.eng  a { font:10px/20px Arial, Verdana, sans-serif; } 

		#currentPage { display:block; text-indent:-100000px; }
		#countPage 	 { display:block; text-indent:-100000px; }

	div.submenu	{ display:block;
				  width:472px;	
				  margin:0px;
				  padding:0px; }

		div.submenu ul { clear:both;
						 display:block;
						 margin:0px 0px 0px -6px !important;
						 padding:20px 0px;
						 list-style:none;  }
	
			div.submenu li { float:left;
							 display:block;
							 margin:0px 3px 7px 0px;
							 padding:0px;
							 overflow:hidden; }
	
				div.submenu a { float:left;
								display:block;
								width:235px;
								height:37px;
								margin:0px;
								padding:0px;
								text-align:center;
								text-transform:uppercase;
								color:#000;
								font:12px/32px arial, verdana, sans-serif;
								border:none;
								background:url(../images/submenuli2.png) no-repeat 0px 0px; }
			
				div.submenu a:hover { color:#fff;
									  border:none;
						  			  background:url(../images/submenuli2.png) no-repeat 0px -37px; }
				div.submenu li.active a { background:url(../images/submenuli2.png) no-repeat 0px -37px; }



/* ------------------------------------------------
	main
-------------------------------------------------*/


	div#puffar	{ position:absolute;
				  left:-230px;
				  z-index:1000;
				  display:block;	
				  width:242px;
				  margin:0px;
				  padding:40px 0px 0px 0px; }
				  
		a.puff	{ display:block;	
				  width:221px;
				  margin:0px 0px 7px 0px;
				  padding:0px;
				  border:none; }
		a:hover.puff	{ border:none; }
					  
			div.pufftop	{ display:block;	
						  width:221px;
						  height:5px;
						  margin:0px;
						  padding:0px;
						  background:url(../images/pufftop.png) no-repeat 0px 0px; }
					  
			div.puffbg	{ display:block;	
						  width:213px;
						  margin:0px;
						  padding:0px 2px 0px 4px;
						  background:url(../images/puffbg.png) repeat-y; }
						  
				div.puffimg	{ display:block;	
							  margin:0px 3px;
							  padding:0px 0px; }
							  
					div.puffimg img	{ display:block;	
									  max-width:100%;
									  margin:0px;
									  padding:0px; }
						  
				div.pufftext	{ display:block;
								  margin:0px;
								  padding:12px;
								  background:url(../images/puffgradient.png) repeat-x bottom; }
						  
					div.pufftext h2	{ margin:0px;
									  text-transform:none;
									  text-shadow:#fff 0px 1px 1px;
									  color:#363636;
									  font:24px/28px Georgia, "Times New Roman", Times, serif; }
					a:hover.puff h2	{ color:#208c50; }
					  
			div.puffbottom	{ display:block;	
						  	  width:221px;
							  height:6px;
							  margin:0px;
							  padding:0px;
							  background:url(../images/puffbottom.png) no-repeat 0px bottom; }
					  
	div.mainimgs	{ position:relative;
					  width:567px;
					  height:776px;
					  margin:0px auto;
					  padding:0px; }

		div.mainimgs div.mainimgsbg	{ position:absolute;
									  bottom:0px;
									  z-index:100;
									  width:567px;
									  height:134px;
									  margin:0px;
									  padding:0px;
									  background:url(../images/mainimgsbg.png) repeat-x; }
	div.mainimgsinner	{ position:relative; }

		div#nav	{ position:absolute;
				  bottom:15px;
				  z-index:200;
				  display:block;
				  width:567px;
				  margin:0px auto;
				  padding:0px;
				  text-align:center;	}

			div#nav ul { margin:0px auto;
					     list-style:none; }

				div#nav li { display:inline;
	      				     margin:0px 3px;
		    	  		     padding:0px; }
 
					div#nav a { display:inline-block;
							   *display:inline;
								width:13px;
								height:13px;
    	  					    margin:0px;
		      				    padding:0px;
							    border:none;
	      					    background:url(../images/navli.png) no-repeat 0px 0px; }

					div#nav a:hover 		{ background:url(../images/navliactive.png) no-repeat 0px 0px;  }
					div#nav li.activeSlide a 	{ background:url(../images/navliactive.png) no-repeat 0px 0px; }
		
		div.imgs img { position:absolute;
					   display:block;
					   width:567px;
					   height:776px;
					   margin:0px;
					   padding:0px; }

		a.mainimgstext 	{ position:absolute;
						  top:65px;
						  left:14px;
						  z-index:300;
						  width:487px;
						  margin:0px;
						  padding:20px;
						  overflow:hidden;
						  color:#fff;
						  font:bold 14px/18px arial, verdana, sans-serif;
						  border:none; }

			a.mainimgstext h2	{ margin:0px;
								  text-transform:none;
								  color:#fff;
								  font:bold 14px/18px arial, verdana, sans-serif; }
								  
			a.mainimgstext p	{ color:#fff;
								  font:14px/22px georgia, times, "times new roman", serif;  }
	
	/*	div.note	{ position:absolute;
					  bottom:20px;
					  left:-230px;
					  z-index:200;
					  display:block;
					  width:215px;
					  height:104px;
					  margin:0px;
					  padding:20px;
					  background:url(../images/note.png) no-repeat 0px 0px;	}

			div.note p	{ color:#363636;
				 	 	  font:italic 18px/24px georgia, times, "times new roman", serif; }*/
	
		div.note2	{ position:absolute;
					  bottom:35px;
					  left:auto;
					  right:35px;	
					  z-index:200;
					  display:block;
					  width:199px;
					  height:120px;
					  margin:0px;
					  padding:30px 50px 30px 40px;
					  background:url(../images/note2.png) no-repeat 0px 0px; }

			div.note2 p	{ color:#363636;
					  	  font:italic 18px/24px georgia, times, "times new roman", serif; }


	div.page	{ width:567px;
				  margin:10px auto 0px auto;
				  padding:0px 0px 200px 0px;
				  text-shadow:#000 0px 1px 0px;
				  background:url(../images/pagebg.png) no-repeat 0px 0px; }

		div.pageinner	{ position:relative;
						  z-index:1000;
						  padding:200px 42px 0px 42px; }

		div.page h2	{ float:left;
					  display:block;
					  position:relative;
					  margin:0px 0px 5px 0px;
					  padding:0px; }

			div.page a.arrow	{ float:left;
								  display:block;
								  width:34px;
								  height:23px;
								  margin:6px 0px 0px 5px;
								  border:none;
								  background:url(../images/arrow.png) no-repeat 0px 0px; }
			div.page a:hover.arrow	{ background:url(../images/arrow.png) no-repeat 0px -23px; }

		div.page ul	{ margin:20px 0px 20px 16px; }
		div.page ol	{ margin:20px 0px 20px 20px; }

		div.page p,
		div.page span,
		div.page div	{ text-shadow:#000 0px 1px 0px; }


	#exposeMask { right:0px; }

	div.overlay { position:absolute;
				  top:0px;
				  left:0px;
				  display:none;
				  width:940px;
				  height:573px;
				  margin:0px;
				  padding:20px 27px;
				  z-index:1000;
				  background:url(../images/popupbg.png) no-repeat 0px 0px; }
					   
		div.overlay .close { position:absolute;
							 top:34px;
							 right:34px;
							 bottom:auto;
							 left:auto;
							 display:block;
							 width:22px;
							 height:25px;
							 cursor:pointer;
							 background:url(../images/close.png) no-repeat 0px 0px; }


		div.overlaypadding { padding:60px; }

			div.overlaypadding h2 { color:#000; }
			div.overlaypadding p,
			div.overlaypadding span,
			div.overlaypadding div { color:#464646; }

		div.overlayleft { float:left;
						  display:block;
						  width:430px;
						  height:573px;
						  margin:60px 30px 0px 60px;
						  padding:0px;
						  color:#464646; }

			div.overlayleft h2 { color:#000; }
			div.overlayleft p,
			div.overlayleft span,
			div.overlayleft div { color:#464646; }
			
			div.overlay a 	{ color: #208c50;
							  border-bottom:1px dotted #208c50;	}
			div.overlay a:hover 	{ color: #4a4a4a;
									  border-bottom:1px dotted #4a4a4a;	}

			a.pdf { display:block;
					width:195px;
					height:37px;
					margin:0px;
					padding:0px;
					text-align:center;
					text-transform:uppercase;
					color:#000 !important;
					font:12px/32px arial, verdana, sans-serif;
					border:none !important;
					background:url(../images/pdf.png) no-repeat 0px 0px; }
			a:hover.pdf { color:#fff !important;
						  background:url(../images/pdf.png) no-repeat 0px -37px; }

		div.overlayright { float:left;
						   display:block;
						   width:344px;
						   height:428px;
						   margin:60px 0px 0px 0px;
						   padding:14px 19px;
						   overflow:hidden;
						   background:url(../images/popuprightbg.png) no-repeat 0px 0px; }

			div.overlayrightinner { display:block;
								    width:344px;
								    height:367px;
								    margin:0px;
								    padding:0px;
								    overflow:hidden; }

				div.overlayrightinner img	{ display:block;
											  width:344px;
											  margin:0px;
											  padding:0px; }

		
	div.overlaygallery { position:absolute;
						  top:0px;
						  left:0px;
						  display:none;
						  width:900px;
						  margin:0px;
						  padding:20px 27px;
						  z-index:1000;
						  background:#fff; }
						  
		div.overlaygallery div.overlaypadding { padding:40px 0px 40px 20px; }
					   
		div.overlaygallery .close { position:absolute;
							 top:14px;
							 right:14px;
							 bottom:auto;
							 left:auto;
							 display:block;
							 width:22px;
							 height:25px;
							 cursor:pointer;
							 background:url(../images/close.png) no-repeat 0px 0px; }

/* ------------------------------------------------
	gallery 
-------------------------------------------------*/

	div.gallery { background:#fff; }
	
		div.gallery ul { margin:0px;
						 padding:0px;
						 list-style:none; }
						 
			div.gallery li { float:left;
						 	 width:155px;
							 height:155px;
							 margin:0px 10px 10px 10px;
							 padding:0px; }
							 
				div.gallery li a { text-decoration:none; }
								   
				div.gallerycentercont { display: table;
										width:155px;
										height: 155px;
									   *display: block;
									   *position: relative; }			 
						
	 				div.gallerycentercont div.gallerycenter { display: table-cell;
															  vertical-align: middle;
															  text-align:center;
															 *display: block;
															 *position: absolute;
															 *left: 0px;
															 *width: 100%;
															 *top: expression(this.parentElement.clientHeight / 2 - this.clientHeight / 2); }
															   
					div.gallery li a { text-decoration:none; }
					
						div.gallery li a img { display:block;
											   margin:0px auto;
											   padding:7px; 
											   -moz-box-shadow: 0 0 5px #c9c9c9;
											   -webkit-box-shadow: 0 0 5px #c9c9c9;
											   box-shadow: 0 0 5px #c9c9c9;
											   border:1px solid #e4e4e4 !important; }

/* ------------------------------------------------
	form 
-------------------------------------------------*/

	div.form { margin:40px 0px;
			   padding:40px 0px;
			   border-top:1px solid #b7b7b7; }

		span.label { float:left;
					 display:block;
					 width:133px;
					 margin: 0px 0px 10px 10px; }

						 	   
		.formfield { float:left;
					 display:block;
					 width:320px;
					 height:30px;
					 margin:0px 0px 10px 0px;
					 padding:0px 5px;
					 color:#000;
					 position:relative;
					 border:none;
					 background: #b7b7b7; }
	
		.formbox { float:left;
				   display:block;
				   width:320px;
				   height:60px;
				   margin:0px 0px 10px 0px;
				   padding:0px 5px;
				   color:#000;
				   position:relative;
				   border:none;
				   background: #b7b7b7; }	
									 
			.form .pink { color: #fff;
				  		  background-color: red;  color: #fff; }

			.form .yellow { background-color: #FFFFCC; }   


		.formbtn { float:right;
				   display:block;
				   width:80px;
				   height:28px;
				   margin:0px 10px 0px 0px;
				   color:#000;
				   cursor:pointer;
				   border:none;
				   background: #b7b7b7; }


		
		span.icon { float:left;
					display:inline;
					width:8px;
					margin:0px 0px 0px 5px;
					padding:3px 2px 0px 0px; }	
			

/* ------------------------------------------------
	tell a friend
-------------------------------------------------*/

	/*.html	{  width:460px;
		   margin:0px 0px;
		   display:block;
		   margin:0px auto;
		   background:#fff; }	*/

	div.tellafriend	{  margin:0px 0px;
			   display:block;
			   margin:0px auto;
			   position:relative;
			   background:#fff; }		
				   
	div.tellafriendpadding	{ margin:5px;
				  padding:10px;
				  border:1px solid #e0e1de; }		
						  
		div.tellafriend h1 { margin:0px 0px 5px 0px;
				     padding:0px;
				     color:#60a3d2;
				     font:bold 28px arial, verdana, sans-serif; }

        div.tellafriendpadding .message {
            margin-top: 15px;
            padding: 5px;
            border-width: 1px;
            border-style: solid;
        }
        
        div.tellafriendpadding .failure {
            background-color: #F7A8A8;
            border-color: #F44E4E;
        }
        
        div.tellafriendpadding .success {
            background-color: #A8F4AF;
            border-color: #5BF24D;
        }

        div.tellafriend p {
            margin-bottom: 0px;
        }
		div.html h1 { margin:0px 0px 5px 0px;
			      padding:0px;
			      color:#60a3d2;
			      font:bold 28px arial, verdana, sans-serif; }
						  

		div.tellafriendform	{ margin:10px 0px;
					  padding:20px 15px;
				 	  border-top:1px solid #000;
					  border-bottom:1px solid #000;
					  background:#999; }	
							  
			div.tellafriend span.label { float:left;
						     display:inline;
						     width:205px;
						     margin:0px;
						     padding:2px 0px 0px 0px;
						     color:#252525; }	

			div.tellafriend span.icon { float:left;
						    display:inline;
						    width:8px;
						    margin:0px 5px 0px 0px;
						    padding:8px 2px 0px 0px; }	
			
			div.tellafriend .formfield { width:180px;
						     height:16px;
						     margin:0px 14px 12px 0px;
						     padding:2px 2px;
						     color:#252525;
						     font:12px Arial, Verdana, Helvetica, sans-serif; }
			div.tellafriend .formfield2 { width:220px;
						      height:16px;
						      margin:0px 0px 12px 0px;
						      padding:2px 2px;
						      color:#252525;
						      font:12px Arial, Verdana, Helvetica, sans-serif; }
										 
						div.tellafriend .pink { background:#fee7e7; }
						div.tellafriend .yellow { background:#fefee7; }

			div.tellafriend .formfieldlong { width:420px;
							 height:16px;
							 margin:0px 14px 5px 0px;
							 padding:2px 2px;
							 color:#252525;
							 font:12px Arial, Verdana, Helvetica, sans-serif; }

			div.html span.label { float:left;
					      display:inline;
					      width:205px;
					      padding:2px 0px 0px 0px;
					      color:#252525; }	

			div.html span.icon { float:left;
										display:inline;
										width:8px;
										margin:0px 5px 0px 0px;
										padding:8px 2px 0px 0px; }	
			
			div.html .formfield { width:180px;
						     height:16px;
						     margin:0px 14px 12px 0px;
						     padding:2px 2px;
						     color:#252525;
						     font:12px Arial, Verdana, Helvetica, sans-serif; }
										 
						div.tellafriend .pink { background:#fee7e7; }
						div.tellafriend .yellow { background:#fefee7; }
									
			div.tellafriend .formbtn { float:right;
						   margin:0px 20px 0px 0px;
					   	   padding:0px; 
						   color:#60a3d2;
						   font:bold 12px Arial, verdana,  Helvetica, sans-serif;
						   border:none;
						   background:none;
						   clear: both;
						   display:block;}
			div.html .formbtn { float:right;
					    margin:0px 0px 0px 0px;
					    padding:0px; 
					    color:#60a3d2;
					    font:bold 12px Arial, verdana,  Helvetica, sans-serif;
					    border:none;
					    background:none; }
										
	div.tellafriendshare	{ padding:5px 15px 10px 15px; text-align:center; }
							  
		div.tellafriendshare p	{ color:#535353 !important; }
        div.tellafriendshare p a img { display: inline-block; margin: 0px 0px -3px 5px; }
								  
							a.print { display:block;
									  margin:0px 0px 0px 0px;
									  padding:7px 0px 7px 40px;
									  color:#000;
									  font-weight:bold;
									  background: #f5f5f5 url(../images/printshare.gif) no-repeat 10px center;}
							a:hover.print { text-decoration:none;
									color:#fff;
									background: #ba2007 url(../images/printshare.gif) no-repeat 10px center;}

	div.tellafriend ul { clear:both;
			     margin:6px 0px;
		    	     padding:0px; 
			     list-style:none; }
	
		div.tellafriend li { margin:0px;
			    	     padding:0px;  }

			div.tellafriend li a { margin:0px;
				    	       padding:0px 0px 0px 20px;
					       font-weight:bold; 
					       background: url(../images/rellink.gif) no-repeat 0px center;  }


	div.tellafriend hr	{ height:1px;
				  margin:6px 0px 0px 0px;
				  border:none;
				  background: #e0e1de; }	


/* ------------------------------------------------
	misc
-------------------------------------------------*/

.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* for understanding browsers */
.hojd {
	min-height:500px; 
	height:auto;
}
/* for Internet Explorer */

* html .hojd {
	height: 500px;
}



/* ------------------------------------------------
	Styles for X device / X width
-------------------------------------------------*/

@media screen and (max-width: 1024px) {
	/*
	div#logo	{ top:102px; }
	a.mainimgstext 	{top:125px; }
	
	div#menu { left:50%;
			   margin:0px;
			   z-index:9998;
			   top:0px;
			   width:567px;
			   margin:0px 0px 0px -284px;
			   padding:5px 0px 10px 0px;
			   background:url(../images/menubg.png) repeat-x bottom; }
			   
		div#menu ul { width:567px; }
		
			div#menu li { float:left;
						  display:block;
						  width:auto;
						  margin:0px 0px 3px 0px;
						  padding:0px; }
						  
				div#menu li.eng { margin:0px 0px 3px 0px;
								  background:none; }
						/*	
				div#menu a { float:left;
							 display:block;
							 width:188px;
						 	 height:37px;
							 margin:0px;
							 padding:0px;
							 text-align:center;
							 text-transform:uppercase;
							 color:#000;
							 font:12px/32px arial, verdana, sans-serif;
							 border:none;
							 background:url(../images/submenuli.png) no-repeat 0px 0px; }
							 
				div#menu li.eng a { font:12px/32px arial, verdana, sans-serif;}
				
				div#menu li.active a { color:#208c50; } 	
				
	div#puffar { position:absolute;
				 bottom:50px;
				 left:50%;
				 width:567px;
				 margin:0px 0px 0px -275px;  }*/

div#container	{ width:980px;padding:0px; }
div#logo	{ left:236px; }

	div#menu	{ width:200px; }
	
		div#menu ul { width:200px;  }

			div#menu li { width:167px;margin:0px; }
			div#menu li.eng { width:167px;margin:0px; }
		div#menu a { font:12px/22px arial, verdana, sans-serif; }		  				 
		div#puffar {  left: -195px; }
		a.puff { float:left; }	
		a.puff	{ display:block;	
				  width:180px;
				  margin:0px 5px 12px 0px;
				  padding:0px;
				  border:none; 
				  -moz-box-shadow: 1px 1px 5px #888;
				  -webkit-box-shadow: 1px 1px 5px #888;
				  box-shadow: 1px 1px 5px #888; }
					  
			div.pufftop	{ display:none; }
					  
			div.puffbg	{ display:block;	
						  width:auto;
						  margin:0px;
						  padding:2px 0px 0px 0px;
						  background:#fff; }						  
						  
					div.pufftext h2	{ font:20px/24px Georgia, "Times New Roman", Times, serif; }
									  
			div.puffbottom	{ display:none; }
			
}

@media screen and (max-width: 980px) {
	
	#footer { position:absolute;left:0px;right:0px;width:100%; }
	div.overlay { width: 650px; position:absolute;}
	
	div.overlaygallery { width: 750px; }
	
}


@media screen and (max-width: 380px) {
	
	#footer { position:absolute; }
	div.overlay { width: 510px; position:absolute;}
	div.overlaygallery { width: 510px; }
	
}