@charset "utf-8";
/*
  [CSS Giants](C)2006-2008 TriTigerMedia Inc
  Author @ msn:liujian@xiaoyemen.com
  $Id: V1.0 2008/08/06 17:05:00 to 2008/08/06 17:08:00 by Jensen $
*/
@import url("common.css");
#banner{width:100%;clear:both}
#lj-slide{position:relative;height:321px;margin:0 auto;overflow:hidden}
#lj-slide-list{position:absolute;float:left;width:100%;background:url(images/banner_bg.jpg) repeat-x}
#lj-slide-list li{width:495px;height:221px;margin:0 auto;padding:100px 400px 0 0;color:#fff}
#lj-slide-list .a{background:url(images/banner1.jpg) no-repeat}
#lj-slide-list .b{background:url(images/banner2.jpg) no-repeat}
#lj-slide-list .c{background:url(images/banner3.jpg) no-repeat}
#lj-slide-list .d{background:url(images/banner4.jpg) no-repeat}
#lj-slide-list li a{color:#ff9}
#lj-slide-list li a:hover{background:none}
#lj-slide-list li h2{font:normal 30px Arial}
#lj-slide-list li h3{padding:15px 20px;font:normal 15px Arial;background:url(images/banner_ico.png) no-repeat 0 50%}
#lj-slide-list li p{line-height:160%}
#lj-slide-triggers{position:absolute;left:50%;bottom:30px;width:895px;margin:0 0 0 -447.5px}
#lj-slide-triggers li{float:left;margin:0 5px}
#lj-slide-triggers li a{float:left;display:block;background:#fff;padding:2px 5px;border:1px solid #bdbdbd;color:#656565;font:700 12px Arial}
#lj-slide-triggers li a:hover{background:#f00880 url(images/slide-triggers_bg.gif) repeat-x;color:#fff;border:1px solid #c70067}
#lj-tab{position:relative;left:50%;float:left;width:955px;margin:17px 0 0 -477.5px;background:url(images/tab_bg.gif) no-repeat 0 100%}
#lj-tab-header{width:943px;height:36px;padding:0 6px;background:url(images/tab_top.gif) no-repeat}
#lj-tab-header li{position:relative;float:left;margin-left:-10px;background:url(images/tab-triggers_bg.gif) no-repeat 0 0;z-index:10}
#lj-tab-header li:hover{z-index:30}
#lj-tab-header li a{float:left;display:block;height:36px;padding:0 0 0 20px;color:#fff;font:12px/36px Arial}
#lj-tab-header li a:hover{background:url(images/tab-triggers_bg_over.gif) no-repeat}
#lj-tab-header li a span{float:left;display:block;height:36px;padding-right:20px;cursor:hand}
#lj-tab-header li a:hover span{background:url(images/tab-triggers_bg_over.gif) no-repeat 100% 0}
#lj-tab-header .first{margin:0;background:url(images/tab-triggers_first.gif) no-repeat}
#lj-tab-header .first a:hover{background:url(images/tab-triggers_first.gif) no-repeat 0 -39px}
#lj-tab-header .last a span{margin:0;background:url(images/tab-triggers_first.gif) no-repeat 100% 0}
#lj-tab-header .last a:hover span{background:url(images/tab-triggers_first.gif) no-repeat 100% -39px}
#lj-tab-content{float:left;width:943px;padding:0 6px 7px}
#lj-tab-content .content{float:left;width:96%;padding:10px 2%;min-height:136px}
#content_web-design{background:url(images/content_web-design_bg.jpg) no-repeat 100% 100%}
#links{position:relative;left:50%;clear:left;float:left;width:930px;margin:10px 0 10px -465px; display:inline}
#lj-tab-content .intro{width:70%;float:left;padding-right:2%}
#lj-tab-content p{line-height:180%}
#lj-tab-content .list{float:left;width:28%}
#lj-tab-content h2{color:#252525;font:700 12px Arial}
#lj-tab-content ul{padding:10px 20px}
#lj-tab-content li{list-style:disc}
#lj-tab-content li a{color:#252525}
#lj-tab-content li a:hover{color:#fff}
#links li{display:inline}
#links li a{display:block;float:left;margin:0 5px;padding:0 0 0 15px;background:none;background-repeat:no-repeat;background-position:0 50%;color:#596B75}
#links .link1 a{background-image:url(images/link_ico1.gif)}
#links .link2 a{background-image:url(images/link_ico1.gif)}
#links .link3 a{background-image:url(images/link_ico3.gif)}
#links .link4 a{background-image:url(images/link_ico4.gif)}
#links .link5 a{background-image:url(images/link_ico5.gif)}
#links .link6 a{background-image:url(images/link_ico6.gif)}
#links .link7 a{background-image:url(images/link_ico7.gif)}
#links li a:hover{color:#000}

#divlinks li{display:inline}
#divlinks li a{display:block;float:left;margin:0 5px;padding:0 0 0 15px;background:none;background-repeat:no-repeat;background-position:0 50%;color:#596B75}
#divlinks .link1 a{background-image:url(images/link_ico1.gif)}
#divlinks .link2 a{background-image:url(images/link_ico1.gif)}
#divlinks .link3 a{background-image:url(images/link_ico3.gif)}
#divlinks .link4 a{background-image:url(images/link_ico4.gif)}
#divlinks .link5 a{background-image:url(images/link_ico5.gif)}
#divlinks .link6 a{background-image:url(images/link_ico6.gif)}
#divlinks .link7 a{background-image:url(images/link_ico7.gif)}
#divlinks li a:hover{color:#000}