*{
 margin:0;
 padding:0;
}

img { behavior: url('img/iepngfix.htc') }

body{
 background:url('../img/canvas.jpg');
 font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
 font-size: 62%;
 color:#888;
}

h1{
 font-family:"Trebuchet MS",Tahoma, Verdana,sans-serif;
 font-size:	2.4em;
 font-weight:	normal;
 font-style:normal;
 color:	#f59bad;
 letter-spacing:-0.716667px;
 margin:0 0 25px 0;
}

h2{
 color:#F59BAD;
 font-family:trebuchet MS,Verdana,sans-serif;
 font-size:1.8em;
 font-style:normal;
 font-weight:normal;
 margin:35px 0 20px;
}

h1 span, h2 span{
 font-size:.6em;
 font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif;
 font-weight:normal;
 color:#9d9d9d;
 display:block;
 letter-spacing:normal;
}

h1 span{ font-size:.45em;}

h3{font-size:1.1em;}

p, ul{
 font-size:1.1em;
 margin-bottom:15px;
}

#content p{ line-height:1.4em;}

#content p.notice{
 font-size:1.2em;
 font-weight:bold;
}

#content ul{ margin:0 0 20px 10px;font-size:1.2em;}

#content ul li{ margin:0 0 10px }



a{ color:#F495A8; text-decoration:none;}

p a:hover, #content ul li a:hover{ border-bottom:1px dotted; }

a img{border:0;}

#wrapper{
 position:relative;
 width:828px;
 left:50%;
 margin:0 auto;
 margin-left:-410px;
 padding:0px 0 30px 0;
}

#masthead{
 height:234px;
 width:950px;
 margin:0 auto;
 position:relative;
}

#carousel{
 width:547px;
 height:227px;
 padding:0 0 0 14px;
 background:url('../img/carousel-bg.png') no-repeat;
}

#carousel ul{
 list-style:none;
 width:547px;
 height:208px;
 overflow:hidden;
}

#logo{
 width:378px;
 height:194px;
 background:url('../img/logo.png') no-repeat;
 position:absolute;
 display:block;
 top:0;
 right:-21px;
 text-decoration:none;
}

#latest-news-top{
 width:237px;
 height:47px;
 background:url('../img/latest-news-bg.png') no-repeat;
 position:absolute;
 right:40px;
 top:161px;
 font-size:.9em;
 padding:27px 66px 0 15px;
}

#top-pic{
 width:413px;
 height:132px;
 padding:0 0 0 24px;
 background:url('../img/top-pic-bg.gif');
}

#top-pic img{ margin:0;}

#top-pic div{float:left;clear:left; }

#home #top-pic div a#top-caption{
 width:386px;
 height:20px;
 display:block;
 background:url('../img/top-caption-home.gif')  no-repeat bottom left;
} 

#home #top-pic div a#top-caption:hover{ background-position: top left }

#contentwrapper{
 position:relative;
 width:828px;
 background-image: url('../img/pad-bg.gif');
 background-repeat: repeat-y;
 margin-top:5px;
}

#content{
 width:568px;
 float:left;
 padding:15px 0 50px 40px;
}

#testimonials #content{width:528px;padding-right:40px;}

#right-column{
 width:220px;
 position:relative;
 float:left;
}

img#pad-bottom{
 position:absolute;
 bottom:0;
 left:0;
}

#strapline{
 width:150px;
 height:125px;
 margin:0 0 28px 37px;
 overflow:hidden;
} 

#strapline a{
 width:150px;
 height:125px;
 background:url('../img/strapline.gif') no-repeat;
 display:block;
}

#strapline a span{ display:none;}
#strapline a:visited{background:url('../img/strapline-visited.gif') no-repeat;}
#strapline a:hover{background-position:0 -374px ;}

#navigation{
 position:relative;
 width:178px;
 background:url('../img/post-it-bg.jpg') repeat-y;
 margin:0 0 10px 37px;
}

#navigation ul{
 padding:12px 0 0 28px;
 list-style:none;
 display:inline-block;
}

#navigation ul li{height:26px;margin:0;padding:0; line-height:1px;width:125px; font-size:1px;}

#navigation ul li a span{ display:none;}

#navigation ul li a{
	width:130px;
	height:26px;
	display:block;;
	line-height:1px;
}

#navigation ul li.homea a{ background:url('../img/nav/home.gif') no-repeat;}

#navigation ul li.abouta a{ background:url('../img/nav/about-us.gif') no-repeat;}
#navigation ul li.servicesa a{ background:url('../img/nav/services.gif') no-repeat;}
#navigation ul li.marqueea a{ background:url('../img/nav/marquee.gif') no-repeat;}
#navigation ul li.weddingsa a{ background:url('../img/nav/weddings.gif') no-repeat;}
#navigation ul li.partiesa a{ background:url('../img/nav/parties.gif') no-repeat;}
#navigation ul li.corporatea a{ background:url('../img/nav/corporate.gif') no-repeat;}
#navigation ul li.directionsa a{ background:url('../img/nav/directions.gif') no-repeat;}
#navigation ul li.locationa a{ background:url('../img/nav/location.gif') no-repeat;}
#navigation ul li.contacta a{ background:url('../img/nav/contact-us.gif') no-repeat;}
#navigation ul li.linksa a{ background:url('../img/nav/links.gif') no-repeat;}
#navigation ul li.availabilitya a{ background:url('../img/nav/availability.gif') no-repeat;}
#navigation ul li.testimonialsa a{ background:url('../img/nav/testimonials.gif') no-repeat;}

