html, body, form, fieldset, h1, 
h2, h3, h4, h5, h6, p, pre, 
blockquote, ul, ol, dl, address		{margin:0; padding:0; font-size:100%; font-weight:normal;}
ul, li 								{list-style-type:none;}


body { background: url(../images/background.jpg) repeat-x center top #82a4d7;}

#wrapper { font: normal 12px Arial, Helvetica, sans-serif; margin: 0 auto; width: 900px; } 

a { color: #5a5a5a; text-decoration: underline; }
a:hover { color: #b9884e; }
a:active { position: relative; outline: 0; top: 1px; }
p {margin: 10px 0px;}

#header {padding: 0px; padding-top: 15px;}
	
.top-left {
	float: left;
	font-family: "Times New Roman", Times, serif;}
	.top-left h1 {
		color: #1b4685;
		font-size:24px;
		font-weight: bold;
		background: url(../images/logo.jpg) top center no-repeat;}
		
	.top-left p {
		color: #2998ee;
		font-weight: bold;
		font-size: 16px; }
		
.top-right {
font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	text-align: right;
	font-size: 22px;
	color: #1b4685;}
	
	.top-right p{
		font-size:18px;}
		
	.top-right strong {color: #2998ee;}
	
.mainnav{ clear:both; margin-bottom: 10px; border: 1px solid #82a4d7; box-shadow:0 0 4px #3e444e; -moz-box-shadow:0 0 10px #3e444e; -webkit-box-shadow:0 0 10px #3e444e; -moz-border-radius: 1em; -webkit-border-radius: 1em; background: url(../images/nav-bg.jpg) repeat-x center top; width: 900px;}

	.mainnav ul {
		
		height: 39px;
		margin: 0px; }
		
	.mainnav li {
		display: inline;
		line-height: 40px;
		padding: 0 24px;
		text-align: center;
		font-size: 14px;
		}
				
	.mainnav a {
		color: #1b4685;
		font-weight: bold;
		text-decoration:none;}
		
	.mainnav a:hover, .mainnav li.on a { color: #1b4685;}

.banner {
	float: left;
	height: 341px;
width: 890px;
	background: url(../images/banner_new.jpg) no-repeat top left #fff;
	border: #fff solid 5px;
	 box-shadow:0 0 4px #3e444e; -moz-box-shadow:0 0 10px #3e444e; -webkit-box-shadow:0 0 10px #3e444e; -moz-border-radius: 1em; -webkit-border-radius: 1em; margin-bottom: 20px;}

.bannerflorist {
	float: left;
	height: 341px;
width: 890px;
	background: url(../images/florist1.jpg) no-repeat top left #fff;
	border: #fff solid 5px;
	 box-shadow:0 0 4px #3e444e; -moz-box-shadow:0 0 10px #3e444e; -webkit-box-shadow:0 0 10px #3e444e; -moz-border-radius: 1em; -webkit-border-radius: 1em; margin-bottom: 20px;}

.bannernursery {
	float: left;
	height: 341px;
width: 890px;
	background: url(../images/nursery1.jpg) no-repeat top left #fff;
	border: #fff solid 5px;
	 box-shadow:0 0 4px #3e444e; -moz-box-shadow:0 0 10px #3e444e; -webkit-box-shadow:0 0 10px #3e444e; -moz-border-radius: 1em; -webkit-border-radius: 1em; margin-bottom: 20px;}

.bannerfeatured {
	float: left;
	height: 341px;
width: 890px;
	background: url(../images/featuredartists1.jpg) no-repeat top left #fff;
	border: #fff solid 5px;
	 box-shadow:0 0 4px #3e444e; -moz-box-shadow:0 0 10px #3e444e; -webkit-box-shadow:0 0 10px #3e444e; -moz-border-radius: 1em; -webkit-border-radius: 1em; margin-bottom: 20px;}

.bannercontactus {
	float: left;
	height: 341px;
width: 890px;
	background: url(../images/contact1.jpg) no-repeat top left #fff;
	border: #fff solid 5px;
	 box-shadow:0 0 4px #3e444e; -moz-box-shadow:0 0 10px #3e444e; -webkit-box-shadow:0 0 10px #3e444e; -moz-border-radius: 1em; -webkit-border-radius: 1em; margin-bottom: 20px;}

	
.promo p {
	padding-top: 280px;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	padding-bottom: 30px;
	margin-left: 30px;
	width: 500px;}

.promoflorist p {
	padding-top: 280px;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	padding-bottom: 30px;
	margin-left: 30px;
	width: 500px;}

.promonursery p {
	padding-top: 280px;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	padding-bottom: 30px;
	margin-left: 30px;
	width: 500px;}

.promofeatured p {
	padding-top: 280px;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	padding-bottom: 30px;
	margin-left: 30px;
	width: 500px;}

.promocontactus p {
	padding-top: 280px;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	padding-bottom: 30px;
	margin-left: 30px;
	width: 500px;}

	
.promo {background: url(../images/promo_new.jpg) no-repeat top right; float: right; width: 300px; height: 340px;}

.promoflorist {background: url(../images/florist2.jpg) no-repeat top right; float: right; width: 300px; height: 340px;}

.promonursery {background: url(../images/nursery2.jpg) no-repeat top right; float: right; width: 300px; height: 340px;}

.promofeatured {background: url(../images/featuredartists2.jpg) no-repeat top right; float: right; width: 300px; height: 340px;}

.promocontactus {background: url(../images/contact2.jpg) no-repeat top right; float: right; width: 300px; height: 340px;}


#main{
	clear: both;
	background: #fff;
	margin-top: 10px;
	padding: 20px;
	float: left;
	 border: 1px solid #fff; box-shadow:0 0 4px #3e444e; -moz-box-shadow:0 0 10px #3e444e; -webkit-box-shadow:0 0 10px #3e444e; -moz-border-radius: 1em; -webkit-border-radius: 1em;}

		.left-col {float: left; border: 5px solid #1b4685; -moz-border-radius: 1em; -webkit-border-radius: 1em; padding: 20px;}
		
		.right-col h2 {
			color: #1b4685;
			font-weight: bold;
			font-size: 22px;
			font-family: "Times New Roman", Times, serif;}
			
				.contact-top h2 {
					color: #ff0000;
					font-weight: bold;
					font-size: 24px;
					background: url(../images/email.jpg) 0px 0px no-repeat;
					padding-left: 50px;}
				.contact-top {font-size: 11px;  margin: 20px;}
				.contact-top strong {color: #ff0000;}						
				.contactform { margin: 20px; margin-top: 10px;}	
				.contactform label {clear: both; font-size: 12px; color: #5a5a5a;}
				.contactform input {clear: both; width: 255px; border: 1px #b8d7f1 solid; margin: 0px;}
				.contactform input.submit {border: 0px;}
				.contactform textarea{clear: both; width: 255px; height: 40px; margin-bottom: 10px; border: 1px #b8d7f1 solid;}
	
		.cta span {color: #ff0000;}
.cta {
	margin-right: 20px;
}
		.right-col {
			float: left;
		 color: #5a5a5a; padding-bottom: 20px;}
			
		.content{padding: 0px 20px;}
		.content h3 {font-weight: bold; color: #2998ee;}
		.content ul {list-style-type: none;}
		.content ul li {
			font-size: 12px;
			background: url(../images/arrow.jpg) no-repeat 0 4px;
			padding-left: 15px;
			margin: 5px 20px;}
			
		.services {float: left; margin-left: 20px;}
		.bottom h2 {
			color: #1b4685;
			font-weight: bold;
			font-size: 20px;
			font-family: "Times New Roman", Times, serif;}

		.services ul {list-style-type: none;}

			
		.services ul li {
			font-size: 12px;
			background: url(../images/arrow.jpg) no-repeat 0 4px;
			padding-left: 15px;
			margin: 10px 0;}
			
		.services ul li a {color: #2998ee; text-decoration: none;}
			

	.bottom {clear: both;  border-top: 1px #2998ee dotted; margin-top: 20px; padding: 20px 0px;  color: #5a5a5a;}
	.bottom h3 {color: #ff0000; font-size: 20px;}
		
#footer {
	clear:both;
	color: #1b4685;
	font-size:12px;
	padding: 15px;}
	
#footer li {
	display: inline;
	margin: 0 0px 0 0;
	text-transform: uppercase;}

#footer a {
	color: #1b4685;
	padding: 2px 6px;
	text-decoration:none;
	font-weight: bold;}

#footer a:hover, #footer li.on a {text-decoration: underline; color: #1b4685; }

#footer span {color: #1b4685; font-weight: bold;}


/* ADDITIONS
-------------------------------*/
.service-detail img {padding:6px;}

/* form validation error */
.yodlecms_formErrorDiv { margin:5px 0; font-size:12px; color:red;}    
.yodlecms_formError {border:1px solid red!important;}

/* why us */

.whyus span {color: #1b4685; font-weight: bold; font-size: 20px; font-family: "Times New Roman", Times, serif;}
	.whyus ul {list-style-type: none;}
        .whyus ul li {font-size: 12px; font-weight:bold;  background: url(../images/arrow.jpg) no-repeat 0 4px; padding-left: 15px; margin: 10px 0;}
	.whyus ul li a {color: #2998ee; text-decoration: none;}

/* payments */ 
 .payments ul li {display: inline; margin: 0 0px 0 0; text-transform: uppercase;}
 .payments img { margin: 0 5px 0 0; }




/* business hours */
.hours {padding: 5px;}
.hours table {font-size: 11px; border: 1px solid #ccc; font-weight: bold; margin:0 auto;}
.hours table td {padding: 3px 10px;}