/* */
body
{
	background: #fff url(../img/bg.body.png) top left repeat-x;
}

#maincontent
{
	background: transparent url(../img/bg.maincontent.png) top center no-repeat;
	min-height: 470px;
}
* html #maincontent
{
	height: 470px;
}
a
{
  color: #21843e;
}
a:hover
{
  color: #555;
}



#top
{
	height: 40px;
	text-align: right;
}
	#top ul
	{
		background: none;
		float: right;
		margin: 0; padding: 8px;
	}
	#top li
	{
		list-style-type: none;
		float: left;
	}
	#top a
	{
		border-bottom: none;
		border-right: 1px solid #21843e;
		padding: 0 6px 0 0;
		color: #21843e;
		font-size: 80%;
	}
	#top a.last
	{
		border: 0;
	}
	#top a:hover
	{
		color: #3fbc62;
	}
	#top a img
	{
		border: none;
		margin: 0.4em 0.2em 0 0;
	}


#head
{
	padding:0;
	height: 210px;
}
	#menu
	{
		height: 50px;
		margin: -7px 0 0 0;
	}
	ul#mainmenu {
		display: block;
		margin: 0;
		padding: 0;
		list-style: none none outside;
	}

		ul#mainmenu li {
			height: 50px;
			position: relative;
			float: left;
			margin: 0;
			padding: 0;
			overflow: hidden;
		}
		

			ul#mainmenu li a {
				display: block;
				height: 50px;
				text-decoration: none;
				background: transparent url(../img/bg.menu.png) 0 -550px no-repeat;
				text-align: center;
				padding: 1.4em 0 0 0;
				font: 90% "Trebuchet MS", Helvetica, sans-serif;
				color: #333;
			}
			
			ul#mainmenu li a:hover, a.active {
				text-decoration: none;
				background: transparent url(../img/bg.menu.png) top center no-repeat;
				color: #2f4f4f;
			}
			
			ul#mainmenu li#MHome a:hover, #MHome a.active { background-position: 0px 0px; }
			ul#mainmenu li#MTech a:hover, #MTech a.active { background-position: -84px 0px; }
			ul#mainmenu li#MOverview a:hover, #MOverview a.active { background-position: -199px 0px; }
			ul#mainmenu li#MSuccess a:hover, #MSuccess a.active { background-position: -352px 0px; }
			ul#mainmenu li#MSupport a:hover, #MSupport a.active { background-position: -448px 0px; }
			ul#mainmenu li#MContact a:hover, #MContact a.active { background-position: -545px 0px; }
			
			ul#mainmenu li#MHome { width: 84px; }
			ul#mainmenu li#MTech { width: 115px; }
			ul#mainmenu li#MOverview { width: 153px; }
			ul#mainmenu li#MSuccess { width: 96px; }
			ul#mainmenu li#MSupport { width: 97px; }
			ul#mainmenu li#MContact { width: 95px; }

	#banner
	{
		background: #fff url(../img/bg.banner.jpg) top left no-repeat;
		height: 167px;
	}

#maincontent a#flag
{
	position: absolute;
	width: 80px;
	height: 90px;
	text-decoration: none;
	border: none;
	top: 38px;
}


#middle
{
	margin: 0 auto;
	background: #558201 url(../img/bg.middle.png) top left repeat-x;
	width: 960px;
	height: 61px;
}
	.headcolored
	{
		color: #edfad7;
	}
	#middle h1
	{
		padding: 15px 60px;
		color: #fff;
	}
	#middle h3
	{
		text-align: center;
		font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
		font-size: 140%;
		font-style: italic;
		padding: 5px 30px 0 0;
		color: #fff;
	}
	#middle h2
	{
		text-align: right;
		font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
		font-size: 140%;
		font-style: italic;
		padding: 18px 30px 0 0;
	}



#left
{
	margin: 0 10px;
	width: 300px;
	text-align: center;
	background: #fff url(../img/bg.pad.png) center center repeat-x;
	min-height: 300px;
}
* html #left
{
	margin: 0 5px;
	height: 300px;
}
	#left img
	{
		margin: 15px 11px;
		float: left;
	}
	#left img.inset
	{
		margin: 10px 10px 0 20px;
	}
	#full img
	{
		padding: 0 20px;
	}
	#left h2, #left h3
	{
		color: #21843e;
		padding: 5px 0 0 20px;
		text-align: left;
	}
	#left h2
	{
    margin-bottom: -1px;
		font-size: 140%;
	}
	#left h3
	{
		font-size: 110%;
	}
	#full h2, #full h3, #full h5
	{
		margin: 10px 0 0 20px;
		text-align: left;
	}
	#full hr, #right hr, #left hr
	{
		font-size: 0;
		border: 0;
		height: 1px;
		margin: -5px 0 0 0;
		color: #286834;
		background-color: #286834;
	}
	#left hr
	{
		margin: 0 20px;
	}
	* html #left hr
	{
		margin: -5px 20px 0;
	}
	#left p, #full p, #full blockquote
	{
		margin: 10px 20px;
		text-align: left;
	}
	* html #left p, * html #full p, * html #full blockquote
  {
		margin: 10px;
  }
	#left blockquote
	{
		margin: 10px;
	}
		#left p span, #right p span
		{
			display: block;
			width: 100%;
			text-align: right;
			text-transform: uppercase;
			margin: 4px 0 0 0;
		}
	#left img.magazine
	{
		float: none;
		display: block;
		margin: 0 auto;
		padding: 15px 0;
	}


