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,
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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }

ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


body { line-height: 1.5; color: #fff; background: url("../images/body_back.png") repeat-x top #7b3a00; font-family: Verdana, Helvetica, sans-serif; font-size: 12px;}
a{ color: #e2e55b; text-decoration: underline; }
a:hover{ color:#7b3a00; background: #e2e55b; text-decoration: none; }
strong{ color: #ef4f91; font-family: Georgia, Times, serif; font-style: italic; font-weight: bold;}
em{ color: #fff; font-weight: bold; }
h2{ color: #ef4f91; }
.italic { font-style: italic;}
.yellow { color: #e2e55b;}


#wrap{ width: 930px; margin: 0 auto; padding-top: 40px; }


h1{ width: 300px; margin-right: 15px; height: 186px; background: url("../images/maryann_logo.png") no-repeat center center transparent; text-indent: -99999px; float: left; }

#intro{ width: 578px; float: left; padding-left: 14px;}
	#intro h2{ margin-bottom: 20px; font-size: 22px; font-family: Georgia, Times, serif; height: 53px; background: url("../images/introh2_back.png") no-repeat transparent; text-indent: -9999px;}  
	#intro form{ margin-top: 20px;} 
		#intro form div{ width: 155px; float: left; padding-right: 10px;} 
		#intro form label{ font-style: italic; color: #ef4f91; font-family: Georgia, Times, serif;} 
		#intro form input{ width: 153px; border: 1px solid #ccc; } 
		#intro form div.finish{ padding-top: 10px; line-height: 1; width: 200px;} 	
			#intro form div.finish input{ width: auto; border: none; float: left; padding-right: 10px; } 	
			#intro form div.finish div{ color: #ef4f91; font-size: 11px; font-style: italic; width: 100px; float: left; padding-left: 10px;}
			#intro form .finish button{ background: url("../images/signup.png") no-repeat; width: 39px; height: 39px; text-indent: -99999px; border: none;  float: left; }
			#intro form .finish button:hover{ cursor: pointer; }


#on_display h2, #right_content h2{ position: relative; font-family: Arial, sans-serif; font-size: 18px; margin-bottom: 15px; }
#on_display h2 div, #right_content h2 div{ background: url("../images/header_back.png") repeat #642f00; position: relative; z-index: 100; margin: 0 14px; min-height: 28px; }
#on_display h2 .ctl, #right_content h2 .ctl{ width: 14px; height: 50%; min-height: 14px; margin: 0; padding: 0; position: absolute; top:0; left: 0; z-index: 0; background: url("../images/h2c_topleft.png") top no-repeat transparent; }
#on_display h2 .ctr, #right_content h2 .ctr{ width: 14px; height: 50%; min-height: 14px; margin: 0; padding: 0; position: absolute; top:0; right: 0; z-index: 0; background: url("../images/h2c_topright.png") top no-repeat transparent; }
#on_display h2 .cbl, #right_content h2 .cbl{ width: 14px; height: 50%; min-height: 14px; margin: 0; padding: 0; position: absolute; bottom:0; left: 0; z-index: 0; background: url("../images/h2c_bottomleft.png") bottom no-repeat transparent; }
#on_display h2 .cbr, #right_content h2 .cbr{ width: 14px; height: 50%; min-height: 14px; margin: 0; padding: 0; position: absolute; bottom:0; right: 0; z-index: 0; background: url("../images/h2c_bottomright.png") bottom no-repeat transparent; }



#on_display{ clear: both; width: 300px; float: left; padding-top: 40px; padding-right: 15px; font-size: 11px;}
	.on_display_list{ padding: 0 14px;}
		.on_display_list li{ padding: 10px 0; border-bottom: 1px dotted #ef4f91;}
		.on_display_list #addressList li{ padding: 5px 0; border: 0px;}
		.on_display_list li.last{ border: none; }
		.on_display_list img{ float: left;}
		
		
		
	#on_display h3{ font-size: 16px; font-weight: bold; color: #E2E55B; }
	
	#on_display .event_list{}
		#on_display .event_list li{ border: none; padding: 7px 0;}

#right_content{ width: 615px; float: left; padding: 40px 0; display:inline;}


	#sample_bags{ margin-bottom: 30px; }
		#sample_bags ul{ height:230px; }
		#sample_bags ul li{	 width: 205px; float: left; text-align: center;}

	
	#our_story{ width: 290px; float: left; margin-right: 7px; font-size: 11px; clear: both;}
		#our_story .content{ padding-left: 118px; padding-right: 5px; background: url("../images/ourstory.png") no-repeat transparent left center; }
	
	#contact_us{ width: 290px; float: left; margin-left: 8px; font-size: 11px;}
		#contact_us p{ padding-left: 14px; padding-right: 5px; margin-bottom: 15px;} 
		
	#press{ width: 290px; float: left; margin-left: 8px;  margin-top: 18px;  font-size: 11px; clear: left;}
	
		#press li{ padding: 0px 0 22px 0; margin: 4px 0; border-bottom: 1px dotted #ef4f91;}
		#press img{float: left;}
		#press h3{font-size: 16px; margin-bottom: 4px;}
		#press li.last{ border: none; }
			
	#partnerships{ width: 290px; float: left; margin-left: 8px; margin-top: 18px; font-size: 11px;}
	
		#partnerships p{ padding-left: 14px; padding-right: 5px; margin-bottom: 15px;}
		#partnerships li{ padding: 10px 0; border-bottom: 1px dotted #ef4f91;}
		#partnerships li.last{ border: none; }
		#partnerships h4{font-weight: bold; color: #e2e55b;}

#footer{ clear: both; color: #482200; font-style: italic; border-top: 1px solid #482200; padding: 8px 0; text-align: center;}


.smallImage {
	margin-left: 14px;
}