body {
	background-color: #003561;
	background-image:url(images/bkg.jpg);
	margin: 0;
}
a:link, a:visited {
	color: #c0fc4c;
	text-decoration: none;
}
a:hover, a:active {
	color: #306897;
	text-decoration: underline;
}
/* ----------layout-------------- */
#header-wrap{
	margin:0;
	padding:0;
	height:157px;
	background: #696969 url(images/bkgd-top3.jpg) repeat-x top center; 	
	overflow: hidden;
}
#header {
	width:964px;
	margin:0 auto 0 auto;
	padding:0;
	background: #696969 url(images/bkgd-header2.jpg) no-repeat top center; 
	overflow: hidden;
	height:157px;
}
#middle-wrap {
	background-color: #696969;
	margin:0;
	padding:0;
	overflow:hidden;
	clear:both;
}
#middle {
	width: 964px;
	background: #696969 url(images/bkgd-middle2.jpg) no-repeat bottom center;
	margin:0 auto 0 auto;
	padding: 0px 0 20px 30px;
	overflow:hidden;
}
#flash-home {
	width:495px;
	margin:20px 20px 0 30px;
	padding:0;
	float:right;
}
#footer {
	background:#003561 url(images/bkgd-footer.jpg) repeat-x top left;
	width:964px;
	margin:30px auto 0 auto;
	padding:15px;
}
#footer p {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #768a9b;
}
.medium-body {
	font: normal 15px/19px Arial, Helvetica, sans-serif;
	color:#fff;
}
#content-home-wrap {
	background: #003561;	
	margin: 0;
	padding:0;
	overflow:hidden;
}
#content-home {
	background:#003561 url(images/bkgd-blue-home.jpg) no-repeat top center;
	width:964px;
	margin:0 auto 0 auto;
	overflow:hidden;
}
#content-wrap {
	background: #003561;	
	margin: 0;
	padding:0;
	overflow:hidden;
}
#content {
	background:#003561 url(images/bkgd-blue.jpg) no-repeat top center;
	width:964px;
	margin:0 auto 0 auto;
	overflow:hidden;
}
.home-box {
	width: 274px;
	float:left;
	padding: 22px;
}
.png { 
	behavior: url(iepngfix.htc); 
}
.logo {
	margin:8px 0 0 16px;
}
	
.phone {
	float:right;
	margin:0;
	padding:0;
}
.home-box p {
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	color:#fff;
}
.body-text {	
	float: left;
	width:560px;
	margin:0 0 0 30px;
}
.body-text h2 {
	display:block;	
	width: 400px;
}
.sidebar {
	width: 274px;
	float:right;
	padding: 30px 22px;
}
.square-pic {
	float:right; 
	margin:0 0 10px 20px;
	border: 1px solid #ccc;
}
.header {
	margin: 15px 0 10px -4px;	
}
.sidebarbtn {
	width: 260px;
	height:55px;
}
.sidebarbtn a {
	display: block;
	padding:18px 0 18px 0;
	font: normal 14px "Trebuchet MS", Arial, sans-serif;
	color: #fff;	
	text-align: center;
	background:url(images/sidebar-button.png) no-repeat top center;	
	behavior: url(iepngfix.htc); 	
}
.sidebarbtn a:hover {
	text-decoration:none;
	background-position: 100% -55px;
	color: #c0fc4c;
}
/* ----------main tags-------------- */
h1 {
	font: normal 18px "Trebuchet MS", Arial, sans-serif;
	color: #ccc;
	display:block;
	overflow:visible;
	margin:20px 0 20px 0;
}
h2 {
	font: normal 14px "Trebuchet MS", Arial, sans-serif;
	color: #ccc;
	margin:0 0 15px 0;
	padding:0;
}
h3 {
	font: bold 12px "Trebuchet MS", Arial, sans-serif;
	color: #ccc;
}
h4 {
	font: bold 14px "Trebuchet MS", Arial, sans-serif;
	color: #ccc;
	margin:8px 0 0 0;
	padding:0;
}
p, ul, form {
	font: normal 13px/16px Arial, Helvetica, sans-serif;
	color: #fff;
	margin:0 0 18px 0;
}
fieldset {
	margin: 6px;	
	border: none;
}
hr {border: none 0; 
	border-top: 1px dotted #7e8ab1;
	border-bottom: 1px solid #6B78A0;
	width: 100%;
	height: 1px;
	margin: 6px 0;
	padding: 0;
}
.clear {
	clear: both;
	}

/* ----------menu-------------- */

