/*---------------    CSS    --------------------------------------------------*/
 *	Designed for Togg Tools
 * 	Designed by Nortech Design http://www.nortechdesign.com
 *	All Information is Copyrighted
/*----------------------------------------------------------------------------*/
 									
/*----------------------------------------------------------------------------*/
/* undo some default styling of common (X)HTML browsers
/*----------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {
margin: 0;
padding: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset,img,a img,:link img,:visited img {
border: 0;
}
address,caption,cite,code,dfn,th,var {
font-style: normal;
font-weight: normal;
}
ol,ul {
list-style: none;
}
caption,th {
text-align: left;
}
h1,h2,h3,h4,h5,h6 {
font-size: 100%;
}
q:before,q:after {
content: '';
}

/*----------------   Global   ----------------------------------*/
body {
	background: transparent url(../img/bg_main.jpg) top center repeat-x;
	text-align: center;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;
	padding: 0;
}

body.home {
	background: transparent url(../img/bg_main_home.jpg) top center repeat-x;
}

.clear {
clear: both;
}

/* ------------------------ wrap  ------------------------ */
#wrapper {
background: url(../img/img_hdr_main2.jpg) top left no-repeat;
width: 1024px;
margin: 0 auto;
text-align: left;
min-height: 400px;
}

#wrapper_about {
background: url(../img/img_hdr_about.jpg) top left no-repeat;
width: 1024px;
margin: 0 auto;
text-align: left;
min-height: 300px;
}

#wrapper_products {
background: url(../img/img_hdr_products.jpg) top left no-repeat;
width: 1024px;
margin: 0 auto;
text-align: left;
min-height: 300px;
}

#wrapper_area {
	background: url(../img/img_hdr_area.jpg) top left no-repeat;
	width: 1024px;
	margin: 0 auto;
	text-align: left;
	min-height: 300px;
}

#wrapper_contact {
	background: url(../img/img_hdr_contact.jpg) top left no-repeat;
	width: 1024px;
	margin: 0 auto;
	text-align: left;
	min-height: 300px;
}

/* ------------------------ Menu  ------------------------ */

#menu {
	width: 800px;
	height: 41px;
	margin: 0 auto;
	padding-top: 12px;
	text-align: center;
	overflow: hidden;
}

#menu ul {
	padding:0; 
	list-style:none; 
	white-space:nowrap;
}
#menu ul {
	display:inline-block;
} 

#menu li {
	display:inline-block; 
	display:inline;
}
#menu ul.level1 div {
	position:absolute; 
	left:-9999px;
}

#menu ul.level1 {
	margin:0 auto;
	margin-top: 5px;
}
#menu ul.level1 li.level1-li {
	display:inline-block;	
	position:relative;
}

#menu ul li div ul {
	margin:0; 
	background:url(trans.gif);
}

#menu a.level1-a {
	display:block; 
	font:normal 14px skia,arial,sans-serif; 
	color:#FFF; 
	line-height:25px; 
	text-decoration:none;
	padding:0 15px 0 15px; 
	text-align:center;
	text-shadow: #222 2px 2px 2px;
}

#menu a.level1-a.active {
	color: #f19836;
}

#menu ul.level1 li.level1-li a.level1-a {
	float:left;
}

#menu ul li:hover div {
	left:50%; 
	top:25px;
}
#menu ul li:hover div ul {
	display:block; 
	position:relative; 
	left:-50%;
}
#menu ul li div ul li a {
	height:20px; 
	font:normal 14px skia,arial,sans-serif; 
	color:#e0db5c; 
	line-height:35px; 
	text-decoration:none; 
	padding:6px;
	text-shadow: #222 2px 2px 2px;
}
#menu a:hover div {
	left:0; 
	top:26px;
}
#menu a:hover div ul {
	position:relative; 
	left:-50%;
}
#menu li a:hover, #menu li a.fly:hover, #menu li a.active {
	white-space:nowrap; 
	color:#e0db5c;
} 
#menu li:hover > a, #menu ul li:hover > a.fly {
	color:#e0db5c;
}
#menu ul li div ul li a:hover {
	color:#e0db5c;
}


#menu table {
	position:absolute; 
	height:0; 
	width:0; 
	left:50%; 
	border-collapse:collapse; 
	margin-top:-4px;
}
/*------------   Content   ---------------------------------------*/
#content_main {
width: 1000px;
margin: 0 auto;
margin-top: 420px;
padding-bottom: 10px;
z-index: 0;
}

#content {
	width: 1000px;
	margin: 0 auto;
	margin-top: 330px;
	padding-bottom: 10px;
}

#content h1 {
	color: #438f00;
	font-size: 22px;
	font-weight: normal;
	padding: 0 0 7px 0;
	margin: 0 0 10px 0;
}

#content p {
	width: 900px;
}

/* ------------------------ column-left  ------------------------ */
#column-left {
	width: 260px;
	float: left;
	margin: 0;
}
	