#right
{
	padding: 10px 20px;
}
	#right h2, #full h2
	{
		color: #21843e;
	}
	#right h1, #full h1
	{
		font-family:"Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", sans-serif;
		font-size: 150%;
		color: #21843e;
	}
	#full h1
	{
		padding: 15px 0 0 20px;
	}
	#right h1
	{
		padding: 15px 0 0 0;
	}
	#right h3
	{
		font-size: 120%;
		color: #333;
	}
	#right h4.caption
	{
		text-align: center;
		color: #21843e;
    font-size: 125%;
	}
	#right h5
	{
		font-size: 90%;
		padding: 0 0 3px 0;
		color: #777;
	}
	#right img#uscorel
	{
		border-bottom: 4px solid #00b072;
		padding: 0;
	}
	#right img#uscorer
	{
		border-bottom: 4px solid #ee503a;
		padding: 0;
	}
	#right p
	{
		margin: 4px 0;
	}
	#right .wilu a
	{
		float: right;
		margin: 0 20px 0 0;
	}
	#right .wilu h2
	{
		margin: 0;
	}
	#right ul
	{
		background: none;
		list-style-type: disc;
	}
	#right ul#success
	{
		line-height: 150%;
		padding: 7px 15px;
	}
	#right img#graph1
	{
		float: left;
		padding: 0 0 10px 10px;
	}
	#right img#graph2
	{
		float: right;
		position: relative;
		padding: 10px 0 10px 10px;
	}
	#left img#graph3
	{
		padding: 0 9px;
	}
	div.floatright
	{
		float: right;
		padding: 0 0 20px 20px;
		width: 240px; height: 167px;
	}
	#full dl
	{
		background: none;
		position: relative;
		margin: 10px 0 0 0;
	}
	* html #full dl
	{
		margin: 0;
	}
		#full dt
		{
			float: left;
			position: absolute;
			left: 0;
			margin: 0;
			padding: 0 0 10px 0;
			text-align: right;
			font-size: 100%;
		}
		#full dt
		{
			width: 320px;
			padding: 5px;
		}
		* html #full dt
		{
			width: 290px;
		}
		#full dd
		{
			padding: 5px;
			margin: 0 0 0 310px;
		}
		#full dd.odd
		{
			background: #f9f9f9;
		}
  img.chin
  {
    border: 0; padding: 0;
    margin: 0 0 -2px 0;
  }
	#left blockquote
	{
		margin: 20px 10px 4px 10px;
		padding: 4px 10px;
	}
	ul.pdf
	{
		margin: 0;
		padding: 1em;
	}
	ul.pdf li
	{
		list-style: none;
	}
	ul.pdf a, #right a.pdf
	{
		padding: 0 0 0 20px;
		border: none;
		color: #21843e;
		background-color: #fff;
		background-image: url(../img/bg.pdf.png);
		background-repeat: no-repeat;
		background-position: bottom left;
	}
	ul.pdf a:hover, #right a:hover.pdf
	{
		color: #555;
		background-position: top left;
	}


		
/* Vmenu */
	#vmenu
	{
		background: none;
		width: 300px;
		margin: 40px auto;
		padding: 0;
	}
		#vmenu li
		{
			list-style-type: none;
			margin: 0 0 1px 0;
			padding: 0;
		}
			#vmenu a
			{
				display: block;
				border-bottom: 1px solid #d9d6d0;
				height: 21px;
				padding: 10px;
				text-align: center;
				font-size: 140%;
				font-family:"Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", sans-serif;
				color: #375401;
			}
			#vmenu a:hover, #vmenu a.active
			{
				background: #fff;
			}


/* Other per-all styles */
.signature
{
	display: block;
	color: #888;
	text-align: right;
	font-size: 80%;
	line-height: 110%;
	padding: 0 10px 5px 0;
}

.clearer
{
	width: 100%;
	clear: left;
	border: none;
	height: 0; margin: 0; padding: 20px 0;
	color: #fff;
	background: #fff;
	visibility: hidden;
}

.learnmore {
	display: block;
	text-align: center;
	margin: 0; padding: 6px 0 0 0;
	color: #fff;
	font-size: 80%;
	height: 23px;
	width: 83px;
	float: right;
	border: none;
	text-decoration: none;
	background: transparent url(../img/btn.learnmore.unhover.png) center no-repeat;
}

