@charset "utf-8";
/* CSS Document */

* 					{ margin:0; padding:0;}

html				{ height:100%; margin:0 0 1px; }
body 				{ background:#F9F4E1; font:0.68em/18px Verdana, Geneva, sans-serif; }

#header h1 			{ display:none; }
h2					{ font-size:12px; color:#000; margin:0 0 10px 0; }
h2.welcome			{ background:url(../images/welcome_txt.gif) no-repeat; width:315px; height:20px; text-indent:-5000px; }
h2.products			{ background:url(../images/products2.gif) no-repeat; width:100px; height:21px; text-indent:-5000px; }
h2.photo			{ background:url(../images/title_photo_gallery2.gif) no-repeat; width:157px; height:19px; text-indent:-5000px; }
h2.contact			{ background:url(../images/title_contact_us2.gif) no-repeat; width:131px; height:20px; text-indent:-5000px; }
h3					{ margin:0 0 5px; font-size:1.5em; color:#639E64; }
p 					{ font-size:1.1em; margin:0 0 15px; }
a					{ color:#226F24; text-decoration:none; outline:none; }
a:hover				{ text-decoration:underline; }

#container 			{ width:950px; margin:0 auto; }

/* Header */
#header 			{ background:url(../images/header_bg.jpg) repeat; width:950px; height:160px; margin:0 0 15px; }
#header img 		{ margin:17px 50px 20px; float:left; border:0; }
#header p 			{ float:right; background:url(../images/header_text.gif); width:195px; height:47px; margin:30px 40px 0 0; text-indent:-5000px; }
#header #nav 		{ width:942px; background:url(../images/menu_bg.jpg) repeat-x; height:39px; margin:0 0 0 4px; clear:both; }
#header #nav ul 	{ list-style:none; margin-left:180px; }
#header #nav li 	{ float:left; display:block; height:36px; margin-right:80px; line-height:36px; background-position:0 12px; background-repeat:no-repeat; }
#header #nav ul li.home { background-image:url(../images/home.gif); width:48px; }
#header #nav ul li.products { background-image:url(../images/products.gif); width:83px; }
#header #nav ul li.photo { background-image:url(../images/photo_gallery.gif); width:126px; }
#header #nav ul li.contact { background-image:url(../images/contact_us.gif); width:103px; }
#header #nav ul li a { height:36px; width:100%; font-size:0px; text-decoration:none; display:block; line-height:0; color:#D6DAFD; }


/* Main */
#main 				{ width:930px; margin:0 auto; background:url(../images/main_bg.jpg) repeat-y; padding:10px;}
#main img.logo 		{ margin:0 0 20px 3px; }
#main_text 			{ margin:10px; float:left; width:900px; }
#main_text ul		{ margin:0 0 18px 20px; }
#main_text li		{ font-size:1.2em; }
#main_col1			{ margin:10px; float:left; width:55%; }
#main_col2			{ margin:57px 10px 10px 10px; float:left; width:35%; }

#main_images		{ margin:10px 60px; }
.frontImg			{ float:left; width:239px; height:240px; margin:15px 10px 0;}
.frontImg2			{ float:left; width:265px; height:240px; margin:15px 10px 0;}
.caption			{ margin:15px; }

/* Photo Gallery */
#photo-gallery		{ margin:0 0 0 10px; width:910px; }
.item { float:left; width:300px; margin:0; }
.item img { border:0; width:267px; height:124px; }
.item h4 	{ position:relative; top:-22px; left:5px;  }
.item h4.title1 { background:url(../images/txt_bouquets.gif) no-repeat; width:72px; height:15px; text-indent:-5000px;}
.item h4.title2 { background:url(../images/txt_bridal.gif) no-repeat; width:118px; height:14px; text-indent:-5000px;}
.item h4.title3 { background:url(../images/txt_the_garden.gif) no-repeat; width:95px; height:14px; text-indent:-5000px;}
.item h4.title4 { background:url(../images/txt_herbs2.gif) no-repeat; width:42px; height:14px; text-indent:-5000px;}
.item h4.title5 { background:url(../images/txt_seasonal.gif) no-repeat; width:151px; height:14px; text-indent:-5000px;}
.item h4.title6 { background:url(../images/txt_perennials.gif) no-repeat; width:78px; height:14px; text-indent:-5000px;}

p.viewAll {   }
p.viewAll a { background:url(../images/view_all.gif) no-repeat; width:87px; height:13px; display:block; font-size:0; }

#gallery_window { width:480px; height:340px; position:relative; overflow:hidden; margin:0 auto; border:2px #000 solid; }
.gallery_images { position:absolute; float:left; }

#gallery_container { position:absolute;  }
#gallery_container img { float:left; }

.galleryControls	{ margin:25px auto; width:265px; overflow:hidden; }
.galleryControls .prev { background:url(../images/gallery_previous_btn.gif) top right no-repeat; height:51px; display:block; float:left; margin:0 28px 0 0; width:131px; text-indent:-5000px; }
.galleryControls .next { background:url(../images/gallery_nxt_btn.gif) top right no-repeat; width:90px; height:51px; display:block; float:left; margin:0; text-indent:-5000px; }
.galleryControls .another { background:url(../images/another_btn.gif) top right no-repeat; width:5232px; height:31px; display:block; margin:0 0 0 -5000px; clear:both; }

/* Footer */
#footer 			{ background:url(../images/main_line.jpg) no-repeat; width:912px; overflow:auto; margin:10px; }
#footer p 			{ margin:10px 5px; font-size:11px; line-height:15px; }
#footer p.left		{ float:left; width:220px; }
#footer p.right		{ float:right; width:300px; text-align:right; }
#footer p a			{ color:#000; text-decoration:none; } 
#footer p a:hover	{ text-decoration:underline; }

/* Contact */
ul.form				{ list-style-type:none; }
ul.form li			{ width:380px; }
form label			{ width:90px; float:left; margin:0 15px 0 0; text-indent:-5000px; }
form label.name		{ background:url(../images/lbl_name.gif) right top no-repeat; height:14px; }
form label.email	{ background:url(../images/lbl_email.gif) right top no-repeat; height:14px; }
form label.telNo	{ background:url(../images/lbl_tel_num.gif) right top no-repeat; height:13px; }
form label.enquiry	{ background:url(../images/lbl_enquiry.gif) right top no-repeat; height:13px; }
form input, textarea{ width:240px; font-size:11px; padding:2px; margin:0 0 5px 0; float:left; }
form textarea		{ height:140px; }
form input.sub_btn	{ background:url(../images/btn_send_msg.gif) no-repeat; width:139px; height:36px; border:0; display:block; margin:3px 0 0 0; cursor:pointer; padding:36px 0 0 0; overflow: hidden; }
#error_msg 			{ margin:10px 0 30px; }
#error_msg p.fail   { color:#F00; margin:0; }
#error_msg p.success{ color:#62A563; margin:0; }

/* additional classes */
img.main			{ float:right; margin:0 20px 30px 20px; }
div.hr				{ height:3px; background:transparent url(../images/top_shadow.jpg) 0 0 repeat; width:948px; clear:both; }
div.hr hr 			{ display:none; }
p.intro  { background:url(../images/subtext.gif) no-repeat; width:536px; height:10px; margin:15px 0; text-indent:-5000px; }
.required			{ color:#F00; }
.clear { clear:both; }