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

/* TYPOGRAPHY */
 h1{
 	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-variant: small-caps;
	line-height: 25px;
	color: #999999;
 }
 
 h2{
 	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	color: #3399FF;
	line-height: 21px;
 }
 
 h3{
 	font-family: Verdana, Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 21px;
 }
 
 a{
 	color: #FFFFFF;
	text-decoration: none;
 }

 a:hover{
	text-decoration: underline;
 }

 b{
 	color: #EEEEEE;
 }
 
 p{
 	margin: 0 0 10px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
 }
 
 #logo p{
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #EEEEEE;
	text-align: center;
 }
 
 #page-content-footer ul{
 	margin: 7px 0 0 15px;
 }
 
 #page-content-footer #menu a{
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
 }
 
 #page-content-footer p{
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
 	color: #666666;
 }
 
 body{
	background-color: #343434;
	color: #CCCCCC;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	margin: 0;
	padding: 0;
 }

 
/* STRUCTURE */
#wrapper {
	width: 100%;
	background-image:url(../images/bg-wrapper.jpg);
	background-repeat: repeat-x;
}

#page{
	padding: 25px 0 0 0;
	margin: 0 auto;
	width: 940px;
	text-align: left;
}


#page-content{
	width: 960px;
}

#navigation{
	width: 960px;
	height: 30px;
	padding: 10px 0 10px 0;
	background-image:url(../images/bg-menu.png);
	background-repeat: no-repeat;
	margin: 15px 0 12px 0;
	text-align: center;
}

#menu li, #menu a {
	height: 30px;
	display: block;
	font-family: Verdana, "Palatino Linotype", "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	padding: 2px 3px 0 4px;
		}
		
		#menu li {
			float: left;
			list-style: none;
			_display: inline;
		}

		#menu a:hover{
			color:#CCCCCC;
			text-decoration: underline;
		}

#page-header{
	width: 940px;
}

#page-header #logo{
	float: left;
}

#page-header #logo p{
	margin: 4px 0 0 0;
}
 
#page-header #contact{
	float: right;
}

#page-content #main{
	width: 690px;
	background: url(../images/bg-main.png) no-repeat;
	height: 328px;
	float: left;
	padding: 7px 0 0 10px;
	z-index: 1;
}

#page-content #sub-main{
	width: 690px;
	background: url(../images/bg-sub-main.png) no-repeat;
	height: 200px;
	float: left;
	padding: 5px;
}

#page-content #sub-header{
	width: 683px;
	height: 190px;		
}
	
#page-content #sub-header.blue-flowers{
	background:url(../images/sub-header-blue-flowers.jpg);
	background-repeat: no-repeat;
}

	#page-content #sub-header.pink-flowers{
		background:url(../images/sub-header-pink-flowers.jpg);
		background-repeat: no-repeat;
	}
	
	#page-content #sub-header.blue-flowers{
		background:url(../images/sub-header-blue-flowers.jpg);
		background-repeat: no-repeat;
	}
	
	#page-content #sub-header.yellow-flowers{
		background:url(../images/sub-header-yellow-flowers.jpg);
		background-repeat: no-repeat;
	}
	
	#page-content #sub-header.orange-purple-flowers{
		background:url(../images/sub-header-orange-purple-flowers.jpg);
		background-repeat: no-repeat;
	}
	
	#page-content #sub-header.orange-pink-flowers{
		background:url(../images/sub-header-orange-pink-flowers.jpg);
		background-repeat: no-repeat;
	}
	
	#page-content #sub-header.red-white-flowers{
		background:url(../images/sub-header-red-white-flowers.jpg);
		background-repeat: no-repeat;
	}
	
	#page-content #sub-header.green-flowers{
		background:url(../images/sub-header-green-flowers.jpg);
		background-repeat: no-repeat;
	}
	
	#page-content #sub-header.monthly-contest{
		background:url(../images/sub-header-monthly-contest.jpg);
		background-repeat: no-repeat;
	}
	
#page-content #sub-text{
	width: 665px;
	min-height: 275px;
	background: url(../images/bg-sub-text.png) no-repeat;
	float: left;
	padding: 15px;
}

	#page-content #sub-text ul{
		list-style-type: disc;
		margin: 10px 0 20px 45px;
	}

	
	#page-content #sub-text h2{
		margin: 0 0 15px 0;
	}

	#page-content #sub-text.flower-gallery{
	text-align: center;
	margin: 0 10px 0 0;
	padding: 20px 15px 15px 15px;}
	
