html { height: 100%; margin-bottom: 1px; overflow: -moz-scrollbars-vertical; overflow-y:scroll; } 


body {background: #320 url(/i/bg.png) top left repeat-x; color: #ebe5db; margin:0; padding:0; font: normal 1em/1.35 georgia;}
h1, h2, h3 {margin:0; padding:0; font-weight:normal;}
a {color: #ae3; text-decoration:none;}
a:hover {text-decoration:underline;}
p {margin:0; padding:0 0 0.5em 0;}

#page {width: 960px; margin:0 auto; background: #320; position:relative;}

#nav {background: #320 url(/i/bg.png) top left repeat-x; overflow:hidden;}
#nav ul { margin:0; padding:0; list-style-type:none; }

#nav li {display:inline; position:relative;}

#nav li.current {float:left; padding: 8px 10px; background: #320;}

#nav li a {float:left; padding: 8px 10px;  color: #fff;}
#nav li a:hover {background: #361f06; text-decoration:none;}

#nav ul.shop { overflow:hidden; float:right; }
#nav ul.shop li { float:left;}
#nav ul.shop li a { color: #ccaa88;}
#nav ul.shop li.current {color: #fed92f;}


#header { clear:both; padding: 10px;}

#header h1 { text-align:left; text-indent:-8000em; height: 80px; }

#header h1#homepage { background:url(/i/hp_h1.png) left center no-repeat; }
#header h1#sympathy { background:url(/i/sympathy_h1.png) left center no-repeat; }
#header h1#weddings { background:url(/i/wedding_h1.png) left center no-repeat; }
#header h1#deliveries { background:url(/i/deliveries_h1.png) left center no-repeat; }
#header h1#corporate { background:url(/i/corporate_h1.png) left center no-repeat; }

#header h1#contact { background:url(/i/contact_h1.png) left center no-repeat; }
#header h1#different { background:url(/i/different_h1.png) left center no-repeat; }



#copy {padding: 15px 0 45px 20px; width: 600px; float:left;}
#images { height: 360px; margin: 0 0 10px 0;}

/* carousel stylings */
#rotatingimages {height: 320px; background: #1b1200; width: 960px; clear:both;}
#rotatingimages li { text-align:center; border-left:2px solid #320; border-right: 2px solid #320;}

#rotatingimages.hyperlink li {height: 323px;}
#rotatingimages.hyperlink a img {border:0;}
#rotatingimages.hyperlink li a img {border-bottom:3px solid #181000;}
#rotatingimages.hyperlink li a:hover img {border-bottom:3px solid #ae3;}

#weddingscroll.jcarousel-scroll {width: 300px;}
#weddingscroll.jcarousel-scroll a#mycarousel-next { width: 260px; background: url(/i/more_weddings.png) left top no-repeat; }
#weddingscroll.jcarousel-scroll a#mycarousel-prev { margin-top: 0.2em;}

.jcarousel-scroll {float:right; width: 270px; margin: 2em 0 0 0;}

a#mycarousel-prev {background: url(/i/more_bf.png) left -4px no-repeat; display:block;
float:left; width: 23px; height: 31px; text-indent:-8000em; margin: 0 15px 0 0;}
a#mycarousel-next {background: url(/i/more_bf.png) right -4px no-repeat; display:block;
float:left; width: 225px; height: 31px; text-indent:-8000em;}
a#mycarousel-next:hover {background: url(/i/more_bf.png) right bottom no-repeat;}
a#mycarousel-prev:hover {background: url(/i/more_bf.png) left bottom no-repeat;}

/* footer */

#footer { clear:both; overflow:hidden; padding: 0 0 3em 0; margin: 1.5em 0 0 0;}
#footer p {margin:0; padding:0;}
#footer a {color: #ae3;}
#footer a:hover {text-decoration:underline;}

