/* --------------------------------------------------
			=LAYOUT
-------------------------------------------------- */
#wrapper {}
#header {height: 150px;}

#content {}
#main {}
	#content.home { height: 450px; background: url(../images/bg-main-home.gif) no-repeat right center;}
	#content.gallery {background: url(../images/bg-main-gallery.gif) no-repeat right center;}
	#content.about {background: url(../images/bg-main-about.gif) no-repeat right center;}
	#content.contact {background: url(../images/bg-main-contact.gif) no-repeat right center;}
#navigation { }

#footer {clear: both; margin-top: 20px;}

/* --------------------------------------------------
			=TYPOGRAPHY
-------------------------------------------------- */
#header h1 {float: right;}
#header h1 a {
	text-indent: -9999px; 
	display: block; 
	background: url(../images/bg-h1-trans.png) no-repeat left bottom; 
	height: 100px; width: 300px;;
	}
	
#header h1 a:hover { background: url(../images/bg-h1-trans.png) no-repeat left top; }

#content {color: #eee;}
#footer p { text-align: right; padding-right: 20px;}


/* --------------------------------------------------
			=LINKS
-------------------------------------------------- */

a {color: #301110;}
a:hover {color: #AE948E;}


#navbar li a{display: block;  height:1.75em; background-color: #ddd; color: #222; margin-bottom: 2px; text-decoration: none; line-height: 2.5em; text-transform: uppercase; padding-right: 20px;}
#navbar li a:hover {background-color: #911; color: #fff;}
#navbar li.active a {background-color: #911; color: #fff;}
/* --------------------------------------------------
			=CLASSES
-------------------------------------------------- */
.box {background-color: #911; margin-bottom: -15px;}
.top {background: transparent url(../images/box-top.gif) no-repeat left top; padding: 10px 0 0 20px;}
.bottom { padding: 25px 0 0 0px; background: url(../images/box-bottom.gif) no-repeat left bottom; padding: 10px 0 10px 20px;}

.set {float: left; margin: 0 5px 10px 10px;}
.alignLeft {float: left;}
.alignRight {float: right;}
.clear {clear: both;}


.set img {border: 3px solid white;}
.set h3 {font-weight: normal; font-size: 14px; text-align: center;}

/* --------------------------------------------------
			=LISTS
-------------------------------------------------- */
ul#navbar {list-style-type: none; margin: 0; padding:0; text-align: right; font-size: 24px;}



dl {padding-right: 20px; padding-left: 20px;}
dt {font-size: 14px; width: 80px; float: left; text-align: right; text-transform: uppercase;}
dd {margin-left: 100px;}
dd ul {list-style-type: none; border-bottom: 1px solid #761919;}
dd li {margin: 0; padding: 0;}


/* --------------------------------------------------
			=CONTACT FORM
-------------------------------------------------- */

#form_box {

	font:0.8em Arial, Helvetica, Sans-serif;
	padding: 0.5em;
	margin-top: 10px;
	margin-bottom: 2px;
}
 
#form_box div {
	padding: 0.2em 0.5em;
}
 
#form_box div.hr {
	height: 0px;
	margin-top: 0pt;
	margin-bottom: 7px;
}
 
#form_box p {
	float: left;
	margin: 4px 6px;
	width: 120px;
	text-align: right;
}
 
 
#log {
	width: 590px;
	margin-top: 10px;
}
 
#log_res {
	overflow: auto;
}
 
#log_res.ajax-loading {
	padding: 20px 0;
	background: url(http://demos.mootools.net/demos/Group/spinner.gif) no-repeat center;
}