/* PAGE */
body{
margin: 0;
padding: 0;
background-image: url(../images/page/pageBkg.gif);
background-repeat: repeat-y;
background-color: #f3f3f3;
font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
font-size: 11px;
}

p {font-size: 11px; line-height: 135%;}
.error {font-weight:normal; color: red;}
.content {margin: 20px;}
.clear {clear:both;}
.Seperator {clear: both; margin-bottom: 10px; border-bottom: 2px solid #EEE;}

h4 {margin-top: 5px; margin-bottom: 0px;}

/* HEADER LAYOUT */
#headerCnt {margin: 0 auto; padding: 0; width: 810px;}
	#header {height: 80px; background-image: url(../images/header/headerBkg.gif); background-repeat:repeat-y;}
	#header .logo {float: left; margin: 25px 15px 0px 10px;}
	#header .logo2 {float: right; margin: 30px 10px 0px 5px;}
	#header .pic {float: right; margin: 0px 5px 0px 10px;}

/* MAIN Textmenu */
#nav {height: 30px; background-image: url("../images/header/navMenu.gif"); background-repeat:no-repeat;}
	#nav .navlinks {font-size: 12px; color:#FFFFFF;}
	#nav .navlinks a {font-size: 12px; text-decoration:none; color:#FFFFFF;}
	#nav .navlinks a:active {font-size: 12px; text-decoration:underline; color:#FFFFFF;}
	#nav .navlinks a:hover { text-decoration:underline; color:#FFCC00;}

/* SUB Textmenu */
#navSub {height: 29px; background-image: url("../images/header/navSub.gif"); background-repeat:no-repeat;}
	#navSub .navSublinks {font-size: 12px; color:#333333;}
	#navSub .navSublinks a {font-size: 12px; text-decoration:none; color:#333333;}
	#navSub .navSublinks a:active {font-size: 12px; text-decoration:underline; color:#FF0000;}
	#navSub .navSublinks a:hover { text-decoration:underline; color:#FF0000;}

/* BODY */
#bodyCnt {margin: 0 auto; width: 810px;}
	#body {background-image: url("../images/page/bodyBkg.gif"); background-repeat: repeat-y;}
	#bodyCapTop {height: 10px; background-image: url("../images/page/bodyCapTop.gif"); background-repeat: no-repeat; font-size: 0;}
#section {margin: 0 6px 0 4px;}
	#section #sectionID {float:left;}
	#section #sectionID h2 {margin: 0 0 0 10px; font-size: 22px; color:#CCC;}
#contentCnt {margin: 0 6px 0 4px; width: 98%;}
	#content2SideR {float: right; width: 200px;}
	#content2MainL {margin-right: 200px;}
	#content2SideL {float: left; width: 200px;}
	#content2MainR {margin-left: 200px;}
#bodyCapBottom {clear:both; height: 10px; background-image: url("../images/page/bodyCapBottom.gif"); background-repeat: no-repeat; font-size: 0;}

/* TOPPAGE LAYOUT */
#contentFrontSide {float:right; width: 280px;}
	#sideNews {margin-left:15px; padding: 0 10px 0 10px;}
	#sideNews h4 {margin-top: 0; font-size: 12px;}
	#sideNews ul {margin: 0; padding: 0; line-height: 130%; list-style-type: none;}
	#sideNews ul li {padding-left: 12px; background-image:  url("../images/listStyle_Orange.jpg"); background-repeat:no-repeat; background-position: 0 5px;}
#contentFrontMain {margin-right: 100px;}
	#highlights {margin-left: 10px;}
	#highlights .highlightItem {float: left; margin-right: 5px; margin-bottom: 10px; width: 160px;}
	#highlights .highlightItem .highlightText {margin: 2px 5px 5px 5px;}
	#highlights .highlightItem .highlightText p {margin-top: 4px; margin-bottom: 0;}

/* FOOTER LAYOUT */
#footerCnt {margin: 0 auto; width: 810px;}
	#footer {padding: 3px;}
	#footer #links {margin: 0 10px 5px 10px; font-size: 10px; color:#666666;}
	#footer #links a {font-size: 10px; text-decoration:none; color:#333333;}
	#footer #links a:hover {color:#000000;}
	#footer #copyright {text-align: center; font-size: 10px; color:#999999;}

/* PRODUCT */
#product {padding: 20px;}
	#product p {margin: 0 0 1em 0;}
	#product p strong {color: #333333;}
	#product h2 {margin: 0; font-size: 14px;}
	#product h3 { margin: 0; font-size: 12px;}
	#product .right {float: right; margin: 0 0 3px 8px;}
	#product .left {float: left; margin: 0 8px 3px 0;}
	#product .full {text-align: center; margin: 0 0 10px 0;}
	#product ul li {margin-bottom: 5px; line-height: 135%;}

#side {margin: 20px 0 20px 0; background-color: #484848;}

#sideNav {padding: 10px; text-align:center;}
	#sideNav ul {margin: 0; padding: 0; list-style-type: none; text-align:left;}
	#sideNav li {margin: 0; padding: 0;}
	#sideNav a {display: block; padding: 5px; width: 170px; background-color: #606060; border-bottom: 1px solid #4e4e4e;}
	#sideNav a, #sideNav a:visited	{text-decoration: none; color: #cccccc;}
	#sideNav a:hover {background-color: #6C6C6C;}
	#sideNav a.current, #sideNav a:active {color: black; background-color: #F49C1C;}
	#sideNav a.current:hover {background-color: #FFA828;}

#sideNav2 {padding: 10px; text-align:center;}
	#sideNav2 ul {margin: 0; padding: 0; list-style-type: none; text-align:left;}
	#sideNav2 li {margin: 0; padding: 0;}
	#sideNav2 a {display: block; padding: 5px; width: 170px; background-color: #FFFFFF; border-bottom: 1px solid #4e4e4e;}
	#sideNav2 a, #sideNav2 a:visited	{text-decoration: none; color: #cccccc;}
	#sideNav2 a:hover {background-color: #6C6C6C;}
	#sideNav2 a.current, #sideNav2 a:active {color: black; background-color: #F49C1C;}
	#sideNav2 a.current:hover {background-color: #FFA828;}

#video {margin: 10px; text-align: center;}
	#video .videoItem {}
	#video .videoItem p {margin-top: 2px; font-size: 10px; color: #CCCCCC;}
	#video .videoItem .hi {text-align: left; font-size: 10px; font-weight: bold; color: #FFFFFF;}

/* NEWS */
#news {padding: 20px;}
	#news .newsItem {}
	#news h3 {margin: 0 0 8px 0;}
	#news .newsTitle {margin-left: 200px;}
	#news .newsTitle h4 {font-family: Arial, Helvetica, sans-serif; font-size: 14px;}
	#news .newsTitle .date {font-size: 10px; font-weight: normal; color: #999;}
	#news .newsImage {float: left;}
	#news .newsText {margin-left: 200px; color:#333333;}
	#news .newsText p {margin-top: 0;}
	#news .newsSeperator {clear: both; margin-bottom: 10px; border-bottom: 2px solid #EEE;}

/* PRIVACY and COMPANY */
#privacy {padding: 20px;}
	#privacy p {margin: 0 0 1em 0;}
	#privacy p strong {color: #333333;}
	#privacy h3 {margin: 0 0 8px 0;}
	#privacy h4 {margin: 0 0 5px 0; font-size: 11px; color:#555555;}
	#privacy .right {float: right; margin: 0 0 3px 8px;}
	#privacy .left {float: left; margin: 0 8px 3px 0;}
	#privacy .full {text-align: center; margin: 0 0 10px 0;}
	#privacy ul {margin: 0 0 15px 0; padding: 0; list-style-type: none;}
	#privacy ul li {margin-bottom: 5px; padding-left: 10px; line-height: 130%; background-image:url("../images/listStyle_Orange.jpg"); background-repeat:no-repeat; background-position: 0 5px;}

/* FORM */
form {}
	form label {font-size: 11px;}
	form input, form textarea {padding: 2px; border: 1px solid #666666;}
	form select {font-size: 11px; border: 1px solid #666666;}
	form ul {margin: 0; padding: 0;}

/*---------------------Press tutorial----------------------------*/
.exBox {
margin-top: 10px;
margin-bottom: 10px;
padding: 6px;
width: 100%;
overflow: hidden;
color: #444444;
background-color: #DDDDDD;
font-size: 110%;
text-align: left;
border-left: 2px solid #444444;
}
.exBox span span {
font-size: 95%;
}
.exBox img {
border: 1px solid #444444;
float: right;
vertical-align: top;
}

/*---------------------FAQ tutorial----------------------------*/
#tut-main {
margin: 0;
padding: 0;
width: 100%;
}
#tut-left {
margin: 0;
padding: 0;
width: 410px;
float:  left;
}
#tut-right {
margin: 0;
padding: 0;
width: 300px;
float:  right;
}

