/* CSS Document for the "Organic Vibrance" CoffeeCup Software HTML Editor Template
   Copyright 2008 CoffeeCup Software - coffeecup.com */

/*##############################################################
  Eric Meyer's Latest version of Reset.css (includes Baseline)
##############################################################*/ 

html, body, div, span,
applet, object, iframe,
h1, h2, h3,  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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {border: 0}
table {border-collapse: collapse; border-spacing: 0}
ol, ul {list-style: none}
q:before, q:after,
blockquote:before, blockquote:after {content: ""}
strong {font-weight:bold}

/*#######################
  Element Styles 
#######################*/

/* <img src="../preview.png" width="461" height="360" alt="" border="0">background:#fff url(../images/body_bg.png) left top repeat-x */



body {font-size:12px; font-family:Arial, Verdana, Helvetica, sans-serif; color:#000; }
a {outline:none; color:#34886c}
	a:hover {text-decoration:none}
p {line-height:1.5em; margin:15px 0}
small {font-size:.95em}
em {font-style:italic}

h3 {font-size:1.25em; font-weight:bold; color:#cd7729}


/*#######################
  Layout Styles 
#######################*/
 
#wrapper {overflow:hidden; margin:0 auto; width:920px}
	
	#header {padding:10px; width:900px}
		#header img {float:left; display:inline; margin:5px 10px 15px 0; width:50px}
		#header h1 {float:left; margin:15px 0; font-size:1.5em; font-weight:bold; color:#34886c}

		#navigation {float:right; display:inline; margin:15px 0}
			#navigation li {display:inline; margin-left:25px; font-size:1.15em; font-weight:bold}
				#navigation li a {text-decoration:none}
					#navigation li a:hover {text-decoration:underline}
			#navigation #category_link {position:relative}
					
						/* Drop-Down Category Menu */												
						#group_list {position:absolute; top:auto; left:-999em; padding:10px 0; width:150px; background-color:#34886c}
						#navigation li:hover #group_list, #navigation li.sfhover #group_list {left:0}
						#group_list li {width:140px; margin:0; margin-bottom:10px; font-size:.95em; font-weight:normal; text-transform:none}
							#group_list li a {display:block; padding:5px 5px 5px 15px; text-decoration:none; color:#fff}
								#group_list li a:hover {text-decoration:underline}
																
	#content {clear:both; float:left; display:inline; padding:10px; width:900px; background-color:#f6faf6}

		#hero {clear:both; padding:15px; width:870px; height:204px; color:#fff; background:#cd7729 url(../images/hero_bg.png) left top no-repeat}
			#home #content #hero h2 {font-size:2.25em; float:right; display:inline; margin:25px 0 0 0; padding:0; text-align:right; color:#fff; background:none}
			#hero p {clear:both; float:right; margin-bottom:0; width:370px; font-size:1.5em; line-height:1.5em; text-align:right}
			
		#home #content h2 {clear:both; margin:15px 0 0 0; padding:0; font-size:1.75em; font-weight:bold; color:#cd7729; background:none}
		#content h2 {margin-bottom:15px; width:880px; padding:10px; font-size:1.5em; font-weight:bold; color:#fff; background-color:#cd7729}

		/* Form Styles */
		#content input, textarea {width:350px}	
		#content input#submit {width:auto; font-weight:bold}											
						
			#footer {width:900px; margin:15px auto; font-size:.85em}