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

body{
	margin:0 auto;
	background:#ffffff;
	text-align:center;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-family:Verdana;
	color:#666666;
}

img{
	border:none;
	}
	
td{
	color:#666666;
	font-size:14px;
	}
form,input,select,p,dl,dd,dt,{
	margin:0;
	padding:0;
	}
	
ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

.main{
	width:100%;
	margin:0 auto;
	padding:0;
}

.header{
	margin:0 auto;
	background:url(../images/header_bg.gif) repeat-x;
}

#logo_box{
	margin:0 auto;
	width:907px;
	height:84px;   
}

#logo_box .l{
	width:350px;
	float:left;
	text-align:left;
	display:inline;
}

#logo_box .r{
	width:400px;
	float:right;
	padding-top:20px;/*20110707*/ 
	text-align:right;
	display:inline;
}

#logo_box .r ul{
	list-style-type:none;
}

#logo_box .r li{
	float:right;
	padding-top:6px;
	width:300px; /*20110707*/
}

#logo_box .r p{
	margin:0;
	width:auto;
	font-size:11px;
	color:#888888;
	padding-right:4px;
}
/*
#logo_box .r .fnt_top_menu{
	margin:0;
	padding-left:4px;
	padding-right:4px;
	color:#888888;
	font-weight:normal;
	font-size:14px;
}
*/
#logo_box .r a{
	color:#888888;
	padding-left:4px;
	font-size:14px;
	padding-right:4px;
}

#logo_box .r a:hover{
	color:#038aff;
	padding-left:4px;
	padding-right:4px;
	font-size:14px;
	text-decoration:underline;
}
#top_menu{
	float:right;
	clear:both;
	}
	
#nav_box{

	width:907px;
	height:127px;
	margin:0 auto;
	background-image: url(../images/header_box.jpg)!important;/* FF IE7 */
	background-repeat: no-repeat;
	/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/header_box.png'); */
	/* _ background-image: none; */
}

#nav_box ul{
	list-style-type:none;
	padding:75px 0px 0px 12px;	
}

#nav_box li {
	float:left;
	margin-right:-1px;
}

#nav_box li a {
	display:block;
	height:37px;
	width:104px;
	line-height:37px;
	text-align:center;
	font-size:14px;	/*20110707*/
	font-weight:bold;
	text-decoration:none;/*20110707*/
}

#nav_box a.home{
	background: url(../images/nav_btn_off.gif);
	position:relative;
	color:#FFFFFF;
	
}

#nav_box a.home:hover{
    background:url(../images/nav_btn_on.gif);
	position:relative;
	color:#147EEE;
}

#nav_box a.about{
	background: url(../images/nav_btn_off.gif);
	position:relative;
	color:#FFFFFF;
}

#nav_box a.about:hover{
    background:url(../images/nav_btn_on.gif);
	position:relative;
	color:#147EEE;
}

#nav_box a.project{
	background: url(../images/nav_btn_off.gif);
	position:relative;
	color:#FFFFFF;
}

#nav_box a.project:hover{
    background:url(../images/nav_btn_on.gif);
	position:relative;
	color:#147EEE;
}

#nav_box a.service{
	background: url(../images/nav_btn_off.gif);
	position:relative;
	color:#FFFFFF;
}

#nav_box a.service:hover{
    background:url(../images/nav_btn_on.gif);
	position:relative;
	color:#147EEE;
}

#nav_box a.client{
	background: url(../images/nav_btn_off.gif);
	position:relative;
	color:#FFFFFF;
}

#nav_box a.client:hover{
    background:url(../images/nav_btn_on.gif);
	position:relative;
	color:#147EEE;
}

#nav_box a.blog{
	background: url(../images/nav_btn_off.gif);
	position:relative;
	color:#FFFFFF;
}

#nav_box a.blog:hover{
    background:url(../images/nav_btn_on.gif);
	position:relative;
	color:#147EEE;
}

.flash_box{
	margin:0 auto;
	padding-top:12px;
	padding-bottom:20px;
	width:885px;
}

.content_info{
	width:885px;
	margin:0 auto;
	overflow:hidden;	
}

.content_info .l{
	width:444px;
	float:left;
	text-align:left;
	display:inline;
	overflow:hidden;
}
.content_info .l p{
	width:auto;
	margin:0;
	padding-top:10px;
}

.content_info .l h3{
	margin:0;
	padding:10px 0px 15px 0px;
	color:#666666;
	font-weight:normal;
	font-size:14px;
	border-bottom:1px #ccccd0 dotted;
	line-height:20px;
}
.content_info .l a{
	color:#038aff;
	font-weight:bold;
	line-height:28px;
}

.content_info .l a:hover{
	color:#038aff;
	font-weight:bold;
	line-height:28px;
	text-decoration:underline;
}

.content_info .l .date{
	font-size:11px;
	color:#999999;
}


.content_info .r ul{
	list-style-type:none;
	height:28px;
}

.content_info .r li{
	float:left;
	padding-right:2px;
	cursor:pointer;
}

.content_info .r li a{
	display:block;
	height:28px;
	width:130px;
}

.content_info .r a.web{
	background:url(../images/title_btn_off.gif);
	position:relative;
	text-align:center;
	line-height:26px;
	color:#97979C;
		font-weight:bold;
}



.content_info .r a.ad{
	background:url(../images/title_btn_off.gif);
	position:relative;
	text-align:center;
	line-height:26px;
	color:#97979C;
		font-weight:bold;
}



.content_info .r a.kf{
	background:url(../images/title_btn_off.gif);
	position:relative;
	text-align:center;
	line-height:26px;
	color:#97979C;
	font-weight:bold;
}



.content_info .r p{
	margin:0;
	padding-top:10px;
	line-height:28px;
	font-weight:bold;
	color:#038aff;
}

.content_info .r h4{
	margin:0;
	padding:8px 0px 20px 0px;
	color:#666666;
	font-weight:normal;
	font-size:14px;
	line-height:28px;
}
.roll{
	margin:0 auto;
	width:885px;
	padding-top:30px;
	padding-bottom:30px;
}

.foot{
	background:url(../images/foot_bg.GIF) repeat-x;
	height:100px;
	font-size:12px;
	font-family:Verdana;
}
.foot .copyright{
	width:885px;
	margin:0 auto;
	padding:0px 0px 0px 4px;
	text-align:left;
	height:100px;
} 

.foot .copyright .l{
	
	float:left;
	display:inline;
}

.foot .copyright .l p{
	margin:0;
	padding-top:10px;
	color:#038aff;
}

.foot .copyright .l h4{
	margin:0;
	color:#666666;
	font-weight:normal;
	font-size:11px;
	line-height:24px;
}

.foot .l a{
	color:#038aff;
	line-height:28px;
}

.foot .l a:hover{
	color:#038aff;
	line-height:28px;
	text-decoration:underline;
}

.foot .copyright .r{
	padding-top:3px;
	float:right;
	display:inline;
	text-align:right;
}

.foot .copyright .r p{
	margin:0;
	padding-top:35px;
	color:#666666;
	font-size:11px;
	line-height:24px;
}

/**/
.about_index { padding:5px; line-height:25px;}
.about_index B{ color:#147EEE; font-weight:bold;}
.about_index span { margin-right:8px;}
.about_index strong { color:#147EEE; font-weight:bold;}