@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:#009040;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

* div {
text-align:left;
}

#header{
margin:auto;
width:920px;
height:96px;
background-image: url(image/ape-flac-cue.png);
background-repeat: no-repeat;
color:#009040;
}

#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:#009040;
}


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

#nav ul{
list-style:none;
margin-left:40px;
width:840px;
height:32px;
line-height:32px;
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:120px;
display:block;
background:url(image/nav_bg_sep.gif) 1px 1px repeat-x;
/*color:#56aa04;*/
color:#009040;
text-decoration:none;
}

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

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

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

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

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

#intro_pro
{
float:left;
margin:3px 0 0 0;
padding:0;
width:457px;
/*height:330px;*/
display:inline;
overflow: auto;
}

#intro_dev
{
float:right;
margin:3px 0 0 0;
padding:0;
width:457px;
/*height:330px;*/
display:inline;
overflow: auto;
}

/*IE5*/

* html #intro_pro,* html #intro_dev
{
	width:451px;
	w\idth:457px;
}

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

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

.content-right{
width:200px;
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:920px;
}

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

* html #columnleft
{
	width:690px;
	w\idth:695px;
}

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

* html .pannel
{
	width:690px;
}

#columnright{
float: right;
margin:0;
width:216px;
padding:0;
background-color:white;
}

* html #columnright
{
	
	width:205px;
	w\idth:215px;
}

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

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

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

.readmore{
padding-left:2px;
}

.pannel_lit{
margin:0 0 3px 0;
padding:3px;
background: url(image/intro_title_bg.png) 0 0 repeat-x;
border:1px solid #cce198;
height:160px;
width:208px;
overflow: auto;
}

.pannel_lar{
margin:0 0 3px 0;
padding:3px;
background: url(image/intro_title_bg.png) 0 0 repeat-x;
border:1px solid #cce198;
height:210px;
width:208px;
}

.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:685px;
}

* html #columnleft ul{
width:675px;
w\idth:685px;
}

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

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

.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:620px;
}

#columnleft ul li{
width:660px;
}

*html .columnleft ul li{
width:640px;
w\idth:660px;
}

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

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

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

#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 #cce198;*/
}

table.hide{
border:0;
}

tr{
background-color:white;
}
tr.odd{
/*background-color:#f8faf8;*/
}
td{
padding:3px;
border: 1px solid #cce198;
}

td.hide{
border-top: 0;
border-right: 0;
border: 1px solid white;
}

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

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:20px;
padding-top:2px;
padding-bottom:2px;
}

td.paypal {
padding-left:17px;
padding-top:2px;
padding-bottom:2px;
}

/*bottom*/
#bottom{
margin:auto;
width:920px;
clear:both;
}
#bottom_nav{
width:920px;
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:920px;
margin-top:5px;
margin-bottom:5px;
text-align:center;
}

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


#banners
{
	width:920px;
   height:275px;
   border:0px;
}

#banners div
{
        width:500px;
        height:250px;
        display:none;
        margin:0px;
}

#banners #banner1
{
        display:block;
}

#banners div span
{
        width:350px;
        position:relative;
        display:block;
        top:-150px;
        line-height:1.5em;
        left:10px;
        background:#fff;
        font-size:1.2em;
        padding:5px;
        opacity:0.7;//standard
        filter:alpha(opacity=50);//internet explorer
        -moz-opacity:.50;//older firefox versions
}

#banners ul
{
        /*width:auto;*/
	height:26px;
   line-height:26px;
	padding:0px;
   background:#009040;
   margin:0px;
  	border:0px;
}

#banners ul li
{
position:relative;

        display:inline;
		   line-height:26px;
        
        /*width:10px;*/
}

#banners ul li a
{

        line-height:26px;
		  padding-left:5px;
		  padding-right:5px;
		  padding-top:2px;
		  padding-bottom:2px;
        margin-left:5px;
        margin-top:0px;
        margin-bottom:0px;
		  text-align: center;
        color:#fff;
        font-weight:bold;
		  text-decoration:none;
}

#banners ul li a:hover
{
        background:#fff;
        color:#009040;  
}