.clearfix:after { 
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden; 
} 
.clearfix { 
display:inline-block; 
} 
        * {
margin:0;
padding:0;
list-style-image:none;
list-style-type:none;
font-family: Arial;
font-size:12px;
}
body
{
    font-family:Arial; font-size:12px;
    margin:0px;
}
#main
{
    margin-left: auto;
    margin-right: auto;
    width:980px;
}
#top_bg
{
    width:980px;
    height:500px;
    background:url('images/top_bg.gif') no-repeat;
}
#logo
{
    height:100px;
    /*border:1px solid red;*/
}
#logo_img
{
    height:58px;
    width:170px;
    background-image:url('images/all.png');
    background-position: 0 -475px;
    background-repeat:no-repeat;
    margin-top:30px;
    margin-left:50px;
    float:left;
    
}
#logo_text
{
    float:right;
    margin-top:50px;
    margin-right:35px;
    color:#8d8d8d;
    font-size:10px;
}
#menu_left
{
    height:41px;
    width:777px;
    background-image:url('images/all.png');
    background-position: 0px 0px;
    background-repeat:no-repeat;
    float:left;
}

#menu_left ul
{
    padding:0px;
    margin:0px;
    height:41px;
    display:table-cell;
}

#menu_middle
{
    width:101px;
    height:90px;
    float:left;
    background-image:url('images/all.png');
    background-position: -170px -453px;
    background-repeat:no-repeat;
    margin-top:-24px;
}
#menu_right ul
{
    width:102px;
    height:41px;
    float:right;
    display:inline-cell;
    background-image:url('images/all.png');
    background-position: 0 -336px;
    background-repeat:no-repeat;
}


#menu_left ul:Hover, #menu_right ul:Hover
{
    cursor:pointer;
}
    
#prj_title
{
    margin-top:131px;
    margin-left:228px;
    background-image:url('images/all.png');
    background-position: -298px -384px;
    background-repeat:no-repeat;
    width:457px;
    height:40px;
}
#prj_content
{
    margin-top:20px;
    margin-left:228px;
    background-image:url('images/all.png');
    background-position: -7px -546px;
    background-repeat:no-repeat;
    width:600px;
    height:112px;
}
#prj_bottom
{
    margin-top:10px;
    margin-left:228px;
    background-image:url('images/all.png');
    background-position: -298px -429px;
    background-repeat:no-repeat;
    width:422px;
    height:23px;
}

.hovereffect1
{
    background-image:url('images/all.png');
    background-position: -249px -414px;
    background-repeat:no-repeat;
    width:38px;
    height:38px;
    float:right;
    margin-top:-63px;
    margin-right:102px;
}

.lay-on1
{
    cursor:pointer;
    background-image:url('images/all.png');
    background-position: -249px -377px;
    background-repeat:no-repeat;
    width:38px;
    height:38px;
    float:right;
    margin-top:-63px;
    margin-right:102px;
}

.hovereffect2
{
    background-image:url('images/all.png');
    background-position: -200px -414px;
    background-repeat:no-repeat;
    width:38px;
    height:38px;
    float:right;
    margin-top:-43px;
    margin-right:152px;
}

.lay-on2
{
    cursor:pointer;
    background-image:url('images/all.png');
    background-position: -200px -377px;
    background-repeat:no-repeat;
    width:38px;
    height:38px;
    float:right;
    margin-top:-43px;
    margin-right:152px;
}

.hovereffect3
{
    background-image:url('images/all.png');
    background-position: -150px -414px;
    background-repeat:no-repeat;
    width:38px;
    height:38px;
    float:right;
    margin-top:-23px;
    margin-right:200px;
}

.lay-on3
{
    cursor:pointer;
    background-image:url('images/all.png');
    background-position: -150px -377px;
    background-repeat:no-repeat;
    width:38px;
    height:38px;
    float:right;
    margin-top:-23px;
    margin-right:200px;
}

.hovereffect4
{
    background-image:url('images/all.png');
    background-position: -101px -414px;
    background-repeat:no-repeat;
    width:38px;
    height:38px;
    float:right;
    margin-top:-8px;
    margin-right:13px;
}

