@charset "utf-8";
/* CSS Document */
*{
margin:0;
padding:0;
}
* img{
border:0;
}

body{
text-align:center;
font-family: Verdana, Arial, sans-serif, Helvetica;
font-size:11px;
line-height:14px;
background-color: white;
color:black;
}

a{
color:#327101;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

* div {
text-align:left;
}

#header{
margin:auto;
width:790px;
height: 100px;
background-image: url(image/ape-flac-converter.jpg);
background-repeat: no-repeat;
color:white;
}

#header a
{
	float: right;
	margin-top: 5px;
	margin-right: 10px;
/*	padding:0 0 0 18px;
   background:url(image/en.gif) 0 0 no-repeat;*/
	color:white;
}


/*nav*/
#nav {
margin-left:auto;
margin-right:auto;
margin-top:0;
width:790px;
clear:both;
background: url(image/nav_bg.gif) 0 1px repeat-x;
}

#nav ul{
list-style:none;
margin-left:45px;
width:700px;
height:33px;
line-height:33px;
background:url(image/nav_bg_sep.gif) right 1px no-repeat;
}

#nav li{
position:relative;
float:left;
text-align:center;
font-size:12px;
line-height:30px;
font-weight:bold;
background:url(image/nav_bg_sep.gif) 0 1px no-repeat;
}

#nav li a:hover,#nav li.act a{
width:100px;
display:block;
background:url(image/nav_bg_sep.gif) 1px 1px repeat-x;
/*color:#56aa04;*/
color:#1d7f01;
text-decoration:none;
}

#nav li a {
width:100px;
display:block;
color:#fff;
text-decoration:none;
}

#intro dd{
margin-bottom:10px;
}

#main{
margin:0 auto;
width:790px;
padding:0;
overflow:auto;
}

/*intro*/
#intro{
margin:0 auto 0 auto;
width:790px;
background: url(image/intro_title_bg.png) 0 0 repeat-x;
overflow:auto;
}

h1,h2{
height:25px;
color:#115b04;
font-size:12px;
line-height:20px;
padding-left:3px;
}

#intro_pro
{
border-top:1px solid #ccd4d8;
float:left;
width:393px;
height:180px;
margin:3px 0 0 0;
padding:0;
overflow: auto;
display:inline;
}

#intro_dev
{
border-top:1px solid #ccd4d8;
float:right;
width:393px;
height:180px;
margin:3px 0 0 0;
padding:0;
overflow: auto;
display:inline;
}

/*IE5*/

* html #intro_pro,* html #intro_dev
{
	width:381px;
	w\idth:387px;
}

.content{
padding:1px 3px 3px 3px;
margin-bottom:3px;
overflow:auto;
}

.content-bottomline{
border-bottom:1px solid #ccd4d8;
padding:1px 3px 5px 3px;
margin-bottom:3px;
overflow:auto;
}

.content-right{
width:160px;
padding:3px;
}

* html .content,.content-topline{
margin:0;
ma\rgin-bottom:3px;
}

#contact{
margin:0;
background: url(image/intro_title_bg.png) 0 0 repeat-x;
width:790px;
}

#columnleft{
float:left;
margin:0;
width:606px;
padding:3px;
background: url(image/intro_title_bg.png) 0 0 repeat-x;
}

* html #columnleft
{
	width:595px;
	w\idth:605px;
}

.pannel{
margin:0 0 3px 0;
width:601px;
padding:1px 3px 3px 3px;
overflow:auto;
}

* html .pannel
{
	width:615px;
	w\idth:601px;
}

#columnright{
float: right;
margin:0;
width:175px;
padding:0;
}

* html #columnright
{
	
	width:165px;
	w\idth:175px;
}

#pro_left{
float:left;
margin:0;
width:392px;
margin:3px 0 0 0;
padding:0;
overflow:auto;
display:inline;
}

#pro_right{
float: right;
margin:0;
width:392px;
margin:3px 0 0 0;
padding:0;
overflow:auto;
display:inline;
}

.pro_pannel{
margin:0;
width:385px;
padding:3px;
overflow:auto;
border-top: 1px solid #ccd4d8
}

.readmore{
padding-left:2px;
}

