/*
* {margin:0;padding:0;}
*/
/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%; background-color:#702B1C; color:#CCC}			
body {font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:center}

#wrap {min-height: 100%; background:url(/assets/images/fill-top.jpg) no-repeat top center; width:100%; text-align:left}
#main {padding:0; width:785px; margin:0 auto; padding-bottom:150px}
#header {width:785px; margin:0 auto;}

#menu {padding:135px 0 0 25px;list-style:none; width:485px}
#menu li {width: 120px; float:left; padding-bottom:10px}
#menu li a {color:#666; font-size:14px; text-transform:uppercase; text-decoration:none; letter-spacing:-1px}
#menu li a:hover {color:#974730; text-decoration:none}

#visual {clear:both; margin-bottom:50px; margin-left:9px}

.slideshow {height: 248px; width: 785px; margin: auto}
	
#content {padding:5px 15px; background:url(/assets/images/bg-content.png); padding-right:0}

#bottom-menu {padding:70px 0 0 30px;list-style:none; width:285px}
#bottom-menu li {width: 100px; float:left}
#bottom-menu li a {color:#666; text-decoration:none}
#bottom-menu li a:hover {color:#974730; text-decoration:none}

#footer {position: relative; margin-top: -150px; height: 150px; clear:both; text-align:left; background:url(/assets/images/fill-bottom.jpg) no-repeat bottom center;}				
#foot {width:785px; margin:0 auto;}

h1 {color:#FFF; font-size:22px; letter-spacing:-1px; margin-bottom:15px}
h2 {color:#CCC; font-size:18px; letter-spacing:-1px; margin-bottom:10px}

p {padding:7px 0 7px 0}

a {color:#FFF; text-decoration:none}
a:hover {text-decoration:underline}

.clear {clear:both}

.float {float:left}
.large {width:255px; padding-bottom:15px}
.medium {width:180px; margin-right:10px; padding-bottom:15px}
.small {width:165px; margin-right:10px; padding-bottom:15px}
.half {width:48%; margin-right:10px; padding:5px 5px 0 0;}

.half td {padding:5px; vertical-align:top; background-color:#702B1C;}

.gallery {width:90px; padding-bottom:15px}

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

/* Form */

form 						{padding: 10px 0;margin: 0;}
form label					{width: 175px; float: left; margin-left: 10px; font-size: 12px;}
form input.txt 				{border: 1px solid #dfdedc; background-color: #f8f8f8;color: #666;width: 300px;font-size: 11px; padding: 5px;}
form input.small			{border: 1px solid #dfdedc; background-color: #f8f8f8;color: #666;width: 50px;font-size: 11px; padding: 5px;}
form input.lrg				{border: 1px solid #dfdedc; background-color: #f8f8f8;color: #666;width: 150px;font-size: 11px; padding: 5px;}
form textarea 				{background-color: #f8f8f8; border: 1px solid #dfdedc; color: #666; width: 300px; height: 150px; font-size: 11px; padding: 5px;}
form input.btn 				{margin-left: 185px; margin-top: 3px; background:url('/assets/images/button.png'); padding:2px 5px 2px 5px;}
form input.btn2 			{background:url('/assets/images/button.png'); padding:2px 5px 2px 5px}