﻿@charset "UTF-8";
body {
	width: 100%;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 62.50%;
	background-color: #ffffff;
	color: white;
}

/* Main Tags */

* {padding: 0; margin: 0; z-index:1}

img {
	border: 0;
}
img.icon {
	float: right;
	margin-right: 2px;
	margin-top: 20px;
}
img#logo {
	float: left;
	margin-top: 10px;
	margin-left: 20px;
}
img#slogan {
	float: right;
	margin-right: 45px;
	margin-top: 43px;
}
img.topbanner {
	margin-bottom: 10px;
	border-top-left-radius: 5px;
 	border-bottom-left-radius: 5px;
 	border-bottom-right-radius: 5px;
 }
img.product {
	margin-bottom: 20px;
	border-radius: 5px;
}
img.tab {
	margin-top: 8px;
}
img.video {
	margin-left: 20px;
}
p.std {
	color: #505050;
	font-size: 1.4em;
	line-height: 1.4em;
	padding: 10px 0;
}
p.small {
	color: #505050;
	font-size: 1.1em;
	padding: 10px 0;
}
a {
	color: #505050;
}
p.std a {
	color: #0066cc;
}
a.product {
	color: #ff6600;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 3.0em;
	text-decoration:none;
}
ul.stdlist {
	font-size: 1.3em;
	line-height: 1.3em;
	color: #505050;
	padding: 5px 20px;
}
ul.stdlist li {
	padding-bottom: 4px;
}
h1 {
	font-weight: normal;
	font-size: 3.5em;
	line-height: 3.0em;
	color: #333;
}
h2 {
	font-weight: normal;
	font-size: 2.5em;
	line-height: 4.0em;
	color: #333;
}
div#header {
	width: 900px;
	height: 110px;
	margin: 0 auto;
	overflow: auto;
}
div#container {
	clear: both;
	width: 900px;
	margin: 0 auto;
	overflow: auto;
}
div#mainmenu{
	float: right;
	width: 700px;
	height: 30px;
	overflow: visible;
	background-color: #000;
	text-align: left;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
div#article {
	float: left;
	width: 680px;
}
div#banner {
	float: right;
	width: 200px;
	text-align: center;
}
div#flashcontent {
	float: left;
	width: 600px;
	height: 300px;
}
div.tab {
	float: left;
	width: 200px;
	height: 30px;
	background-color: #333;
	border-radius: 5px;
 	margin-top: 20px;
 	margin-bottom: 30px;
}
div#footer {
	width: 900px;
	margin: 0 auto;
	overflow: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}

/* Top Menu */

#cssmenu img{
	float:none;
}
ul#cssmenu,ul#cssmenu ul{
	margin:0;
	list-style:none;
	padding:4px;
}
ul#cssmenu {
	margin-left:2px;
	background-image:-o-linear-gradient(-90deg,rgba(214,214,214,0.16),rgba(0,0,0,0) 50%,rgba(0,0,0,0.13)); 
	background-image:-moz-linear-gradient(-90deg,rgba(214,214,214,0.16),rgba(0,0,0,0) 50%,rgba(0,0,0,0.13));
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,from(rgba(214,214,214,0.16)),to(rgba(0,0,0,0.13)),color-stop(50%,rgba(0,0,0,0)));
	background-image:-webkit-linear-gradient(-90deg,rgba(214,214,214,0.16),rgba(0,0,0,0) 50%,rgba(0,0,0,0.13));
	background-repeat:repeat;
	border-width:0;
	border-style:solid;
	border-color:;
}
ul#cssmenu .submenu{
	visibility:hidden;
	position:absolute;
	left:0;
	top:100%;
	width: 300px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	float:left;
	background-color:#333;
	background-image:-o-linear-gradient(-90deg,rgba(0,0,0,0),rgba(0,0,0,0) 80%,rgba(0,0,0,0.14) 90%,rgba(0,0,0,0.29));
	background-image:-moz-linear-gradient(-90deg,rgba(0,0,0,0),rgba(0,0,0,0) 80%,rgba(0,0,0,0.14) 90%,rgba(0,0,0,0.29));
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.29)),color-stop(80%,rgba(0,0,0,0)),color-stop(90%,rgba(0,0,0,0.14)));
	background-image:-webkit-linear-gradient(-90deg,rgba(0,0,0,0),rgba(0,0,0,0) 80%,rgba(0,0,0,0.14) 90%,rgba(0,0,0,0.29));
	border-radius:0 0px 0px 0px;
	-moz-border-radius:0 0px 0px 0px;-webkit-border-radius:0;
	-webkit-border-top-right-radius:0px;-webkit-border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	padding:6px 0 20px;filter:alpha(opacity=70);
}
ul#cssmenu li:hover>.submenu{
	visibility:visible;opacity:1;
}
ul#cssmenu li{
	position:relative;zoom:1;
	display:block;
	white-space:nowrap;
	font-size:0;
	float:left;
	margin:0;
}
ul#cssmenu li:hover{
	z-index:1;
}
ul#cssmenu ul .submenu{
	position:absolute;right:100%;
	top:0;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	-moz-box-shadow:0px 0px 2px #999999;
	-webkit-box-shadow:0px 0px 2px #999999;
	box-shadow:0px 0px 2px #999999;
}
ul#cssmenu li>.submenu{
	opacity:0;
	-moz-transition:all 0.5s;
	-webkit-transition:opacity 0.5s;
	-o-transition:opacity 0.5s;
}
ul#cssmenu>li:hover>.submenu{
	opacity:0.7;
}
ul#cssmenu{
	font-size:0;
	z-index:999;
	position:relative;
	display:inline-block;
	zoom:1;
	*display:inline;
}
ul#cssmenu .column{
	float:left;
	width:50%;
}
ul#cssmenu>li,ul#cssmenu li{
	margin:0;
}
* html ul#cssmenu li a{
	display:inline-block;
}
ul#cssmenu a:active, ul#cssmenu a:focus{
	outline-style:none;
}
ul#cssmenu a,ul#cssmenu a.pressed{
	display:block;
	vertical-align:middle;
	text-align:left;
	text-decoration:none;
	font:16px Calibri,Trebuchet MS,sans-serif;
	color:#FFFFFF;
	text-shadow:#222222 0 1px 0;
	cursor:default;
}
ul#cssmenu ul li{
	float:none;
	margin:0;
}
ul#cssmenu ul a{
	text-align:left;
	padding:4px 10px;
	background-color:;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	font:14px "Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}
