* {margin:0;padding:0;}

body { 
	text-align:center;
	background: #ffffff;
}
	
a {outline: none;}

img {border:  none;}

	
	
	
/* centre content */	
 
#container { width: 100%; height: 100%; display: table; }
#position { display: table-cell; vertical-align: middle; width: 100%; text-align: center; }

#content {
	position: relative;
	top: 0;
	height: 650px;
}

/* header */	
#header {
	width: 800px;
	height: 29px;
	margin:16px auto 10px auto;
	position: relative;
}

#header img {
  	display: block;
  	margin-left: auto;
  	margin-right: auto;
}

.trev_name {height:29px;}


/* Main navigation */
#navigation {
	position: relative;
	display: block;
	margin: 0 auto 0 auto;
	height: 12px;
	width: 450px;
	padding: 0 0 8px 0;
	border-bottom: 1px dotted #e6e6e6;
} 
#navigation ul {
   clear:left;
   float:left;
   list-style:none;
   padding:0;
   position:relative;
   left:50%;
   font: normal .8em Times, "Times New Roman", serif;
   letter-spacing: 1px; 
}
#navigation li {
   display:block;
   float:left;
   list-style:none;
   padding:0;
   position:relative;
   right:50%;
}

#navigation li a.one:link, a.one:visited {color: #daa8a8;}
#navigation li a.one:hover {color: #a32626;}
#navigation li a.two:link, a.two:visited {color: #99adc4;}
#navigation li a.two:hover {color: #01336b;}
#navigation li a.three:link, a.three:visited {color: #e5bb99;}
#navigation li a.three:hover {color: #be5601;}
#navigation li a.four:link, a.four:visited {color: #a7b599;}
#navigation li a.four:hover {color: #234600;}

#navigation li a:link, #navigation li a:visited {text-decoration: none;}


/* Second level navigation ALL */

#projects {height:25px; margin:0; padding-top:4px;}

/* Second level navigation - HOME */
#secondNavigation {
	position: relative;
	display: block;
	height: 14px;
	width: 800px;
	margin: 0 auto 0;
	padding:2px 0 4px 0;
}
#secondNavigation ul {
   clear:left;
   float:left;
   list-style:none;
   padding:2px 0 0 0;
   position:relative;
   left:50%;
   font: normal .8em Times, "Times New Roman", serif;
   letter-spacing: 1px; 
}
#secondNavigation li {
   display:block;
   float:left;
   list-style:none;
   padding:0;
   position:relative;
   right:50%;
} 


/* Second level navigation - PROJECTS */
#secondNavigationProjects {
	position: relative;
	display: block;
	height: 14px;
	width: 800px;
	margin: 0 auto 0;
	padding:2px 0 4px 0;
}
#secondNavigationProjects ul {
   clear:left;
   float:left;
   list-style:none;
   position:relative;
   left:50%;
   font: normal .8em Times, "Times New Roman", serif;
   letter-spacing: 1px; 
}
#secondNavigationProjects li {
   display:block;
   float:left;
   list-style:none;
   padding:0;
   position:relative;
   right:50%;
} 

#secondNavigationProjects li a:link, #secondNavigationProjects li a:visited {text-decoration: none;color: #99adc4;}
#secondNavigationProjects li a:hover {text-decoration: none;color: #01336b;}


/* Second level navigation - ARCHIVE */
#secondNavigationArchive {
	position: relative;
	display: block;
	height: 14px;
	width: 800px;
	margin: 0 auto 0;
	padding:2px 0 4px 0;
}
#secondNavigationArchive ul {
   clear:left;
   float:left;
   list-style:none;
   padding:2px 0 0 0;
   position:relative;
   left:50%;
   font: normal .8em Times, "Times New Roman", serif;
   letter-spacing: 1px; 
}
#secondNavigationArchive li {
   display:block;
   float:left;
   list-style:none;
   padding:0;
   position:relative;
   right:50%;
} 

#secondNavigationArchive li a:link, #secondNavigationArchive li a:visited {text-decoration: none;color: #e5bb99;}
#secondNavigationArchive li a:hover {text-decoration: none;color: #be5601;}


/* Second level navigation - INFO */
#secondNavigationInfo {
	position: relative;
	display: block;
	height: 14px;
	width: 800px;
	margin: 0 auto 0;
	padding:2px 0 4px 0;
}
#secondNavigationInfo ul {
   clear:left;
   float:left;
   list-style:none;
   padding:2px 0 0 0;
   position:relative;
   left:50%;
   font: normal .8em Times, "Times New Roman", serif;
   letter-spacing: 1px; 
}
#secondNavigationInfo li {
   display:block;
   float:left;
   list-style:none;
   padding:0;
   position:relative;
   right:50%;
} 

#secondNavigationInfo li a:link, #secondNavigationInfo li a:visited {text-decoration: none;color: #a7b599;}
#secondNavigationInfo li a:hover {text-decoration: none;color: #234600;}



/* Main image content */
#photoContent {
    position:relative;
    margin-right: auto;
	margin-left: auto;
	padding:0;
	height: 560px;
	width: 746px;
}

#photoContent ul {
   clear:left;
   list-style:none;
   padding:0;
   margin:0;
   position:relative;
   float: left;
}

#photoContent li {
   display:block;
   list-style:none;
   padding:0;
   position:absolute;
   float: left;
}
.proj1Pic, .proj2Pic, .proj3Pic, .proj4Pic {
	display: none;
}

#map {
	position: relative;	
	margin-right: auto;
	margin-left: auto;
	width: 700px;
	background:url(china/trh_china_intro.jpg) top left no-repeat #fff;
	}
    
.divider {
	color: #e5e5e5;
	font-size: .8em;
	margin: 1px 8px 0;
}

#scrollPics {
	position: relative;
	display: block;
	height: 10px;
	width: 800px;
	margin: 20px auto 0;
} 
#scrollPics ul {
   clear:left;
   float:left;
   list-style:none;
   padding:0;
   position:relative;
   left:50%;
}
#scrollPics li {
   display:block;
   float:left;
   list-style:none;
   position:relative;
   right:50%;
   margin: 0 8px;
   padding-bottom: 100px;
}

#rule { border-bottom: 1px dotted #ddd;
	width: 440px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 4px;
}
#norule { border-bottom: 1px dotted white;
	width: 400px;
	margin-right: auto;
	margin-left: auto;
}

#slideshow {
	margin-right: auto;
	margin-left: auto;
	background-color: white;
}