#navigation ul li.homea a:visited{ background:url('../img/nav/home2.gif') no-repeat;}
#navigation ul li.abouta a:visited{ background:url('../img/nav/about-us2.gif') no-repeat;}
#navigation ul li.servicesa a:visited{ background:url('../img/nav/services2.gif') no-repeat;}
#navigation ul li.marqueea a:visited{ background:url('../img/nav/marquee					2.gif') no-repeat;}
#navigation ul li.directionsa a:visited{ background:url('../img/nav/directions2.gif') no-repeat;}
#navigation ul li.locationa a:visited{ background:url('../img/nav/location2.gif') no-repeat;}
#navigation ul li.contacta a:visited{ background:url('../img/nav/contact-us2.gif') no-repeat;}
#navigation ul li.linksa a:visited{ background:url('../img/nav/links2.gif') no-repeat;}
#navigation ul li.availabilitya a:visited{ background:url('../img/nav/availability2.gif') no-repeat;}
#navigation ul li.testimonialsa a:visited{ background:url('../img/nav/testimonials2.gif') no-repeat;}
#navigation ul li.homea a:hover, #navigation ul li.abouta a:hover, #navigation ul li.servicesa a:hover, #navigation ul li.marqueea a:hover, 
#navigation ul li.directionsa a:hover, #navigation ul li.locationa a:hover, #navigation ul li.contacta a:hover, 
#navigation ul li.linksa a:hover, #navigation ul li.availabilitya a:hover, #navigation ul li.testimonialsa a:hover{ background-position: -215px 0;}

#navigation ul li a:hover{background-position: -215px 0;}

img#masking-tape{
 position:absolute;
 top:153px;
 right:156px;
}

#home img#masking-tape{top:153px;}

#launch-party img#masking-tape{top:0px;}

img#post-it-top{
 position:absolute;
 top:0;
 right:0;
}

img#post-it-bottom{
 position:absolute;
 bottom:0;
 right:0;
}

#nav-arrow{
 position:absolute;
 top:137px; 
 left:0px;
}
#home #nav-arrow{top:167px;}
#about-us #nav-arrow{ top:182px;}
#services #nav-arrow{ top:210px;}
#marquee #nav-arrow{ top:235px;}
#location #nav-arrow{ top:259px;}
#directions #nav-arrow{ top:284px;}
#contact-us #nav-arrow{ top:317px;}
#links #nav-arrow{ top:338px;}
#availability #nav-arrow{ top:360px;}
#news-page #nav-arrow{ top:405px;}
#food #nav-arrow{ top:45px;}
#testimonials #nav-arrow{ top:392px;}

#latest-news{
 width:178px;
 height:124px;
 background:url('../img/news-bg.jpg') no-repeat;
 margin:0 0 0 37px;
 z-index:50;
}

#latest-news p{
 padding:45px 63px 0 8px;
 text-align:right;
 font-size:.9em;
}

#footer{
 width:765px;
 height:97px;
 background:url('../img/footer-bg.jpg') no-repeat;
 margin:10px 0 30px 0;
 padding:10px 15px;
 font-size:.8em;
}

#footer p{color:#888; margin:0 0 5px 0;}

#footer a{
 color: #888;
 text-decoration:none;
 border-bottom:1px dotted;
}

#footer a:hover{color:#F495A8;}

#footer div{
 float:left;
 margin-right:10px;
 display:inline;
 width:220px;
 background:url('../img/footer-border.gif') no-repeat right 0;
}

#footer h4{
 height:44px;
 margin:0;
 font-size:1em;
 color:#9e8e65;
 font-family:arial;
}

#footer h4 a{ border:0;}

#footer div.vitalnerve{margin:0; text-align:right; width:175px; background:none; }
#footer div.vitalnerve h4{background:url('../img/vital-nerve.gif') no-repeat center right;width:175px; }
#footer div.vitalnerve h4 a{ display:block;width:175px;height:44px;}


#footer h4.bbe{background:url('../img/footer-logo.gif') no-repeat; width:124px;}
#footer div.recycling h4{background:url('../img/recycling.jpg') no-repeat top center; width:180px;}

#footer div.recycling{ text-align:center; width:180px; padding-right:10px;}

.floatright{
 float:right;
 margin: 0 0 15px 15px;
}

.floatrightclear{
 float:right;
 clear:right;
 margin: 20px 0 5px 15px;
}

.clear{
 width:100%;
 clear:both;
 line-height:1px;
 font-size:1px;
}

.center{ text-align:center;}

.nomargin{ margin:0;}


#teasers{ padding:0; clear:both;} 

