/* CSS Document */

body{
	margin-top:0px;
	margin-bottom:0px;
	background-color:#ffffff;
}
/*   */

#wrapper{
	width:850px;
	height:100%;
	position: relative;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	background-color:#ffffff;
	z-index:1;
}



#header{
	position:absolute;
	top:0px;
	left:25px;
	width:800px;
	height:100px;
	z-index:1;
}



#language{
	position:absolute;
	top:86px;
	left:35px;
	width:200px;
	height:15px;
	border:solid;
	border-width:2px;
	border-color:#e9e9e9;
	padding:3px;
	z-index:3;
}



#homeback{
	position:absolute;
	left:25px;
	top:110px;
	width:800px;
	height:475px;
	border-left:solid;
	border-bottom:solid;
	border-width:2px;
	border-color:#e9e9e9;
	z-index:1;
}


#goldie{
	position:absolute;
	top:385px;
	left:673px;
	width:160px;
	height:200px;
	border-bottom:solid;
	border-width:2px;
	border-color:#e9e9e9;
	overflow:visible;
	z-index:2;
}


#peoplepix{
	position:absolute;
	top:385px;
	left:673px;
	width:160px;
	height:160px;
	border-bottom:solid;
	border-width:0px;
	border-color:#e9e9e9;
	overflow:visible;
	z-index:2;
}



#peoplecap{
	position:absolute;
	top:359px;
	left:673px;
	width:152px;
	height:20px;
	font: normal 11px Verdana;
	color: #999999;
	text-align:left;
	background: #ffffff;
	display: block;
	padding: 5px 0;
	line-height: 17px;
	padding-left: 8px; /*link text is indented 8px*/
	text-decoration: none;
	z-index:2;
}





#main{
	position:absolute;
	top:110px;
	left:25px;
	width:645px;
	border-left:solid;
	border-top:solid;
	border-width:2px;
	border-color:#e9e9e9;
	z-index:3;
	
}


#orangevertrt{
	position:absolute;
	top:110px;
	left:670px;
	width:3px;
	height:475px;
	border-left:solid;
	border-width:4px;
	border-color:#f17a21;
	z-index:6;
}


#homegrey{
	position:absolute;
	top:110px;
	left:25px;
	width:645px;
	height:4px;
	border-top:solid;
	border-width:2px;
	border-color:#e9e9e9;
	z-index:6;
}







#text1{
	position:absolute;
	background:#FFFFFF;
	top:125px;
	left:180px;
	width:456px;
	padding-left:10px;
	padding-right:10px;
	border:solid;
	border-color:#e9e9e9;
	border-width:2px;
	z-index:6;
}



#textnews{
	position:absolute;
	background:#FFFFFF;
	top:270px;
	left:677px;
	width:150px;
	padding-left:0px;
	padding-right:0px;
	border:solid;
	border-color:#e9e9e9;
	border-width:0px;
	z-index:6;
}


#textmain{
	position:relative;
	top:10px;
	left:155px;
	width:445px;
	padding-left:20px;
	padding-right:10px;
	border:solid;
	border-color:#e9e9e9;
	border-width:2px;
	z-index:6;
}


#textsub{
	position:absolute;
	top:15px;
	left:4px;
	width:140px;
	height:800px;
	border:solid;
	border-width:0px;
	border-color:#e9e9e9;
	z-index:3;
}


#basetext{
	position:relative;
	left:0px;
	top:35px;
	width:800px;
	height:20px;
	background-color:#ffffff;
	border:solid;
	border-color:#e9e9e9;
	border-width:2px;
	z-index:3;
}

#basespace{
	position:relative;
	left:0px;
	width:645px;
	height:10px;
	background-color:#ffffff;
	z-index:3;
}


#basehome{
	position:absolute;
	left:25px;
	top:595px;
	width:633px;
	height:40px;
	background-color:#ffffff;
	border:solid;
	border-color:#e9e9e9;
	border-width:2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:15px;
	padding-top:0px;
	padding-left:10px;
	padding-bottom:10px;
	color:#000000;
	text-align:left;
	z-index:3;
}



