body {

background: #F5F9FB url(../images/bgf.jpg) repeat;
margin:0px;
color:#000000;        
FONT: normal 11px "Tahoma", sans-serif;
line-height: 135%;
        }


a:link,
a:visited,
img a:link,
img a:visited

 {
color: #000000;
text-decoration: none;
}

img a:hover,
a:hover {
COLOR: #f60;
text-decoration: underline;
}


ul {

	LIST-STYLE-TYPE: none

}



.osnlog {

background: #eca10a url(../images/logos10234.jpg) no-repeat left top;

}


.contentContainersystems {

	WIDTH: 98%; text-align:left; OVERFLOW: hidden; MARGIN: 0 auto; PADDING: 0 0px; BACKGROUND: #f7f4dc url(../images/bg-systems.png) repeat-x

}



.contentContainersystems2 {
min-height: 400px;
height: auto !important;
height: 400px;

WIDTH: 98%; text-align:left; OVERFLOW: visible; MARGIN: 0 auto; PADDING: 0 0px; BACKGROUND: #ffffff url(../images/bg-systems2.png) repeat-x

}


.contentContainersystems3 {

	WIDTH: 98%; text-align:left; COLOR: #FFFFFF; BACKGROUND-COLOR: #222

}


.contentContainersystems h1, h2 {

	COLOR: #000000; FONT-WEIGHT: normal; LETTER-SPACING: -1px

}

.contentContainersystems2 h1, h2 {

	COLOR: #000000; FONT-WEIGHT: normal; LETTER-SPACING: -1px

}


.contentContainersystems3 h1 {

	COLOR: #ffffff; FONT-WEIGHT: normal; LETTER-SPACING: -1px

}

.contentContainersystems3 h2 font {

	COLOR: #ffffff; FONT-SIZE: 17px; MARGIN: 20px; BORDER-BOTTOM: 1px dashed; FONT-WEIGHT: normal; LETTER-SPACING: -1px

}



.speedbar {

	COLOR: #460f00; FONT-SIZE: 18px; PADDING: 20px; FONT-WEIGHT: normal; LETTER-SPACING: -1px

}

.speedbar a:link, 
.speedbar a:visited 
 {

	COLOR: #000000; BORDER-BOTTOM: 1px dashed; FONT-WEIGHT: normal; LETTER-SPACING: -1px
}

.speedbar a:hover 
 {

	COLOR: #f60; BORDER-BOTTOM: 1px dashed; FONT-WEIGHT: normal; LETTER-SPACING: -1px
}



	/*** Content ***/


.content {

	background-color: #ffffff; MARGIN: 10px; text-align: left; BORDER-BOTTOM: #d2d8bd 1px dashed;

}

.content.special {
	MARGIN: 10px 0 0
}

.content p {

	FONT: normal 13px/150% "Tahoma"; MARGIN: 0 0 20px

}

.content div {

	FONT: normal 13px "Tahoma"; MARGIN: 0 0 20px

}

.content p a {

	BORDER-BOTTOM: 1px dotted

}

.content a {

	COLOR: #000000

}

.content a:hover {

	COLOR: #f60

}

.content .article {

	MARGIN: 10px

}



.content .article h2 {

	MARGIN-TOP: 5px

}

.content .article p {

	FONT-SIZE: 14px

}

.content .article p span {

	COLOR: #460f00; FONT: normal 13px/120% "Tahoma"

}


.content .article ul,
.content .article ol {

	FONT: normal 14px/150% "Tahoma"; MARGIN: 0 0 20px 25px

}

.content .article ul li {

	PADDING: 0 0 8px 15px;

}

.content .article ol li {

	PADDING: 5px 0

}




h1 {

	FONT: normal 22px "Tahoma";  MARGIN: 20px;

}

h2 {

	FONT: normal 18px "Tahoma"; MARGIN: 0 0 8px

}

h3 {

	COLOR: #333; FONT: bold 14px "Tahoma"; MARGIN: 0 0 3px

}

h1 a, h2 a, h3 a {

	BORDER-BOTTOM: 1px dashed

}


table.systems {

	HEIGHT: 1%; OVERFLOW: hidden;  BACKGROUND: url(../images/bg_special_line.png) repeat-x

}

table.systems h2 a {

	COLOR: #000

}

table.systems h2 a:hover {

	COLOR: #f60

}


table.systems .include .padder2 a {

	COLOR: #f6f1c8

}

table.systems .include .padder2 a:hover {

	COLOR: #f60

}


table.systems p {

	FONT: normal 12px "Tahoma"; MARGIN: 0 5px 6px; 

}

table.systems td {

	MARGIN-BOTTOM: 9px; PADDING: 0 5px 15px;

}