#column-left p {
	margin-bottom: 10px;
	width: 200px;
}

#column-left h2 {
	color: #438f00;
	font-size: 16px;
	font-weight: normal;
	padding: 5px 0px 5px 0px;
	margin: 0;
	text-decoration: underline;
}

#column-left ul {
	margin: 0;
	padding: 0;
}

#column-left li {
	margin: 0;
	padding: 0;
	color: 000000;
}

#column-left li a {
	color: #000000;
	text-decoration: none;
}
#column-left a:hover {
	color: #777;
}
	
/* ------------------------ column-mid-left  ---------------------- */
#column-mid-left {
	width: 260px;
	float: left;
}
#column-mid-left h2 {
	color: #438f00;
	font-size: 16px;
	font-weight: normal;
	padding: 5px 0px 5px 0px;
	margin: 0;
	text-decoration: underline;

}
#column-mid-left p {
	margin-bottom: 10px;
	width: 200px;
}

#column-mid-left ul {
	margin: 0;
	padding: 0;
}

#column-mid-left li {
	margin: 0;
	padding: 0;
	color: 000000;
}

#column-mid-left li a {
	color: #000000;
	text-decoration: none;
}
#column-mid-left a:hover {
	color: #777;
}
		
/* ------------------------ column-mid-right  ---------------------- */
#column-mid-right {
	width: 260px;
	float: left;
}
#column-mid-right h2 {
	color: #438f00;
	font-size: 16px;
	font-weight: normal;
	padding: 5px 0px 5px 0px;
	margin: 0;
	text-decoration: underline;

}
#column-mid-right p {
	margin-bottom: 10px;
	width: 200px;
}

#column-mid-right a {
	color: #438f00;
	text-decoration: none;
}

#column-mid-right a:hover {
	color: #777;
}

#column-mid-right ul {
	margin: 0;
	padding: 0;
}

#column-mid-right li {
	margin: 0;
	padding: 0;
	color: 000000;
}

#column-mid-right li a {
	color: #000000;
	text-decoration: none;
}

/* ------------------------ column-right  ------------------------ */
#column-right {
	width: 220px;
	float: left;
}
#column-right h2 {
	color: #438f00;
	font-size: 16px;
	font-weight: normal;
	padding: 5px 0px 5px 0px;
	margin: 0;
	text-decoration: underline;

}
#column-right p {
	width: 200px;
}
#column-right ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
		
#column-right ul li {
	margin-bottom: 2px;
}
#column-right a {
	color: #438f00;
	text-decoration: none;
}

#column-right a:hover {
	color: #777;
}
/*-----------------Column Right2 Products--------------------*/
#column-right2 {
	width: 220px;
	float: left;
}
#column-right2 h2 {
	color: #438f00;
	font-size: 16px;
	font-weight: normal;
	padding: 5px 0px 5px 0px;
	margin: 0;
	text-decoration: underline;

}
#column-right2 p {
	width: 200px;
}
#column-right2 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
		
/*#column-right ul li {
	margin-bottom: 2px;
}
#column-right a {
	color: #438f00;
	text-decoration: none;
}

#column-right a:hover {
	color: #777;
}*/
#column-right2 ul {
	margin: 0;
	padding: 0;
}

#column-right2 li {
	margin: 0;
	padding: 0;
	color: 000000;
}

#column-right2 li a {
	color: #000000;
	text-decoration: none;
}

#column-right2 a:hover {
	color: #777;
}
/* ------------------------ Area Containers --------------- */	

#area_left {
	
	margin: 0;
	padding: 0;
	float: left;
}
#area_left p {
	width: 450px;
}

#area_right {
	width: 450px;
	margin: 0;
	padding: 0;
	float: right;
}
#area_right li {
	margin: 0 auto;
	text-decoration: none;
	list-style-type: none;
	font-size: 14px;
	color: #438f00;
}

#area_right li a {
	margin: 0 auto;
	text-decoration: none;
	list-style-type: none;
	font-size: 14px;
	color: #444;
}

#area_right li a:hover {
	color: #e0db5c;
}

/* ------------------------ Footer ------------------------ */	
#footer {
	width: 1010px;
	height: 44px;
	margin: 0 auto;
	margin-bottom: 10px;
	background: url(../img/bg_footer.jpg) top left repeat-x;
	text-align: center;
	clear: left;
}

#footer ul {
	margin: 0 auto;
	padding: 0;
	padding-top: 5px;
}
#footer li {
	display: inline-block;
	margin: 0 auto;
	list-style-type: none;
	font-size: 10px;
	color: #fff;
}

#footer li a {
	font-size: 10px;
	color: #fff;
	text-decoration: none;
	padding: 0px 7px;
	border-right: 1px solid #fff;
	display: block;
}

#footer li.last a {
	border-right: none;
}

#footer li a:hover {
		color: #e0db5c;
}