#basetext{
	position:relative;
	left:0px;
	top:55px;
	width:620px;
	height:40px;
	background-color:#ffffff;
	border:solid;
	border-color:#e9e9e9;
	border-width:2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:15px;
	padding-top:0px;
	padding-left:10px;
	padding-bottom:10px;
	color:#000000;
	text-align:left;
	z-index:3;
	z-index:3;
}









/*..TOPNAV...*/

.mattblacktabs{
position:absolute;
top:84px;
left:245px;
width: 460px;
height:30px;
overflow: hidden;
z-index:3;
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: bold 10px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #686a6c; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: #f17a21; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}


/*Language Select Bat - William Xu - Ataway Shanghai*/


.languagebar{ 
position:absolute;
margin-top:7px;
top:2px;
left:562px;
width: 460px;
height:25px;
overflow: hidden;
z-index:3;
}

.languagebar img
{		
border:0px
}

.languagebar ul{
margin: 0;
padding: 0;
padding-left: 0px; /*offset of tabs relative to browser left edge*/
list-style-type: none;
}

.languagebar li{
display: inline;
margin: 0;
}

.languagebar li a{
float: left;
display: block;
text-decoration: none;
margin: 1px;
padding: 1px 1px 1px 1px; /*padding inside each tab*/
border-right: 2px solid white; /*right divider between tabs*/
color: white;
background: #CCCCCC; /*background of tabs (default state)*/
}

.languagebar li a:visited{
color: white;
}

.languagebar li a:hover, .languagebar li.selected a{
background: #f17a21; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}




























/*..SIDENAV...*/


.urbangreymenu{
position:absolute;
top:120px;
left:670px;
width: 160px; /*width of menu*/
z-index:3;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font-size: 12px;
color: black;
text-align:left;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}






/*..FONTS...*/

a:link{
	color:#000000;
	text-decoration:none;
	outline: none;
}


a:visited{
	color:#000000;
	text-decoration:none;
}

a:active{
	color:#cbcbcb;
	text-decoration:underline;
}

a:hover{
	color:#f17a21;
	text-decoration:underline;
}






.h1black{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:16px;
	line-height:18px;
	font-weight:bold;
	text-align:left;
	padding-left:0px;
	padding-right:0px;
	padding-top:10px;
	padding-bottom:0px;
}

.h2black{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	line-height:18px;
	padding-top:10px;
	font-weight:bold;
	text-align:left;
}

.b1black{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	line-height:15px;
	text-align:left;
	padding-left:0px;
	padding-right:10px;
	padding-top:0px;
	padding-bottom:0px;
}

.b2black{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	line-height:14px;
}



.ebittyleft {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:12px;
	padding-top:10px;
	padding-left:10px;
	color:#000000;
	text-align:left;
}

.ebittyleftgr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:14px;
	padding-left:10px;
	padding-top:4px;
	color:#999999;
	text-align:left;
}


.ebittyrightgr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:10px;
	color:#999999;
	text-align:right;
}

.ebittyjust {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:14px;
	color:#000000;
	text-align:justify
}

.ebittybold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:14px;
	color:#000000;
	font-weight:bold;
	text-align:left;
}





/*..COLORS...*/

.atawaygrey{
	background-color:#686a6c;
}

.midgrey{
	background-color:#cbcbcb;
}

.ltgrey{
	background-color:#e9e9e9;
}

.orange{
	background-color:#f17a21;
}

.blue{
	background-color:#3674c7;
}












/*..INDEXPAGEICONS...*/


#peopleINDEX{
	position:absolute;
	top:525px;
	left:36px;
	width:200px;
	height:50px;
	z-index:5;
	overflow:visible;	
}

#processINDEX{
	position:absolute;
	top:525px;
	left:246px;
	width:200px;
	height:50px;
	z-index:2;
}

#systemINDEX{
	position:absolute;
	top:525px;
	left:456px;
	width:200px;
	height:50px;
	z-index:2;
}


/*..SUBPAGEICONS...*/


#peopleSUB{
	position:absolute;
	top:130px;
	left:30px;
	width:160px;
	height:50px;
	z-index:6;
	overflow:visible;	
}

#processSUB{
	position:absolute;
	top:190px;
	left:30px;
	width:160px;
	height:50px;
	z-index:6;
}

#systemSUB{
	position:absolute;
	top:250px;
	left:30px;
	width:160px;
	height:50px;
	z-index:6;
}



/*...NOTES...*/