@font-face {
  font-family: "Museo";
  src: url("museo.otf");
  }
  	
  	input,textarea{ outline: none; }
  	
  	.clearfix{ clear: both; }
	body,html,li,ul,p,h1,h2,h3{ margin:0; padding:0; } 
	
	ul{ margin-left: 20px; }
	li{ margin-bottom: 4px; }
	
	body{ background-image: url("images/bg.jpg"); background-repeat: repeat-x; background-color: #ece9e4;
		font-family: "Verdana";
		font-size: 12px;
		  }
	a{ color:#800809; text-decoration: none;  }	  
	a:hover{ color: #bc0d0d; text-decoration: underline; }	  
		  
	#wrapper{ width: 960px; position: relative; left:50%; margin-left: -495px; padding: 0 15px; overflow: hidden;   }
	
	#header{ height:150px; background-image: url("images/header.jpg"); background-repeat: no-repeat;
			-webkit-box-shadow:0 0 15px #000; 
			-moz-box-shadow: 0 0 15px #000; 
			box-shadow:0 0 15px #000; 
			}
	#header #logo_etc{ height:97px; }
	
	#header #menu ul, #header #menu li{ list-style: none; display: block; float: left; }
	#header #menu{ height:53px; font-family: "Museo"; text-transform: uppercase; font-size: 14px;  }
	#header #menu li{ border-right:1px solid #032f22;  border-left:1px solid #236051; margin: 2px 0 0 0;}
	#header #menu li a{ color: #ece9e4; text-decoration: none; padding: 20px 15px 12px 15px; display: block; }
	#header #menu li a:hover{ background-color: #800809; }
	
	#header #menu li:first-child{ border-left: none !important; }
	#header #menu li:last-child{ border-right: none !important; }
	
	#header #menu li ul{ display: none; position: absolute; width: 200px; z-index: 3; margin-left: 0px; box-shadow:0 -10px 10px -12px black;  }
	#header #menu li ul li a{ background-color:#0d4739; padding: 8px 10px 6px 10px; font-size: 12px; border-top:1px solid #236051;  border-bottom:1px solid #032f22;   }
	#header #menu li ul li a:hover{ border-top:1px solid #8e0c0c;   }
	
	#header #menu li ul li{ display: block; float: none; margin:0;  }
	
	
	#slideshow{ position: relative; z-index: 2; background-color: #fff; height: 250px; width: 960px;  }
	#slideshow .red{ position: absolute; top:0; right:0; background-image:url("images/slider_red.png"); z-index: 10; height:250px; width:326px;  }
	#slideshow .cs-title{ position: absolute; display:block; top:10px; right:10px;width:260px; height: 240px; color: #ece9e4; background-color: transparent;font-family: "Museo"; font-size: 14px; text-align: right; }
	
	#content{ margin-top: 250px; background-image: url('images/content_bg.jpg'); background-repeat: repeat-y; }
	#content #contentarea{ width: 638px; float: left; padding: 10px; min-height: 300px; }
	#content #contentarea h1{ font-family: "Museo"; font-size: 18px; color: #646464;border-bottom: 1px dashed #e1dfd3 }
	#content #contentarea h2{	
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 15px;
		color: #5B3F08;
		font-weight: normal;
		font-style: italic;
		padding: 0px;
		margin-bottom: 20px;
		}
	#content #contentarea img{ border: 1px solid #ccc; padding: 4px; margin:10px; }
	#content #contentarea #ar26 img{ margin:0 10px 0 0 !important; }
	
	#content #sidebar{ width: 280px; float: left; padding: 10px; min-height: 300px;  }
	
	#content #content_list .article p{ margin: 10px 5px; text-align: justify; }
	
	
	#footer{ height: 200px;background-image: url("images/footer_background.jpg"); background-repeat: repeat-x; margin-bottom: 10px; }
	
	#guestbook input[type="text"],#guestbook textarea{ display: block; width:625px; margin-bottom: 10px; border: 1px solid #efefef; padding:5px; font-size: 14px;  }
	#guestbook #content{ margin: 0 !important; height: 80px; }
	#guestbook input[type="submit"]{ float:right; width:auto; margin-bottom: 10px; }
	
	#guestbook .post{ background-color: #f5f3ee; margin-bottom: 10px; width:615px; padding: 10px; }
	#guestbook .post.inactive{ border:2px solid #8b0e12; width:611px;}
	
	#guestbook .post .head{ line-height: 18px; border-bottom: 1px solid #fff; margin-bottom: 5px; padding-bottom:4px;  }
	#guestbook .post .head .name{ float:left; font-size: 18px;  }
	#guestbook .post .head .registed,#guestbook .post .head .btns{ float:right; margin-left: 10px; }
	
	.fb-container{ width:270px; overflow: hidden; }
	.fb-like-box{ margin: -5px 0 0 -5px; }
	
	#changelang{ position: absolute; top:70px; right:25px; }
	
	.button{ 
		background-color: #8c0c0d;
		color: #dedee5;
		font-family: "Museo";
		border: 1px solid #6b0a0a;
		padding: 5px 20px 2px 20px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		cursor: pointer;
		text-transform: uppercase; 
		font-size: 12px;
		}
	.button:hover{ background-color: #6b0a0a; color: #dedee5; }		
	.button.on{  background-color: #6b0a0a; color: #dedee5;  }
	
	#bottommenu{ padding: 15px; }
	#bottommenu a{ color: #dedee5; text-decoration: underline; }
	#bottommenu li{ float:left; margin-right: 20px; list-style: none; width: 95px; }
	#bottommenu li ul li{ display: block; float: none; margin-top:2px;  }
	#bottommenu li ul li a{ text-decoration: none; }
	#bottommenu li ul li a:hover{ text-decoration: underline; }
	#bottommenu li ul{ margin-left: 4px; }
	
	#home{  position: absolute; top:10px; left: 10px; width: 150px; height: 80px; }
	
	#topmenu{ position: absolute; top:10px; right: 335px; font-size: 10px;  color: #ece9e4; text-transform: uppercase; font-family: "Museo"; text-align: right; }
	#topmenu a{ color: #fff; text-transform: uppercase; font-family: "Museo"; margin-right:10px;   }
	#topmenu a:hover{ color: #fff; text-decoration: underline; }
	
	#weather{ position:absolute; right:15px; top:0px; font-family: "Museo"; font-size: 14px; color: #ece9e4; width:200px; text-shadow: 1px 1px #000;  }
	.weatherCity, .weatherTemp,.weatherDesc,.weatherRange,.weatherWind{ float: right; margin-right: 10px; }
	.weatherItem{ height: 80px; background-position: top left; }
	
	#newsletter{ margin: 20px 0; }
	#newsletter h1{ font-family: "Museo"; font-size: 16px; color: #646464; }
	#newsletter input[type='text']{ border: 1px solid #ccc; font-size: 14px; padding: 6px; width:266px; }
	
	#signature{ position: absolute; bottom:16px; color: #ece9e4; right:25px; opacity: 0.7;  }
	
	
	#content #contentarea .component_form input[type='text']{ width:625px; padding:5px; font-size: 14px; border:1px solid #efefef;  }
	#content #contentarea .component_form textarea{ width:625px; padding:5px; font-size: 14px; border:1px solid #efefef; height: 200px;  }
	#content #contentarea .component_form input[type='submit']{ float: right; }
	
	#route{ margin-top: 10px; }
	#route #startpoint{ padding: 4px; font-size: 14px; width:300px; border:1px solid #ccc; }
	#route h1{ font-family: "Museo"; font-size: 16px; color: #646464; }
	
	#map_canvas{width:635px; height: 300px; border: 1px solid #ccc;}