@charset "utf-8";
/* CSS speicifications for screen rendering of Peter's Wholesale Florist website */


body {
	margin:0 0 0 0;
	padding:0 0 0 0;
	background:#000000;
}

#body_content {
	position:relative;
}

/* Header area - Company logo */
#header {
	width:698px;
	height:71px;
	margin:0 auto 0 auto;
}
.home #header {
	height:100px;
	text-align:center;
}
#header a img {
	border:none;
}
#peters_logo {
	border:none;
	top:0px;
	margin:0 0 0 0;
	width:156px;
	height:53px;
}
.home #peters_logo {
	width:280px;
	height:100px;
}

/* Main stage and content areas */
#stage {
	height:399px;
	width:698px;
	margin:0 auto 0 auto;
	position:relative;
	background-color:#303030;
}
.home #stage {
	background-color:transparent;
	margin-top:48px;
}
.home #stage_content {
	position:absolute;
	top:0px;
	width:698px;
	height:322px;
	color:#ffffff;
}
#stage #content {
	top:98px;
	position:absolute;
	margin:0px 20px 0px 20px;
	width:658px;
	height: 300px;
	left: 1px;
}
#stage #content p { margin: 5px 0 15px 0;}
#stage #content p.small_font {
	margin: 0px 0 6px 0;
	font-size:71%;
	line-height: 1.4em;
}
#stage #content a,
#stage #content a:visited { color:#06F; }
#stage #content a:hover {
	color:#0C0;
}
.testimonials #stage #content {
	overflow:auto;
}
#stage_background {
	position:absolute;
	top:155px;
	height:420px;
	width:100%;
	background:url(img/stage_backround.png) repeat-x;
}
#stage_reflection {
	position:relative;
	top:0px;
	width:698px;
	height:72px;
	margin:0 auto 0 auto;
	background:url(img/stage_reflection.png) repeat-x;
}
#stage p {
	color:#ffffff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:1.25;
}

/* Home Page Image Panel Buttons */
.button_panel {
	position:absolute;
	top:0px;
	width:108px;
	height:393px;
}
.button_panel a {
	position:absolute;
	display:block;
	top:0px;
	left:0px;
	width:108px;
	height:321px;
	text-decoration:none;
	background-position:0px 0px;
}
.button_panel a:hover {background-position:-108px 0px;}
.button_panel a span {
	visibility:hidden;
}
.button_panel .reflection {
	position:absolute;
	top:323px;
	left:0px;
	width:108px;
	height:72px;
}
#button_panel_about_us {left:0px;}
#button_panel_about_us a {background:url(img/home_panel_about_us_button.jpg);}
#button_panel_about_us .reflection {background:url(img/home_pnl_about_us_reflect.jpg);}
#button_panel_wholesale_trade {left:118px;}
#button_panel_wholesale_trade a {background:url(img/home_panel_wholesale_trade_button.jpg);}
#button_panel_wholesale_trade .reflection {background:url(img/home_pnl_wholesale_trade_reflect.jpg);}
#button_panel_testimonials {left:236px;}
#button_panel_testimonials a {background:url(img/home_panel_testimonials_button.jpg);}
#button_panel_testimonials .reflection {background:url(img/home_pnl_testimonials_reflect.jpg);}
#button_panel_flower_list {left:354px;}
#button_panel_flower_list a {background:url(img/home_panel_flower_list_button.jpg);}
#button_panel_flower_list .reflection {background:url(img/home_pnl_flower_list_reflect.jpg);}
#button_panel_gallery {left:472px;}
#button_panel_gallery a {background:url(img/home_panel_gallery_button.jpg);}
#button_panel_gallery .reflection {background:url(img/home_pnl_gallery_reflect.jpg);}
#button_panel_contact_us {left:590px;}
#button_panel_contact_us a {background:url(img/home_panel_contact_us_button.jpg);}
#button_panel_contact_us .reflection {background:url(img/home_pnl_contact_us_reflect.jpg);}
/* Home Page Image Panel Buttons Hover States */
#button_panel_home a:hover, 
#button_panel_about_us a:hover, 
#button_panel_wholesale_trade a:hover, 
#button_panel_testimonials a:hover, 
#button_panel_flower_list a:hover, 
#button_panel_gallery a:hover, 
#button_panel_contact_us a:hover {
	background-position:-108px 0px;
}

