@charset "UTF-8";
/* CSS Document */

body {
	background-color: #808080;
}
h1 {
	color: #ed1c24;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ed1c24;
}
h2 {
	font-size: 1.3em;
	margin-top: 20px;
}
h3 {
	color: #454545;
	margin-bottom: 5px;
	padding-bottom: 0px;
}
#home h2 {
	line-height: 1.5em;
	font-size: 1.3em;
	color: #C61821;
}
#right-bar h2 {
	line-height: 1.5em;
	font-size: 1.3em;
	color: #C61821;
	margin: 5px 0px;
	padding: 0px;
	line-height: 1em;
}
#right-bar ul {
	margin: 5px 0px 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
a:link, a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #C28F00;
}
a:hover {
	color: #F2B200;
}
p {
	line-height: 180%;
}
blockquote {
	line-height: 140%;
}
#contents-body li {
	margin-bottom: 10px;
}
#contents-body ul ul {
	margin-top: 10px;
}
#wrapper {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 802px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#header {
	height: 120px;
	width: 800px;
	float: left;
	padding-bottom: 30px;
	position: relative;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-left-color: #000000;
}
#logo-box {
	width: 600px;
	height: 120px;
	float: left;
}
#top-right-box {
	float: left;
	width: 200px;
	font-size: 0.8em;
	height: 80px;
	padding-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
}
#top-right-box p {
	font-size: 200%;
	margin: 0px;
	padding: 0px;
}

#search-box {
	float: left;
	width: 230px;
	margin-top: 15px;
}
#login-box {
	width: 200px;
	float: left;
	margin-top: 30px;
}
#home #body-wrapper {
	width: 800px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	float: left;
	background-image: none;
}
#body-wrapper {
	width: 800px;
	background-image: url(images/bg01.jpg);
	background-repeat: repeat-y;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	float: left;
}
#home #contents-wrapper {
	float: right;
	width: 800px;
}
#contents-wrapper {
	float: right;
	width: 650px;
}
#home #banner01 {
	background-image: url(images/bannerA.jpg);
	background-repeat: repeat;
	float: right;
	height: 200px;
	width: 800px;
}
#banner01 {
	background-image: url(images/banner01.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 170px;
	width: 650px;
}
#banner-about {
	background-image: url(images/banner01.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 170px;
	width: 650px;
}
#banner-product {
	background-image: url(images/banner03.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 170px;
	width: 650px;
}
#banner-solution {
	background-image: url(images/banner_solution1.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 225px;
	width: 650px;
}
#banner-service {
	background-image: url(images/banner04.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 170px;
	width: 650px;
}
#banner-support {
	background-image: url(images/banner05.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 170px;
	width: 650px;
}
#banner-news {
	background-image: url(images/banner06.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 170px;
	width: 650px;
}
#banner-contact {
	background-image: url(images/banner07.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 170px;
	width: 650px;
}
#banner-index-right {
	float: left;
	background-color: #FFE499;
	height: 173px;
	width: 150px;
	text-align: center;
	padding-top: 50px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #EAAD00;
}
#banner-index-right a:link, #banner-index-right a:visited {
	color: #ED1C24;
}
#banner-index-right a:hover {
	color: #EAAD00;
}
#home #main-contents-wrapper {
	padding: 10px 10px 20px;
	width: 780px;
	float: right;
}
#main-contents-wrapper {
	padding: 10px 10px 20px;
	width: 630px;
	float: right;
}
#home #contents-body {
	width: 590px;
	padding-right: 20px;
	padding-left: 20px;
	float: left;
}
#contents-body {
	width: 440px;
	padding-right: 20px;
	padding-left: 20px;
	float: left;
}
#right-bar {
	background-color: #eaad00;
	width: 130px;
	float: right;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
