/* Start: Reset Styles */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}
	
body {
	line-height: 1;
	}
	
ol, ul {
	list-style: none;
	}
	
blockquote, q {
	quotes: none;
	}
	
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}

/* remember to define focus styles! */
:focus {
	outline: 0;
	}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
	}
	
del {
	text-decoration: line-through;
	}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	}

/* End: Reset Styles */

/* Start: Typography */

body  {
	color: #000;
	font-size: 1em;
	line-height: 20px;
	}
	
a  {
	color: #000;
	}

.textblockleft p {
	color: #858c9a
	}
	
.textblockcentre h1 {
	padding-bottom: 20px;
	}
	
.textblockcentre p.intro {
	/*color: #585f6e;*/
	color: #3e434e;
	font-size: 1.1em;
	line-height: 20px;
	padding-bottom: 10px;
	}

.textblockcentre p {
	color: #000;
	font-size: 1em;
	line-height: 18px;
	}
	
#contactinfo {
	font-size: 1.1em;
	padding-top: 10px;
	}

#contactinfo p, #contactinfo a {
	color: #373f4f;
	line-height: 20px;
	}
	
#contactinfo span {
	clear:left;
	float: left;
	}
	
#contactinfo span.tel, #contactinfo span.email, #contactinfo span.time {
	clear: none;
	float: right;
	width: 15em;
	}
	
#contactform, #contactform input {
	font-size: 1.05em;
	}
	
#footer li, #footer p {
	font-weight: normal;
	font-size: 0.88em;
	}
	
#footer a, #footer a:hover {
	color: #000;
	text-decoration: none;
	}

#footer a:hover {
	text-decoration: underline;
	}
	
#copyright {
	color: #616570;
}

.wirhs p {
	color: #fff;
	}
	
div.midquote p, div.midquoteblank p {
	padding: 1em 20px 1em 20px;
	color: #fff;
	font-family: georgia;
	font-style: italic;
	text-align: center;
	}
	
.large {
	font-size: 1.3em;
	}
	
.largequotes {

	font-family: Georgia;
	}

p.inlinelhs a {
	display: block;
	float: left;
	padding-left:10px;
	padding-top: 10px;
	padding-bottom: 5px;
	color: #fff;
	text-decoration: none;
}
	
p.inlinerhs a {
	display: block;
	float: right;
	padding-right:10px;
	padding-top: 10px;
	padding-bottom: 5px;
	color: #fff;
	text-decoration: none;
}

p.inline a:hover {
	text-decoration: underline;
	}
	
ul.services {
	margin-left: 5px;
	padding-left: 10px;
	}
	
ul.services li {
	list-style: circle;
	list-style-position: outside;
	padding-top: 5px;
	}
	
/* End: Typography */

/* Start: Layout */

.clear {
	clear: both;
	}
	
.padbot {
	padding-bottom: 10px;
	}
	
.padtop {
	padding-top: 15px;
	}
	
.padtopleft {
	padding-top: 15px;
	margin-left: 15px;
	list-style: circle;
	}


body {
	font: small Arial, Helvetica, sans-serif;
	text-align: center;
   	min-width: 780px;
	background-color: #aaafb8;
	background-image: url(../img/bgrnd_grd.jpg);
	background-repeat: repeat-y;
	background-position: center;
	}

.wrapper {
	position: relative;
	width: 766px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	}
	
.wrapperimage {
	position: relative;
	width: 766px;
	height: 268px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-image: url(../img/flowerroom.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	}
	
#header {
	display: block;
	padding-top: 10px;
	padding-bottom: 22px;
	}
	
#header .contact {
	position: absolute;
	right: 0px;
	bottom: 0px;
	display: block;
	}
	
#globalnav {
	background-color: #000;
	margin-bottom: 18px;
	min-height: 33px;
	text-align: center;
	}

#globalnav li {
	float: left;
	}

	
#mainstage {
	background-color: #1b1c1f;
	border-bottom: 10px solid #000;
	
	}
	
#daughtermainstage {
	background-color: #b7bbc3;
	border-top: 1px solid #b8bcc5;
	background-image: url(../img/daughterbgrnd.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	padding-top: 33px;
	padding-bottom: 30px;
	}
	
