/* CSS Document */
body {
	width:1004px; height:auto; margin:0; padding:0; border:0; text-align:center; background:#000000; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#666666;
}

div { margin:0; padding:0; border:0; overflow:hidden; }

div ul { margin:0; padding:0; border:0; list-style-type:none; }

div ul li { margin:0; padding:0; border:0; list-style-type:none; }

a { margin:0; padding:0; border:0;  }

img { margin:0; padding:0; border:0;  }

div#top {
	width:1004px; height:94px; background:url(../img/top.bg.jpg) no-repeat; text-align:left;
}

/* navigation */
	div#top div#navigation {
		width:574px; height:27px; margin:67px 0 0 400px;
	}
	
	div#top div#navigation li { float:left; width:auto; height:27px; margin-right:3px; }
	
	div#top div#navigation li a { display:block; height:27px; }
	
	div#top div#navigation li#home a.select{ width:78px; background:url(../img/navigation.01.select.gif) no-repeat; }
	div#top div#navigation li#home a{ width:78px; background:url(../img/navigation.01.gif) no-repeat; }
	div#top div#navigation li#home a:hover{ 	  background:url(../img/navigation.01.select.gif) no-repeat; }
	
	div#top div#navigation li#company a.select{ 	  background:url(../img/navigation.02.select.gif) no-repeat; }
	div#top div#navigation li#company a{ width:98px; background:url(../img/navigation.02.gif) no-repeat; }
	div#top div#navigation li#company a:hover{ 	  background:url(../img/navigation.02.select.gif) no-repeat; }
	
	div#top div#navigation li#services a.select{ 	  background:url(../img/navigation.03.select.gif) no-repeat; }
	div#top div#navigation li#services a{ width:93px; background:url(../img/navigation.03.gif) no-repeat; }
	div#top div#navigation li#services a:hover{ 	  background:url(../img/navigation.03.select.gif) no-repeat; }
	
	div#top div#navigation li#caseStudy a.select{ 	  background:url(../img/navigation.04.select.gif) no-repeat; }
	div#top div#navigation li#caseStudy a{ width:110px; background:url(../img/navigation.04.gif) no-repeat; }
	div#top div#navigation li#caseStudy a:hover{ 	  background:url(../img/navigation.04.select.gif) no-repeat; }
	
	div#top div#navigation li#clients a.select{ 	  background:url(../img/navigation.05.select.gif) no-repeat; }
	div#top div#navigation li#clients a{ width:83px; background:url(../img/navigation.05.gif) no-repeat; }
	div#top div#navigation li#clients a:hover{ 	  background:url(../img/navigation.05.select.gif) no-repeat; }
	
	div#top div#navigation li#contacts a.select{ 	  background:url(../img/navigation.06.select.gif) no-repeat; }
	div#top div#navigation li#contacts a{ width:93px; background:url(../img/navigation.06.gif) no-repeat; }
	div#top div#navigation li#contacts a:hover{ 	  background:url(../img/navigation.06.select.gif) no-repeat; }

div#bottom {
	width:1004px; height:84px; background:url(../img/bottom.bg.jpg) no-repeat;
}


div#middle {
	width:1004px; height:auto; overflow:hidden;
}

div#middle div#left {
	width:103px; height:631px; background:#000000 url(../img/middle.left.bg.jpg) no-repeat left top; float:left;
}

div#middle div#right {
	width:100px; height:631px; background:#000000 url(../img/middle.right.bg.jpg) no-repeat left top; float:left;
}

div#middle div#main {
	width:801px; height:auto; float:left;
}

div#middle div#main div#top {
	width:801px; height:9px; background:url(../img/middle.main.border.jpg) no-repeat left 0px;	
}

div#middle div#main div#bottom {
	width:801px; height:19px; background:url(../img/middle.main.border.jpg) no-repeat left -9px;
}

div#middle div#main div#bottom a {
	width:100px; height:19px; display:block;
}

div#middle div#main div#middle {
	width:785px; height:auto; background:#ffffff; padding:0 8px 0 8px;
}

/* end public layer */

/* start pages style */

/****************************************************************
*****************************************************************/

