html {	height: 100%;
		margin-bottom: 1px;
		}


body { 	background: #320 url(../img/bg.png) top left repeat-x;
		color: #ebe5db; 
		margin: 0;
		padding: 0;
		font: normal 1em/1.35 georgia;
		}


h1 {	font-size: 30px;
		margin: 0;
		padding: 0;
		font-weight: normal;
}
		
h2 {	font-size: 24px;
		margin: 0;
		padding: 0;
		font-weight: normal;
}
		
h3 {	font-size: 24px;
		margin: 0;
		padding: 0;
		font-weight: normal;
}
		
h4 {	font-size: 22px;
		margin: 0;
		padding: 0 0 8px 0;
		font-weight: normal;
}


a {	color: #f2a11f;
	text-decoration: underline;
}

a:hover { text-decoration: none;
}

img { border: none; } 

p {	margin: 0;
	padding: 0 0 0.5em 0;
}

p.profile {	font-size: 16px;
			margin: 0;
			padding: 0 0 0 0;
}

p.secdesc { padding: 0 0 20px 40px;
}
	
.yellow { color: #f2a11f;
}

.sechead {	font-size: 40px;
			padding: 0 0 0 40px;
}


hr { 	color: #412b00;
		background-color: #2b1d00;
		height: 2px;
}



#page {width: 960px; margin:0 auto; background: #320;}

#nav {background: #320 url(../img/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: #f2a11f;}
#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(../img/dcc_header.png) left center no-repeat; }
#header h1#sympathy { background:url(../img/sympathy_h1.png) left center no-repeat; }
#header h1#weddings { background:url(../img/wedding_h1.png) left center no-repeat; }
#header h1#deliveries { background:url(../img/deliveries_h1.png) left center no-repeat; }
#header h1#corporate { background:url(../img/corporate_h1.png) left center no-repeat; }
#header h1#weblog { background:url(../img/weblog_h1.png) left center no-repeat; }
#header h1#contact { background:url(../img/contact_h1.png) left center no-repeat; }
#header h1#different { background:url(../img/different_h1.png) left center no-repeat; }

#copy {padding: 15px 0 45px 20px; width: 600px; background: #fff;}
#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;}

#bullscroll {width: 300px; float:left;}


.jcarousel-scroll {float:right; width: 270px; margin: 2em 0 0 0;}


/* 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: #f2a11f;}
#footer a:hover {text-decoration:underline;}

.logo h2 { text-indent:-8000em; background: #f2a11f url(../img/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(../img/phone.png) left 3px no-repeat; text-indent:-8000em;}
.phoneandaddress span {font-size: 0.85em;}

.springsale {width: 320px; float:left; color: #ca8;}
.springsale span {color: #fff;}
.springsale span.bullet {color:#ccaa88;}
.springsale h2 {background:url(../img/springbullsale.png) left 8px no-repeat; text-indent:-8000em;}


.email {width: 250px; float:left;}
.email h2 {background:url(../img/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;
  }

#page #copy .nextwedding a {color: #ca8; padding-left: 1.0em; background:url(../img/next_wedding.gif) left -12px no-repeat;}

#page #copy .nextwedding a:hover {color: #ae3; background:url(../img/next_wedding.gif) left 5px no-repeat; 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(../img/download_valentines.png) top left no-repeat; height: 38px; margin-bottom: 1px;}
#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;}

/* weblog */

#weblog {width: 500px; float:left;  margin: 0 0 5em 20px; overflow:hidden;}
#weblog .post {border-top:1px dotted #ca8;}
#weblog .post h2 {font-size: 1.2em; padding: 0.1em 0 0.5em 0; font-style: italic; word-spacing:-0.05em;} 
#weblog .post p.published {margin: 0.5em 0 0 0; color: #ca8; font-size: 0.65em; text-transform: uppercase; letter-spacing: 0.2em; }
#weblog .post a img {float:left !important; display:block !important; clear:both !important; margin: 1em 0 !important; }

#sidebar {width: 400px; float:left; margin: 0 0 0 20px;}
#sidebar p.hello {font-size: 1.2em; margin: 0 0 1em 0;}
#sidebar h3 {font-size: 1em; color: #ca8; margin: 1em 0 0 0; padding: 0 0 0.2em 0;}
#sidebar ul {list-style-type:none; margin:0; padding:0;}
#sidebar li {margin:0; padding:0;}
#sidebar li a {display:block; padding: 0.2em 0.3em; border:1px dotted #ca8; margin: 0 0 3px 0;}
#sidebar li a:hover {background: #ca8; text-decoration:none; color: #320;}

/* 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;} */
