/* =================================================================

	This style sheet was written for Absher Design Group. 
	
	Author: Design@GyroscopeStudios.com
	
	Date: April 2007.

	================================================================= */



/* 	Layout and globals
	================================================================= */
	

* { margin: 0px; padding: 0px; border:none; }

body { font: 100.01% "Trebuchet MS", Geneva, Arial, sans-serif; background: #660000 url(../img/gr_bkd.jpg) repeat; text-align: center; margin: 0px; padding: 0px; }

.container { width: 842px; margin-right: auto; margin-left: auto; }

/* mainContent is mainly for the background image and resets text align */
.mainContent { background: url(../img/gr_bkd_body.jpg) repeat-y center; text-align: left; color: #333333; }

 /* subContent keeps things in rows */
.subContent { padding-left:35px; padding-right:35px; }

.left {	float: left; width: 350px; }

.right { float: right; width: 350px; }

.clear { clear: both; display: block; height: 15px; }

td img { display: block; }

.footer { background: #660000 url(../img/gr_bkd.jpg) repeat; text-align: center; margin-bottom: 25px; }


/* 	Other page elements
	================================================================= */
	

.price { float: right; background: #FFFFFF; }

.menuitem { font-size: 1.2em; color: #990000; }

.menuitemprice { font-size: 0.95em; color: #990000; }

.menu { margin: 20px; }

.option { float: left; background: #FFFFFF; }

.space { margin-bottom: 15px; margin-left: 25px; }

.caption { font-family: "Times New Roman", Times, serif; text-align: right; font-style: italic; }

.description { font-weight: bold; color: #990000; }

.description span { font: italic 1.1em "Times New Roman", Times, serif; }


/* 	Typography
	================================================================= */


h2 { font: normal 1.6em/1em "Times New Roman", Times, serif; color: #000000; text-transform: uppercase; margin: 15px 0px; }

h3 { font: italic normal 1.6em/1em "Times New Roman", Times, serif; color: #990000; margin: 15px 0px; }

h4 { margin-left: 20px; font-size: 1em; margin-top: 15px; margin-bottom: 5px; }

p { font-size: 0.85em; line-height: 1.2em; color: #333333; margin: 9px 0px; }

.menu ul { font-size: .85em; margin-top: 5px; line-height: 1.5em; }

 h1, h2, h3, p, ul {margin-left: 20px; margin-right:20px; } 

a { color: #990000; text-decoration: underline; }

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

.footer a { color: #FFF1DC; text-decoration: none; }

.footer a:hover { text-decoration: underline; color: #FFFFFF; }

.footer p { font-size: 0.75em; color: #FFF1DC; margin-left: 15px; }

.footerright { float:right; margin-right:10px; }

.footerleft { float:left; margin-left:10px; }


/* 	Contact Form
	================================================================= */
	

#contactForm { margin-top: 15px; vertical-align: top; width: 325px; background: #F5F5F5; border: 1px solid #CCCCCC; }

#contactForm .inputForm { width: 100%; font-size: .85em; color: #333333; background: #FFFFFF; border: 1px solid #CCCCCC; padding-top: 0.2em; padding-bottom: 0.2em; }

#contactForm .button { margin: 10px 0px 0px; font-size: .95em; padding: 0px .2em; }

#contactForm .formNames { text-align: right; color: #666666; font: 1em Verdana, Arial, Helvetica, sans-serif; }

#contactForm td { vertical-align: middle; }