*{margin: 0px; padding: 0px;}
body{ text-align: center; background-image: url(images/bg.jpg); background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif;}
.ideasbox{ position: absolute; margin-left: 633px;}

#container{ width: 756px; text-align: left;  margin: auto; }

.telephone { position: absolute; margin-left: 542px; top: 65px;}
#header{ text-align: left; background-image:url(images/topBg.jpg); background-repeat:no-repeat; width: 756px; height: 183px;}
#header div{ margin-left: 303px; margin-top: 0px;}

.secondaryNav{ position: absolute; margin-top: -26px;}


#content{width: 738px; border: 9px solid #7c4412; }
#content strong{ color: #7c4412; }
#content a {color: #f143a2; }
#content h1{font-weight: normal; color: #f143a2; padding: 10px 10px 10px 15px;}
#content h2{font-weight: bold; font-size: 105%; color: #7c4412; padding: 10px 10px 10px 15px;}
#content p{ font-size: 75%; padding: 0px 10px 10px 15px; line-height: 140%;  color: #7c4412;}
#content p.first{ width: 270px;}
#content p.quote{ color: #f143a2; font-weight: bold;}
#content p.underQuote{ text-align:right; font-weight: bold;}
#content .heading{ font-size: 100%; font-weight: normal; color: #f143a2;}
#content .fiveColumn{ width: 143px; float: left; padding:0px; text-align: center;}
#content .twoColumnProduct { width: 460px; float: left;}
#content .twoColumnProduct h2{ font-size: 100%; font-weight: normal; margin-left: 15px; color: #f143a2;}
#content .twoColumnProduct h3{ font-size: 90%; font-weight: normal; margin-left: 15px; margin-top: 10px; color: #666666;}
#content .twoColumnProduct table{ margin: 10px 0px 10px 15px; width: 95%; text-align: center; border: 1px solid #f0f0f0; font-size: 70%;}
#content .twoColumnProduct th{ background-color: #f574ba; color:#FFFFFF;}
#content .twoColumnProduct2 { width: 260px; float: left;}
#content .fourColumn{ width: 164px; float: left; padding: 10px; text-align: center;}
#content .fourColumn .bottom{ margin-top: 8px;}
#content .fourColumn a{ color:#ffffff; font-size: 65%; text-decoration:none}
#content .fourColumn a.more{ display: block; width: 100px; background-color: #f574ba; padding: 3px; color:#FFFFFF; text-decoration: none; }
#content .fourColumn a.moreB{ display: block; width: 100px; background-color: #B29174; padding: 3px; color:#FFFFFF; text-decoration: none; }
#content .fourColumn h2{ padding: 5px 10px 5px 10px; color:#f143a2; text-align: center; font-weight: normal; font-size: 80%;}
#content .threeColumn{ width: 226px; float: left; padding: 10px; text-align: center;}
#content .threeColumn h2{ padding: 5px 10px 5px 10px; color:#f143a2; text-align: center; font-weight: normal; font-size: 100%;}
#content .threeColumn img { }
#content .threeColumn .bottom{ margin-top: 8px;}
#content .clear{ clear: both; font-size: 1px;}
#content .twoColumn{ width: 369px; float: left;}
#content .twoColumn .form{ width: 349px; margin-left: 10px;}
#content .twoColumn .formContainer{ margin-left: 15px; margin-top: 10px; font-size: 79%; }
#content .twoColumn .formLeft{ float: left; width: 80px; font-size: 75%; font-weight: bold; color: #f143a2}
#content .twoColumn .formText{ font-size: 75%; font-weight: bold; color: #f143a2}
#content .twoColumn .formRight{ float: left; width: 215px;}

#content .twoColumn .formRight input, textarea, select{ border: 1px solid #7c4412; padding: 2px; font-size: 85%; width: 190px}
#content .twoColumn .formRight .inputHighlighted{ border: 2px solid #f143a2; padding: 1px;  font-size: 85%;}
#content .twoColumn .leftFormMargin{ margin-left: 10px;}
#content .twoColumn .leftFormContainer{ margin: 12px 12px 10px 12px}
#content .twoColumn .orderLeft{ float: left; width: 225px; margin-top: 0px; margin-left: 15px; color:#f143a2; font-size: 70%;}
#content .twoColumn .orderRight{ float: left; width: 30px; margin-top: 5px;}
#content .twoColumn #corporate{ display: none;}
#content .twoColumn #weddings{ display: none;}
#content .twoColumn #special{ display: none;}
#content .twoColumn #seasonal{ display: none;}
#content .twoColumn .small{ width: 30px; margin: 0px;}
#content .twoColumn .leftFormContainer .inputHighlighted{ width: 30px; margin:0px}
#content .twoColumn .leftFormContainer .clear{ border-bottom: 1px solid #cccccc; margin-left: 15px; margin-right: 15px;}
#content .twoColumn a.link:link{ display: block; margin-left: 15px; margin-right: 15px; text-decoration: none; padding: 3px; background-color:#f143a2; color:#FFFFFF}
#content .twoColumn a.link:visited{ display: block; margin-left: 15px; margin-right: 15px; text-decoration: none; padding: 3px; background-color:#f143a2; color:#FFFFFF}
#content .twoColumn a.link:hover{ display: block; margin-left: 15px; margin-right: 15px; text-decoration: none; padding: 3px; background-color:#f143a2; color:#FFFFFF}
#content .twoColumn a.link:active{ display: block; margin-left: 15px; margin-right: 15px; text-decoration: none; padding: 3px; background-color:#f143a2; color:#FFFFFF}



.fixedImage{position: absolute; height:255px; width: 459px; top: 140px; margin-left: 297px;}
.fixedImageAbout{position: absolute; height:255px; width: 459px; top: 140px; margin-left: 297px;}
.fixedImageMail{position: absolute; margin-left: 313px; margin-top: 10px;}

#footer{ width: 756px; background-image:url(images/bottomBg.gif); background-repeat:no-repeat; height:226px;}
#footer p{ color:#000000; font-size: 70%; padding-top: 40px;}
#footer a{ color:#000000; text-decoration: none;}
#footer a:hover{ color:#ec0684; text-decoration: none;}

.tB {background: url(images/Bdott.gif) 0 0 repeat-x; background-color:#FFFFFF;}
.bB {background: url(images/Bdotb.gif) 0 100% repeat-x}
.lB {background: url(images/Bdotlr.gif) 0 0 repeat-y}
.rB {background: url(images/Bdotrl.gif) 100% 0 repeat-y}
.blB {background: url(images/Bbl.gif) 0 100% no-repeat}
.brB {background: url(images/Bbr.gif) 100% 100% no-repeat}
.tlB {background: url(images/Btl.gif) 0 0 no-repeat}
.trB {background: url(images/Btr.gif) 100% 0 no-repeat; padding:10px} 


.t {background: url(images/dott.gif) 0 0 repeat-x; background-color:#FFFFFF;}
.b {background: url(images/dotb.gif) 0 100% repeat-x}
.l {background: url(images/dotlr.gif) 0 0 repeat-y}
.r {background: url(images/dotrl.gif) 100% 0 repeat-y}
.bl {background: url(images/bl.gif) 0 100% no-repeat}
.br {background: url(images/br.gif) 100% 100% no-repeat}
.tl {background: url(images/tl.gif) 0 0 no-repeat}
.tr {background: url(images/tr.gif) 100% 0 no-repeat; padding:10px} 


#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}