#nav {
	padding: 0px 0 0 20px;
	margin: 14px 0 0 0;
	height:19px;
	font: normal 12px "Trebuchet MS", Arial, sans-serif;
}
.hide {
	position:relative; 
	top: -9999px; 
	left: -9999px;
	outline: none;
}
ul#MenuBar1 li a{
	background-color:transparent;
	outline:none;
}
ul#MenuBar1 li ul li a{
	background-color:transparent;
	top: auto;
	left: auto;
}
ul#MenuBar1 li.home:hover, ul#MenuBar1 li.about, ul#MenuBar1 li.articles, ul#MenuBar1 li.firewood, ul#MenuBar1 li.mulch, ul#MenuBar1 li.soil, ul#MenuBar1 li.unilock, ul#MenuBar1 li.contact {
	height:38px;	
	display: block;
}
ul#MenuBar1 li.home:hover, ul#MenuBar1 li.about:hover, ul#MenuBar1 li.articles:hover, ul#MenuBar1 li.firewood:hover, ul#MenuBar1 li.mulch:hover, ul#MenuBar1 li.soil:hover, ul#MenuBar1 li.unilock:hover, ul#MenuBar1 li.contact:hover {
	background-position: 100% -19px !important;
}
ul#MenuBar1 li.home{
	background: transparent url(images/nav-home.gif) no-repeat top center;
	width: 84px;
}
ul#MenuBar1 li.about{
	background: url(images/nav-about.gif) no-repeat top center;
	width: 107px;
}
ul#MenuBar1 li.articles{
	background: transparent url(images/nav-articles.gif) no-repeat top center;
	width: 102px;
}
ul#MenuBar1 li.firewood{
	background: transparent url(images/nav-firewood.gif) no-repeat top center;
	width: 115px;
}
ul#MenuBar1 li.mulch{
	background: transparent url(images/nav-mulch.gif) no-repeat top center;
	width: 93px;
}
ul#MenuBar1 li.soil{
	background: transparent url(images/nav-soil.gif) no-repeat top center;
	width: 170px;
}
ul#MenuBar1 li.unilock{
	background: transparent url(images/nav-unilock.gif) no-repeat top center;
	width: 99px;
}
ul#MenuBar1 li.contact{
	background: transparent url(images/nav-contact.gif) no-repeat top center;
	width: 128px;
}

ul#MenuBar1 li li{
	background-color: #fff;
	opacity:0.90;
	filter:alpha(opacity=90);
	-moz-opacity:0.90;	
}
 
ul#MenuBar1 li li a{
	color:#000;
}
ul#MenuBar1 li li li{
	background-image: url(images/itemgradient-hover.gif);
}
ul#MenuBar1 li li li a{
	color:#FFF;	
}
ul#MenuBar1 a.MenuBarItemHover, ul#MenuBar1 a.MenuBarItemSubmenuHover, ul#MenuBar1 a.MenuBarSubmenuVisible{
	color:#33CCFF;
	}


/*----------Vertical Accordions-----------*/

#vertical_container {
	margin:0;
}
#vertical_container hr {
	margin: 13px 0 13px 0;
}
.accordion_toggle {
	display: block;
	background: url(images/accordion_toggle.jpg) no-repeat top left;
	outline: none;
	color: #c0fc4c;
/*	border-bottom: 1px solid #cde99f;
*/	cursor: pointer;
}
.accordion_toggle_active {
/*		background: url(images/accordion_toggle_active.jpg) no-repeat top left #e7e9e6;*/
	color: #ccc;
/*	border-bottom: 1px solid #f68263;
*/}
.accordion_content {
	overflow: hidden;
	height: auto; 
	display: none;" 	
}
.accordion_content hr {
	border-top: 1px dashed #ccc;
	color:#FFF;
	clear:both;
}
/* ----------weblinx-------------- */
div.transOFF {
	width: 230px;
	background-color:#ffffff;
	border:2px solid #cccccc; 
}
div.transON {
	width: 230px; 
	background-color:#ffffff;
	border:2px solid #cccccc;
	opacity:0.10;
	filter:alpha(opacity=10);
	-moz-opacity:0.10;
}
#weblinx {
	font: normal 11px "Trebuchet MS", Arial, sans-serif;
	color: #000000;
	text-align: center;
	padding: 5px;
	margin: 10px auto 0 auto;
}
#weblinx a:link, #weblinx a:visited  {
	color: #000000;
	text-decoration: none;
}
#weblinx a:hover, #weblinx a:active {
	color: #000000;
}