html, body
{
 margin: 0;
 padding:0;
 text-align: center;
}
A {text-decoration: none;}
a:link {color:black; font-weight: normal ;}
A:visited {color:black; font-weight: normal; }
a:active {color:black; font-weight: normal; }
a:hover {color:red; font-weight: normal; }


/*------------------------------------------------------------------------------------------------------------------------------------------------ */
/* homepage_container */
/*------------------------------------------------------------------------------------------------------------------------------------------------ */
#homepage_container
{
 position: relative;
 margin: 0 auto;
 padding: 0;
 width: 800px;
 height: 820px;
 border: 0;

}

/*------------------------------------------------------------------------------------------------------------------------------------------------ */
/* head_top */
/*------------------------------------------------------------------------------------------------------------------------------------------------ */
#head_top_1
{
 margin-top: 10px;
 margin-left: 150px;
 width: 510px;
 text-align: left;
 height: 20px;
 border: 0;
 float: right;
}

.head_top_1_pic
{
 padding-top: 3px;
 float: left;
 width: 15px;
}
.head_top_1_link
{
 width: 60px;
 padding-top: 3px;
 padding-left: 5px;
 float: left;
}

.head_top_1_link_a a
{
 color: black;
 font-weight: normal
}

.head_top_1_link_a:hover
{
 color: red;
 font-weight: normal ;
}

#head_top_2
{
 margin-top: 5px;
 margin-left: 50px;
 width: 550px;
 text-align: left;
 border: 0;
 float: right;
}

.head_top_2_txt
{
 font-size: 12px;
 float: left;
 padding-top: 3px;
}
.head_top_2_input
{
float: left;
}
/*------------------------------------------------------------------------------------------------------------------------------------------------ */
/* head_container */
/*------------------------------------------------------------------------------------------------------------------------------------------------ */

#head_container
{
 position: relative;
 margin: 0 auto;
 padding: 0;
 border: 0;
 width: 798px;
 height: 124px;

}

#head_func_menu
{
 /*position: relative;*/
 margin: 0 auto;
 padding-top: 6px;
 padding-bottom: 0px;
 border: 0;
 width: 766px;
 height: 31px;
 background: url(../images/homepage/head_func_space_top.gif) no-repeat ;
}



.head_func_menu_c
{
 margin: 0;
 padding: 0;
 border: 0;
 width: 83px;
 height: 31px;
 float: left;
}

#head_func_submenu
{
 position: relative;
 margin: 0 auto;
 padding: 0;
 border: 0;
 width: 766px;
 height: 26px;
 background: url(../images/homepage/head_func_space_bottom.gif) no-repeat ;
}