ul#cssmenu li:hover>a{
	border-style:none;
	font:16px Calibri,Trebuchet MS,sans-serif;
	color:#EEEEEE;
	text-decoration:none;
	text-shadow:#222222 0 1px 0;
}
ul#cssmenu img{
	border:none;
	vertical-align:middle;
	margin-left:10px;
}
ul#cssmenu img.over{
	display:none;
}
ul#cssmenu li:hover > a img.def{
	display:none;
}
ul#cssmenu li:hover > a img.over{
	display:inline;
}
ul#cssmenu li a.pressed img.over{
	display:inline;
}
ul#cssmenu li a.pressed img.def{
	display:none;
}
ul#cssmenu ul span{
	background-image:none;padding-left:20px;
}
ul#cssmenu a{
	padding:2px 15px;
	background-color:;
	background-repeat:repeat;
	border-width:0px;
	border-style:none;
	border-color:;
	color:#FFFFFF;
	text-decoration:none;
	text-shadow:#222222 0 1px 0;
}
ul#cssmenu li:hover>a,ul#cssmenu li>a.pressed{
	border-style:none;
	color:#EEEEEE;
	text-decoration:none;
	text-shadow:#222222 0 1px 0;
}
ul#cssmenu ul li:hover>a,ul#cssmenu ul li>a.pressed{
	background-color:#797979;
	background-image:-o-linear-gradient(-90deg,rgba(214,214,214,0.27),rgba(255,255,255,0) 50%,rgba(0,0,0,0.27));
	background-image:-moz-linear-gradient(-90deg,rgba(214,214,214,0.27),rgba(255,255,255,0) 50%,rgba(0,0,0,0.27));
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,from(rgba(214,214,214,0.27)),to(rgba(0,0,0,0.27)),color-stop(50%,rgba(255,255,255,0)));
	background-image:-webkit-linear-gradient(-90deg,rgba(214,214,214,0.27),rgba(255,255,255,0) 50%,rgba(0,0,0,0.27));
	font:14px "Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#44d6d6d6,endColorstr=#44000000);
}
ul#cssmenu.topmenu{
	border-radius:0px;-moz-border-radius:0px;
	-webkit-border-radius:0px;
}
ul#cssmenu li.toproot>a{
	background-color:;
	border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-bottom-left-radius:0;
}
ul#cssmenu li.toproot:hover>a,ul#cssmenu li.toproot>a.pressed{
	background-color:#333;
	background-image:-o-linear-gradient(-90deg,rgba(255,255,255,0.51),rgba(255,255,255,0.3) 8px,rgba(255,255,255,0.22) 12px,rgba(255,255,255,0)); 
	background-image:-moz-linear-gradient(-90deg,rgba(255,255,255,0.51),rgba(255,255,255,0.3) 8px,rgba(255,255,255,0.22) 12px,rgba(255,255,255,0));
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,from(rgba(255,255,255,0.51)),to(rgba(255,255,255,0)));
	background-image:-webkit-linear-gradient(-90deg,rgba(255,255,255,0.51),rgba(255,255,255,0.3) 8px,rgba(255,255,255,0.22) 12px,rgba(255,255,255,0));
}