body { font: 11px "Trebuchet MS", Arial, sans-serif; margin: 0; background-color: #5C0E15; }

h1 { 
	font-size: 110%;
	text-transform: uppercase;
	color: #e4e6d6;
}
h2 { font-size: 108%; color:#ccc; margin: 0 10px; color: #e4e6d6; }
p { padding: 0; margin: 0; color: #eee; line-height: 1.1; }

a:link { color: #F4992D; text-decoration: none; }
a:visited { color: #F4992D; text-decoration: none; }
a:hover, a:active { color: #e4e6d6; text-decoration: none; }

#container {
	padding: 0;
	margin: 10px auto;
	width: 640px;
	/*/*/line-height: 1.5em; /* Hide style from Netscape 4 */
	vertical-align: top;
}

/* NAVIGATION */
#menu { margin: 0; padding: 0; height: 99px; }
#menu img { display: block; }
#top { margin: 0; padding: 0; height: 36px; clear: both; }
#left { float: left; margin: 0; padding: 0; height: 63px; }
#rghtop { float: right; clear: right; height: 63px; }
 
#nav {
    width: 391px; height: 63px;
	background: url("../img/nav2.jpg") no-repeat;
	float: left;
    margin: 0 auto; padding: 0;
    position: relative; }
#nav span { display: none; }	
#nav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0; }
#nav li, #nav a {
    height: 63px; display: block; }
#nav1 { left: 117px; width: 90px; }
#nav1over { left: 117px; width: 90px; background: url("../img/nav_about.jpg"); }
#nav2 { left: 207px; width: 95px; }
#nav2over { left: 207px; width: 95px; background: url("../img/nav_gallery.jpg"); }
#nav3 { left: 302px; width: 90px; }
#nav3over { left: 302px; width: 90px; background: url("../img/nav_contact.jpg"); }

#nav1 a:hover {
    background: transparent url("../img/nav2.jpg") -117px -63px no-repeat; }
#nav2 a:hover {
    background: transparent url("../img/nav2.jpg") -207px -63px no-repeat; }
#nav3 a:hover {
    background: transparent url("../img/nav2.jpg") -302px -63px no-repeat; }
	
/* ABOUT */
#content { 
	width: 540px;
	margin: 0; 
	padding: 25px 50px;
	clear: both; }
#content img { float: left; clear: none; margin-right: 25px; }
#contentr { margin: 0; padding: 0; float: right; }
#content h1 { margin: 0; padding: 0; }
#content h2 { margin: 5px 10px; text-transform: uppercase; }
#content p { margin: 5px 10px 10px 10px; padding: 0; }
#contentr ul { list-style-type: none; margin: 0; padding: 0; }
#contentr ul li {  border: 1px solid #e4e6d6; margin: 5px; }

#gallery { 
	margin: 0; 
	padding: 0 50px;
	clear: none;
	height: auto; 
	width: 540px; 
	clear: both; }
	
/* FOOTER */
#footer { clear: both; margin-bottom: 10px; } 
#footer h4 { text-align: center; margin: 0; padding: 0; } 	 
#footer p { padding-left: 35px; color: #ccc; font-size: 95%; }