table.systems img {

	MARGIN: 10px 10px 10px 0;

}


table.systems .include {

	

}

table.systems .include .padder {

	

}
	/*** Sidebar ***/


ul.sidebar li {

	FLOAT: left;  text-align: left; WIDTH: 30%; MARGIN-BOTTOM: 9px; PADDING: 0px 5px 0 0;

}

ul.sidebar .otobr {

	DISPLAY: table

}



.sidebar h3 a {

	COLOR: #fbe9d6; FONT: normal 16px "Tahoma"; BORDER-BOTTOM: 1px dotted

}

.sidebar p {

FONT: normal 12px/150% "Tahoma"; 
MARGIN: 0 0 10px;
COLOR: #ffffff;

}

.sidebar p span {
FONT: normal 10px "Tahoma"; 
	COLOR: #e3d551;

}


.sidebar p a {

	COLOR: #fbe9d6; BORDER-BOTTOM: 1px dotted

}

.sidebar a:hover {

	COLOR: #f60 !important

}

.sidebar ul li {

	PADDING: 0 0 10px; MARGIN: 0 0 20px; BORDER-BOTTOM: #d2d8bd 1px dashed

}

	/*** Sidebar2 ***/


ul.sidebar2 li {

	FLOAT: left;  text-align: left; MARGIN: 9px; PADDING: 0 5px 0;

}

ul.sidebar2 .otobr img {
text-align: center;


}



.sidebar2 h3 a {

	COLOR: #000000; FONT: normal 18px "Tahoma"; BORDER-BOTTOM: 1px dotted; text-align: center;

}

.sidebar2 p {

FONT: normal 12px/150% "Tahoma"; 
MARGIN: 0 0 10px;
COLOR: #000000;

}

.sidebar2 p span {
FONT: normal 10px "Tahoma"; 
	COLOR: #e3d551;

}


.sidebar2 p a {

	COLOR: #000000; BORDER-BOTTOM: 1px dotted

}

.sidebar2 a:hover {

	COLOR: #f60 !important

}

.sidebar2 ul li {

	PADDING: 0 0 10px; MARGIN: 0 0 20px; BORDER-BOTTOM: #d2d8bd 1px dashed

}



.gotoclass
 {
FLOAT: right; FONT: normal 13px "Tahoma"; PADDING: 0 20px 0;
}
.gotoclass a:link,
.gotoclass a:visited
 {
COLOR: #ffffff;
BORDER-BOTTOM: 1px dotted;
}
.gotoclass a:hover {
COLOR: #f60 !important
}
.gotoclass1
 {
COLOR: #ffffff; FONT: normal 22px "Tahoma"; PADDING: 0 0 0 20px;
}







	/*** Footer ***/



.wrapFooter {

	BACKGROUND: #020202 url(../images/bg-footer.png) repeat-x; text-align: center;

}

.footer {

	WIDTH: 840px; height: 200px; MARGIN: 0 auto; text-align: center;

}

.footer p,
.footer em {

	FONT: normal 14px/130% "Tahoma"; COLOR: #fff; FONT: normal 14px/130%; MARGIN: 20px 0

}

.footer em {

	FONT-SIZE: 11px

}

.footer p.inBrand {

	MARGIN: 60px 0

}

.footer p a {

	COLOR: #fff; BORDER-BOTTOM: 1px dotted

}

.footer p a:hover {

	COLOR: #f60

}


.footer ul {

	FLOAT: right

}

.footer ul li {

	FLOAT: left; FONT: normal 14px "Tahoma"; MARGIN: 30px 0 0 30px

}

.footer ul li a {

	COLOR: #fff; BORDER-BOTTOM: 1px dotted

}

.footer ul li.current a {

	COLOR: #7dc824

}

.footer .padder {


}

.footer .padder .copyright {

	FLOAT: left; text-align: left; PADDING: 0 0 0 8px

}




	/*** Common ***/


span.more {

	FONT: normal 12px "Arial"; PADDING: 6px 0; BACKGROUND: #000000 url(../images/bg-more.gif) right no-repeat

}

span.more:hover {

	BACKGROUND: #f60 url(../images/bg-more.gif) right no-repeat

}




a span.more,
a span.moreIntro {

	COLOR: #fff; PADDING: 6px 15px 6px 12px

}

a:hover span.more,
a:hover span.moreIntro {

	COLOR: #fff !important

}


div#image-carousel {
  width: 98%;
  height: 345px;
  background-color: #000000;
  overflow: hidden;
  text-align: left;

}

div.carousel-item {
  height: 395px;
  cursor: pointer;
}

div.carousel_copy{
	padding-left:45px;
	padding-top:88px;
	width:60%;
}

