@charset "utf-8";
/* CSS Document */

body{
  position:relative;
	font-size:12px;

}
/*///////////////////////////////////////////////////*/
/*////  HEADER SECTION //////////////////////////////*/
/*///////////////////////////////////////////////////*/
.body1{
    background-image: url(/images/content.jpg);
    background-repeat: repeat-y;
    background-position: center top;
    margin: auto;
    z-index: -1;
}
.body2{
    background-image: url(/images/common/bg3.jpg);
    background-repeat: no-repeat;
    background-position: 50% 0%;
    margin: auto;
    z-index: 10;
}
.nav-bar{
    /*  background: url(/images/common/nav-bar.jpg) repeat-x scroll left top;*/
    background-image: url(/images/common/nav-bar2.jpg);
    height: 31px;
    position: relative;
    z-index: -1;
    margin: auto;
}
#top-desc{
    margin: auto;
    position: relative;
    width: 820px;
    top:-25px;
    left:18px;
    color:#FFFFFF;
    height:20px;
}
.nav-link{
  position: absolute;
  left:575px;
  top:-1px;
  color:#fff;
}
.nav-link a{
  display: inline;
    color:#fff;
    text-decoration: none;
}
.nav-link li{
  display:inline;
  padding-right:15px;
}
.header{
    margin:auto;
    width:820px;   /*filter:dropshadow(color=#ffffff,offx=1,offy=1,positive=1)*/	/*border: 0.25px;*/
    color:#fff;
    height:85px;
    padding-bottom:12px;
}
#logo{
    width:51%;
    background-repeat: no-repeat;
    height:55px;
    background-position:left bottom;
    float:left;
    padding-left:20px;
    padding-top:5px;
}
.gnav{
    float: left;
    padding-top:20px;
}
.gnav li{
    display: inline;
    float: left;
    text-align: center;
    width: 70px;
}
.gnav #gnav-demo{
    width:92px;
}
.gnav #gnav-company{
    width:82px;
}
.gnav #gnav-work{
    width:60px;
}
.gnav a{
    color: #FFFFFF;
    line-height: 1.5;
    text-decoration: none;
}

/*.gnav a:link, .gnav a:visited, .gnav a:hover, .gnav a:active {
        color: #FFFFFF;
            text-decoration: none;
}
.nav-link a:link, .nav-link a:visited,.nav-link a:hover, .nav-link a:active {
        color: #FFFFFF;
            text-decoration: none;
}*/
.gray{
    color:#cccccc;
}
h1{
  color:#FFFFFF;
}

/*///////////////////////////////////////////////////*/
/*////  FOOTER SECTION //////////////////////////////*/
/*///////////////////////////////////////////////////*/
.footer-bar{
    clear:both;
    background: url(/images/common/footer-bar2.jpg) repeat-x scroll left top;
    height:200px;
    background-color: #0C001C;
    width: 100%;
    z-index: -1;
}
.footer{
    height:110px;
    background-image:url(../images/common/foot3.jpg);
    background-repeat: no-repeat;
    background-position:50% 0%;
    margin: auto;
    z-index:10;
}
.foot-top{
    width:820px;
    margin:auto;
}
.foot-img{
  float:left;
}
.foot-copyright{
  float:right;
  width:600px;
}
.foot-ruby{
    padding-top:21px;
    padding-right:10px;
    padding-left:10px;
    float:left;
}
.foot-flash{
    padding-top:24px;
    float:left;
}
.footer p{
    color: #fff;
    font-size: 10px;
    text-align: right;
    float:right;
    padding-right:20px;
    padding-top:12px;
}
.foot-copyright p{
  padding-top:7px;
}
.footter-link{
  float:right;
  padding-right:23px;
  padding-top:16px;
  color:#FFFFFF;
}
.footter-link a{
  color:#FFFFFF;
  text-decoration:none;
}
.footter-link a:hover{
  color:#00A8FF;
  text-decoration:underline;
}
.flink1{
  padding-right:77px;
}
.flink1 a{
  padding-right:3px;
  padding-left:3px;
}

/*///////////////////////////////////////////////////*/
/*////  COMMON SETTING //////////////////////////////*/
/*///////////////////////////////////////////////////*/

.main{
    margin:auto;
    width:100%;   /*filter:dropshadow(color=#ffffff,offx=1,offy=1,positive=1)*/	/*border: 0.25px;*/
    background-image: url(/images/content.jpg);
    background-repeat: repeat-y;
    background-position: 50% 0%;
    position:absolute;
    z-index:-1;
}

.content{
    width:820px;
    color:#fff;
    padding-left:16px;
    margin:auto;
}
.round_side_top_line{
    float:left;
    height:7px;
    width:786px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #fff;
    background-color:#fff;
    font-size:0px;
}
.round_side_bottom_line{
    float:left;
    height:7px;
    width:786px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #fff;
    background-color:#fff;
    font-size:0px;
}
.side_middle{
    /*float:left;*/
    width:789px;
    /*height:613px;*/
    background-color:#fff;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #fff;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #fff;
    padding-left:10px;
    color:#000000;
    clear:both;
    
}
.side_middle p{
    line-height:1.6em;
    padding-left:5px;
    font-size:13px;
}
/*
.side_middle1, .side_middle1 a{
  padding-left:5px;
  font-size:0.9em;
}
*/

.round1{
    float:left;
    display: block;
    width: 8px;
    height: 8px; 
    text-indent: -1000px;
    background-image: url(/images/round1.gif);
    background-repeat: no-repeat;
    font-size:0px;
}

.round2{
    float:left;
    display: block;
    width: 7px;
    height: 8px; 
    text-indent: -1000px;
    background-image: url(/images/round2.gif);
    background-repeat: no-repeat;
    font-size:0px;
}
.round3{
    float:left;
    display: block;
    width: 8px; 
    height: 8px; 
    text-indent: -1000px;
    background-image: url(/images/round3.gif);
    background-repeat: no-repeat;
    font-size:0px;
}
.round4{
    float:left;
    display: block;
    width: 7px;
    height: 8px;
    text-indent: -1000px;
    background-image: url(/images/round4.gif);
    background-repeat: no-repeat;
    font-size:0px;
}

a:hover{
  text-decoration:underline;
  color:#00A8FF;
}
.sidemenu {
float:left;
padding-right:12px;
padding-top:3px;
width:805px;
}
.total {
padding-left:2px;
}
.page-nav{
  font-size:0.9em;
  padding-right:10px;
}
.page-nav a{
  text-decoration:none;
}

.page-title{
  padding-top:20px;
  padding-left:9px;
}
.page-title1 img{
  padding-top:20px;
  padding-left:12px;
  padding-bottom:15px
}
.page-title p{
  padding-top:17px;
}
.page-title a{
  text-decoration:none;
}
.page-title a:hover{
  text-decoration:underline;
  color:#00A8FF;
}
.pagination{
  padding-top:5px; 
  padding-bottom:5px;
}
.pagination a{
  text-decoration:none;
  padding-left:5px;
}
.pagination a:hover{
  text-decoration:underline;
  background-color:#6f126a;
  color:#FFFFFF;
  text-align:center;
}
.pagination .current{
  padding-left:5px;
}
.foot-link{
  padding-left:10px;
  padding-bottom:20px;
  padding-top:20px;
}