@charset "ISO-8859-1";


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	font-weight: 800;
	font-size: 11px;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
/*	width:			20em; /* left offset of submenus need to match (see below) */
	display:block;
	width:222px;
	height:35px;
	}
	.sf-menu ul a {
		display:block;
		margin: 0 0; 
		padding: 1em 2em;
		background: url("img/nav.gif") 0 0 no-repeat;
		}

.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			222px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	border: 0 0;
	padding: 1em 2em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#464744;
}
.sf-menu a, .sf-menu a:link  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#464744;
	}
	
.sf-menu li {
	background: url("img/nav.gif") 0 0 no-repeat;
	width: 222px;
}
.sf-menu li li {
	background: url("img/nav.gif") 0 0 no-repeat;
	width: 222px;
}
.sf-menu li li li {
	background: url("img/nav.gif") 0 0 no-repeat;
	width: 222px;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background: url("img/nav.gif") 0 0 no-repeat;
	color: #ccfc8a;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	1em 2em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
text-align: right;
	background: url("img/nav.gif") 0 0 no-repeat;
	width: 222px;
	height: 35px;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
background: url("img/nav.gif") 0 0 no-repeat;
	left:	222px; /* match ul width */
	top:	0;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}




body {
	background-image: url(img/liforce_pattern_tile.jpg);
	background-repeat: repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


#page-wraptop {
background-color:#FFFFFF;
background-position:10px 0px;
background-repeat:no-repeat;
margin:0 auto;
top:20px;
width:769px;
height:120px;
text-align:left;
position:relative;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #000;

}

#banner {
background-color:#FFFFFF;
background-position:10px 0px;
background-repeat:no-repeat;
margin:0 auto;
top:0px;
width:350px;
height:120px;
left:419px;
text-align:left;
position:absolute;

}
#page-wrap {
margin:0 auto;
width:769px;
height:650px;
text-align:left;
position:relative;
}

#page-wrapplain {
margin:0 auto;
background-color:#e0f5b9;
width:769px;
height:920px;
top:20px;
text-align:left;
position:relative;
}

#welcome {
margin:0 auto;
width:330px;
height:200px;
left:420px;
top:40px;
text-align:justify;
position:absolute;
}

#welcome2 {
margin:0 auto;
width:360px;
height:150px;
left:400px;
top:310px;
text-align:justify;
position:absolute;
}

#leafdiv {
margin:0 auto;
background-image:url(img/leaf_div.png);
background-repeat:none;
width:500px;
height:400px;
left:270px;
top:120px;
text-align:justify;
position:absolute;
}

#prac-container {
margin:0 auto;
width:400px;
left:300px;
top:20px;
text-align:justify;
position:absolute;

}

#prac-main {
margin:0 auto;
background-color:#e0f5b9;
width:569px;
padding-left:100px;
padding-right:100px;
top:370px;
text-align:justify;
position:absolute;
}

#contact-main {
margin:0 auto;
width:569px;
padding-left:100px;
padding-right:100px;
top:840px;
text-align:justify;
position:absolute;
}

#home-main {
margin:0 auto;
width:569px;
padding-left:100px;
padding-right:100px;
top:580px;
text-align:justify;
position:absolute;
}

#cw-container {
margin:0 auto;
width:400px;
height:300px;
left:300px;
top:20px;
padding-left:10px;
padding-right:10px;
text-align:justify;
position:absolute;

}

#cw-main {
margin:0 auto;
background-color:#e0f5b9;
width:569px;
padding-left:100px;
padding-right:100px;
top:360px;
text-align:justify;
position:absolute;
}

#serv-main {
margin:0 auto;
background-color:#e0f5b9;
width:569px;
padding-left:100px;
padding-right:100px;
top:370px;
text-align:justify;
position:absolute;
}

#body-container {
margin:0 auto;
width:400px;
left:300px;
top:20px;
text-align:justify;
position:absolute;
z-index: 2;
}

#body-container a:link{
color:#4B7021;
font-size:13px;
font-weight:900;
}
#body-container a:visited{
color:#71A932;
font-size:13px;
font-weight:900;
}
#body-container a:active{
color:#647358;
font-size:13px;
font-weight:900;
}


#main-container {
margin:0 auto;
background-color:#e0f5b9;
width:769px;
left:0px;
top:330px;
text-align:justify;
position:absolute;
}

#serv-container {
margin:0 auto;
background-color:#e0f5b9;
width:769px;
left:0px;
top:230px;
text-align:justify;
position:absolute;
}

#prod-container {
margin:0 auto;
background-color:#e0f5b9;
width:769px;
left:0px;
top:380px;
text-align:justify;
position:absolute;
}