#page-content #sidebar{
	width: 221px;
	margin: 5px 0 0 0;
	background-image: url(../images/bg-sidebar.png);
	background-position: left;
	background-repeat: no-repeat;
	height: 307px;
	padding: 0 15px 15px 15px;
	text-align: center;
	float: left;
	z-index: -1;
}
	
	#page-content #sidebar h1{
		margin: 0 0 10px 0;
	}
	
	#page-content #sidebar ul{
		list-style-type: disc;
		margin: 10px 0 0 15px;
		text-align: left;
		padding: 0 10px 0 10px;
	}
	
	#page-content #sidebar li{
		padding: 0 0 10px 0;
	}

	#page-content #sidebar.small{
		height: 132px;
		width: 210px;
		background-image: url(../images/sidebar-small.png);
		background-repeat: no-repeat;
		text-align: center;
		padding: 75px 10px 0 10px;
		margin: -4px 0 0 0;
	}
	
#menu-footer{
	width: 925px;
	height: 33px;
	text-align: center;
	margin: 20px 0 20px 0;
	padding: 10px 0 0 15px;}

#menu-footer li, #menu-footer a {
	height: 30px;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #CCCCCC;
	padding: 0 3px 0 3px;}
		
		#menu-footer li {
			float: left;
			list-style: none;
			_display: inline;
		}
		
.company{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 32px;
	line-height: 23px;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0 0 5px 0;
}

#contact{
	font-family: Adobe Carlson Pro, Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #CCCCCC;
}

.phone-number{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 19px;
	color: #EEEEEE;
}


.flower-type{
	background: url(../images/bg-flower-type.png) no-repeat;
	width: 200px;
	height: 107px;
	padding: 10px;
	float: left;
	margin: 0 20px 0 0;
}

	.flower-type a{
		color: #FF99CC;
		text-decoration: none;
	}
	
	.flower-type a:hover{
		color: #0099CC;
	}
	

.clear{
	clear: both;
	height: 0;
	line-height: 0;
}

#page-content-footer{
	width: 940px;
	text-align:center;
	margin: 100px auto;
	background-image: url(../images/bg-footer-menu.jpg);
	background-repeat: no-repeat;

}

#footer-copyright{
	float: left;
	text-align: left;
	font-size: 10px;
}

	#footer-copyright a{
		color:#999999;
		text-decoration: none;
	}
	
	
	#footer-copyright a:hover{
		color:#FFFFFF;
	}

#footer-fish{
	text-align: center;
	float: left;
	margin: 0 0 0 20px;
}

	
#footer-contact{
	float: right;
	text-align: right;
	color: #666666;
	font-size: 10px;
}

#footer-graphic{
	background-image:url(../images/footer-graphic.jpg);
	width: 241px;
	height: 68px;
	margin: 0 auto;
}



#flowerlist ul{
	list-style-type: disc;
	margin: 10px 0 20px 45px;
}

#flowerlist li {
  float: left;
  width: 14em;
  margin: 0 0 0 6px;
  padding: 0 9px 0 6px; /* left padding moves the text away from the bullet */
  list-style-type: disc;
} 


/* PAGE COLOR SETS */
#gallery .company{
	color: #CCCCCC;
}

#gallery h2{
	color: #CCCCCC;
}

#gallery a:hover{
	color: #CCCCCC;
}

#contact .company{
	color: #D191F1;
}

#contact h2{
	color: #D191F1;
}

#contact a:hover{
	color: #D191F1;
}

#wedding .company{
	color: #3399FF;
}

#wedding h2{
	color: #3399FF;
}

#wedding a:hover{
	color: #3399FF;
}

#funeral .company{
	color: #FF99CC;
}

#funeral h2{
	color: #FF99CC;
}

#funeral a:hover{
	color: #FF99CC;
}


#special .company{
	color: #FFCC00;
}

#special h2{
	color: #FFCC00;
}

#special a:hover{
	color: #FFCC00;
}


#floral .company{
	color: #FF9900;
}

#floral h2{
	color: #FF9900;
}

#floral a:hover{
	color: #FF9900;
}

#testimonials .company{
	color: #CC0000;
}

#testimonials h2{
	color: #CC0000;
}

#testimonials a:hover{
	color: #CC0000;
}

#links .company{
	color: #E1CF51;
}

#links h2{
	color: #E1CF51;
}

#links a:hover{
	color: #E1CF51;
}

#contact-form{
	width: 495px;
	float: left;
	margin: 25 0 0 125px;
}

	.contact-form-row{
		float: left;
		margin: 0 0 12px 0;
	}
	
#contest-form{
	width: 295px;
	float: left;
	margin: 15px 0 0 0;
}

	.contest-form-row{
		float: left;
		margin: 0 0 12px 0;
	}
	
	.control{
		width: 275px;
		padding: 4px;
		font-size: 14px;
	}
	
	.button{
		font-size: 11px;
		padding: 4px;
	}
	
	.field-label{
		color:#FFFFFF;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		margin: 0 0 4px 0;
		padding: 0 0 2px 0;
		width: 175px;
	}
	
	#message{
		float: left;
		padding: 15px;
		text-align: left;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
	}