/* Page Footers (Slogan and Contact Info) */
#slogan {
	position:relative;
	width:698px;
	margin:-32px auto 0px auto;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	text-align:center;
	color: #bfbfbf;
}
.home #slogan {
	top:394px;
	position:absolute;
}
#footer {
	position:relative;
	width:698px;
	margin:43px auto 0 auto;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#ffffff;
}
.home #footer {
	top:379px;
	position:absolute;
}

/* Navigation Bars */
#nav_bar,
#subnav_bar {
	display:block;
	position:absolute;
	width:531px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	left:147px;
	top:10px;
	height:19px;
}
#subnav_bar {
	left:210px;
	top:70px;
	width:200px;
}
#nav_bar a,
#subnav_bar a {
	display:block;
	position:absolute;
	height:19px;
}
#nav_bar a span,
#subnav_bar a span {
	visibility:hidden;
	display:none;
}

/* Navigation Bar Hover and Current State Indicators */
.home #nav_bar a.nav_home,
#nav_bar a.nav_home:hover,
.about_us #nav_bar a.nav_about_us,
#nav_bar a.nav_about_us:hover,
.wholesale_trade #nav_bar a.nav_wholesale_trade,
#nav_bar a.nav_wholesale_trade:hover,
.testimonials #nav_bar a.nav_testimonials,
#nav_bar a.nav_testimonials:hover,
.flower_list #nav_bar a.nav_flower_list,
#nav_bar a.nav_flower_list:hover,
.gallery #nav_bar a.nav_gallery,
#nav_bar a.nav_gallery:hover,
.contact_us #nav_bar a.nav_contact_us,
#nav_bar a.nav_contact_us:hover {
	background-position:0px -19px;
}
/* Navigation Bar Images */
#nav_bar a.nav_home {background:url(img/nav_home.png); width:36px; left:0px;}
#nav_bar a.nav_about_us {background:url(img/nav_about_us.png); width:59px; left:46px;}
#nav_bar a.nav_wholesale_trade {background:url(img/nav_wholesale_trade.png); width:108px; left:115px;}
#nav_bar a.nav_testimonials {background:url(img/nav_testimonials.png); width:83px; left:233px;}
#nav_bar a.nav_flower_list {background:url(img/nav_flower_list.png); width:72px; left:326px;}
#nav_bar a.nav_gallery {background:url(img/nav_gallery.png); width:44px; left:408px;}
#nav_bar a.nav_contact_us {background:url(img/nav_contact_us.png); width:69px; left:462px;}

/* Subnaviation Bar (Gallery) Hover and Current State Indicators */
.weddings #subnav_bar a.subnav_weddings,
#subnav_bar a.subnav_weddings:hover,
.events #subnav_bar a.subnav_events,
#subnav_bar a.subnav_events:hover,
.funerals #subnav_bar a.subnav_funerals,
#subnav_bar a.subnav_funerals:hover {
	background-position:0px -19px;
}
/* Subnavigation Bar Images */
#subnav_bar a.subnav_weddings {background:url(img/subnav_weddings.png); width:62px; left:0px;}
#subnav_bar a.subnav_events {background:url(img/subnav_events.png); width:42px; left:72px;}
#subnav_bar a.subnav_funerals {background:url(img/subnav_funerals.png); width:55px; left:124px;}


/* Page Title Images */
#title {
	position:absolute;
	top:56px;
	left:47px;
	height:27px;
}
#title h1 {
	display: none;
}
.about_us #title {
	background:url(img/title_about_us.png);
	width:191px;
}
.wholesale_trade #title {
	background:url(img/title_wholesale_trade.png);
	width:348px;
}
.testimonials #title {
	background:url(img/title_testimonials.png);
	width:266px;
}
.flower_list #title {
	background:url(img/title_flower_list.png);
	width:228px;
}
.gallery #title {
	background:url(img/title_gallery.png);
	width:161px;
}
.contact_us #title {
	background:url(img/title_contact_us.png);
	width:233px;
}

