/*

	DEEMER'S AMERICAN GRILL \\ DEVELOPED BY ON THE EDGE DESIGN (ontheedgedesign.com)

		COLORS
		brown		#38251b
		cream		#fff1da
		orange	#c36c36	(DARK)
		orange	#f47b20	(BRIGHT)
		
*/

/*
	RESET
*/
*						{ margin: 0; padding: 0; }
html					{ overflow-y: scroll; }
html, body			{ height: 100%; }
body					{ font-size: 62.5%; font-family: Arial, Verdana, Geneva, Tahoma, sans-serif; color: #38251b; background: #f3ecda url('images/bg.png') top left repeat-x; }
a						{ outline: none; text-decoration: none; color: #38251b; background: none; border-bottom: 1px dotted #38251b; }
a:hover				{ color: #c36c36; border-bottom: 1px dotted #38251b; background: none; }
a img					{ border: none; background: none; }
img					{ vertical-align: middle; }
table					{ border-collapse: collapse; }
strong 				{ font-weight: bold }
em 					{ font-style: italic }
fieldset				{ border: none; }
input.required		{ width: 80%; }
.clear				{ clear: both; }
#inside				{ padding: 15px; }
ul	{ font-size: 1.2em; text-align: left; margin: 10px; }
ul li	{ list-style: square; padding: 2px 5px; list-style-position: inside; }
p						{ font-size: 1.2em; line-height: 1.5em; padding: 7px; color: #38251b; }
p.subhead			{ font-size: 1.3em; line-height: 1.2em; font-weight: bold; text-align: center; padding: 7px; color: #38251b; }
p.phone				{ font-size: 1.8em; font-weight: bold; color: #38251b; }


h1						{ width: 125px; height: 101px; background: url('images/logo.png') center no-repeat; text-indent: -9999em; margin: -40px 0 0 10px; }
h2						{ color: #c36c36; font-size: 1.4em; text-align: center; font-weight: bold; padding: 0; letter-spacing: .1em; text-transform: uppercase; }
h3						{ color: #c36c36; font-size: 1.5em; text-align: center; font-weight: bold; padding: 15px 0; letter-spacing: .09em; text-transform: uppercase; }
h4						{ color: #c36c36; font-size: 1.5em; text-align: center; font-weight: bold; padding: 5px 0; }
h5						{ color: #38251b; font-size: 1.4em; text-align: center; font-weight: bold; padding: 0; letter-spacing: .1em; text-transform: uppercase; }


dt						{ color: #38251b; font-size: 1.3em; font-weight: bold; padding: 7px 0 2px 0; }
dd						{ color: #38251b; font-size: 1.2em; padding: 0 0 0 5px; }


a.menu				{ outline: none; text-decoration: none; color: #38251b; background: none; border-bottom: 1px dotted #38251b; }


/*
	LAYOUT
*/

#container			{ width: 775px; margin: 30px auto; background: #38251b; padding-top: 20px; min-height: 100%; height: auto !important; height: 100%; }
#header				{ width: 775px; height: 221px; margin: auto; background: url('images/header.jpg') top center no-repeat; }
#content				{ width: 735px; margin: auto; padding:  0 20px 20px 20px; min-height: 100%; height: auto !important; height: 100%; overflow-y: auto; }

#side					{ width: 200px; min-height: 500px; padding-top: 25px; float: left; text-align: center; background: #c36c36; }

#right				{ width: 515px; min-height: 525px; margin: 0 0 0 20px; float: left; background: #fff1da; }


/*
	SIDE
*/
.eclub			{ margin: 75px 10px 10px 10px; background: #fff1da; padding: 10px; border: 3px solid #38251b; }

.opensoon		{ background: #fff1da; margin: 0 10px 10px 10px; padding: 10px 0 10px 0; border: 3px solid #38251b; }


#temp-nav		{ margin: 15px 10px 10px 10px; }
#temp-nav ul	{ font-size: 1.6em; }
#temp-nav ul li	{ list-style: none; padding: 3px 0; }
#temp-nav ul li a	{ color: #fff1da; font-weight: bold; padding: 0; letter-spacing: .1em; text-transform: uppercase; border-bottom: none; }
#temp-nav ul li a:hover	{ color: #38251b; border-bottom: none; background: none; }


/*
	EMPLOYMENT
*/

#contact-wrapper {  
	width: 400px;
	margin: 20px 0 0 10px;
	padding: 0;
}  
#contact-wrapper div {  
    clear:both;  
    margin:.5em 0;  
}  
#contact-wrapper label {  
    float:none; 
	font-size:10px;
}  
form#contactform input {  
	padding: 2px;
	width: 300px;
	font-size:12px;
	color: #000;
	border: solid 2px #c36c36; 
}  
form#contactform textarea {  
	padding: 2px;
	width: 300px;
	font-size:12px;
	color: #000;
	border: solid 2px #c36c36;  
}

#contact-wrapper input.submit {
	width: 80px;
	margin: 0;
	color: #fff;
	background-color: #c36c36;
}

#contact-wrapper .error {
	color: #b5121b;
	font-weight: bold;
}