/* 
*	D. Allegrucci
*	La Tea Da's Catering
*/
#
html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); }

body{ font-family: Arial, Tahoma, Geneva, Verdana, sans-serif; font-size: 14px; margin: 0; text-align:center; padding: 0; background:url(../images/bg.jpg) repeat-x #FFF; color: #FFE; }
#subRight a { color:#facae2; text-decoration:none; }
#subRight a:hover { text-decoration:underline; }
h2 { font-weight:normal; margin-bottom: 14px; }
h3 { font-size:18px; font-weight:normal;  }

#container{ text-align: left; width: 960px; margin: 0 auto 20px auto; }
#topBar { width: 960px; height: 37px; background:url(../images/bg-top-curve.gif) no-repeat; }
#midSection { background-color: #3f3f3f; }
	#midSection.sub { background:url(../images/bg-cols.gif) repeat-y; border-top: 10px solid #3f3f3f; border-bottom: 10px solid #3f3f3f; }
	#subLeft { float: left; width: 239px; margin: 10px 0 0 20px; }
	#subLeft img { margin-bottom: 10px; }
	
	#subRight { float: right; width: 630px; margin: 10px 40px 0 0; }
	p.first { font-size: 24px; line-height: 30px; margin-bottom: 10px; }
	#cButtons { text-align:right; margin-bottom: 20px; }
		#cButtons img { margin-left: 10px }
	
	.subGallery { padding: 10px 40px 10px 40px; }
		.galleryChip { width: 139px; height: 139px; padding: 10px; float: left; margin: 0 20px 20px 0; background-color: #FFF; }
		.galleryChip.last { margin-right: 0; }
		h2 { border-bottom: 1px solid #555; font-weight: normal; }
	
	
	h1 { display:block; width: 595px; height: 49px; text-indent: -99999px; margin: 0 0 16px 0; padding: 0; }
		h1#aboutAbout{ background:url(../images/ph-aboutAbout.gif) no-repeat; }
		h1#aboutPhilosophy { background:url(../images/ph-aboutPhilosophy.gif) no-repeat; }
		h1#aboutTeam { background:url(../images/ph-aboutTeam.gif) no-repeat; }
		
		h1#weddingsWeddings { background:url(../images/ph-weddingsWeddings.gif) no-repeat; }
		h1#weddingsMenus { background:url(../images/ph-weddingsMenus.gif) no-repeat; }
		h1#weddingsGallery { background:url(../images/ph-weddingsGallery.gif) no-repeat; }
		
		h1#celebrationsCelebrations { background:url(../images/ph-celebrationsCelebrations.gif) no-repeat; }
		h1#celebrationsMenus { background:url(../images/ph-celebrationsMenus.gif) no-repeat; }
		h1#celebrationsGallery { background:url(../images/ph-celebrationsGallery.gif) no-repeat; }
		
		h1#corporateCorporate { background:url(../images/ph-corporateCorporate.gif) no-repeat; }
		h1#corporateMenus { background:url(../images/ph-corporateMenus.gif) no-repeat; }
		h1#corporateGallery { background:url(../images/ph-corporateGallery.gif) no-repeat; }
		
		h1#galleryGallery { background:url(../images/ph-galleryGallery.gif) no-repeat; }
		
		h1#reviewsReviews { background:url(../images/ph-reviewsReviews.gif) no-repeat; }
		
		h1#partnersPartners { background:url(../images/ph-partnersPartners.gif) no-repeat; }
		h1#partnersVenues { background:url(../images/ph-partnersVenues.gif) no-repeat; }
		h1#partnersFlorists { background:url(../images/ph-partnersFlorists.gif) no-repeat; }
		h1#partnersPhoto { background:url(../images/ph-partnersPhoto.gif) no-repeat; }
		h1#partnersEntertainment { background:url(../images/ph-partnersEntertainment.gif) no-repeat; }
		h1#partnersOther { background:url(../images/ph-partnersOther.gif) no-repeat; }
		
		h1#contactContact { background:url(../images/ph-contactContact.gif) no-repeat; }
		h1#contactRequest { background:url(../images/ph-contactRequest.gif) no-repeat; }
		h1#sitemap { background:url(../images/ph-sitemap.gif) no-repeat; }
	
	
	h2.weddings { color: #57b6dd; }
	h2.celebrations { color: #fcba63; }
	h2.corporate { color: #c8db50; }
	
	h3 { /*color: #e13c8f;*/ color: #9fcbdd; font-weight: normal; }
	.weddings h3 { color: #57b6dc; }
	.celebrations h3 { color: #fdbb63; }
	.corporate h3 { color: #c8db50; }
	
	.menuBox { float: left; width: 282px; height: 108px; background-color: #2b2b2b; padding: 4px 14px 10px 14px; margin: 0 10px 10px 0; }
	.menuBox h3 { border-bottom: 1px solid #555; margin-bottom: 8px; }
	.menuBox p { line-height: 16px; padding: 0 0 10px 0; }
	.menuBox.last { margin-right: 0; }
	
	.listingBox { float: left; width: 282px; background-color: #2b2b2b; padding: 4px 14px 10px 14px; margin: 0 10px 10px 0; }
	.listingBox h3 { border-bottom: 1px solid #555; margin-bottom: 8px; }
	.listingBox p { line-height: 16px; padding: 0 0 4px 0; }
	.listingBox.last { margin-right: 0; }
	
	ul.floatlist { float: left; width: 200px; padding: 0 0 20px 0; }
	ul.floatlist li { background:url(../images/bullet-orange.gif) no-repeat 0 3px; padding-left: 18px; margin-bottom: 6px; }
	
	.review { padding-top: 15px; padding-left: 15px; padding-right: 15px; margin-bottom: 15px; background:url(../images/bg-review-bubbles.gif) no-repeat bottom right #2b2b2b; }
	.review ul { list-style: disc; }
	
#subTop { height: 53px; border-bottom: 1px solid #555; background: url(../images/i-sub-tagline.gif) no-repeat bottom right #3f3f3f; }
	#subLogo { position: absolute; top: 0; left: 17px; }
	#subTag { position: absolute; bottom: 0; right: 0; }

#header { width: 960px; height: 37px; background:url(../images/bg-top-curve.gif) no-repeat; margin-top: 10px; position:relative; }
	#nav { position: absolute; top: 7px; right: 6px; z-index: 99999; }
	#nav li { float: left; }
	#nav a.mainNav { height: 24px; overflow: hidden; margin:0; float: left; outline: none; text-indent: -99999px; }
	#nav a.mainNav:hover, #nav a.mainNav.selected { background-position: 0 -24px; }
	#nav a { display: block; }
	
	/*Subnav*/
	#nav li ul { position: absolute; width: 150px; left: -999em; color: #FFF; background: #2b2b2b; font-size: 13px; font:Tahoma, Geneva, sans-serif; padding: 4px 10px 10px 10px; }
	#nav li:hover ul, #nav li.sfhover ul { top: 24px; left: auto; }
	#nav li ul a { color:#FFF; border-bottom: 1px solid #555; width: 150px;  }
	#nav li ul a:hover { text-decoration: none; color: #e13c8f; }
	
	a#nAbout{  background:url(../images/nav-about.gif) no-repeat; width: 83px; }
	a#nWeddings{  background:url(../images/nav-weddings.gif) no-repeat; width: 98px; }
	a#nCelebrations{  background:url(../images/nav-celebrations.gif) no-repeat; width: 117px; }
	a#nCorporate{  background:url(../images/nav-corporate.gif) no-repeat; width: 100px; }
	a#nGallery{  background:url(../images/nav-gallery.gif) no-repeat; width: 75px; }
	a#nReviews{  background:url(../images/nav-reviews.gif) no-repeat; width: 80px; }
	a#nPartners{  background:url(../images/nav-partners.gif) no-repeat; width: 86px; }
	a#nContact{  background:url(../images/nav-contact.gif) no-repeat; width: 80px; }


form fieldset { margin-bottom: 20px; background: url(../images/bg-fieldset.gif) repeat-x #FFF; border: 1px solid #CCC; padding: 20px; }
form fieldset h2 { margin-bottom: 10px; }

form label { font-weight: normal; font-size: 16px; }
form .field25, form .field25 input { width: 25px; display: inline; float: left; margin: 0 20px 12px 0; }
form .field50, form .field50 input { width: 50px; display: inline; float: left; margin: 0 20px 12px 0; }
form .field80, form .field80 input { width: 80px; display: inline; float: left; margin: 0 20px 12px 0; }
form .field100, form .field100 input { width: 100px; display: inline; float: left; margin: 0 20px 12px 0; }
form .field130, form .field130 input { width: 130px; display: inline; float: left; margin: 0 20px 12px 0; }
form .field150, form .field150 input { width: 150px; display: inline; float: left; margin: 0 20px 12px 0; }
form .field160, form .field160 input { width: 160px; display: inline; float: left; margin: 0 20px 12px 0; }
form .field225, form .field225 input { width: 225px; display: inline; float: left; margin: 0 20px 12px 0; }
form .field250, form .field250 input { width: 250px; display: inline; float: left; margin: 0 20px 12px 0; }
form .field520, form .field520 input { width: 520px; display: inline; float: left; margin: 0 20px 12px 0; }
form .radios { width: 600px; display: inline; float: left; margin: 0 20px 12px 0; }
form .radio100 { width: 95px; display: inline; float: left; margin: 0 20px 12px 0; }
form .radio130 { width: 130px; display: inline; float: left; margin: 0 20px 12px 0; }
form .radio150 { width: 150px; display: inline; float: left; margin: 0 20px 12px 0; }
form .radio170 { width: 170px; display: inline; float: left; margin: 0 20px 12px 0; }
form .fieldSocial { width: 250px; display: inline; float: left; margin: 0 20px 12px 0; }
form select.stateSelect { width: 130px; height: 22px; }
form .fTextArea { width: 520px; height: 75px; margin: 0 0 12px 0; }


#homeLeft { width: 372px; height: 587px; float: left; text-align: center; }
	#homeLogo { margin-top: 6px; }
	#homeNav { margin: 12px 0 0 0; }
	#welcomeText { padding: 0; margin: 22px auto 20px auto; width: 315px; text-align: left; line-height: 16px; text-align:justify; }
#homeRight { width: 587px; float: right; }

a.makeADiff{margin:0 0 3px 0;display:block;background:url(/images/buttons/makediff.gif) no-repeat;height:80px;width:220px;text-decoration:none;}
.makeDifference{position:relative;top:35px;line-height:12px;left:10px;text-decoration:none;color:#343c61;font-size:11px;}

#footer { background: url(../images/bg-bot-curve.gif) no-repeat; width: 960px; height: 37px; color: #FFF; font-size: 13px; }
#footer a { color: #FFF; }
#footer #footerLeft { float: left; width: 600px; margin: 7px 0 0 20px; }
	#footer #footerLeft a { margin: 0 4px; }
#footer #footerRight { float: right; width: 300px; text-align: right; margin: 7px 20px 0 0; }

#groups { float: left; width: 400px; display: inline; }
#credits { float: right; width: 400px; display: inline; text-align:right; color:#666; font-size: 12px; margin-right: 20px; }
#credits a { color: #666; text-decoration: underline; }
#credits a:hover { color: #666; text-decoration: none; }


ul.sitemap { font-size: 18px; padding-left: 0; }
#subRight ul.sitemap a { text-decoration:none; }
ul.sitemap li { background:url(../images/bullet-pink.gif) no-repeat 0 6px; padding-left: 18px; padding-bottom: 10px; }
ul.sitemap li ul { font-size: 14px; padding: 0; }
ul.sitemap li ul li { padding-bottom: 0; }