html, body {
  height: 100%;
}
body {
	background:url(../img/bg-top-gradient.gif) repeat-x top #ffffff;
	color:#333333;
	font:12px Verdana, Arial, Helvetica, sans-serif;
}

a {
	text-decoration:underline;
	color:#5b5197;
}
a:hover {
	color:#5b5197;
	background-color:#ffff99;
}
.left {
	float:left
}
.right {
	float:right
}
.clear {
	clear:both;
	display:block;
	height:1px
}

#clear{
	clear:both;
}

#content {

	width:824px;
	margin:0 auto;
	min-height: 100%;
	height:auto;
}
	#content .wrap {

		height: 100px;
	
	}
	
#sidebar {
	width:170px;
	padding-left:12px;
	padding-bottom:40px;
	float: left;

}
	#sidebar h3 {
		font:italic 14px/140% Arial, Helvetica, sans-serif;
		color:#af5151;
		padding-bottom:30px;
		padding-top:3px;
	}
	#sidebar h4 {
		font:italic 12px/130% Arial, Helvetica, sans-serif;
		color:#af5151;
		padding-bottom:10px;
	}
	#sidebar ul {

	}
		#sidebar ul ul {
			padding-top:0;
			padding-bottom:0;
		}
	#sidebar ul li {
		padding-bottom:3px;
	}
		#sidebar ul li a {
			display:block;
			color:#af5151;
			font:14px Georgia, serif;
			text-decoration:none;
			letter-spacing: 1px;
			padding:4px 2px;
			font-weight:bold;
		}
		#sidebar ul li a:hover {
			background:url(../img/menu-hover.gif) repeat-y top;
		}
		#sidebar ul li a.active {
			font-weight:bold;
			background:url(../img/menu-hover.gif) repeat-y top;
		}
		#sidebar ul li li {
			padding-bottom:0;
		}
		#sidebar ul li li a {
			font-size:12px;
			padding-left:5px;
			color:#339933
		}
	
	#sidebar div a img {
		display:block;
		padding-bottom:5px;
	}
	#sidebar div a {
		font:italic 10px Arial, Helvetica, sans-serif;
		color:#af5151;
		display:block;
		width:131px;
		text-decoration:none;
	}

li.pdf {
	list-style: none;
	list-style-image: url(../img/pdf.jpg);
	padding: 0 0 4px 0;
}

#logo{
	padding:5px 0px 20px 0px;
}

#page {
	padding-bottom:40px;
	width:618px;
	padding-right:24px;
	float: right;
}

.home {
	width:568px !important;
	padding-right:22px !important;
	background:url(../img/flower_background1.jpg);
	background-repeat: no-repeat;
	background-position: 150px 150px;
	min-height: 900px;
}

.about{
	width:566px !important;

}

	#page h1 {
		padding-top:5px;
		padding-bottom:40px;
	}
		#page h1 a {
			display:block;
			font-size:1px;
			line-height:1px;
			text-indent:-10000px;
		
		}
			#page h1 a img {
				display:block;
			}
			
	#page h2 {
		font: bold italic 22px Georgia, serif;
		color:#339933;
		padding-bottom:3px;
	}
		#page h2 a {
			color:#999999;
			font-size:14px;
			font-style:normal;
			padding-left:5px;
		}
		#page h2 a:hover {
			color:#5b5197;
		}
	#page h3 {
		font:bold 16px Georgia, serif;
		color:#5b5197;
		padding-bottom:3px;
	}
	#page h4 {
		font:italic bold 16px Georgia, serif;
		color:#339933;
		padding-bottom:3px;
	}
	#page h5 {
		font:italic bold 14px Georgia, serif;
		color:#5b5197;
		padding-bottom:3px;
	}
	#page h6 {
		font:bold 14px/160% Arial, Helvetica, sans-serif;
		color:#333;
		margin:0px;
	}
	#page p, li, table {
		font:14px/160% Arial, Helvetica, sans-serif;
		color:#333333;
		padding-bottom:14px;		
	}
	#page ul {
		list-style:square outside;
	}
	
	#page ol {
		list-style:decimal outside;
		padding-left:20px;
	}
	
	#page li {
		line-height:18px;
		padding:0px 0px 6px 0px;
	}

	#page ul {
		padding:0px 0px 0px 20px;
	}
	#page .colA {
		width:380px;
		float:left;
	}
	#page .colB {
		width:160px;
		float:right;
	}
	
.quotebox {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	background-color: #ffff66;
	width: 450px;
	padding: 10px;
	margin-left: 20px;
}

.quotefooter{
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	line-height: 16px;
	background: url(../img/arrow.gif) 60px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
	padding-left: 98px;
	padding-top: 1px;
	margin-bottom: 2em;
}

.prod-left {
	float:left;
	padding-right:10px;
}
.prod-right {
	float:right
}
	
#footer {
	background: #FFE0E0;
}
	#footer .wrap {
		background:	url(../img/bg-footer.gif) repeat-y top;
		width:824px;
		margin:0 auto;
		height:20px;
		line-height:20px;
	}
	#footer p {
		padding-left:18px;
		font:10px "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		color:#af5151;
		line-height:20px;
		white-space:nowrap;
		height:20px;
	}
		#footer p a {
			color:#cc9999;
			text-decoration:underline;
		}
		#footer p a:hover {
			text-decoration:none;
		}