/*
		File: 	wootion_index.css
		Date: 	2008-01-01
		Desc:	Design by Wootion
*/

/********** INDEX **********/

body{
	margin: 0px auto 0 auto;
	padding: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 150%;
	background:#ededed
}



.clearfix:after{
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
.clear { clear: both; background: none; }

h1, h2, h3, h4 { }
  h1 a, h2 a, h3 a, h4 a { text-decoration: none; }
h1 { font-size: 1.6em; }
h2 { font-size: 12px; }
h3 { font-size: 12px; }
h4 { font-size: 1.1em; }
img { behavior: url("/images/iepngfix.htc"); }
ul,li{list-style: none;}


#wootion_top {
	margin: 0 auto;
	width: 100%;
	height:15px;
	background:url(../images/wootion_top_bg.gif)
	}

#wootion_all {
	width: 850px;
    margin: 0 auto;
    background:url(../images/wootion_bg.gif)
	}

/********** HEADER **********/

#header {
	margin: 0 auto;
	width: 810px;
	height:60px;
	background: url(../images/head_bg.gif)
	}


#tagline {font-weight: normal; float: left; margin: 23px 0 0 5px;font-family: Arial}
#tagline a { color: #666;}
#tagline a:hover{color: #273c8d;}

#english { float: right; margin: 23px 5px 0 0;}
#english a { color: #666; font-size: 12px; text-decoration: none;}

#topHeader:after{
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
	}
#topHeader{
    margin: 0 auto;
	display: inline-block;
	}
/* \*/
* html #topHeader {	height: 1%; }
#topHeader { display:block; }
/* */ 

#topHeader h1 {
	padding: 15px 0px 0px 10px;
	margin: 0;
	font-size: 12px;
	float: left;
	}
#topHeader h1 a{
	display: block;
	text-decoration: none;
	text-indent: -1000em;
	outline: 0;
	outline: 0;
	behavior: url("/images/iepngfix.htc");
	background: transparent url('../images/logo.png') top no-repeat;
    width:170px;
    height:28px;
	}
	
	
	

/********** /HEADER **********/	
	
	
/********** MENU **********/
#menu {
width:800px;
height:34px;
margin: 0 auto;
}




/********** /MENU **********/


/********** MAIN_A **********/

#main_a {
width:800px;
height:245px;
margin: 0 auto;
background: url('../images/wootion_ad_bg.gif');
}
#main_ad {
width:790px;
height:245px;
margin: 0 auto;
}



#main_t {
padding-left:10px;
padding-top:10px;
width: 230px;
height: 20px;
}
#main_t a{font-weight:bold;color: #555;text-decoration: none;}

#main_t a:hover{color: #333;}

#main_news {
padding-left:10px;
width: 230px;
height: 220px;
}




#main_news_text {
width: 230px;
height: 22px;
}

#main_news_text a{color: #666;text-decoration: none;}

#main_news_text a:hover{text-decoration: underline;color: #666;}




/********** /MAIN_A **********/


/********** MAIN_b **********/

#main_b {
padding-top:10px;
padding-bottom:10px;
width:810px;
height:125px;
margin: 0 auto;
}

#main_news {
float: left;
width: 300px;
height:125px;
border-right: 1px solid #ddd;
}

#main_news_menu {
width: 100%;
height:25px;
}

#main_news_menu #text{
float: left;
font-size:14px;
font-weight:bold;
}
#main_news_menu #text a{color: #000;text-decoration: none;}
#main_news_menu #text a:hover {color: #000;}


#main_news_menu #more{
float: right;
padding-right: 10px;}
#main_news_menu #more a{color: #000;text-decoration: none;}
#main_news_menu #more a:hover {color: #273c8d;}



#main_news_t {
width: 300px;
height:100px;
}

#main_newsnav {
height:25px;
margin:0; padding:0;float: left}
#main_newsnav * {padding:0; margin:0; list-style:none; overflow:hidden;}
#main_newsnav ul { line-height:25px;}
#main_newsnav li {float:left; width:290px;display:inline; height:25px;}


#main_newsnav li a {color: #555;display:block; height:25px;text-decoration:none;}
#main_newsnav li a:hover {color: #273c8d;text-decoration:none;}




#main_pro {
margin-left:10px;
float: left;
width: 200px;
height:125px;
border-right: 1px solid #ddd;
}

#main_pro_t {
width: 200px;
height:100px;
}

#main_pronav {
height:25px;
margin:0; padding:0;float: left}
#main_pronav * {padding:0; margin:0; list-style:none; overflow:hidden;}
#main_pronav ul { line-height:25px;}
#main_pronav li {float:left; width:190px;display:inline; height:25px;}