#imageright {
	float: right;
	}
	
#subnavholder {
	width: 137px;
	float: left;
	}
	
#subnav a {
	display: block;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 5px;
	width: 137px;
	text-decoration: none;
	border-bottom: 1px solid #333;
	text-transform: uppercase;
	font-size: .8em;
	color: #000;
	}

#subnav .dotbot a {
	border-bottom: 1px dotted #858c9a;
	padding-top: 5px;
	padding-bottom: 5px;
	}

#subnav .nodot a {
	border-bottom: 0px dotted #333;
	padding-top: 7px;
	padding-left: 10px;
	color:  #585f6e;
	}

#subnav .nodoton a {
	border-bottom: 0px dotted #333;
	padding-top: 7px;
	padding-left: 10px;
	color:  #585f6e;
	background-color: #858c9a;
	}

#subnav .botsolid a {
	border-bottom: 1px solid #333;
	padding-left: 10px;
	padding-bottom: 10px;
	color:  #585f6e;
}

#subnav a:hover {
	background-color: #858c9a;
}

.on {
	background-color: #858c9a;
	}

.textblockcentre {
	margin-left: 46px;
	width: 481px;
	float: left;
	}
	
#clickthroughs {
	padding-top: 20px;
	margin-left: 100px;
	width: 570px;
	float: left;
	}

#clickthroughs #col1, #clickthroughs #col2 {
	width: 250px;
	float: left;
	}
	
#clickthroughs #col1 {
	padding-right: 13px;
	border-right: 1px solid #616570;
	}
	
#clickthroughs #col2 {
	padding-left: 40px;
	}

.textblockleft {
	width: 340px;
	position: relative;
	margin-bottom: 22px;
	}
	
.textblockleft p.cta {
	text-align: right;
	padding: 42px 0 0 0;
	}
	
#righthand {
	float: left;
	padding-left: 30px;
	text-align: right;
	}

#contactform {
	width: 426px;
	}

#substage {
	background-color: #b8bbc4;
	border-top: 1px solid #b6bac2;
	background-image: url(../img/bgrnd_grd-substage.jpg);
	background-repeat: repeat-x;
	min-height: 220px;
	}
	
#substage #col1 {
	border-left: 1px solid #616570;
	border-right: 1px solid #616570;
	width: 295px;
	float: left;
	padding: 0 40px 0 40px;
	margin-top: 10px;
	margin-bottom: 20px;
	}
	
#col1 img, #col2 img {
	margin-bottom: 7px;
	}
	
#col1 p.cta {
	padding: 24px 23px 0 0;
	text-align: right;
	}
	

#substage #col2 {
	float: left;
	border-right: 1px solid #616570;
	width: 295px;
	padding: 0 45px 0 45px;
	margin-top: 10px;
	margin-bottom: 20px;
	}
	
#col2 p.cta {
	padding: 24px 15px 0 0;
	text-align: right;
	}
	
#imagedisplay, #imagedisplay2, #imagedisplay3, #imagedisplay4, #imagedisplay5, #imagedisplay6, #imagedisplay7, #imagedisplay8, #imagedisplay9 {
	margin-bottom: 20px;
	width: 460px;
	background-color: #202123;
	padding-bottom: 5px;
	padding-right: 1px;
	}
	
#stage {
	clear: both;
	width: 460px;
	height: 320px;
	overflow: hidden;
	}
	
#imagescroll {
	height: 1000px;
	}

	
#imagedisplay img, #imagedisplay2 img, #imagedisplay3 img, #imagedisplay4 img, #imagedisplay5 img, #imagedisplay6 img, #imagedisplay7 img, #imagedisplay8 img, #imagedisplay9 img {
	float: left;
	padding-top: 5px;
	}
	
div.midquote {
	margin-top: 20px;
	width: 466px;
	background-image: url(../img/quotebg.gif);
	background-repeat: no-repeat;
	padding-bottom: 0px;
	padding-right: 1px;
	background-color: #2e3136;
	}
	
