@charset "utf-8";
body {
	font: 80% Arial, Helvetica, sans-serif;
	color: #000000;
	background: #ffffff;
	background-image: url(images/bigflower.png);
	background-position: bottom;
	background-repeat: no-repeat;
	background-attachment:fixed;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #FFFFFF;
}

a
{	color: #28869e;
}

a:hover
{	color: #d07633;
}


a img {
	border: none;
}


#topgradient
{	background-image:url(images/grad04.png);
	background-position: top;
	background-repeat: repeat-x;
}
.oneColElsCtr #container {
	width: 68em;
	margin: 0px 0px 0px 20px;
	color: #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColElsCtr #mainContent {
	padding: 0 20px;
	color: #000000;
	 /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

#header
{	height: 90px;
	padding: 0px;
	vertical-align:bottom;
}

#logo
{	float: left;
	margin-top:30px;
	margin-left:4px;
}
#mainnav
{	float: right;
	margin-top: 40px;
	padding: 10px 0px 0px 0px;
	vertical-align: bottom;
}

#mainnav li
{	list-style:none;
	padding: 0px;
	display:block;
	height: 27px;
	float: left;

}
#mainnav a
{	text-decoration: none;
	background-repeat: no-repeat;
    background-position: 0px 0px;
    display: block;
}


#nav_home {
    width: 65px;
    background-image: url(images/home.gif);
	background-repeat: no-repeat;
}

#nav_about {
    width: 68px;
    background-image: url(images/about.gif)
}
#nav_locations {
    width: 96px;
    background-image: url(images/locations.gif)
}
#nav_products {
    width: 92px;
    background-image: url(images/products.gif)
}
#nav_faq {
    width: 50px;
    background-image: url(images/faq.gif);
	background-repeat: no-repeat;

}
#nav_contact {
    width: 107px;
    background-image: url(images/contact.gif);
	background-repeat: no-repeat;
}

a.nav
 {
    height: 27px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    display: block;
}

a#nav_home:hover, a#nav_about:hover, a#nav_products:hover, a#nav_locations:hover, a#nav_faq:hover, a#nav_contact:hover {
    background-position: 0px -26px;
}

a#nav_home:active, a#nav_about:active, a#nav_products:active, a#nav_locations:active, a#nav_faq:active, a#nav_contact:active {
    background-position: 0px -26px;
}


#leftcol
{	float: left;	
	width: 60%;
	background-color: #FFFFFF;
	padding: 16px;
	margin: 16px 0px 16px 0px;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

#rightcol
{	float: right;
	width: 27%;
	background-color: #FFFFFF;
	padding: 16px;
	margin: 16px 16px 16px 16px;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

#singlecol
{	width: 100%;
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

#secleftcol
{	float: left;	
	width: 60%;
	padding: 16px;
	margin: 16px 0px 16px 0px;
}

#secrightcol
{	float: right;
	width: 27%;
	padding: 16px;
	margin: 16px 16px 16px 16px;
}




h1
{	color: #28869e;
	font-weight: bold;
	font-size: 14px;
}


h2
{ 	color: #d07633;
	font-weight: bold;
	font-size: 14px;
}


h3
{	color: #666666;
	font-weight: bold;
	font-size: 14px;
}


p{	line-height: 1.5em;
	color:#000000;
	padding-bottom: 8px;
	
}
.sidebartitle{
	color: #28869e;
	font-weight: bold;
	font-size: 14px;
}

ul.subnav
{	padding: 0px;
	margin: 0px;
}

.subnav li
{	list-style-type:none;
	text-decoration: none;
	padding: 18px 12px 24px 0px;
	border-bottom: solid 1px #CCCCCC;

}
.subnav a
{	color:#d07633; 
	font-weight: bold;
	text-decoration: none;
}
.subnav a:hover
{	color: #28869e;
}

#footer
{	border-top: 1px solid #666666;
	font-size: .7em;
	line-height: 2em;
}

.left
{	float: left;
}
.right
{	float: right;
}
.clear
{	clear: both;
}