.lay-on4
{
    cursor:pointer;
    background-image:url('images/all.png');
    background-position: -101px -377px;
    background-repeat:no-repeat;
    width:38px;
    height:38px;
    float:right;
    margin-top:-8px;
    margin-right:13px;
}

.hovereffect5
{
    background-image:url('images/all.png');
    background-position: -51px -414px;
    background-repeat:no-repeat;
    width:38px;
    height:38px;
    float:right;
    margin-top:5px;
    margin-right:15px;
}

.lay-on5
{
    cursor:pointer;
    background-image:url('images/all.png');
    background-position: -51px -377px;
    background-repeat:no-repeat;
    width:38px;
    height:38px;
    float:right;
    margin-top:5px;
    margin-right:15px;
}

.hovereffect6
{
    background-image:url('images/all.png');
    background-position: -2px -414px;
    background-repeat:no-repeat;
    width:38px;
    height:38px;
    float:right;
    margin-top:16px;
    margin-right:18px;
}

.lay-on6
{
    cursor:pointer;
    background-image:url('images/all.png');
    background-position: -2px -377px;
    background-repeat:no-repeat;
    width:38px;
    height:38px;
    float:right;
    margin-top:16px;
    margin-right:18px;
}

#bottom
{
    margin-left: auto;
    margin-right: auto;
    padding-top:10px;
    width:886px;
    height:164px;
    border-bottom:solid 1px #b2b2b2;
}
#bottom ul
{
    height:142px;
    display:table-cell;
}

#cp,#tc
{
    width:100%;
    padding-top:10px;
    color:#8b8b8b;
    text-align:center;
}
#tc
{
    padding-bottom:20px;
}

#bottom_left
{
    width:594px;
    padding-left:20px;
    padding-right:20px;
    border-right:dotted 2px #bdd8ed;
    font-family:Arial;
    font-weight:bold;
    font-size:14px;
    color:#4187c2;
    float:left;
}
#bottom_left A
{
    text-decoration:none;
    color:#0062b3;
}
#bottom_left #bottom_left_first
{
    list-style-type:none;
    padding-top:30px;
    padding-bottom:5px;
    border-bottom:solid 1px #7fb0d8;
    text-align:center;
}

#bottom_left #bottom_left_first A, #bottom_left #bottom_left_second A
{
    display:inline-block;
}
#bottom_left #bottom_left_second, #bottom_left #bottom_left_third
{
    padding-top:5px;
    list-style-type:none;
    text-align:center;
}

#bottom_left span
{
    padding-left:8px;
    padding-right:8px;
}

.right_vertical_line
{
    border-right:solid 1px #7fb0d8;
}

#bottom_left_third
{
    margin-left:auto;
    margin-right:auto;
    background-image:url('images/all.png');
    background-position: -241px -339px;
    background-repeat:no-repeat;
    width:258px;
    height:36px;
    margin-top:16px;
}
#bottom_right
{
    width:240px;
    float:right;
}
#bottom_right_head
{
    background-image:url('images/all.png');
    background-position: 0px -452px;
    background-repeat:no-repeat;
    width:112px;
    height:22px;
}

#bottom_right_content
{
    padding-top:10px;
    width:220px;
    height:102px;
}

#bottom_right_content A
{
    text-decoration:none;
    color:#6c6c6c;
}

#menu_left ul li
{
    float:left;
    top:141px;
    position:absolute;
    opacity: 0.80;
    filter : progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=80,finishOpacity=100);
    border:solid 1px #0051a0;
}

#menu_left ul li ul
{
    display:inline-table;
    table-layout:fixed;
}

#menu_left ul li ul li
{
    width:170px;
    padding:8px;
    float:none;
    top:0px;
    position:relative;
    background-color:#2e8cc2;
    border-width:0px;
}

#menu_left ul li ul li:Hover
{
    width:170px;
    padding:8px;
    background-color:#0051a0;
}

.menu_blank
{
    height:2px;
}

#menu_left ul li ul li A
{
    color:White;
    text-decoration:none;
    padding-left:8px;
}