.logo h2 { text-indent:-8000em; background: #6f9e30 url(/i/logo.png) bottom left no-repeat; float:left; width: 96px; height: 96px; margin: 0 14px 0 0;}

.phoneandaddress {width: 220px; float:left;}
.phoneandaddress h2 {background:url(/i/phone.png) left 3px no-repeat; text-indent:-8000em;}
.phoneandaddress span {font-size: 0.85em;}

.openinghours {width: 320px; float:left; color: #ca8;}
.openinghours span {color: #fff;}
.openinghours span.bullet {color:#ccaa88;}
.openinghours h2 {background:url(../i/openinghours.png) left 8px no-repeat; text-indent:-8000em;}


.email {width: 250px; float:left;}
.email h2 {background:url(/i/sayhello.png) left 8px no-repeat; text-indent:-8000em;}

/* weddings section */



#weddingimages {overflow:hidden; margin: 0;}
h2.weddingname {line-height: 1em;}
h2.weddingname span {color:#ca8; }
span.amp {
  font-family: Baskerville, Palatino, "Book Antiqua", serif;
  font-style: italic;
  }
  

p.nextwedding {margin: 0; width:250px; float:left; }

#page #copy .nextwedding a {color: #ca8; padding-left: 1.0em; background:url(/i/next_wedding.gif) left -12px no-repeat;}

#page #copy .nextwedding a:hover {color: #ae3; background:url(/i/next_wedding.gif) left 5px no-repeat; text-decoration:none;}

p.nextwedding a.arrow {background:url(/i/wedding_arrow.gif) left center no-repeat; padding-left: 1em;}
p.nextwedding a.arrow:hover {color: #fff; text-decoration:none;}

p.photographer { font-size: 0.85em; text-align:right; padding:0.2em 0 0 0; margin:0; color: #ca8;}
p.photographer a {color: #fff; font-style:italic; font-weight:bold;}
h3.location { color: #ca8; padding-bottom: 0.8em;}
.testimonials {background:#2b1c00; padding: 0.5em 0.7em 0.7em 0.7em; float:left; width:450px; font-size: 0.9em;  }
#weddingcopy .testimonials h4 {font-weight:normal; font-size: 0.76em; padding:0 0 0.2em 0;}
.testimonial2 {color: #ca8;}
.floristtext { float:left; width: 435px; font-size: 1.4em; padding: 0.15em 0.3em 0.5em 0.3em; margin: 0 1em 0 0; border-top:4px solid #2b1c00; border-bottom:4px solid #2b1c00;}
.testimonials h4 {text-transform:uppercase; color: #ca8; font-size: 0.85em; letter-spacing: 0.2em; padding:0 0 0.5em 0; margin:0;}
#weddingcopy {clear:both; overflow:hidden; position:relative; padding: 1em 0.5em 0.3em 0.5em;}
#weddingcopy .jcarousel-scroll { position:absolute; top:0; right:0;}

/* delivery page and areas */

#explain {clear:both; width: 240px; float:left; padding: 0 0 0 20px; color: #ca8;}
#explain span {text-transform:uppercase; font-size: 0.8em; letter-spacing:0.1em;}


#area {width: 690px; float:left; padding: 0 0 50px 10px; overflow:hidden; }
#area p {padding:0; margin:0; font-size: 0.9em;}
#area .col {width: 160px; float:left; padding: 0 0 0 10px;}
#area .col p {border-bottom:1px solid #4e3817; padding: 0.15em 0 0.2em 0.1em;}

:focus
{
  -moz-outline-style: none;
}

/* contact form */

#theform {padding: 0 0 3em 20px; float:left;}
#theform p {padding:0;}
#theform input {margin: 0 0 1.3em 0;}

#theform p.contactwhat {margin:0.6em 0 1em 0; color: #ca8;}

#theform p.sendme {margin: 0.5em 0 0 0;}


.instructions {float:left; width: 290px; padding: 0 0 0 30px;}
p.noticethis {font-size: 1.1em; font-style:italic; color: #f90;}

/* price list download */

#download a {display:block; text-indent:-8000em; background:url(/i/download_mum.png) top left no-repeat; height: 38px; margin-bottom: 2px;}
#download a:hover {background-position: bottom left;}

/* four oh four */
#errorimage {float:left; padding: 0 0 50px 20px; }
#errormessage {float:left; padding: 30px 0 0 20px; width: 300px;}
#errormessage h2 {color:#ca8; line-height: 1em; padding: 0 0 10px 0;}



/* scroll fixer until js loads */

ul#mycarousel {list-style:none; margin: 0; padding:0; width: 10000px; }
ul#mycarousel li {float:left;}

/* div#rotatingimages {width: 960px; overflow:scroll;} */

#vten {position:absolute; top:385px; left:555px; z-index: 9999;}
#vten a {display:block; width: 385px; height: 95px; text-indent:-8000em; background:url(/i/vdten.png) top left no-repeat;}
#vten a:hover {position:relative; top:1px; left:1px;}
#vten a:active {position:relative; top:2px; left:2px;}

#page p.aroundx { margin: 0 0 0.5em 0; border-top:1px solid #2b1d00; border-bottom: 1px solid #2b1d00; padding: 0.2em 0.2em 0.4em 0.2em; width: 290px; color: #fff;}
#page p.aroundx span {color:#ccaa88;}



#mten {position:absolute; top:385px; left:555px; z-index: 9999;}
#mten a {display:block; width: 385px; height: 95px; text-indent:-8000em; background:url(/i/mum.png) top left no-repeat;}
#mten a:hover {position:relative; top:1px; left:1px;}
#mten a:active {position:relative; top:2px; left:2px;}

/* facebook */

a#facebook { padding-left: 22px; background:url(/i/gelicons-facebook16.gif) left center no-repeat; color: #ca8; }
a#twitter { padding-left: 22px; background:url(/i/twitter.gif) left center no-repeat; color: #ca8;}
a#twitter:hover, a#facebook:hover {color: #fff;}

/* blog */

li.blog { padding-left: 24px; background:url(/i/new.png) left center no-repeat;}
/* #page #nav li.blog a {color: #de0;} */