#main_pronav li a {color: #555;display:block; height:25px;text-decoration:none;}
#main_pronav li a:hover {color: #273c8d;text-decoration:none;}


#main_link
{padding-right:5px;
float: right;
width: 270px;
height:125px;
}
#main_link_t {
width: 270px;
height:100px;
}


#main_box_img {
background:#ddd url('../images/box_bg.gi') no-repeat;
width: 82px;
height: 62px;
position: relative;
float: left;
}
#main_box_img #img{
padding-top:1px;
padding-left:1px;
position: absolute;
}

#main_box_text {
margin-left:8px;
color: #555;
float: left;
width: 180px;
height: 100px;
line-height:120%;}

#main_box_text a {color: #000;display:block; height:25px;text-decoration:none;font-weight:bold}
#main_box_text a:hover {color: #273c8d;text-decoration:none;}

/********** /MAIN_B **********/






/********** Foot **********/
#endbg {
	margin: 0 auto;
	width: 810px;
	height:45px;
	background: url(../images/wootion_end_bg.gif)
	}
	
#endbg_text{
font-family: Arial;
float: right;
height: 45px;
padding-top: 10px;
color: #888;
}
#endbg_text a{color: #ededed;text-decoration: none;}

#endbg_text a:hover{color: #888;text-decoration:none;}


#font_text{
float: left;
line-height:150%;
height: 45px;
padding-top: 10px;
color: #888;
}

#font_text a{color: #888;text-decoration: none;}

#font_text a:hover{color: #273c8d;text-decoration:none;}


	
/********** Foot **********/
























































/* main nav */
#main_nav{background: url(../images/bg_main_nav.gif) no-repeat;height: 34px;padding-left:63px;margin: 0 auto;}

#main_nav li{float: left;position: relative; }
#main_nav li a{float: left;width: 125px;height: 34px;background: url(../images/bg_main_nav.gif) no-repeat;text-indent: -9999em;overflow:hidden;}
#main_nav a#nav_01{background-position:-63px 0;}
#main_nav a#nav_02{background-position:-188px 0;}
#main_nav a#nav_03{background-position:-313px 0;}
#main_nav a#nav_04{background-position:-438px 0;}
#main_nav a#nav_05{background-position:-563px 0;}

#main_nav a#nav_01:hover{background-position:-63px -68px;}
#main_nav a#nav_02:hover{background-position:-188px -68px;}
#main_nav a#nav_03:hover{background-position:-313px -68px;}
#main_nav a#nav_04:hover{background-position:-438px -68px;}
#main_nav a#nav_05:hover{background-position:-563px -68px;}

#main_nav a#nav_01.on,
#products #main_nav a#nav_01{background-position:-63px -34px;}
#main_nav a#nav_02.on,
#service #main_nav a#nav_02{background-position:-188px -34px;}
#main_nav a#nav_03.on,
#olympic #main_nav a#nav_03{background-position:-313px -34px;}
#main_nav a#nav_04.on,
#recruit #main_nav a#nav_04{background-position:-438px -34px;}
#main_nav a#nav_05.on,
#news #main_nav a#nav_05{background-position:-563px -34px;}


#main_nav li ul{display:none;position: absolute;top:27px;left:-30px; width: 455px;}
#main_nav li ul li{padding:7px 0 0 0;float: left;background: none;}
#main_nav li ul li a{text-indent: 0;background:#fff;float: left;width:80px;height:20px;color:#555;padding-top:3px;text-align: center;text-decoration: none;}
#main_nav li ul li a:hover{color:#273c8d;text-decoration: none;}
#main_nav li:hover ul,
#main_nav li.iehover ul{display: block;}
#main_nav li ul#nav01_ul{position: absolute; width: 500px;}
#main_nav li ul#nav01_ul li a{width:70px;}

#main_nav li ul#nav01_ul li a.a01{width:45px;}
#main_nav li ul#nav01_ul li a.a02{width:55px;}

#main_nav li ul#nav03_ul{position: absolute;left:-38px; width:300px;}
#main_nav li ul#nav03_ul li a{width:70px;}
#main_nav li ul#nav02_ul{position: absolute;left:-38px; width:400px;}
#main_nav li ul#nav02_ul li a{width:70px;}
#main_nav li ul#nav05_ul{position: absolute;left:-38px; width:400px;}
#main_nav li ul#nav05_ul li a{width:70px;}
#main_nav li ul#nav04_ul{position: absolute;left:-203px; width:500px;}