/* Meyer's Browser Default Reset (http://meyerweb.com/eric/tools/css/reset/) - v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; }

/* Typography */
h1 {  }
h2 { font-size:2em; font-weight:900; font-style:italic; margin:20px 0 10px 0; }
p { line-height:140%; margin:0 0 15px 0; }
a { color:#FE370E; }
ul { list-style-type:disc; margin:0 0 0 20px; }
ol { list-style-type:decimal; margin:0 0 0 20px; }
blockquote { background:url(../_img/blockquote.jpg) left top no-repeat; font-size:1.4em; padding:10px 0 10px 50px; }
.back { text-decoration:none; }

/* General */
.block { clear:left; display:inline; float:left; position:relative; width:100%; }

/* Absolutely Positioned Images */
#logo { position:absolute; top:-6px; left:10px; }
#foot-img { position:absolute; right:10px; bottom:6px; }

body { background:url(../_img/bg-tile.jpg) repeat; color:#3C1E02; font:16px Georgia, Times; }
#wrap { margin:0 auto; width:82%; position:relative; }
#wrapb { background:#fff url(../_img/content-bg.jpg) right top no-repeat; border:10px solid #3C1E02; margin:20px 0 0 0; overflow:hidden; position:relative; width:100%; }

#head { clear:both; display:inline; float:left; height:177px; width:100%; }
	#nav { display:inline; float:left; font-size:1.15em; margin:20px 0 0 410px; }
		#nav ul { display:inline; float:left; margin:0 20px 0 0; padding:20px 0 0 0; }
		#company { background:url(../_img/company.gif) left top no-repeat; width:111px; }
		#candy { background:url(../_img/candy.gif) left top no-repeat; }
			#nav ul li { clear:left; display:inline; }
				#nav ul a { clear:left; color:#FE370E; float:left; padding:5px; text-decoration:none; }
					#nav ul a:hover { background:#FFFF66; color:#3399CC; }
					
#content { clear:both; display:inline; float:left; width:100%; }
	.content-left { float:left; display:inline; margin:0 0 0 60px; width:45%; }
		.content-left img { float:right; display:inline; margin:0 0 10px 10px; width:150px; }
	.content-right { float:right; display:inline; margin:0 0 0 0; padding:40px 60px 0 0; width:320px; }
		.content-right .img { background:#EFE8E4; border:1px solid #E2DCD8; float:right; margin:0 0 15px 0; padding:9px; }
			.content-right .img img { float:left; width:300px; }
			.content-right .img span { float:left; width:300px; }
		
	.content-wide { margin:0 auto; width:90%; }
		.content-wide .block { clear:left; display:block; }
			.content-wide .block p { width:50%; }
			.content-wide .block img { clear:right; float:right; margin:0 0 10px 0; width:300px; }
		
/* Home Styles */
.home { background:url(../_img/home-tile.jpg) left top repeat-x; }
	.content-left-home { background:#fff; float:left; display:inline; margin:40px 0 0 60px; padding:10px; width:30%; }
		img.home-image { display:inline; float:left; margin:0 0 10px 0; width:100%; }
	.content-right-home { float:right; display:inline; margin:0 0 0 0; padding:40px 60px 0 0; width:400px; }

#foot { background:url(../_img/footer-tile.jpg) left bottom repeat-x; clear:both; color:#FFFF99; display:inline; float:left; float:left; font:.8em Arial; height:14px; margin:20px 0 0 0; padding:57px 0 0 0; width:100%; }
	#foot span { float:left; }
	#foot a { color:#FFFF99; text-decoration:none; }
	
/* Forms */
form { width:400px; float:left; }
	form .l { width:200px; float:left; }
label { border:1px solid #ccc; border-bottom:none; float:left; clear:both; padding:2px 5px; color:#FE370E; background:#fff; -moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px; -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px; }
input, textarea { padding:2px; border:1px solid #ccc; background:#fff; color:#222; font:12px Helvetica; -moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px; -moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px; -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px; }
input { width:170px; float:left; clear:both; margin:0 0 10px 0; }
	.form-button { width:70px; }
		.form-button:hover { background:#3C1E02; color:#ccc; }
textarea { width:400px; height:100px; float:left; clear:both; margin:0 0 10px 0; }
	
.invalid { border-color:red; }
	span .invalid { border-color:#ccc !important; }
.valid { border-color:green; }

#content a.loadform { padding:5px 10px; /* color:#000; */ text-decoration:none; background:#ccc; -moz-border-radius:3px; -webkit-border-radius:3px; -moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px; }
	#content a.loadform:hover { background:#3C1E02; color:#ccc; }