#teasers div{
 width:181px;
 height:191px;
 background:url('../img/teaser-bg.gif') repeat-y 0 20px;
 float:left;
 display:inline;
 margin:0 12px 0 0;
 position:relative;
}

#teasers div.nomargin{margin:0;}

#teasers div h2{ position:absolute; top:60px; left:1px;margin:0;}

#teasers div p{ 
 padding:0 5px 0 9px;
 line-height:1.6em; 
 margin:0;
}

#teasers img{ margin:0 0 35px 0;}

#teasers img.teaser-bottom{ position:absolute; bottom:0; left:0; margin:0;}

#thumbs{ clear:both; margin:0 0 10px 0;}

#narrowthumbs{margin:0 0 20px 0;}

#narrowthumbs img{margin:1px 3px;}

#business-card{
 width:485px;
 height:264px;
 background:url('../img/business-card.gif') no-repeat;
 margin: 0 0 20px 15px;
 text-align:right;
 padding:22px 38px 0 0;
}

#business-card h2{
 color:#36662D;
 font-family:Geneva,Tahoma,Arial,Helvetica,sans-serif;
 font-size:2em;
 font-weight:normal;
 letter-spacing:-1px;
 margin: 0 0 20px 0;
}

#business-card p{
 font-size:1.4em;
 color:#888;
}

#business-card p span{color:#e97e94;}
#business-card p a{ color:#888;}
#business-card p a:hover{ color:#e97e94;;}

#contact-form{}

#contact-form fieldset{
 width:265px;
 float:left;
 border:0;
}

#contact-form fieldset.hidden{display:none;}

#contact-form label{
 width:78px;
 float:left;
 text-align:right;
 padding:0 4px 0 0;
}

#contact-form label.num-guests{ position:relative; top:-3px;}

#contact-form label em{ color:#F59BAD;}

#contact-form label span{ font-size:.9em;display:block;color:#407D40; margin-top:5px;}

#contact-form input, #contact-form textarea{
 width:173px;
 border:1px solid #aaa;
 float:left;
 margin:0 0 10px 0;
 color:#9D9D9D;
 font-family:Arial,Tahoma,Verdana,Helvetica,sans-serif;
 font-size:1em;
 padding:2px;;
}

#contact-form input.button{width:179px;margin:10px 0 30px 0;}

#contact-form textarea{ height:84px; margin:0; overflow:auto;}

.news-item{
 border-bottom:1px solid #e9e9e9;
 padding:0 0 10px 0;
 margin:0 0 20px 0;
}

.news-item h2{
 color:#F59BAD;
 font-family:Geneva,Tahoma,Arial,Helvetica,sans-serif;
 font-size:1.9em;
 font-weight:normal;
 letter-spacing:-1px;
 margin: 0 0 20px 0;
}

.news-item img{ float:right; margin:0 10px 20px 20px;}

#thankyous-menu{
  width:183px;
	height:266px;
	background:url('../img/thankyous-bg.gif') no-repeat;
	margin:50px 0 17px 37px;
	position:absolute;
	z-index:1;
}

#thankyous-tape{
 position:absolute;
 top:20px;
 left:-15px;
}

#thankyous-wrapper{
 width:138px;
 height:191px;
 overflow:auto;
 margin:59px 0 0 21px;
}

#thankyous-wrapper ul{
 text-align:center;
 list-style:none;
}

#thankyous-wrapper ul li{
 padding:4px 0 0 0;
 display:block;
}

#thankyous-wrapper ul li a{
 display:inline;
 border-bottom:1px dotted #d2cdcd;
 padding:2px 10px;
}

#thankyous-wrapper ul li a:hover{color:#feafbf}

#thankyou-letter{ 
 width:565px;
 text-align:center;
 min-height:400px;
 background:url('../img/ajax-loader.gif') no-repeat 50% 20px;
 color:#fff;
}

#ten-percent{
 width:114px;
 height:84px;
 text-align:right;
 font-size:.9em;
 background:url('../img/ten-percent.gif') no-repeat;
 margin:10px 0 0 37px;
 padding:45px 25px 0 20px;
}

#bigthumbs img{
 float:left;
 margin:0 5px 5px 0;
}




/*******************
****  Carousel   ***
*******************/

.jcarousel-container {position: relative;}
.jcarousel-container ul{overflow:hidden;}
.jcarousel-clip {
 z-index: 2;
 overflow: hidden;
 position: relative;
}

.jcarousel-list {
 z-index: 1;
 overflow: hidden;
 position: relative;
 top: 0;
 left: 0;
}

.jcarousel-list li,
.jcarousel-item {
 float: left;
 list-style: none;
 width: 522px;
 height: 208px;
}

.jcarousel-next, .jcarousel-prev{
 position:absolute;
 top:80px;
 z-index: 10; 
 cursor:pointer;
 display: none;
 zoom:1;
 width:33px;
 height:33px;
}

.jcarousel-next {right:1px; }
.jcarousel-prev{ left:-5px;}
.jcarousel-container-horizontal {width: 522px;padding:0;}
.jcarousel-clip-horizontal {width:  522px;height: 208px;}
.jcarousel-item {width:  522px;height: 208px;}




