/* CSS Document */

/*##############################################################
  Eric Meyer's Latest version of Reset.css (includes Baseline)
##############################################################*/ 

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,
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: ""}

/*#######################
  Element Styles 
#######################*/

body {font-size:12px; font-family:Arial, Verdana, Helvetica, sans-serif; color:#262626; background-color:#262626}
a {outline:none; color:#35a3e2}
	a:hover {text-decoration:none}
p {line-height:1.25em}
em {font-style:italic}

h1 {margin-top:40px; font-size:2.25em; color:#fff}
h2 {margin-bottom:15px; font-size:2em}
h3 {margin:15px 0; font-size:1.5em}

/*#######################
  Layout Styles 
#######################*/
 
#wrapper {width:850px; overflow:hidden; margin:0 auto; background-color:#fff}
	#header {float:left; display:inline; padding:0 17px 18px 17px; width:816px; background-color:#a11b1b}
		#store_info {float:left; display:inline; width:470px; padding-top:10px}
			#store_info img {float:left; display:inline; margin-right:15px}
			#store_info p {margin-top:15px; font-size:1.5em; font-family:Georgia, Times, "Times New Roman", serif; font-style:italic; color:#d7f3f4}
		#navigation {float:left; display:inline; width:346px; margin-top:58px; text-align:center}
			#navigation li {display:inline; margin-right:35px; font-size:1.5em}
				#navigation li a {padding-top:5px; border-top:2px solid #921515; color:#fff; text-decoration:none}
					#navigation li a:hover {border-top:2px solid #fff}

				/* Drop-Down Category Menu */		
			#navigation .categories_link {position:relative}			
				#group_list {position:absolute; top:auto; left:-999em; width:175px; background-color:#921515}
				#navigation li:hover #group_list, #navigation li.sfhover #group_list {left:0}
					#group_list li {width:auto; margin:0; padding:5px; border:none; text-transform:none; font-size:.8em; background:none}
						#group_list li a {display:block; padding:5px 5px 5px 15px; border:none; text-decoration:none; color:#fff}
							#group_list li a:hover {text-decoration:underline; border:none}
		
		#content {clear:both; float:left; display:inline; padding:18px 17px; width:816px}
			#content p {margin:15px 0}
			
			/* Form Styles */
			#content input, textarea {width:350px}	
			#content input#submit {width:auto; font-weight:bold}														
			
			#left_column {float:left; display:inline; margin-right:15px; width:437px}
			
			#right_column {float:left; width:364px}			
				.callout {border-top:2px solid silver}
				.callout ul {float:left; margin:15px 0; width:140px; font-size:.9em}
					.callout ul li {padding:10px 0; border-bottom:1px solid silver}
				.callout img {float:right; display:inline; margin:15px 0 0 15px}

			#footer {clear:both; padding:10px 17px; width:816px; margin-top:60px; font-size:.9em; background-color:#dddadc}										
