@charset "utf-8";
iframe{v:expression(this.src='about:blank',this.outerHTML='');}
body{margin:0px;
    font-family:"微软雅黑","微軟正黑體","微软正黑体",;
	font-size: 12px;
	line-height: 180%;
	background:url(images/bg.jpg) repeat-x center top;}
a,a:visited,a:active{ color:#003366; text-decoration:none}
a img{ border:0}
.li{list-style:url(images/li.gif); line-height:180%}
.li2{list-style:url(images/li2.gif); line-height:180%; }
div,img{ margin:0}
#container{ width:1002px;margin:0 auto; padding:0}
#head{text-align:right;padding-top:10px; padding-bottom:0; margin:0}
#headright{height:38px;}
#headright img{ margin:0 8px;}
/*mainnav CSS */
#mainnav{line-height:45px; padding-top:21px;}
#mainnav ul {padding:0;margin:0;float:left;position:relative; float:right}
#mainnav ul li{float:left;position:relative;display:inline;}
#mainnav ul li a, #mainnav ul li a:visited {float:left;display:block;text-decoration:none;width:auto;text-transform:uppercase; background:url(images/b1.jpg) no-repeat;text-align:center; width:49px; color:#333333}
#mainnav ul li a:hover { color: #003366; background:url(/images/b2.jpg) no-repeat}


#midthree{ background:url(images/index_05.jpg) no-repeat; height:255px; clear:both}
#midthreeaboutus{ background:url(images/aboutus2.jpg) no-repeat; height:255px; clear:both; padding-right:300px;}
#midthreegb{background:url(images/maingb.jpg) no-repeat; height:255px; clear:both;padding-right:300px;}
#midthreeportfolio{background:url(images/portfolio.jpg) no-repeat; height:255px; clear:both; }
#midthreeclients{background:url(images/clients.jpg) no-repeat; height:255px; clear:both;}
#midthree1{ width:300px; margin:0; float:left; height:255px;}
#midthree2{ width:300px; margin:0; float:left; height:255px; padding-left:50px;}
#midthree3{ width:300px; margin:0; float:right; height:255px;}
.maintitle{margin:0px 0px auto 35px; padding-top:15px;}

#foot{ text-align:center; background:url(images/index_07.jpg) top left no-repeat; clear:both}
.trajan{ font-family:"trajan pro"; font-size:16px; font-weight:bold;}
.trajan12{ font-family:"trajan pro";font-size:11px}
.trajan13{ font-family:"trajan pro";font-size:12px}

.maintitle2{ padding-left:20px; margin-bottom:20px;}
#main2{background:url(images/main2.jpg) left top no-repeat; padding:10px 5px 5px 20px;clear:both}
#main3{background:url(images/main3.jpg) left top no-repeat; padding:10px 5px 5px 20px;clear:both}
.main2content{ padding:5px auto 5px 20px ; margin:10px auto 20px auto; border-top:#cccccc 1px dashed;border-bottom:#006699 1px dashed; height:160px;}
.aboutuscontent{margin-top:20px;padding-left:35px ; height:160px;}

.maincontent{ clear:both; padding:20px;}
.main3content{ padding:20px; width:630px;}
.red{ color:#CC0000}

.righteee{color:#3399CC;float:right}

.rightpic{ width:400px; float:right}

.gbtable{padding:10px 0px 0px 35px;}

#portfolio{
	background-image:url(images/portfolio_02.jpg);
	line-height:38px;
	margin-top:20px;
	margin-left:3px;
}
#portfolio img{ vertical-align:middle; margin-left:10px; margin-right:10px;}
#portfolioleft{width:77%; float:left; overflow:hidden; clear:left;}
#portfolioright{width:30%; float:right; clear:right}
#portfolio2{ margin-left:4px; width:932px;}

.darkblue{ color:#003366;}

.clients{ margin-left:20px; padding:5px}
.clients img{ margin:2px;}