/** to index */
body#index div#middle div#main div#middle {
	height:974px; text-align:left;
}

body#index div#banner {
	width:785px; height:181px; background:url(../img/banner.index.jpg) no-repeat; margin-bottom:9px;
}

/* about us */
body#index div#aboutUs {
	width:549px; height:128px; background:#f3f3f3; float:left; margin-bottom:6px;
}

body#index div#aboutUs div.tag {
	width:549px; height:27px; background:url(../img/index.tag.aboutUs.gif) no-repeat;
}

body#index div#aboutUs div.tag a {
	width:129px; height:14px; display:block; margin:6px 0 0 407px; font-size:0px;
}

body#index div#aboutUs div.con {
	width:523px; height:94px; line-height:16px; padding:7px 13px 0 13px;
}

body#index div#aboutUs div.con b {
	color:#666666; font-weight:600;
}

/* our Design*/
body#index div#ourDesign {
	width:549px; height:101px; background:#f3f3f3; float:left;
}

body#index div#ourDesign div.tag {
	width:549px; height:27px; background:url(../img/index.tag.ourDesign.gif) no-repeat;
}

body#index div#ourDesign div.con {
	width:523px; height:80px; line-height:16px; padding:1px 13px 0 13px;
}

body#index div#ourDesign div.con b {
	color:#666666; font-weight:600;
}

/* announcement*/

body#index div#announcement {
	width:229px; height:235px; background:#f3f3f3; float:right;
}

body#index div#announcement div.tag {
	width:229px; height:27px; background:url(../img/index.tag.announcement.gif) no-repeat;
}

body#index div#announcement div.con {
	width:203px; height:201px; padding:7px 13px 0 13px;
}

body#index div#announcement div.con span.title {
	display:block; color:#0059b4; margin:8px 0 0 0;
}

body#index div#announcement div.con span.h {
	color:#333333;
}

/* our expertise*/

body#index div#ourExpertise {
	width:784px; height:364px; background:#ffffff; margin-top:9px;
}

body#index div#ourExpertise div.tag {
	width:784px; height:25px; background:url(../img/index.tag.ourExpertise.gif) no-repeat top left;
}

body#index div#ourExpertise div.line {
	width:784px; height:11px; background:url(../img/line.title.jpg) no-repeat;
}

body#index div#ourExpertise div.con {
	width:754px; height:322px; padding:6px 15px 0 15px;
}
	/*items*/
	body#index div#ourExpertise div.con div.items {
		width:754px; height:94px; margin:0 0 12px 0;
	}
	
	body#index div#ourExpertise div.con div.items div.left {
		width:192px; height:94px; overflow:hidden; float:left;  margin-right:14px; display:inline;
	}
	
	body#index div#ourExpertise div.con div.items div.left a {
		display:block; border:1px solid #bbbbbb;
	}
	
	body#index div#ourExpertise div.con div.items div.left a:hover {
		border:1px solid #333333;
	}
	
	body#index div#ourExpertise div.con div.items div.right {
		width:548px; height:94px; float:left;
	}
	
	body#index div#ourExpertise div.con div.items div.right span.title {
		display:block; color:#333333; font-size:16px; font-weight:700; margin-bottom:5px;
	}
	
	body#index div#ourExpertise div.con div.items div.right span.title a {
		color:#333333; text-decoration:none;
	}
	body#index div#ourExpertise div.con div.items div.right span.title a:hover {
		color:#0059b4;
	}
	
	body#index div#ourExpertise div.con div.items div.right span.infos {
		display:block; margin-bottom:4px; line-height:12px;
	}
	
	body#index div#ourExpertise div.con div.items div.right span.more {
		width:548px; display:block; text-align:right;
	}
	
/* case study*/
body#index div#caseStudy {
	width:784px; height:172px; background:#ffffff; 
}

body#index div#caseStudy div.tag {
	width:784px; height:25px; background:url(../img/index.tag.caseStudy.gif) no-repeat top left;
}

body#index div#caseStudy div.tag a {
	display:block; width:146px; height:14px; margin:3px 0 0 621px;
}

body#index div#caseStudy div.line {
	width:784px; height:11px; background:url(../img/line.title.jpg) no-repeat;
}