.learnmore:hover {
   border: none;
	margin: 0; padding: 6px 0 0 0;
	font-size: 80%;
	color: #fff;
	text-decoration: none;
	background: transparent url(../img/btn.learnmore.hover.png) center no-repeat;
}

p.welsite {
	height: 50px;
	display: block;
	background: transparent url(../../img/rr.png) no-repeat 0 0;
	font-size: 110%;
	padding: 15px 10px 0 30px;
	margin-top: 30px;
	margin-left: 30px;
}

p.welsite a {
	border: none;
	font-weight: bold;
	padding: 0;
}

/* Contact form */
	form#contactform {
		margin: 15px 0; padding: 0;
	}
	
	form#contactform label {
		display: inline; float: left; width: 130px;
	}
	
	form#contactform input { margin: 0 0 0.4em 0; }
	
	form#contactform input.text {
		width: 15em; height: 1.2em;
		background-color: #fff; border: 1px solid #f0f0f0; background: url(../img/bg.input.gif) top left repeat-x;
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}
	
	form#contactform textarea {
		width: 20em; height: 7em;
		background-color: #fff; border: 1px solid #f0f0f0; background: url(../img/bg.input.gif) top left repeat-x;
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}
	
	form#contactform span {
		margin: 0 0 1em 130px;
		padding: 1em 0 0 0;
	}



/* Footer */
#footer
{
	margin: 0 auto;
	width: 980px;
	background: #fff url(../img/bg.footer.png) top left no-repeat;
	min-height: 80px;
}
* html #footer
{
	height: 80px;
}
#footer p
{
	padding: 50px 20px 0;
	text-align: right;
	font-size: 80%;
	color: #999;
}


/* SLIDESHOW */
#slide-show {
	margin: 10px 0 0 0;
	background-color: #f0f0f0;
	border: 1px solid #ccc;
	height: 194px;
}
#slideshow img {
	width: 250px;
	height: 174px;
}
#slideshow dl {
	margin: 1em;
}
#slide-show dl dt {
	font: 110%/1.4em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: bold;
	color: #2f4f4f;
	margin: 0;
	padding: 0;
}
#slide-show dl dd {
	font: 90%/1.4em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #333;
	margin: 0;
	padding: 0;
}
#slide-show dl dd img {
	float: right;
	margin: -21px 0 0.4em 1em;
}

#slide-control {
	width: 620px;
	margin: 1em 0 0 0;
	padding: 0;
	text-align: center;
}
ul#prevnext {
		display: block;
		text-align: center;
		margin: 0 0 0 170px;
	}
	
	ul#prevnext li {
		list-style: none;
		float: left;
		width: 80px;
	}
	
	ul#prevnext li a {
		display: block;
		height: 29px;
		width: 75px;
		float: left;
		margin: 0 10px 0 0;
		text-decoration: none;
		border: none;
	}
	
	ul#prevnext li a:hover {
		text-decoration: none;
	}
	
	ul#prevnext li a.prev {	background: transparent url(../img/btn.prev.unhover.png) center no-repeat; }
	ul#prevnext li a.prev:hover { background: transparent url(../img/btn.prev.hover.png) center no-repeat; }
	ul#prevnext li a.next {	background: transparent url(../img/btn.next.unhover.png) center no-repeat; }
	ul#prevnext li a.next:hover { background: transparent url(../img/btn.next.hover.png) center no-repeat; }



.vcard {
	font-family: Arial, Helvetica, sans-serif;
	height: auto;
	margin: 0;
	width: 300px;
	float: left;
}
#homevcard div {
  padding: 0 0 0 20px;
}
* html .vcard {
	margin: 0;
  padding: 0;
}
.vcard a {
	border-bottom: none;
}
.vcard .org {
	padding: 2em 0 0 0;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", sans-serif;
	font-size: 100%;
	color: #21843e;
}
.vcard .adr {
	padding: 0 0 0 0;
	margin: 0.3em 0 0 0;
	color: #777;
}
.vcard .tel {
	margin: 0.3em 0 0 0;
	font-weight: bold;
}
#left a.email
{
  padding: 0 0 0 20px;
	color: #21843e;
}


/* list hover */

#popup-container {
	visibility: hidden;
	width: auto;
	height: auto;
	position: absolute;
	padding: 1px;
	border: 1px solid #ccc;
	background-color: #fff;
}

	#popup-container p {
		display: block;
		width: 20em;
		margin: 0;
		padding: 0.4em;
		font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		background-color: #e6f4db;
		color: black;
	}

ul#hoverlist {
	background: none;
	cursor: default;
	margin: 0 0 0 30px;
	padding: 0;
}

	ul#hoverlist li {
		line-height: 210%;
		text-align: left;
		padding: 0 0 0 20px;
		margin: 0;
		list-style-type: none;
		background: transparent url(../img/im.check.png) center left no-repeat;
	}
	
		ul#hoverlist li a {
			font-size: 95%;
			cursor: pointer;
		}
		
		ul#hoverlist li a:hover {
			color: #000;
		}