.carousel-item h3 {
  color: #ffffff;
FONT: normal 20px "Tahoma", sans-serif;
  padding: 0px;
  margin: 0 0 0px;
}

.carousel-item h4 {
  color: #ffcb79;
FONT: normal 14px "Tahoma", sans-serif;
  padding: 0px;
  margin: 5px 0 0px;
}

.carousel-item p {
  color: #777777;
  font-weight: bold;
FONT: normal 11px "Tahoma", sans-serif;
  margin:5px 0 0
}


.carousel-item a:link,
.carousel-item a:visited
{
  color: #f6b857;
}

.carousel-item ul {
  list-style: none;
  margin: 20px 0 20px;
  padding: 0px;
  width: 89%;
}

.carousel-item li {
  display: inline;
  padding-right: 5px;
}

#image-carousel-controls {
  height: 20px;
  left: 55px;
  position: relative;
  top: 233px;
  z-index: 5;
}

#image-carousel-controls div.controls-numbers {
  background-color: #303030;
  padding: 3px 0px 0px 4px;
  margin: 0px;
  height: 17px;
  float: left;
}

#image-carousel-controls div.controls-play-pause {
  background-color: #303030;
  padding: 3px 0px 0px 4px;
  margin: 0px 0px 0px 4px;
  height: 17px;
  width: 31px;
  float: left;
}

#image-carousel-controls ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#image-carousel-controls li {
  display: block;
  width: 14px;
  float: left;
  padding-right: 7px;
}

#image-carousel-controls a {
  display: block;
  width: 14px;
  height: 14px;
  text-indent: -600px;
  overflow: hidden;
}
#image-carousel-controls .controls-play-pause a{
	width: 27px;
}
.control a {
  background: url(../images/timber_sprites.png) no-repeat;
}

.control a.one {
  background-position: 0px -181px;
}

.control a.two {
  background-position: -14px -181px;
}

.control a.three {
  background-position: -28px -181px;
}

.control a.four {
  background-position: -42px -181px;
}

.control a.five {
  background-position: -56px -181px;
}

.control-active a {
  background: url(../images/timber_sprites.png) no-repeat;
}

.control-active a.one {
  background-position: 0px -167px;
}

.control-active a.two {
  background-position: -14px -167px;
}

.control-active a.three {
  background-position: -28px -167px;
}

.control-active a.four {
  background-position: -42px -167px;
}

.control-active a.five {
  background-position: -56px -167px;
}


.controls-play-pause a {
  display: block;
  width: 27px;
  height: 14px;
  text-indent: -6000px;
  overflow: hidden;
  background: url(../images/timber_sprites.png) no-repeat -70px -181px ;
}

.controls-play-pause a.active {
  display: block;
  width: 27px;
  height: 14px;
  text-indent: -6000px;
  overflow: hidden;
  background: url(../images/timber_sprites.png) no-repeat -70px -167px;
}



.w3mh_b0, .w3mh_b0 td, .w3mh_b0 a, .w3mh_b, .w3mh_b0 div 
{
	padding: 0px;
	margin: 0px;	
	line-height: 1;
}

.w3mh_b0
{
	border-collapse: collapse;	
	position: relative;	
}

.w3mh_b0 td
{
	border: solid 1px #c0c0c0;
}

.w3mh_b td
{
	border-bottom: solid 0px #c0c0c0;	
}

.w3mh_b0 div
{
	position: relative;	
}

.w3mh_b0 a:link, .w3mh_b0 a:visited, .w3mh_b0 a:hover
{
	padding: 8px 20px 8px 20px;
	height: 100%;
	display: block;	
	BACKGROUND-COLOR: #000000;
FONT: normal 11px "Tahoma", sans-serif;
	font-weight: bold;
	color: #e0e0e0;		
	text-align: center;	
	white-space: nowrap;		
}



.w3mh_b0 a:hover
{
background-color: #222222;	
FONT: normal 11px "Tahoma", sans-serif;
font-weight: bold;
text-decoration: blink;
color: #ffffff;

}

.w3mh_b
{
	position: absolute;	
	display: none;			
	border-collapse: collapse;
	border-bottom: solid 1px #c0c0c0;		
}

.w3mh_b th
{
	background-color: #333333;
	font-size: 12px;	
	font-weight: 100;
	text-align: left;
	color: #ffffff;
	padding: 6px 10px 6px 10px;	
	border: solid 1px #c0c0c0;
	border-bottom: solid 0px #c0c0c0;	
}

.w3mh_b a:link, .w3mh_b a:visited, .w3mh_b a:hover
{
	padding: 6px 10px 6px 10px;		
	text-align: left;	
}