/* ========================== base items ========================== */
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:active{text-decoration:none;}
body	           {
	            /* place 'All' at the center */
                text-align:center; 
				/* others */
		        margin-top:0px;
		        margin-left:0px;
		        padding:0px;
				/* 	*/
				font-family:Arial,Helvetica,sans-serif,MS UI Gothic,Osaka;	
}
		
.windowbase   {
              	position:relative;
		        background-color:#666666;
	
}	
.all           {
               	position:relative;
				width:900px;
				height:auto;
	            margin-left:auto;
				margin-right:auto;	
				background-color:#ffffff;
				/* set all text to the left */
				text-align:left;
}
.menubar        {
               	position:relative;
				width:900px;
				height:90px;	
				background-color:#d7ccb6;	
}
.logo_mb        {
               	position:absolute;
				width:173px;
				height:32px;
				left:20px;
				top:20px;			
}
.pagetitle      {
               	position:relative;
				width:900px;
				height:60px;	
}
.contents       {
               	position:relative;
				width:900px;
				height:auto;	
				/*
				background-color:#ffffff;	*/
				/* 
	            overflow:hidden;  */
}
/* inside menu bar */
.menu_top {
	position:absolute;
	width:610px;
	height:20px; 
	top:52px;
	left:220px; 
	/* 
	background-color:#ffff00; */
}
.menu_item {
	position:relative;	
	width:100px;
	height:20px;
	text-align:center;
    font-size:9pt;	
	border-left:solid 1px #666666;
	float:left;
	/*
    background-color:#ffffff; */
}
.menu_item_last {
	position:relative;	
	width:100px;
	height:20px;
	text-align:center;
    font-size:9pt;	
	border-left:solid 1px #666666;
	border-right:solid 1px #666666;
	float:left;
	/*
    background-color:#ffffff; */
}
.menu_text {
	position:relative;	
	top:5px;
	color:#ffffff;
}
.menu_text_current {
	position:relative;	
	top:5px;
	color:#4c5769;
}
/* footer */
.footer         {
	position:relative;
	top:0px;
	left:0px;
    width:900px;
    height:40px;	
	
    background-color:#d7ccb6;	
}
.credit{
	position:absolute;
	top:5px;
	left:20px;
	color:#666666;
	font-size:7pt;
	margin-top:10px;
}
.pt_img         {
	position:relative;
	left:20px;
}
.navitext {	
	position:relative;
	left:25px;
	top:-4px;
    font-size:9pt;
    color:#d7ccb6;		
}
.navitext_current {
    color:#4c5769;	
}

/* -------------------------------------------- */
/*                 layers                       */
/* -------------------------------------------- */
/* common to 
 * profile.html
 * business.html
 * works.html
 * works_web.html
 * network.html
 * contact.html
 * */
/* keep height of layer_1 after it's display:none */
.layer_0            {
	position:relative;
	top:0px;
	left:0px;
	width:900px;
	height:480px;	/* page title 60 + contants 400 + spacer 20 */
	/*    
    background-color:#eeeeee; */
}
/* layer includes texts / Profile, Business, Network, Contact */
.layer_10          {   /* layer_0 */
	position:relative;
	top:0px;
	left:0px;
	width:900px;
	height:480px;	/* page title 60 + contants 400 + spacer 20 */
	/*   
    background-color:#eeee00;*/
}
.layer_trim         {   
	position:relative;
	top:0px;
	left:0px;
	width:900px;
	height:480px;	/* page title 60 + contants 400 + spacer 20 */
	overflow:hidden;
	/*   
    background-color:#eeee00;*/
}
/* layer includes base pattern */
.layer_1           {
	position:absolute; 
	top:0px;
	left:0px;
	width:900px;
	height:480px;	
}
.basepattern_e      {
	position:absolute;
	top:-200px;
	left:550px;
	width:auto;
	height:auto;	
}
/* -------------------------------------------- */
.contents_box_common {
	position:relative;
	top:0px;
	left:40px;
	width:860px;
	height:400px;	
	border-left:solid #4c5769 1px;
	/*  
    background-color:#eeee00;*/
}
.contents_box_spacer {
	position:relative;
	top:0px;
	left:40px;
	width:860px;
	height:20px;	
}
/* -------------------------------------------- */
.spacerstr_w         {
	color:#ffffff;
}