/************************************************************************************************/
/*template*/
/************************************************************************************************/
*{margin:0;padding:0; font-family:Tahoma, Verdana,Arial,Sans-serif;}
a:visited{color: black;}
a img{border: none;}
body{ font-size:12px; background:url(../images/top_back.png) repeat-x top center;}
div.clear { clear:both; }


/************************************************************************************************/
/*container*/
/************************************************************************************************/
#container{width:870px; clear:both; margin:auto auto; overflow:hidden;}


/************************************************************************************************/
/*top*/
/************************************************************************************************/
#top{position:relative; height:85px;}
#top h1{position:absolute; top:0px; left:0px;}
#top h1 a{ padding-left: 50px; display:block; text-indent:-2000px; width:527px; height:85px; background:url(../images/logo.png);}

/*banner*/
#top .banner{position:absolute; right:0px; top:5px;}

/************************************************************************************************/
/*tabs*/
/************************************************************************************************/#tabs ul{ list-style:none;}
#tabs ul li{float:left; margin-right:10px;}

#tabs ul li.bookmark a{display:block; text-indent:-2000px; width:214px; height:23px; background:url(../images/tab_bookmark.png);}
#tabs ul li.bookmark a:hover{background:url(../images/tab_bookmark_hover.png);}

#tabs ul li.test a{display:block; text-indent:-2000px; width:214px; height:23px; background:url(../images/tab_bookmark.png);}
#tabs ul li.test a:hover{background:url(../images/tab_bookmark_hover.png);}


/************************************************************************************************/
/*content*/
/************************************************************************************************/
#content{clear:both; padding:10px 0px 0px 0px; overflow:hidden;}

/*section*/
#content .section{border:1px solid #ffcccc; background:#fbf3f0; padding:7px; margin-bottom:15px;}
#content .section h1{font-size:12px;}
#content .section2{border:1px solid red; background:#ffffff; padding:7px; margin-bottom:15px;}
#content .section2 h1{font-size:12px;}
#content .section3{border:1px solid #eeeeee; background:#ffffff; padding:7px; margin-bottom:15px;}
#content .section3 h1{font-size:12px;}

/*left*/
#content .left{float:left; width:160px; padding:10px;}
#content .left h1{font-size:12px;}

#content .left ul{ list-style:url(../images/ul.png); margin:15px 0px 15px 15px;}
#content .left li{}
#content .left li a{color:black; text-decoration:none;}
#content .left li a:hover{ text-decoration:underline;}

/*right*/
#content .right{float:right; width:660px; border-left:1px solid #cccccc; padding:10px 0px 10px 15px; overflow:hidden;}

#content .right h1{font-size:12px;}

#content .right a{text-decoration:none;}
#content .right a:hover{text-decoration:underline;}

#content .right table{margin:15px 0px 0px 0px;}

#content .right li{list-style-type: none; margin:0px;}

#content .area { width: 650px; overflow: hidden; margin-bottom: 10px; }
#content .area2 { width: 595px; overflow: hidden; margin-bottom: 10px; }

#content .screenshot {border: 1px solid #996666; margin-right: 7px; margin-bottom: 7px;  background: #ffcccc; text-align:center; font-size: 10px; font-weight: bold; float:left;}
#content .screenshot IMG{padding: 9px; background: #ffcccc; width: 100px; height: 100px;}
#content .screenshot a:hover IMG {background: #ffffcc;}

#content .screenshot2 {border: 1px solid #000000; margin-right: 7px; margin-bottom: 7px;  background: #6699ff; text-align:center; font-size: 10px; font-weight: bold; float:left;}
#content .screenshot2 IMG{padding: 5px; background: #6699ff; width: 100px; height: 100px;}
#content .screenshot2 a:hover IMG {background: #ffffcc;}

/************************************************************************************************/
/*footer*/
/************************************************************************************************/
#footer{background:#000000; text-align:center; clear:both; padding:6px; margin:10px 0px 0px;}
#footer p{color:#999999; font-size:11px;}
#footer a{color:#999999; font-size:11px; text-decoration:none;}