@charset "iso-8859-1";

/* --------- stage --------- */
#bgarea {
    width:760px;
	margin:0;
	padding:0;
	background:url(../../img/menu/bg_menu.jpg) left repeat-y;
}

#maincontentsarea {
    width:580px;
	margin-left:10px;
	padding:0;
	float:left;
}

/* ------- Main Image area ------- */
#mainimagearea {
    width:580px;
	padding:0;
	margin:0;
}

/* ---------- Feature area ---------- */
#featurearea {
    width:580px;
	padding:0;
	margin:0;
	background:url(../img/i_bg01.jpg) top no-repeat;
}

.features {
    width:580px;
	padding:0;
}

.lefttxt {
	margin-bottom:25px;
	padding:0;
	width:402px;
	float:left;
	display:inline;
}
.lefttxtnote {
	margin-top:10px;
	padding:0;
	width:402px;
	font-size:90%;
}
.rightpic {
	margin-bottom:25px;
	padding:0;
	width:162px;
	float:right;
	display:inline;
}

.leftbox {
	width:280px;
	margin-bottom:20px;
	padding:0;
	float:left;
	display:inline;
}

.rightbox {
	width:280px;
	margin-bottom:20px;
	margin-left:20px;
	padding:0;
	float:right;
	display:inline;
}

.rightbox ul{
	margin:0;
	padding:0;
	list-style:inside;
}

.rightbox li{
	padding:0;
	margin:0;
}

.pic_l1{
    margin-left:96px;
}
.pic_l2{
    margin-left:37px;
}
.pic_l3{
    margin-left:28px;
}

/* ---------- shadowbox area ---------- */

#galleryarea{
    width:580px;
	height:115px;
	padding:12px 0 12px 0;
	background:url(../img/bg_gallery.jpg) top repeat-x;
}

#galleryarea ul{
    margin:0;
	padding:0;
	height:89px;
	list-style:none;
}

#galleryarea li{
    width:134px;
	height:89px;
	margin-left:8px;
	padding:0;
	text-indent:-9999px;
	float:left;
	display:inline;
}
#galleryarea li a {
	display:block;
	height:89px;
	text-decoration:none;
/*\*/
overflow:hidden;/* --------- background IE cover --------- */
/**/
}
/*----------------------------------------*/

#bt_thum01{
	width:134px;
	background: url(../img/bt_thum01.jpg) 0px 0px;
}
#bt_thum01 a:hover {
	width:134px;
	background:url(../img/bt_thum01.jpg) 0px -89px;
}
#bt_thum02{
	width:134px;
	background:url(../img/bt_thum02.jpg) 0px 0px;
}
#bt_thum02 a:hover {
	width:134px;
	background:url(../img/bt_thum02.jpg) 0px -89px;
}
#bt_thum03{
	width:134px;
	background:url(../img/bt_thum03.jpg) 0px 0px;
}
#bt_thum03 a:hover {
	width:134px;
	background:url(../img/bt_thum03.jpg) 0px -89px;
}
#bt_thum04{
	width:134px;
	background:url(../img/bt_thum04.jpg) 0px 0px;
}
#bt_thum04 a:hover {
	width:134px;
	background:url(../img/bt_thum04.jpg) 0px -89px;
}


/* ---------- Note area ---------- */
.note {
   width:580px;
   font-size:90%;
   text-align:left;
   marign:0;
   padding:0;
}

.note ul{
    padding-left:15px;
	list-style:disc;
	margin:0;
}

/* ---------- Other area ---------- */

.other {
    width:580px;
	padding:0;
	margin-top:10px;
	font-size:90%;
}

/* ---------- Specifications area ---------- */
#specarea {
    width:580px;
	padding:0;
	margin:0;
	background:url(../img/i_bg01.jpg) top no-repeat;
}

.spec {
    width:580px;
	padding:0;
	margin-bottom:20px;
}

/* ---------- download area ---------- */
#downloadarea{
    width:580px;
	padding:0;
	margin:0;
	background:url(../img/i_bg01.jpg) top no-repeat;
}

.tutorial_left{
    width:240px;
}

.tutorial_left ul{
    width:230px;
	list-style:disc;
	margin-left:20px;
	margin-top:0;
	padding:0;
}

.tutorial_left li{
    margin:0;
	padding:0;
	list-style-position:inside;
}
	

.tutorial_right{
    width:310px;
	float:right;
	height:116px;
	margin-top:15px;
	display:inline;
}

.tutorial_right ul{
    width:310px;
	list-style:none;
	margin:0;
	padding:0;
}
.tutorial_right li{
    margin:0;
	padding:0;
	text-indent:-9999px;
	float:left;
}
.tutorial_right li a {
	display:block;
	height:116px;
	text-decoration:none;
/*\*/
overflow:hidden;/* --------- background IE cover --------- */
/**/
}
/*----------------------------------------*/
#bt_tuto01{
	width:310px;
	background: url(../img/bt_tutorial.jpg) 0px 0px;
}
#bt_tuto01 a:hover {
	width:310px;
	background:url(../img/bt_tutorial.jpg) 0px -116px;
}

.txt_white{
    color:#FFFFFF;
}


/* ------- Get Adobe Reader  ------- */
#getadobe_img{
    width:112px;
}
#getadobe_txt{
    width:450px;
	float:right;
}