div.midquoteblank {
	margin-top: 20px;
	width: 466px;
	background-image: url(../img/quotebgblank.gif);
	background-repeat: no-repeat;
	padding-bottom: 0px;
	padding-right: 1px;
	background-color: #2e3136;
	}
		
div.weddingvenues {
	margin-top: 20px;
	width: 460px;
	background-color: #101011;
	padding-bottom: 10px;
	padding-right: 1px;
	}
	
div.venueinternal {
	margin-top: 20px;
	background-color: #35373c;
	margin: 0 10px 0 10px;
	border: 1px solid #000;
	background-image: url(../img/quotes.gif);
	background-position: top right;
	background-repeat: no-repeat;
	}
	
div.venueinternalblank {
	margin-top: 20px;
	background-color: #35373c;
	margin: 0 10px 0 10px;
	border: 1px solid #000;
	background-image: url(../img/quotes-blank.gif);
	background-position: top right;
	background-repeat: no-repeat;
	}
	
div.venueinternal img, div.venueinternalblank img {
	float: left;
	}
	
div.wirhs {
	width: 185px;
	float: right;
	margin-right: 5px;
	padding: 5px 0 0 5px;
	}
	
p.ctafom a {
	float: right;
	margin-top: 5px;
	margin-bottom: 5px; 
	}

#footer {
	position: relative;
	background-color: #858c9a;
	border-top: 1px solid #6a707b;
	min-height: 80px;
	padding-top: 25px;
	}
	
#footer ul {
	padding-bottom: 4px;
	}
	
#footer li {
	display: inline;
	}

#copyright {
	position: absolute;
	right: 0px;
	top: 0px;
	}
	
.floatlhs {
	width: 230px;
	float: left;
	}
	
.floatrhs {
	width: 230px;
	float: right;
	}

/* End: Layout */

/* Start: Form Styling */

#contactformhold {
	margin-top: 20px;
	width: 460px;
	background-color: #9ea3ae;
	padding-bottom: 4px;
	margin-bottom: 20px;
	}

#contactform {
	width: 426px;
	background-color: #d5dfe0;
	margin: 0 15px 15px 15px;
	}
	
#contactformhold p {
	padding: 10px;
	}

#contactform legend {
	text-indent: -1000em;
	border: 0px;
	}

#details li {
	display: block;
	float: left;
	padding-bottom: 10px;
	}
	
#details li label {
	display: block;
	float: left;
	width: 150px;
	text-align: right;
	padding-right: 20px;
	}

#details input {
 	width: 230px;
 	float: left;
 	border: 1px solid #333;

 	}
 	
#details textarea {
	width: 230px;
	border: 1px solid #000;
	padding: 0px;
	}
 	
 li.clear {
 	clear: both;
 }
 
p.submitfinal {
 	float: right;
 	margin-right: 20px;
 }
 
#floatright {
	float: right;
	padding-right: 25px;
	padding-bottom: 5px;
	}
	
input {
	font-family: arial;
	color: #000;
	font-size: 0.95em;
	line-height: 20px;
	}

textarea {
	font-family: arial;
	color: #000;
	font-size: 1.1em;
	line-height: 20px;
	}
 
/* End: Form Styling */

/* Start: Image Replace */
/* Header */

#header .contact li#tel {
	display: block;
	text-indent: -1000em;
	background-image: url(../img/telephone.gif);
	background-repeat: no-repeat;
	width: 178px;
	height: 13px;
	padding-bottom: 5px;
}

#header .contact li#email a {
	display: block;
	text-indent: -1000em;
	background-image: url(../img/email.gif);
	background-repeat: no-repeat;
	width: 178px;
	height: 11px;
	}

/* Global Nav */

a#gnhome  {
	display: block;
	text-indent: -1000em;
	background-image: url(../img/gnav.gif);
	width: 74px;
	height: 33px;
	background-position: -8px 0;
	background-repeat: no-repeat;
	margin-left: 8px;
	}

a:hover#gnhome  {
	background-position: -8px -33px;
	}
	
a#gnfloral {
	display: block;
	text-indent: -1000em;
	background-image: url(../img/gnav.gif);
	width: 202px;
	height: 33px;
	background-position: -114px 0;
	margin-left: 29px;
	}
	
