/* CSS*/

img { border: 0px; }

body { background: #000; font-family: arial, "arial ce", helvetica, sans-serif; }

div#cafe-art { width: 900px; 
	margin: auto; margin-top: 80px; 
	background: url('./images/main-back.jpg') no-repeat 0px 100%; }
	
div#top img { float: left; }
	
div#menu { float: right; width: 500px; margin-top: 60px; color: #3c2c19; text-align: center; }
div#menu a { color: #fff; text-decoration: none; 
	padding: 12px; 
	display: block; float: left; font-size: .75em; }
div#menu a.active { background: url('./images/menu-active.gif') no-repeat 50% 0%; font-weight: bold; }
div#menu img { position: relative; top: 10px; }
	
div#gallery { float: left; width: 257px; height: 400px; clear: both; }
div#gallery h2 { background: url('./images/gallery-back.gif') no-repeat 100% 100%;
	font-size: .75em; color: #fff; margin: 0px 0px 0px 44px; padding: 5px 0px 5px 15px; }
div#gallery2 { margin: 3px 0px 0px 0px; text-align: right; background: url('./images/gallery2-back.gif') no-repeat 100% 0%; 
	height: 213px; }
div#gallery2 img { position: relative; top: 10px; left: -10px; }



div#container { float: left; width: 600px; color: #fff; font-size: .8em; margin-bottom: 40px; }
	
div#container2 { margin: 20px 0px 20px 20px; background: url('./images/container-back.png'); 
	padding: 10px; 
	color: #fef9d3; font-wight: normal;
}
	


div#container2 a { color: #ffa42f; text-decoration: underline; font-weight: bold; }
div#container2 a:hover { text-decoration: none; }

div#container2 h1 { margin: 0px 0px 10px 0px; font-size: 1.3em; }
div#container2 h2 { margin: 0px 0px 10px 0px; font-size: 1.2em; }
div#container2 h3 { margin: 0px 0px 10px 0px; font-size: 1.1em; }


div#footer { width: 900px; margin: auto; margin-bottom: 30px; font-size: .7em; text-align: right; color: #aaa; }
div#footer a { color: #aaa; }