@charset "utf-8";

body		{ color: #3f2d15; font-size: 85%; font-family:"Times New Roman"; margin: 0; padding: 0; background: #4e3920 url(../images/background.jpg) top center repeat ; }

/* Links ***********************************************************************************************/
a			{ outline: none; color: #48257d; text-decoration: underline; }
a:link		{ color: #48257d; text-decoration: underline; }
a:visited	{ color: #48257d; text-decoration: underline; }
a:hover		{ color: #000; text-decoration: underline; }
a:active	{ color: #48257d; text-decoration: underline; }

/* Layout elements ************************************************************************************/

#wrapper	{ width: 770px; margin: 0 auto; background: #fff url(../images/content_background.jpg) top left repeat-y; }
	#innerWrapperHome{ padding: 80px 124px 0px 124px; background: url(../images/content_background_top.jpg) top left no-repeat; }
		#homeLogo	{ display: block; }
		#home3xImages	{ display: block; margin: 10px auto; }
		#homeText	{ text-align: center; }
	#innerWrapper{ padding: 80px 85px 0px 85px; background: url(../images/content_background_top.jpg) top left no-repeat; }
		#header	{  position: relative; width: 600px; height: 120px; }
		#header	div, #header h1 { position: absolute; }
		#header	div a, #header h1 a { text-indent: -3000px; display: block; }
			h1#logo	{ top: 0px; left: 5px; }
			h1#logo a	{ width: 250px; height: 120px; background: url(../images/spfc_logo.jpg) top left no-repeat; }
			
#navOurStory						{ top: 4px; left: 250px; }
#navOurStory a						{ background-position: 0px 0px; width: 98px; height: 50px; background-image: url(../images/nav_ourstory.gif); }
#navOurStory a:hover				{ background-position: 0px 150px; }
body#our-story #navOurStory a		{ background-position: 0px 100px; }
body#our-story #navOurStory a:hover	{ background-position: 0px 50px; }

#navWeddings						{ top: 4px; left: 348px; }
#navWeddings a						{ background-position: 0px 0px; width: 100px; height: 50px; background-image: url(../images/nav_weddings.gif); }
#navWeddings a:hover				{ background-position: 0px 150px; }
body#weddings #navWeddings a		{ background-position: 0px 100px; }
body#weddings #navWeddings a:hover	{ background-position: 0px 50px; }

#navArrangements							{ top: 4px; left: 448px; }
#navArrangements a							{ background-position: 0px 0px; width: 139px; height: 50px; background-image: url(../images/nav_arrangements.gif); }
#navArrangements a:hover					{ background-position: 0px 150px; }
body#arrangements #navArrangements a		{ background-position: 0px 100px; }
body#arrangements #navArrangements a:hover	{ background-position: 0px 50px; }
			
#navGallery						{ top: 53px; left: 272px; }
#navGallery a					{ background-position: 0px 0px; width: 83px; height: 44px; background-image: url(../images/nav_gallery.gif); }
#navGallery a:hover				{ background-position: 0px 132px; }
body#gallery #navGallery a		{ background-position: 0px 88px; }
body#gallery #navGallery a:hover{ background-position: 0px 44px; }
			
#navVendors						{ top: 53px; left: 355px; }
#navVendors a		 			{ background-position: 0px 0px; width: 88px; height: 44px; background-image: url(../images/nav_vendors.gif); }
#navVendors a:hover				{ background-position: 0px 132px; }
body#vendors #navVendors a		{ background-position: 0px 88px; }
body#vendors #navVendors a:hover{ background-position: 0px 44px; }

#navContactUs							{ top: 53px; left: 443px; }
#navContactUs a							{ background-position: 0px 0px; width: 114px; height: 44px; background-image: url(../images/nav_contactus.gif); }
#navContactUs a:hover					{ background-position: 0px 132px; }
body#contact-us #navContactUs a			{ background-position: 0px 88px; }
body#contact-us #navContactUs a:hover	{ background-position: 0px 44px; }
			

			
		#mainContent { padding: 0 26px; }

	#footer 	{ background: url(../images/content_background_bottom.jpg) top left no-repeat;
				font-size: 85%; padding: 60px 0 0px 0; text-align: center; height: 106px; }
	#footer a		{ color: #48257d; text-decoration: none; }
	#footer a:hover	{ color: #48257d; text-decoration: underline; }
	#footer a.footer3rdparty { color: #3f2d15; text-decoration: none; }
	#footer a.footer3rdparty:hover	{ color: #48257d; text-decoration: underline; }


		/****Vendors*****************/
		body#vendors #mainContent ul 	{ margin: 20px;}
		#navVendors ul li

		/****Contact Page*****************/
		table#contactFormLayout	{ }
		table#contactFormLayout	tr td {padding: 2px;}
		
		.questionnaireBox
			{ padding: 20px 0 10px 0; margin-bottom: 20px; border: solid #48257d 1px; background: #fff url(../images/contact_background.jpg) top left no-repeat; }

		.questionnaireBox h3
			{ margin: 0px; color: #48257d; text-align: center; }

		.questionnaireBox p
			{ padding:  20px 25px 0px 25px; color: #48257d; font-style: italic; }

		.questionnaireBox table
			{ margin: 20px 0 0 30px; width: 480px; }

		.questionnaireBox table tr td 
			{ padding: 2px; vertical-align: top; color: #48257d; text-align: left; }
		
		.questionnaireBox table tr td input 
			{ margin-right: 10px; width: 140px; background-color: #dcd6e6; }

		.questionnaireBox table tr td textarea 
			{ margin-right: 10px; width: 380px; height: 40px; background-color: #dcd6e6; }

		.contactNameReq { text-align: right; vertical-align: middle; font-weight: bold;}
		#contactSubmit	{ margin-left: 0px; background-color: #48257d; color: #fff; font-weight: bold; padding: 1px 3px;}
		.captchaImage	{ border: solid #48257d 1px; padding: 0px; margin-top: 8px;}
		.captchaIcons	{ border: solid #48257d 1px; }



/* Miscellaneous classes for reuse ********************************************************************/
.flR { float: right; margin-left: 8px; }
.flL { float: left; margin-right: 8px; }
.flClear { clear:both; height:0; font-size: 1px; line-height: 0px; } /*placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

/* Content elements ***********************************************************************************/
h1		{} /*Reserved for logo, "Sweet Pea Flower Company" */
h2		{ color: #48257d; font-size: 138.5%; font-weight: bold; font-style: italic; margin: 10px 0; }
h3		{ color: #48257d; font-size: 123.1%; font-weight: bold; }
h4		{ color: #48257d; font-size: 100%; font-weight: bold; }
h5		{  }
h6		{  }
p		{ margin-bottom: 10px; }

strong	{ font-weight: bold; }
em		{ font-style: italic; }

dl	{  }
	dt	{  }
	dd	{  }


ol.list,ul.list	{ margin-left:2em; }
ol.list li		{ list-style: decimal outside; }
ul.list li 		{ list-style: disc outside; }