a:hover#gnfloral {
	background-position: -114px -33px;
	}
	
a#gnshop {
	display: block;
	text-indent: -1000em;
	background-image: url(../img/gnav.gif);
	width: 111px;
	height: 33px;
	background-position: -331px 0;
	margin-left: 29px;
	}
	
a:hover#gnshop {
	background-position: -331px -33px;
	}
	
a#gncontact {
	display: block;
	text-indent: -1000em;
	background-image: url(../img/gnav.gif);
	width: 132px;
	height: 33px;
	background-position: -463px 0;
	margin-left: 29px;
	}
	
a:hover#gncontact {
	background-position: -463px -33px;
	}
	
a#gnabout {
	display: block;
	text-indent: -1000em;
	background-image: url(../img/gnav.gif);
	width: 109px;
	height: 33px;
	background-position: -614px 0;
	margin-left: 29px;
	}
	
a:hover#gnabout {
	background-position: -614px -33px;
	}
	
/* Mainstage */

#mainstage h1 {
	display: block;
	text-indent: -1000em;
	background-image: url(../img/magical-flowers.gif);
	width: 367px;
	height: 82px;
	padding-bottom: 15px;
	}
	
/* DaughterStage */

#daughtermainstage h1.fine {
	display: block;
	text-indent: -1000em;
	background-image: url(../img/flowerdesigns.gif);
	background-repeat: no-repeat;
	width: 276px;
	height: 59px;
	}
	
#daughtermainstage h1.shop {
	display: block;
	text-indent: -1000em;
	background-image: url(../img/our-shop-header.gif);
	background-repeat: no-repeat;
	width: 162px;
	height: 27px;
	}
	
#daughtermainstage h1.privacy {
	display: block;
	text-indent: -1000em;
	background-image: url(../img/privacypolicy.gif);
	background-repeat: no-repeat;
	width: 279px;
	height: 27px;
	}
	
#daughtermainstage h1.terms {
	display: block;
	text-indent: -1000em;
	background-image: url(../img/terms.gif);
	background-repeat: no-repeat;
	width: 339px;
	height: 27px;
	}
	
#daughtermainstage h1.contact {
	display: block;
	text-indent: -1000em;
	background-image: url(../img/contactus.gif);
	background-repeat: no-repeat;
	width: 200px;
	height: 27px;
	}
	
#daughtermainstage h1.aboutus {
	display: block;
	text-indent: -1000em;
	background-image: url(../img/about-us.gif);
	background-repeat: no-repeat;
	width: 157px;
	height: 27px;
	}
	
#daughtermainstage h1.venues {
	display: block;
	text-indent: -1000em;
	background-image: url(../img/weddingvenues.gif);
	background-repeat: no-repeat;
	width: 279px;
	height: 27px;
	}
	
#daughtermainstage h1.business {
	display: block;
	text-indent: -1000em;
	background-image: url(../img/businessflowershead.gif);
	background-repeat: no-repeat;
	width: 279px;
	height: 27px;
	}
	
#daughtermainstage h1.lifestyle {
	display: block;
	text-indent: -1000em;
	background-image: url(../img/lifestylehead.gif);
	background-repeat: no-repeat;
	width: 242px;
	height: 27px;
	}
	
#daughtermainstage h1.commuterflowers {
	display: block;
	text-indent: -1000em;
	background-image: url(../img/commuterflowers.gif);
	background-repeat: no-repeat;
	width: 329px;
	height: 27px;
	}
	
#daughtermainstage h1.interflora {
	display: block;
	text-indent: -1000em;
	background-image: url(../img/interflora.gif);
	background-repeat: no-repeat;
	width: 184px;
	height: 27px;
	}
	
#daughtermainstage h1.comments {
	display: block;
	text-indent: -1000em;
	background-image: url(../img/clientcomments.gif);
	background-repeat: no-repeat;
	width: 294px;
	height: 27px;
	}
	