#left-nav {
	float: left;
	width: 140px;
	padding-top: 230px;
	color: #FFFFFF;
	padding-left: 10px;
}
#left-nav ul {
	color: #EAAD00;
	width: 125px;
	padding-left: 10px;
	padding-right: 5px;
}
#left-nav ul ul {
	padding-left: 0px;
	list-style-type: none;
}
#left-nav ul li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-top: 7px;
	padding-bottom: 7px;
}
#left-nav ul li a:link, #left-nav ul li a:visited {
	color: #FFFFFF;
	font-size: 1em;
	font-weight: bold;
}
#left-nav ul li a:hover {
	color: #EAAD00;
}
#left-nav ul li li a:link, #left-nav ul li li a:visited {
	font-weight: normal;
}
#left-nav ul li li {
	border-bottom-style: none;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 0.9em;
}
#footer {
	width: 802px;
	background-color: #808080;
	text-align: center;
	padding-top: 5px;
	clear: both;
	color: #FFFFFF;
}
#footer p {
	line-height: 120%;
}
#footer a {
	color: #FFE499;
}
#about #current-about, #product #current-product, #solution #current-solution, #service #current-service, #news #current-news, #support #current-support, #contact #current-contact {
	background-color: #EAAD00;
}
.right-bar-box1 {
	background-color: #ffe499;
	padding: 5px;
	margin-bottom: 10px;
}
.right-bar-box2 {
	background-color: #ffd05c;
	padding: 5px;
	margin-bottom: 10px;
}
.style01 {
	font-weight: bold;
	color: #666666;
	font-size: 1.5em;
}
.box1 {
	background-color: #FFE8C7;
	padding: 10px 5px;
	width: 250px;
	margin-right: auto;
	margin-left: auto;
	border: 3px solid #EAAD00;
}
.box2 {
	background-color: #FFE8C7;
	border: 3px solid #EAAD00;
	padding-bottom: 10px;
	width: 430px;
	padding-right: 10px;
}

.box3 {
	background-color: #ECECEC;
	padding-bottom: 10px;
	width: 430px;
	padding-right: 10px;
	padding-top: 10px;
}

.no-pad-mar {
	margin: 0px;
	padding: 0px;
}
.no-top-pad-mar {
	margin-top: 0px;
	padding-top: 0px;
}
.no-bttm-pad-mar {
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.header-form {
	font-size: 80%;
	margin: 0px;
	padding: 0px;
}
.textfield {
	font-size: 100%;
}
.textfield2 {
	font-size: 100%;
	margin-bottom: 5px;
}
.floa-left {
	float: left;
}
.login-box {
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-color: #FFD629;
	border: 2px solid #808080;
}
.font-size-80 {
	font-size: 80%;
}
.font-size-90 {
	font-size: 90%;
}
.font-courier {
	font-family: "Courier New", Courier, monospace;
}








/* 
	LEVEL ONE
*/
ul.dropdown                         {
	position: absolute;
	background-color: #4d4d4d;
	width: 630px;
	color: #FFFFFF;
	top: 111px;
	left: 1px;
	list-style-type: none;
	height: 26px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #ed1c24;
	border-bottom-color: #ed1c24;
	padding-right: 0px;
	padding-left: 170px;
	z-index: 1;
}
ul.dropdown li                      {
	float: left;
	zoom: 1;

}
ul.dropdown a:link,	ul.dropdown a:visited {
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 10px;
	padding-left: 10px;
}
ul.dropdown a:hover		            {
	background-color: #bcbcbc;
}
ul.dropdown a:active                {
	color: #FFE499;
}
ul.dropdown li a                    {
	display: block;
	color: #FFFFFF;
	text-transform: uppercase;
}
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover, 
ul.dropdown li:hover
                 {
	position: relative;
	background-color: #999999;
}
ul.dropdown li.hover a              {
}


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	padding-right: 0px;
	padding-left: 0px;
	list-style-type: none;
	width: 220px;
	font-size: 90%;
}
ul.dropdown ul li 					{
	border-bottom: 1px solid #fff;
	float: none;
	padding-right: 8px;
	padding-left: 8px;
	font-size: 1em;
	background-color: #999999;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333333;
}
ul.dropdown ul li:hover 					{
	background-color: #BCBCBC;
	border-right-style: none;
}
							  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{
	display: inline-block;
	color: #FFFFFF;
	text-transform: none;
} 
ul.dropdown ul li a:link, ul.dropdown ul li a:visited	{
	padding-top: 4px;
	padding-bottom: 4px;
}
/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{
	left: 100%;
	top: 0;
	list-style-type: none;
	font-size: 100%;
	margin-left: 0px;
}
ul.dropdown ul ul li				{
	width: 80%;
}
ul.dropdown li:hover > ul 			{ visibility: visible; }