.head_func_submenu_c
{
 margin: 0 auto;
 padding: 0;
 border: 0;
 float: left;
 height: 26px;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------ */
/* media_container */
/*------------------------------------------------------------------------------------------------------------------------------------------------ */

#media_container
{
 clear:both;
 position: relative;
 margin: 26px auto 0 auto;
 _margin: 0px auto 0 auto;
 width: 770px;
 height: 235px;
 border: 0;
}

#media_container_flash
{
 margin-top: 20px;
 padding-left: 5px;
 width: 480px;
 height: 186px;
 border: 0;
 float:left;
}

#media_container_news
{
 width: 266px;
 height: 228px;
 border: 0;
 float:right;
 background: url(../images/homepage/media_container_news_bg.gif) no-repeat ;
}

#media_container_news_txt
{
 padding-top: 12px;
 margin: 20px 10px 5px 5px;
 *padding-top: 12px;
 *margin: 8px 10px 5px 5px;
 _padding-top: 12px;
 _margin: 8px 10px 5px 5px;
 width: 260px;
 text-align: left;
 font-weight: bold;
}
.media_container_news_txt_a
{
 color:black;
 font-weight: bold;
}
.media_container_news_txt_a:a
{
 color:black;
 font-weight: bold;
}
.media_container_news_txt_a:link
{
 color:black;
 font-weight: bold;
}
.media_container_news_txt_a:hover
{
 color:red;
 font-weight: bold;
}

#media_container_news_bottom
{
text-align: center;
}

.media_container_news_bottom_c
{
float: left;
padding-left: 10px;
}

.media_container_news_bottom_4_c a
{
 color:black;
 font-weight: normal ;
}

.media_container_news_bottom_4_c:hover
{
 color:red;
 font-weight: normal ;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------ */
/* prod_container */
/*------------------------------------------------------------------------------------------------------------------------------------------------ */

#prod_container
{
 clear:both;
 position: relative;
 margin: 0 auto 0 auto;
 *margin: -15px auto 0 auto;
 width: 775px;
 height: 490px;
 border: 0;
}



/*------------------------------------------------------------------------------------------------------------------------------------------------ */
/* func_container */
/*------------------------------------------------------------------------------------------------------------------------------------------------ */

#func_container
{
 float: left;
 position: relative;
 margin: 0 auto;
 width: 580px;
 height: 490px;
 text-align: center;
 border: 0;
 padding:0;
}


/*------------------------------------------------------------------------------------------------------------------------------------------------ */
/* func list */
/*------------------------------------------------------------------------------------------------------------------------------------------------ */
#virtools
{
padding-left: 2px;
width: 93px;
}
#dfusion
{
width: 87px;
}
#Pathwork3D
{
width: 87px;
}
#Haption
{
width: 85px;
}
#Techviz
{
width: 87px;
}
#VR
{
width: 86px;
}
#func_list
{
position: relative;
height: 30px;
border: 0;
margin: 0 0;
padding: 0 0;
}
.func_list_c
{
float: left;
}

#func_list_container
{
width: 576px;
height: 456px;
margin:-8px auto 0 auto;
*margin:-8px auto 0 auto;
_margin:-11px auto 0 auto;
padding:0;
border:0;
background: url(../images/homepage/func_list_container_bg.gif) no-repeat ;
}

#func_list_container_prod
{
 border-right:solid 1px #B3B3B3;
 width: 185px;
 height: 430px;
 padding-right:10px ;
 margin-left:10px;
 float: left;
}

#func_list_container_msg
{
 border:0;
 width: 340px;
 height: 430px;
 padding:0;
 float: left;

}
/*------------------------------------------------------------------------------------------------------------------------------------------------ */
/* func left */
/*------------------------------------------------------------------------------------------------------------------------------------------------ */
#func_left_pic
{
 margin-top:30px;
 border: 0;
 height: 90px;
 }

#func_left_meno
{
 margin-top:20px;
 text-align: left;
 border: 0;
 height: 280px;
}

#func_left_more
{
 text-align: right;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------ */
/* func right news   */
/*------------------------------------------------------------------------------------------------------------------------------------------------ */


#func_right_news
{
 border: 0;
 width: 340px;
 height: 100px;
 padding:0;

}
#func_right_news_head
{
text-align: left;
margin: 5px 0 0 0;
border: 0;
float: left;
width: 330px;
}

.func_right_news_c
{
 clear:both;
 text-align: left;
 padding-left: 5px;
 padding-right: 5px;
 padding-top: 2px;
 padding-bottom: 2px;
 width: 320px;
}

#func_right_news_more
{
text-align: right;
border-bottom: solid 2px #B8B9CB;
margin-left: 5px;

}
/*------------------------------------------------------------------------------------------------------------------------------------------------ */
/* func right project */
/*------------------------------------------------------------------------------------------------------------------------------------------------ */

#func_right_project
{
 clear:both;
 width: 340px;
 height: 157px;
 border: 0;
}
.func_right_project
{
 text-align: left;

}
.func_right_project_c
{
 clear:both;
 width: 340px;
 border: 0;
}
#func_right_project_head
{
 text-align: left;
 margin:0;
 border: 0;
 float: left;
 width: 330px;
}

.func_right_project_head_c
{
 height: 15px;
 padding: 0;
}
.func_right_project_head_icon
{
 padding-left: 15px;
 width: 15px;
 float: left;
 border: 0;
}
.func_right_project_head_line_m
{
 width: 265px;
 padding-left: 15px;
 float: left;
 color: red;
 text-align: left;
}
.func_right_project_head_line_a
{
 width: 265px;
 padding-left: 15px;
 float: left;
 color: #758496;
 text-align: left;
}
.func_right_project_body
{
 height: 65px;
 font-size: 13px;
 text-align: left;
 background-color: #FFFFFF;
}
.func_right_project_body_blue
{
 height: 65px;
 font-size: 13px;
 text-align: left;
 background-color: #9CD1F1;
}
.func_right_project_body_yellow
{
 height: 65px;
 font-size: 13px;
 text-align: left;
 background-color: #FFFF99;
}
.func_right_project_body_pic
{
 width:  90px;
 height: 60px;
 padding-left: 15px;
 float: left;
}
.func_right_project_body_line
{
float: left;
width:  210px;
padding-right: 5px;
padding-left: 5px;
}

#func_right_project_more
{
 clear:both;
 width: 340px;
 text-align: right;
 border-bottom: solid 2px #B8B9CB;
 margin-left: 5px;
}
/*------------------------------------------------------------------------------------------------------------------------------------------------ */
/* func right practice */
/*------------------------------------------------------------------------------------------------------------------------------------------------ */

#func_right_practice
{
 clear:both;
 width: 340px;
 height: 163px;
 border: 0;
}
.func_right_practice_c
{
 clear:both;
 width: 340px;
 border: 0;
}
#func_right_practice_head
{
 text-align: left;
 margin:0;
 border: 0;
 float: left;
 width: 330px;
}

.func_right_practice_head_c
{
 height: 15px;
 padding-top: 0px;
}
.func_right_practice_head_icon
{
 padding-left: 15px;
 width: 15px;
 float: left;
}
.func_right_practice_head_line_m
{
 width: 265px;
 padding-left: 15px;
 float: left;
 color: red;
 text-align: left;
}
.func_right_practice_head_line_a
{
 width: 265px;
 padding-left: 15px;
 float: left;
 color: #758496;
 text-align: left;
}
.func_right_practice_body
{
 height: 65px;
 font-size: 13px;
 text-align: left;
 background-color: #FFFFFF;
}
.func_right_practice_body_blue
{
 height: 65px;
 font-size: 13px;
 text-align: left;
 background-color: #9CD1F1;
}
.func_right_practice_body_yellow
{
 height: 65px;
 font-size: 13px;
 text-align: left;
 background-color: #FFFF99;
}
.func_right_practice_body_pic
{
 width:  90px;
 height: 60px;
 padding-left: 15px;
 float: left;
}
.func_right_practice_body_line
{
float: left;
width:  210px;
padding-right: 5px;
padding-left: 5px;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------ */
/* func VR HW */
/*------------------------------------------------------------------------------------------------------------------------------------------------ */


#func_vr_hw
{
 width: 576px;
 height: 456px;
 margin: -11px auto 0 auto;
 text-align: left;
 background: url(../images/homepage/func_list_container_bg.gif) no-repeat ;
}
#func_vr_hw_1
{
 padding-top: 5px;
}
.func_vr_hw_c
{
 height: 135px;
 margin-bottom: 5px;
 margin-left: 17px;
 border: 0;
 width: 540px;
}
.func_vr_hw_pic
{
float:left;
width:  150px;
}
.func_vr_hw_txt
{
color: #98ADCC;
float:right;
width:  365px;
font-size: 11px;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;

}
#func_vr_hw_1
{
border-bottom: 2px solid #B9B6C7;
}

#func_vr_hw_2
{
border-bottom: 2px solid #B9B6C7;
}
#func_vr_hw_more
{
clear:both;
float:right;
text-align: right;
margin-right: 15px;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------ */
/* func container right */
/*------------------------------------------------------------------------------------------------------------------------------------------------ */
#func_container_right_1
{
 margin-top: 40px;
}
.func_container_right_c
{
 width:  160px;
 height: 60 px;
 margin-top: 5px;
 margin-left: 7px;
 *margin-left: 3px;
 _margin-left: 7px;
}
.func_container_right_icon
{
 border: 0;
}
/*------------------------------------------------------------------------------------------------------------------------------------------------ */
/* footer_container  */
/*------------------------------------------------------------------------------------------------------------------------------------------------ */

#footer_container_left
{
 padding-top:15px;
 width:  100px;
 float: left;
 border:0;
}

#footer_container_right
{
 padding-top:15px;
 width:  650px;
 float: right;
 text-align: right;
 color:#666666;
 font-size: 11px;
 font-weight: normal;
 border: 0;
}