#daughtermainstage h4.personalaccounts {
	display: block;
	text-indent: -1000em;
	background-image: url(../img/personalaccounts.gif);
	background-repeat: no-repeat;
	width: 171px;
	height: 13px;
	margin-top: 20px;
	margin-bottom: 5px;
	}
	
#contactformhold h3.infofill {
	display: block;
	text-indent: -1000em;
	background-color: #202123;
	background-image: url(../img/pleasefillinfo.gif);
	background-repeat: no-repeat;
	width: 460px;
	height: 36px;
	}
	
#imagedisplay h3.someexamples, #imagedisplay2 h3.someexamples, #imagedisplay3 h3.someexamples, #imagedisplay4 h3.someexamples, #imagedisplay5 h3.someexamples, #imagedisplay6 h3.someexamples, #imagedisplay7 h3.someexamples, #imagedisplay8 h3.someexamples, #imagedisplay9 h3.someexamples {
	display: block;
	text-indent: -1000em;
	background-color: #202123;
	background-image: url(../img/some-examples.gif);
	background-repeat: no-repeat;
	width: 325px;
	height: 26px;
	padding-bottom: 5px;
	}
	
#imagedisplay h3.someexamplesbuss {
	display: block;
	text-indent: -1000em;
	background-color: #202123;
	background-image: url(../img/businessflowersexmp.gif);
	background-repeat: no-repeat;
	width: 317px;
	height: 26px;
	padding-bottom: 5px;
	}
	
#imagedisplay h3.someexampleshome {
	display: block;
	text-indent: -1000em;
	background-image: url(../img/homeflowersexmp.gif);
	background-repeat: no-repeat;
	width: 297px;
	height: 26px;
	padding-bottom: 5px;
	}
	
#imagedisplay h3.flwrexamples {
	display: block;
	text-indent: -1000em;
	background-image: url(../img/flowerexmp.gif);
	background-repeat: no-repeat;
	width: 247px;
	height: 27px;
	padding-bottom: 5px;
	}
	
/* Wedding Venues */

.weddingvenues h3 {
	display: block;
	text-indent: -1000em;
	background-color: #101011;
	background-repeat: no-repeat;
	}
	
	
.weddingvenues h3.waddesdon {
	text-indent: -1000em;
	display: block;
	background-image: url(../img/waddesdon.gif);
	width: 256px;
	height: 34px;
	}
	
.weddingvenues h3.missenden {
	text-indent: -1000em;
	display: block;
	background-image: url(../img/missendenabbey.gif);
	width: 134px;
	height: 34px;
	}
	
.weddingvenues h3.hampden {
	text-indent: -1000em;
	display: block;
	background-image: url(../img/hampdenhouse.gif);
	width: 132px;
	height: 33px;
	}
	
.weddingvenues h3.uplands {
	text-indent: -1000em;
	display: block;
	background-image: url(../img/uplandsconference.gif);
	width: 232px;
	height: 33px;
	}
	
/* Clickthroughs */

#clickthroughs #col1 h2.wedding {
	display: block;
	text-indent: -1000em;
	background-image: url(../img/wedding-flowers-sml.gif);
	background-repeat: no-repeat;
	width: 80px;
	height: 13px;
	padding-bottom: 10px;
	}
	
#clickthroughs #col2 h2.business {
	display: block;
	text-indent: -1000em;
	background-image: url(../img/business-flowers-sml.gif);
	background-repeat: no-repeat;
	width: 132px;
	height: 12px;
	padding-bottom: 10px;
	}
	
/* Substage */

#substage #col1 h2 {
	display: block;
	text-indent: -1000em;
	background-image: url(../img/business-services.gif);
	background-repeat: no-repeat;
	width: 129px;
	height: 11px;
	margin-top: 7px;
	padding-bottom: 10px;
	}
	
#substage #col2 h2 {
	display: block;
	text-indent: -1000em;
	background-image: url(../img/our-shop.gif);
	background-repeat: no-repeat;
	width: 74px;
	height: 11px;
	margin-top: 7px;
	padding-bottom: 10px;
	}

/* End: Image Replace */

/* Start: Errors */
p.red  {
	color: #ff0000;
	}

#captcha {
	padding: 10px 20px 0 0; 
	float: right;
	}