/* Gallery images, info box, thumbnail images and navigation links */
#large_image {
	position:absolute;
	top:110px;
	left:15px;
	border:5px solid #374ab1;
	width:286px;
	height:264px;
	background-color:#ffffff;
}
#large_image.no_text {
	left:89px;
}
#large_image img {
	width:286px;
	height:264px;
}
.flower_list #large_image {
	top:101px;
	left:29px;
	width:208px;
	height:277px;
}
.flower_list #large_image img {
	width:208px;
	height:277px;
}
#large_image_info {
	position:absolute;
	top:125px;
	left:307px;
	border:5px solid #374ab1;
	width:137px;
	height:231px;
	background-color:#d0d0d0;
	overflow:auto;
	color:#000000;
	text-align:left;
	font:9px Verdana, Geneva, sans-serif;
	line-height:1.25;
	padding:0px 3px 3px 3px;
}
.flower_list #large_image_info {
	top:114px;
	left:242px;
	width:144px;
	height:251px;
}
#large_image_info .title {
	font:bold 12px Verdana, Geneva, sans-serif;
	color:#000000;
	text-align:center;
	border-bottom:1px solid #000000;
	margin: 3px 2px 4px 2px;
}
#large_image_info p {
	color:#000000;
	text-align:left;
	margin: 0px 3px 5px 3px;
	font-size: 9px;
	line-height: 1.25;
}
.thumbnail_image {
	position:absolute;
	border:3px solid #374ab1;
	width:60px;
	height:55px;
	background-color:#ffffff;
}
.flower_list .thumbnail_image {
	height:80px;
}

#tn1, #tn2, #tn3 {top:120px;}
#tn4, #tn5, #tn6 {top:186px;}
#tn7, #tn8, #tn9 {top:252px;}
#tn10, #tn11, #tn12 {top:318px;}
#tn1, #tn4, #tn7, #tn10 {left:475px;}
#tn2, #tn5, #tn8, #tn11 {left:546px;}
#tn3, #tn6, #tn9, #tn12 {left:617px;}

.flower_list #tn1, .flower_list #tn2, .flower_list #tn3 {top:101px;}
.flower_list #tn4, .flower_list #tn5, .flower_list #tn6 {top:201px;}
.flower_list #tn7, .flower_list #tn8, .flower_list #tn9 {top:301px;}
.flower_list #tn1, .flower_list #tn4, .flower_list #tn7 {left:431px;}
.flower_list #tn2, .flower_list #tn5, .flower_list #tn8 {left:517px;}
.flower_list #tn3, .flower_list #tn6, .flower_list #tn9 {left:603px;}
.events #large_image,
.events #large_image_info,
.events .thumbnail_image {
	border-color:#727cb0;
}
.funerals #large_image,
.funerals #large_image_info,
.funerals .thumbnail_image {
	border-color:#969ab0;
}
.flower_list #large_image,
.flower_list #large_image_info,
.flower_list .thumbnail_image {
	border-color:#5ba400;
}

/* Thumbnail Navigation Bar */
#thumbnail_nav {
	position:absolute;
	color:#ffffff;
	font:9px Verdana, Geneva, sans-serif;
	left:474px;
	top:101px;
	width:208px;
	text-align:center;
}
.flower_list #thumbnail_nav {
	width:237px;
	left:431px;
	top:82px;
}
#thumbnail_nav a,
#thumbnail_nav a:visited {
	color:#ffffff;
	text-decoration:none;
}
#thumbnail_nav a:hover {
	text-decoration:underline;
}
#thumbnail_nav div.left {
	position:absolute;
	width:79px;
	left:0px;
	text-align:left;
}
.flower_list #thumbnail_nav div.left {
	width:79px;
	left:0px;
}
#thumbnail_nav div.center {
	position:absolute;
	width:48px;
	left:79px;
	text-align:center;
}
.flower_list #thumbnail_nav div.center {
	width:79px;
	left:79px;
}
#thumbnail_nav div.right {
	position:absolute;
	width:79px;
	left:130px;
	text-align:right;
}
.flower_list #thumbnail_nav div.right {
	width:79px;
	left:158px;
}

/* Miscellaneous Classes */
.disabled { color:#666; }

#under_construction {
	background:url(img/under_construction_1.png);
	margin:50px auto;
	height:200px;
	width:458px;
}
.even_row { background-color:#292929; }