body#index div#caseStudy div.con {
	/* width本应为754,但由于横向排列多出17px*/
	width:771px; height:130px; padding:6px 15px 0 15px;
}

	body#index div#caseStudy div.con div.items {
		width:176px; height:130px; float:left; display:inline; margin-right:17px;
	}
	
	body#index div#caseStudy div.con div.items div.image {
		width:170px; height:85px; border:1px solid #bbbbbb; background:#eeeeee; padding:2px; margin-bottom:6px;
	}
	
	body#index div#caseStudy div.con div.items div.image a {
		display:block;
	}
	
	body#index div#caseStudy div.con div.items div.image a:hover {
		border:3px solid #333333; position:absolute; margin:-3px;
	}
	
	body#index div#caseStudy div.con div.items div.infos {
		color:#333333; margin:0 4px 0 4px;
	}
	
	body#index div#caseStudy div.con div.items div.infos a {
		color:#333333; text-decoration:none;
	}
	body#index div#caseStudy div.con div.items div.infos a:hover {
		color:#0059b4;
	}
	
	body#index div#caseStudy div.con div.items div.infos span {
		color:#aaaaaa;
	}

/****************************************************************
*****************************************************************/

/** to else pages */
body#elsepage div#middle div#main div#middle {
	height:auto; text-align:left;
}

body#elsepage div#banner {
	width:785px; height:181px; margin-bottom:9px;
}

body#elsepage div#childCon {
	width:785px; height:auto; margin-bottom:3px;
}
	/* subnavigation */
	body#elsepage div#childCon div#subNavigation {
		width:230px; height:auto; background:#93a8bf; overflow:inherit; float:left; margin-right:9px;
	}
	
	body#elsepage div#childCon div#subNavigation div#titles {
		width:230px; height:34px;
	}
	
	body#elsepage div#childCon div#subNavigation div#button {
		width:230px; height:5px; background:url(../img/page.title.button.gif) no-repeat left top;
	}
	
	body#elsepage div#childCon div#subNavigation div#subNav {
		width:224px; height:auto; padding:0 3px 0 3px; margin-bottom:260px;
	}
	
	body#elsepage div#childCon div#subNavigation div#subNav li {
		width:224px; height:27px; border-bottom:1px solid #a7b9cc; margin-top:1px; font-size:13px;
	}
	
	body#elsepage div#childCon div#subNavigation div#subNav li a {
		width:190px; height:26px; display:block; background:#93a8bf url(../img/pic.jt.gif) no-repeat 22px 8px; 
		line-height:26px; text-decoration:none; color:#ffffff; padding-left:34px; 
	}
	
	body#elsepage div#childCon div#subNavigation div#subNav li a:hover {
		background:#5e8fc2 url(../img/pic.jt.gif) no-repeat 22px 8px; 
	}
	
	/* contactCon : 内容容器 */
	
	body#elsepage div#childCon div#contactCon {
		width:545px; height:auto; background:#ffffff; overflow:inherit; float:left;
	}
	
	body#elsepage div#childCon div#contactCon div#titles {
		color:#33a13b; font-size:20px; padding:4px 6px 5px 6px; border-bottom:1px solid #cccccc;
	}
	
	body#elsepage div#childCon div#contactCon div#content {
		width:533px; height:auto; overflow:inherit; padding:0 12px 0 12px; line-height:15px;
	}
	
	body#elsepage div#childCon div#contactCon div#content span {
		display:block; margin:6px 0 6px 0;
	}
	
	body#elsepage div#childCon div#contactCon div#content span.t01 {
		color:#0059b4; display:block; font-size:13px; margin:12px 0 6px 0; 
	}
	
	body#elsepage div#childCon div#contactCon div#content span.t02 {
		color:#555555; display:block; font-size:11px; margin:12px 0 6px 0; font-weight:600;
	}
	
	body#elsepage div#childCon div#contactCon div#content ul {
		margin:12px 0 18px 0; width:500px;
	}
	
	body#elsepage div#childCon div#contactCon div#content li {
		padding-left:50px; background:url(../img/arrow.gif) no-repeat 33px 1px; margin:0 0 6px 0;
	}
	
	