.tutBox {
margin: 10px 0;
padding: 0;
width: 100%;
overflow: hidden;
color: #444;
font-size: 110%;
text-align: left;
}
.tutBox a,.tutBox a:link,.tutBox a:visited {color: #444; text-decoration: underline;}
.tutBox a:active,.tutBox a:hover {color: #c00; text-decoration: underline;}

.tutBox img {
margin: 0 5px 0 0;
border: 1px solid #444;
float: left;
vertical-align: top;
}
dl.tut-mov {
margin: 5px 0;
}
dl.tut-mov dt {
color: #444;
font-size: 1.2em;
font-weight: bold;
}
dl.tut-mov dd {
margin: 0 0 5px 0;
padding: 0 0 0 10px;
line-height: 130%;
background-image:url("../images/listStyle_Orange.jpg");
background-repeat:no-repeat;
background-position: 0 5px;
}

dl.tut-mov dd a,dl.tut-mov dd a:link,dl.tut-mov dd a:visited {color: #444; text-decoration: underline;}
dl.tut-mov dd a:active,dl.tut-mov dd a:hover {color: #c00; text-decoration: underline;}

/* .clearfix class wraps enclosing block element around inner floated elements */
.clearfix:after {
content: ".";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
*html .clearfix {display: inline-block;}
/* Hides from IE-mac \*/
*html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hides from IE-mac */