@charset "utf-8";

/** SOME TOOLS **/

/** LAYOUT **/

body { padding: 2em; background: url(/cms_assets/ui/images/layout/bg.jpg); }

#container { width: 927px; padding: 0; margin: 0 auto 300px; position: relative; background: #fff; border: 1px solid #222; }
	
	#top { position: relative; padding: 111px 0 0; width: 927px; background: url(/cms_assets/ui/images/layout/bg_top.jpg) no-repeat; }
		
		#nav_site { height: 28px; padding-left: 10px; margin: 0; background: url(/cms_assets/ui/images/layout/bg_nav.jpg) repeat-x; }
			#nav_site > ul { height: 28px; padding: 1px 0; list-style: none; margin: 0; float: left; }
			#nav_site ul ul { position: absolute;  margin: 0; padding: 4px 0; display: none; background-color: #064f20; opacity: 0.97; border: none; }
			
			#nav_site li { list-style: none; margin: 0; float: left; margin-right: 8px; }
			#nav_site ul ul li {clear: left; margin: 0;}
			
			#nav_site a { padding: 6px 10px; color: #fff; font: 14px/16px Arial, Helvetica, sans-serif; text-transform: capitalize; display: block; }
			#nav_site a:hover { background-color: #21a550; text-decoration: none;}
			#nav_site ul ul a:hover {}			
			#nav_site ul ul li a { width: 120px; }		
			#nav_site ul.accommodationsList li a { width: 200px; }
			#nav_site {}
			
		#access_code { position: absolute; right: 20px; top: 15px; width: 150px; }
			#access_code p { margin: 0; float: left; }
			#access_code label { width: 60px; float: left; color: #666; font: 10px/13px Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; text-align: right; margin-right: 3px; }
			#access_code input { width: 40px; height: 18px; padding: 3px 2px; font-size: 16px; float: left; }
			#access_code button { border: none; background: none; color: #ccc; font: bold 20px Verdana, Arial, Helvetica, sans-serif; float: left; padding: 0; margin: -3px 0;}
	
	#middle { padding: 1em 14px; background: url(/cms_assets/ui/images/layout/bg_middle.jpg) repeat-x; }
		
		#middle div.sidebar { width: 200px; }
		#middle div.maincol { width: 680px; }
		
		p.error { font-weight: bold; line-height: 1.6em; background: #CDC616; padding: 3px 1em; margin: 1em 0; }
	
		.inntopia_widget { background: #EFEFEF /* url(/cms_assets/ui/images/layout/bg-boxA.jpg) repeat-x*/; padding: 0.5em 0; border: solid #065424; border-width: 5px 0 0; }
		.inntopia_widget h1 { text-align: center; margin-top: 0; }
	
	#bottom { width: 927px; padding: 0.5em 0; }
	
#small_images img {
	height: 100px;
}
