/*
-----------------------------------------------
Marilees Main.css
version:  2009.01
Notes: Styling that is common throughout the site
----------------------------------------------- */

/*	Reset - neutralizes inconsistent default rendering across browsers */
	
	body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td, ul, li {  
		margin:0; 
		padding:0;
		}
	
/*	Image Replacement Technique */

	.graphic {
			margin: 0;
			padding: 0;
			display: block;
			overflow: hidden;
			text-indent: -1000em;
			}

/*	Clearfix */
	
	.clearfix:after {
		content:" ";
		display:block;
		height:0;
		font-size:0;
		clear:both;
		visibility:hidden;
		}

/*	Type */
	
	p { font-family: helvetica, arial, sans-serif; font-size: 12px; line-height: 17px; margin-bottom: 15px; }

	h2 { font-family: georgia, serif; font-size: 16px; font-weight: normal; color: #E36390; margin-bottom: 15px; }

	a { font-family: helvetica, arial, sans-serif; font-size: 12px; line-height: 15px; margin-bottom: 15px; display: block; color: #9A9B62; }

/*	Main Site Frame */
	
	html { height: 100%; }
	body { background: url(../img/bg.jpg) repeat top left; height: 100%; }
	
	#container { width: 965px; background: #fff url(../img/bg_container.gif) repeat-y; height: auto !important; min-height: 100%; height: 100%; }
	
	#header { background: url(../img/header.gif) no-repeat top left; width: 965px; height: 131px; position: relative; }
	
	#header h1 { background: url(../img/h1_logo.jpg) no-repeat top left; width: 243px; height: 131px; position: absolute; left: 22px; top: 0; }
	
	#header ul { position: absolute; top: 74px; left: 290px;}
	
	#header ul li { float: left; width: 82px; list-style-type: none; margin-right: 12px; }
	#header ul li.contact { margin-right: 0;}
	
	#header ul li a { width:82px; height: 41px; display: block;}
	#header ul li.home a { background: url(../img/li_home.gif) no-repeat top left; }
	#header ul li.fashions a { background: url(../img/li_fashions.gif) no-repeat top left; }
	#header ul li.promos a { background: url(../img/li_promos.gif) no-repeat top left; }
	#header ul li.wegetit a { background: url(../img/li_wegetit.gif) no-repeat top left; }
	#header ul li.reviews a { background: url(../img/li_reviews.gif) no-repeat top left; }
#header ul li.events a { background: url(../img/li_events.gif) no-repeat top left; }
	#header ul li.contact a { background: url(../img/li_contact.gif) no-repeat top left; }
	
	#content { padding-bottom: 30px; }
	#content #leftCol { margin-left: 22px; background: #7b5e50 url(../img/leftCol.gif) no-repeat top right; padding: 26px; width: 191px; float: left; height: 100%; }
	
	#content #rightCol { float: left; width: 560px; padding: 0 20px; }
	
	/* Headers */
	
	#content #rightCol h1 { margin-bottom: 20px; width: 600px; height: 36px; margin-left: -20px; }
	#content #rightCol h1.home { background: url(../img/h1_home_centered.jpg) no-repeat top left;}
	#content #rightCol h1.bridesmaids { background: url(../img/h1_bridesmaids_centered.jpg) no-repeat top left;}
	#content #rightCol h1.bridal { background: url(../img/h1_bridal_centered.jpg) no-repeat top left;}
	#content #rightCol h1.flowergirls { background: url(../img/h1_flowergirls_centered.jpg) no-repeat top left;}
	#content #rightCol h1.mothers { background: url(../img/h1_mothers_centered.jpg) no-repeat top left;}
	#content #rightCol h1.occasions { background: url(../img/h1_occasions_centered.jpg) no-repeat top left;}
	#content #rightCol h1.appointment { background: url(../img/h1_appointment_centered.jpg) no-repeat top left;}
	#content #rightCol h1.vendors { background: url(../img/h1_vendors_centered.jpg) no-repeat top left;}
	
	#content #rightCol h2.welcome { background: url(../img/h2_home.jpg) no-repeat top left;}
	
	#content #rightCol p { color: #6f6350; }
	
	/*	Left Column Nav */
	
	#content #leftCol ul { margin-bottom: 30px; border-bottom: 1px solid #927567; padding-bottom: 10px; }
	#content #leftCol ul li { list-style-type: none; margin-bottom: 4px; }
	
	#content #leftCol ul li a { font-family: helvetica, arial, sans-serif; text-decoration: none; font-size: 13px; color : #fff; padding-right: 30px; }
	#content #leftCol ul li a:hover { background: url(../img/bullet.gif) no-repeat 100% 50%;}
	
	
	/*	Footer */
	
	#footer { border-top: 1px solid #eeebea; text-align: right; padding-top: 15px; margin-top: 30px; }
	#footer h2 { font-family: helvetica, arial, sans-serif; font-size: 14px; margin-bottom: 5px; color: #6f6350;}
	#footer p { line-height: 18px; }


/*	Content */

	/* Gallery */

	#myGallery { width: 560px !important; height: 400px !important; margin-top: 20px !important; background: #f5f5f5 !important; }
	
	
	/*	Table */

	table { margin-bottom: 20px; }
	table tr td { font-family: helvetica, arial, sans-serif; font-size: 12px; color: #6f6350;}

	.sideByEach { margin-bottom: 20px; margin-top: 20px; }
	.sideByEach div { float: left; width: 250px; border-right: 1px solid #eee; margin-right: 20px; padding-right: 20px; }
	.sideByEach div.last { margin: 0; padding: 0; border: none; }
	.sideByEach a { display: inline; }

	ul.default {margin-left: 20px; margin-bottom: 25px;}
	ul.default li { font-family: helvetica, arial, sans-serif; font-size: 12px; color: #6f6350;}

	div#address { border-top: 1px solid #906f5f; padding: 10px; }

	div#address h2 { margin-bottom: 8px; color: #fff; }
	div#address p { color: #c5bdb9; }

	div.review div { padding: 15px; background: #f5f5f5 url(../img/review.gif) no-repeat bottom left; margin-bottom: 8px; }

	div.review p { margin-left: 15px; font-weight: bold;}

	div.review div p { margin-bottom: 0; margin-left: 0; font-weight: normal; }

	div.promotions img { display: block; margin-bottom: 20px;}
	
	p.appointment { font-size: 15px; font-family: georgia, serif; color: #fff !important; }