/* 
    AUTHOR: YOUR NAME HERE
            you@domain.com
*/

/* ------------------------------------------ */
/* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */
/* ------------------------------------------ */
* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { font: 13px Tahoma, Geneva, sans-serif; color:#535353; line-height: 24px;}
ul { list-style: none inside; }
p { font: 12px; margin-bottom: 1em; }
a { outline: none; }
a img { border: none; }
table{ padding: 0; margin: 0}
/* END RESET */

/* ------------------------------------------ */
/* TOOLBOX CSS */
/* ------------------------------------------ */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
.transpBlack { background: url(../transpBlack.png); }
/* END TOOLBOX */

/* ------------------------------------------ */
/* PAGE STRUCTURE */
/* ------------------------------------------ */
#top {
	width: 948px;
	height: 120px;
	margin: 0 auto;
	
}

#logo{
	width: 241px;
	float: left;
	margin-top: 25px;
}

#menu{
	width: 681px;
	height: 37px;
	float: right;
	margin-top: 50px;
	background: url(../images/bg-2.jpg) repeat-x;
	overflow: hidden;
}

#menu li {
float: left;
list-style: none;
}
#menu li a {
text-decoration: none;
color: #000;
text-align: center;
z-index: 10;
display: block;
}


#menu-left{
	background-image:url(../images/menu-bg.jpg);
	background-repeat:no-repeat;
	height: 37px;
	float:left;
	width: 10px;
}

#menu-right{
	background-image: url(../images/bg-right.jpg);
	background-repeat:no-repeat;
	height: 37px;
	width: 10px;
	float: right;
}

#menu-link{
	margin: 8px;
	text-align: left;
}
#menu-link li{
	display:inline;
	margin-left: 13px;

}

#menu-link a:link{
color: #97be0d;
text-decoration: none;
}

#menu-link a:visited{
color: #97be0d;
text-decoration: none;
}

#menu-link a:hover{
color: #75930b;
text-decoration: underline;
}
#body-main{
	background-color: #f1f1f1;
	width:948px;
	margin: 0 auto;
}

#body-content{
	width: 948px;
	margin: 0 auto;
	text-align: justify;

}

#content{
	padding: 21px 35px 20px;
	overflow: hidden;
}



#content-left{
	width: 515px;
	float: left;
	padding: 5px;
}

#content-right{
	width: 332px;
	float: right;

}
#banner-main{
	width: 948px;
	height: 246px;
	margin: 5px auto;
	background:url(../images/greenbg.gif);
	position:relative;
}
#top-box{
	width: 332px;
	height: 37px;
	background-image:url(../images/featuredproduct.jpg);
	background-repeat:no-repeat;
	
}

#box{
	background-color: #97be0d;	
	padding: 20px;
}

#bottom-box{
	height: 12px;
	background-image: url(../images/boxbottom.jpg);
	background-repeat:no-repeat;
}

#footer{
	overflow: hidden;
	background-color:#FFF;
}
#footer-text {
	width: 948px;
	margin: 10px auto;
	color: #3f4801;
}
.footer a:link, .footer a:visited{
	color: #3f4801;
	font: 13px Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
}

.footer a:hover{
	color: #9C6;
}

#footer-bg{
	background-image:url(../images/nutune-swirl.jpg);
	background-repeat: no-repeat;
	height: 184px;
	width: 948px;
	margin: 0 auto;
}

.whitetext{
	color:#FFF;
	font: 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.darktext{
	color: #222222;
	font: 12px Arial, Helvetica, sans-serif;
}

.imager{
	float: right;
	padding: 15px;
}

.maintitle{
	font: 28px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#5e7900;
	margin-bottom: 0.2em;
}
.subtitle{
	font: 15px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #666;
}

.readmore{
	width: 120px;
	height: 20px;
	background-color:#999;
	font: 11px Tahoma, Geneva, sans-serif;
	color: #fff;
	text-decoration:none;
	padding: 4px;
	margin-top: 3px;
}

.smalltext{
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
}


/* menu styles */
#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	width:auto;
	font: normal 15px Tahoma, Geneva, sans-serif;
	text-transform:uppercase;
}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 12px;
	width: auto;
	color: #FFF;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	color: #537e29;}

#sddm div
{	position: absolute;
	margin: 0;
	padding: 0;
	visibility:hidden;
	background: #ebebeb;
	z-index: 999;
	}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #ebebeb;
		color: #2875DE;
		font: 12px Tahoma, Geneva, sans-serif;
		text-transform:capitalize;}

	#sddm div a:hover
	{
		color: #FFF;
		background: #669933;
		text-decoration: none;
		}

.normal-image{
	border: 1px solid #E4E4E4
}

.caption{
	color:#0C3;
	font: 12px Arial, Helvetica, sans-serif;
}

.imageLeft{
	float: left;
	margin: 20px;
}

#newsleft{
	width: 65%;
	float: left;
	padding: 5px;
}

#newsright{
	width: 30%;
	float: right;
	background: #FFF;
	padding: 5px;
	
}
#newleft p{
	text-align: 14px;
}
.newstitle{
	font: 16px  Verdana, Geneva, sans-serif;
	color: #9C3;
	font-weight: bold;
}
.newscontent{
	text-align: justify;
	line-height: 16px;
	font: 12px Tahoma, Geneva, sans-serif;
	color: #333;
}