* { margin:0px; padding:0px; }

body  { font-size: 80%; font-family: Arial; background: url(../html/img/backgrounds/gray_top.gif) repeat-x left top; }
a img { border: none; }

p, #content, td, th { line-height: 1.5em; font-size: 12px; font-family: Arial; margin-bottom: 0.7em; }
p           { padding-right: 50px; }
h1          { font-size: 20px; font-family: Arial; color: #666666; margin-bottom: 1.2em; }
h2          { font-size: 16px; font-family: Arial; margin-bottom: 0.5em; }

ul { margin: 1em 0 2em 3em; padding: 0; }
ul li { list-style: none outside url(../html/img/bullet.gif); line-height:1.5em; margin-bottom: 0.7em; }

a           { color: #0033CC; text-decoration: underline; }
a:active    { color: #FF0000; }
a:hover     { text-decoration: underline; }

/* Rainbow colors */
.blue       { color: #0094DE; }
.magenta    { color: #613582; }
.red        { color: #E35C75; }
.yellow     { color: #F5B868; }
.green      { color: #78C28C; }
.light-blue { color: #75C5F0; }

/* Common */
.expand  			{ width:100%; height:100%; }
.menu *				{ text-align: left; vertical-align: top; font-size:0px; }
.menu .item .number { margin: 0px 7px 0px; }
.menu .item .title  { margin: 0px; margin-top:2px; }
.menu .subitems     { display: none; }
.footer             { height: 60px; }
.copy 			    { font: 12px Arial; color: #666666; padding: 0px 30px 30px; }
#banner             { text-align: center; padding: 50px 0px 0px 0px;}

/* Main page */
#main .top   { background: url(../html/img/backgrounds/main_top.gif) no-repeat center bottom; }
#main .nav   { height: 470px; background:url(../html/img/backgrounds/gray_btm.gif) repeat-x left bottom; }
#main .float { background: url(../html/img/backgrounds/main_bottom.gif) no-repeat center bottom; text-align: center; vertical-align: top; }
#main .logo  { text-align: right; vertical-align: bottom; position: relative; padding: 0px 50px 30px; margin-top: -17px; }
#main .menu  { width: 900px; height: 410px; text-align: left; vertical-align: top; }

#main .menu #placeholder1  { text-align: left; vertical-align: top; padding-left: 377px; padding-top: 1px;  height: 148px; width: 252px; }
#main .menu #placeholder2  { text-align: left; vertical-align: top; padding-left: 35px;  padding-top: 34px; width: 270px;  }
#main .menu #placeholder3  { text-align: left; vertical-align: top; padding-left: 0px;   padding-top: 16px; height: 176px; }
#main .menu #placeholder4  { text-align: left; vertical-align: top; padding-left: 0px;   padding-top: 38px; }
#main .menu #placeholder5  { text-align: left; vertical-align: top; padding-left: 17px;  padding-top: 2px;  }

/* Secion */
#section .nav   		{ height: 100%; width: 50%; background: no-repeat right top; vertical-align: bottom; text-align: left; padding-top: 350px; }
#section .float 		{ width: 450px; height: 100%; }
#section .logo  		{ text-align: right; vertical-align: bottom; padding: 20px 50px 22px; }
#section #contentholder { vertical-align: top; }
#section #copyholder 	{ vertical-align: bottom; }
#section .view  		{ width: 60%; }


.expand  			  { width:100%; height:100%; }
.subnav *			  { text-align: left; vertical-align: top; font-size:0px; }
.subnav .item 		  { cursor: pointer; }
.subnav .item .number { margin: 0px 7px 0px; }
.subnav .item .title  { margin: 0px; }


/* Page */
#section .subnav    { height: 150px; background: no-repeat left top; vertical-align: top; }
#section .page 		{ width: 100%; height: 100%; }
#section .page .vl  { width: 14px; }
#section .page .vt  { background: url(../html/img/page/corner_top.gif) no-repeat left top; height: 14px; }
#section .page .vc  { background: url(../html/img/page/border_left.gif) repeat-y left top; }
#section .page .vb  { background: url(../html/img/page/corner_btm.gif) no-repeat left bottom; height: 14px; }
#section .page .pt  { height: 1px; background: #ffffff url(../html/img/page/border_top.gif) repeat-x left top; }
#section .page .pc  { background: #ffffff; }
#section .page .pb  { height: 3px; background: #ffffff url(../html/img/page/border_btm.gif) repeat-x left top; }
#section #content   { height:100%; background: #FFFFFF; padding: 25px 0px 0px 10px; vertical-align: top; }
#section .top       { vertical-align: top; }
#section .bg 		{ height:330px; vertical-align: bottom; text-align: right }

/*#section #content   { height: 300px; background: #FFFFFF; overflow: auto; } */


/* Section styles */
#section .menu   { width: 100%; height: 100%; background: url(../html/img/menu/float/2.gif) no-repeat right top; }
#placeholder1 	 { height: 122px; padding-left: 70px; padding-top: 1px; }
#placeholder2  	 { height: 72px; padding-left: 160px; }
#placeholder3    { height: 49px; padding-left: 110px; }
#placeholder4    { height: 50px; padding-left: 160px; }


/* 01.Company */
.company_style .nav    { background-image: url(../html/img/backgrounds/section_1.gif) !important; }
.company_style .subnav { background-image: url(../html/img/backgrounds/section_nav_1.gif) !important; padding-top: 19px; padding-left: 75px; }

/* 02.News */
.news_style .nav    { background-image: url(../html/img/backgrounds/section_2.gif) !important; }
.news_style .subnav { background-image: url(../html/img/backgrounds/section_nav_2.gif) !important; padding-top: 23px; padding-left: 95px; }


/* 03.Products */
.products_style .nav    { background-image: url(../html/img/backgrounds/section_3.gif) !important; }
.products_style .subnav { background-image: url(../html/img/backgrounds/section_nav_3.gif) !important; padding-top: 23px; padding-left: 80px; }

/* 04.Technologies */
.tech_style .nav    { background-image: url(../html/img/backgrounds/section_4.gif) !important; }
.tech_style .subnav { background-image: url(../html/img/backgrounds/section_nav_4.gif) !important; padding-top: 23px; padding-left: 95px; }

/* 05.Partners */
.partners_style .nav    { background-image: url(../html/img/backgrounds/section_5.gif) !important; }
.partners_style .subnav { background-image: url(../html/img/backgrounds/section_nav_5.gif) !important; padding-top: 23px; padding-left: 95px; }