/****************************************************************
*****************************************************************/

/** to case study */
body#elsepage div#middle div#main div#middle {
	height:auto; text-align:left;
}

body#elsepage div#banner {
	width:785px; height:181px; margin-bottom:9px;
}

body#elsepage div#caseStudy {
	width:785px; height:auto; margin-bottom:3px;
}

body#elsepage div#caseStudy div#titles {
	width:784px; height:27px; background:url(../img/page.title.caseStudy.gif) no-repeat;
}

body#elsepage div#caseStudy div#tinfos {
	width:760px; height:auto; background:#eeeeee; border-bottom:1px solid #cccccc; padding:10px 12px 10px 12px;
}

body#elsepage div#caseStudy div#caseStudyLayer {
	width:784px; height:auto; background:#eeeeee;
}

	/* tag*/
	body#elsepage div#caseStudy div#caseStudyLayer div#classLayer {
		width:160px; height:auto; float:left;
	}
	
	body#elsepage div#caseStudy div#caseStudyLayer div#classLayer ul {
		margin-top:10px;
	}
	
	body#elsepage div#caseStudy div#caseStudyLayer div#classLayer ul li {
		width:160px; height:29px; line-height:29px; margin-top:2px;
	}
	
	body#elsepage div#caseStudy div#caseStudyLayer div#classLayer ul li a {
		width:147px; height:29px; color:#666666; text-decoration:none; display:block; text-align:right; padding-right:13px;
		background:url(../img/caseStudy.nav.bg.02.gif) no-repeat; 
	}
	
	body#elsepage div#caseStudy div#caseStudyLayer div#classLayer ul li a.select {
		background:url(../img/caseStudy.nav.bg.01.gif) no-repeat; font-weight:600; color:#0059b4;
	}
	
	body#elsepage div#caseStudy div#caseStudyLayer div#classLayer ul li a:hover {
		font-weight:600;
	}

	/* list */
	body#elsepage div#caseStudy div#caseStudyLayer div#listLayer {
		width:613px; height:auto; background:#ffffff; float:left; padding:9px 0 9px 11px;
	}
	
	body#elsepage div#caseStudy div#caseStudyLayer div#listLayer  div.items {
		width:198px; height:130px; float:left; background:url(../img/caseStudy.item.bg.gif) no-repeat left top;
		margin-right:4px; margin-bottom:9px;
	}
	
	body#elsepage div#caseStudy div#caseStudyLayer div#listLayer  div.items span.img {
		display:block; weight:188px; height:113x; overflow:hidden; margin:7px 5px 7px 5px;
	}
	body#elsepage div#caseStudy div#caseStudyLayer div#listLayer  div.items span.txt {
		display:block; weight:188px; height:28px; overflow:hidden; margin:0 5px 0 5px;
	}
	body#elsepage div#caseStudy div#caseStudyLayer div#listLayer  div.items span.txt a {
		color:#666666; text-decoration:none;
	}
	body#elsepage div#caseStudy div#caseStudyLayer div#listLayer  div.items span.txt span {
		color:#33a13b;
	}
	
/****************************************************************
*****************************************************************/

/* clients list for ul*/

	body#elsepage div#childCon div#contactCon div#content ul#clientsList {
		margin:12px 0 18px 0; width:500px;
	}
	
	body#elsepage div#childCon div#contactCon div#content ul#clientsList li {
		padding-left:50px; background:url(../img/user.gif) no-repeat 33px 1px; margin:0 0 6px 0; float:left; width:196px;
	}
	
	body#elsepage div#childCon div#contactCon div#content ul#clientsList li a {
		font-size:12px; color:#333333; text-decoration:none;
	}
	body#elsepage div#childCon div#contactCon div#content ul#clientsList li a:hover {
		color:#0066CC; text-decoration:underline;
	}
	
	body#elsepage div#childCon div#contactCon div#content span.enter {
		background:url(../img/enter.gif) no-repeat left 4px; padding-left:16px;
	}
	
	body#elsepage div#childCon div#contactCon div#content span.enter a {
		color:#333333;
	}
	
	
/****************************************************************************/
.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}

.highslide-image {
	border: 10px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}