#aphoto {
margin:0 auto;
width:270px;
left:10px;
top:330px;
text-align:justify;
position:absolute;
}

#navbox {
background-repeat: none;
margin:0 auto;
width:236px;
height:256px;
left:10px;
top:60px;
text-align:justify;
position:absolute;
z-index: 90;
}
	
		#menu1 {
	display:block;
	width:224px;
	height:35px;
	}
	#menu1 a {
		display:block;
		width:224px;
		height:35px;
		margin: 0 0; padding:0 0 0 0;
		background: url("img/nav_off.png") 0 0 no-repeat;
		}
	#menu1 a:hover {	
		background-position: -226px 0;
		}
		
			#menu2 {
	display:block;
	width:224px;
	height:35px;
	}
	#menu2 a {
		display:block;
		width:224px;
		height:35px;
		margin: 0 0; padding:0 0 0 0;
		background: url("img/nav_off.png") 0 -35px no-repeat;
		}
	#menu2 a:hover {	
		background-position: -226px -35px;
		}
		
				#menu3 {
	display:block;
	width:224px;
	height:35px;
	}
	#menu3 a {
		display:block;
		width:224px;
		height:35px;
		margin: 0 0; padding:0 0 0 0;
		background: url("img/nav_off.png") 0 -70px no-repeat;
		}
	#menu3 a:hover {	
		background-position: -226px -70px;
		}
		
					#menu4 {
	display:block;
	width:224px;
	height:35px;
	}
	#menu4 a {
		display:block;
		width:224px;
		height:35px;
		margin: 0 0; padding:0 0 0 0;
		background: url("img/nav_off.png") 0 -105px no-repeat;
		}
	#menu4 a:hover {	
		background-position: -226px -105px;
		}
		
		#menu5 {
	display:block;
	width:224px;
	height:35px;
	}
	#menu5 a {
		display:block;
		width:224px;
		height:35px;
		margin: 0 0; padding:0 0 0 0;
		background: url("img/nav_off.png") 0 -140px no-repeat;
		}
	#menu5 a:hover {	
		background-position: -226px -140px;
		}
		
	#menu6 {
	display:block;
	width:224px;
	height:35px;
	}
	#menu6 a {
		display:block;
		width:224px;
		height:35px;
		margin: 0 0; padding:0 0 0 0;
		background: url("img/nav_off.png") 0 -175px no-repeat;
		}
	#menu6 a:hover {	
		background-position: -226px -175px;
		}


body, td, th {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	color: #464744;
	height: 100%;
}
a:link {
	text-decoration: none;
	color: #4B7021;
	font-size:12px;
	font-weight:900;
}
a:visited {
	text-decoration: none;
	color: #71A932;
	font-size:12px;
	font-weight:900;
}

a:active {
	text-decoration: none;
	color: #647358;
	font-size:12px;
	font-weight:900;
}

.divider {
	color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-top: 15px;
	padding-bottom: 15px;
}
.byline {
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: justify;
	padding-left: 5px;
	padding-right: 10px;
	font-weight: bold;
	line-height:20px;
	
}
.bylinetxt {
	color: #464744;
	font-size:16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: right;
	font-weight:800;
	line-height:21px;
	font-stretch:wider;
	
}.bodytxt {
	color: #464744;
	font-size:12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: justify;
	font-weight:400;
	line-height:18px;
	
	
}.li {
	color: #464744;
	font-size:12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: justify;
	font-weight:400;
	line-height:18px;

}.subtxt {
	color: #464744;
	font-size:16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: justify;
	font-weight:800;
	line-height:18px;
	
	}.prac {
	color: #464744;
	font-size:18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: justify;
	font-weight:bold;
	line-height:18px;
	
}.testim {
	color: #464744;
	font-size:13px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: justify;
	font-weight:bold;
	line-height:18px;
}
.mainltsmall {
	font:  normal 12px Century Gothic, Georgia, "Courier New", Courier, monospace;
	line-height: 16px;
	color: #464744;	
}
.erw {
	font:  normal 9px Century Gothic, Georgia, "Courier New", Courier, monospace;
	line-height: 16px;
	color: #464744;	
}

#footer-container{
background-color:#000000;
margin:auto;
bottom:0px;
width:569px;
padding-left:100px;
padding-right:100px;
height:70px;
text-align:left;
position:absolute;
}
 
#footer{
margin: 20px auto 0 auto;
width: 769px;
font-size: 11px;
color: #919191;
height: 83px;
}

#container {
		min-height:100%;
		position:relative;
	}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -70px; /* the bottom margin is the negative value of the footer's height */
}
.push, .footer-container2 {
	height: 70px; /* .push must be the same height as .footer */
}