.pannel_lit{
margin:0 0 3px 0;
padding:2px;
background: url(image/intro_title_bg2.png) 0 0 repeat-x;
border:1px solid #ccd4d8;
height:150px;
width:169px;
overflow: auto;
}

.pannel_lar{
margin:0 0 3px 0;
padding:2px;
background: url(image/intro_title_bg2.png) 0 0 repeat-x;
border:1px solid #ccd4d8;
height:170px;
width:169px;
}

.pannel_lit p,.pannel_lar p{
float:left;
padding-left:5px;
clear:left;
}

#intro_pro p:first-line,#intro_dev p:first-line{
height:25px;
line-height:25px;
font-weight:bold;
}

.pannel_lit ul,.pannel_lar ul,#columnleft ul,.content ul,.img200 ul{
list-style:none;
float:left;
margin:0;
padding:0;
}

#columnleft ul{
width:600px;
}

* html #columnleft ul{
width:580px;
w\idth:600px;
}

.pannel_lit ul,.pannel_lar ul{
width:165px;
}

*html .pannel_lit ul,*html .pannel_lar ul{
width:155px;
w\idth:165px;
}

.pannel_lit ul li,.pannel_lar ul li,#columnleft ul li,.content ul li,.content ul li ul li,.img200 ul li{
margin:2px 0 auto;
padding:0 0 0 18px;
background:url(image/arrow.gif) 0 0 no-repeat;
float:left;
clear:both;
}

.content dl dt{
margin:2px 0 auto;
padding:0 0 0 18px;
font-weight:bold;
background:url(image/arrow.gif) 0 0 no-repeat;
}

.content dl dd{
margin:2px 0 auto;
padding:0 16px 0 18px;
}

.img200 ul li{
width:520px;
}

#columnleft ul li{
width:580px;
}

*html .columnleft ul li{
width:580px;
w\idth:600px;
}

.pannel_lit ul li,.pannel_lar ul li{
width:140px;
}

.img200{
border-top:1px solid #ccd4d8;
margin-top:3px;
float:left;
width:790px;
overflow: auto;
clear:both;
}

.introlist
{
position:relative;
margin-left:3px;
left:5px;
top:auto;
width:545px;
}

#intro_pro img,#intro_dev img, #columnleft img,.pannel_lit img,.pannel_lar img,.pannel img,.content img,.pro_pannel img, .img200 img{
float:left;
margin-left:0;
margin-right:6px;
margin-bottom:6px;
border:0;
clear:both;
}

table{
border-collapse:collapse;
border:1px solid #ccd4d8;
}

table.hide{
border:0;
}

tr{
background-color:white;
}
tr.odd{
background-color:#f8faf8;
}
td{
padding:3px;
border-top: 1px solid #ccd4d8;
border-right: 1px solid #ccd4d8;
}

td.hide{
border-top: 0;
border-right: 0;
}

td a{
font-weight:bold;
}
th
{
text-align:left;
background-color:#eaebea;
height:30px;
padding:3px;
border-right: 1px solid #ccd4d8;
}

th.center, td.center{
text-align: center;
}

td.price{
color:red;
text-align: center;
}

td.ul.li{
margin:2px 0 auto;
padding:0 0 0 18px;
background:url(image/arrow.gif) 0 0 no-repeat;
float:left;
clear:both;
}

td.regnow {
padding-left:21px;
padding-top:2px;
padding-bottom:0px;
}

td.paypal {
padding-left:19px;
padding-top:5px;
padding-bottom:0px;
}

/*bottom*/
#bottom{
margin:auto;
width:790px;
clear:both;
}
#bottom_nav{
width:790px;
height:28px;
color:#fff;
line-height:28px;
background: url(image/nav_bg.gif) 0 1px repeat-x;
text-align:center;
}

#bottom_nav a{
color:#fff;
text-decoration:none;
}
#bottom_nav a:hover{
text-decoration:underline;
}
#bottom_content{
width:790px;
margin-top:5px;
margin-bottom:5px;
text-align:center;
}

* html #bottom_content p{
margin:0;
}
/*
* {
margin:0;
padding:0;
border:1px solid red;
}*/