/* bamboo wave ltd. css file*/

/* html tags */
html, body
{	
	background: #fbfbfb;	
	margin: 2em;
	text-align: center;
	font-family:Arial;
}

#container
{
 width: 100%;
 height: auto;
 margin: 0 auto;
 padding: 0 auto;
 background: #fff ;
 text-align: left; 
 background: white;	
 
 }

a:link, a:visited, a:active { color: gray; }
a:hover {color: #99cc66; }

a#Header1_englishLinkButton:visited,
a#Header1_englishLinkButton:link,
a#Header1_chineseLinkButton:link,
a#Header1_chineseLinkButton:visited,
a#Header1_textLinkButton:link,
a#Header1_textLinkButton:visited,
a#Header1_textLinkButton:active{color: white;}


a#Header1_englishLinkButton:hover,
a#Header1_textLinkButton:hover,
a#Header1_chineseLinkButton:hover{color: black;}


a.copyright:link{color: black;}
a.copyright:visited{color: gray;}
a.copyright:active{color: black;}
a.copyright:hover{color: #99cc66;}

* {
 padding: 0;
 margin: 0;

 }

#body
{
	width: 47.1em;		
	border: 0.25em solid white;
	margin: 0 auto;
	padding: 0 auto;
	text-align: center;
}


#header1,#header2,#header3,#header4,#header5,#header6
{    
    background-position: 0px 0px;
    width: 47em;
	height: 14.8em;
	background-position: left top;
	left: 0px;
	top: 0px;
	margin: 0 auto;
	padding: 0 auto;
	background-repeat:no-repeat;
}

#header1
{
    background: transparent  url(images/top8.jpg);	    
}

#header2
{
    background: transparent url(images/top2.jpg)
}

#header3
{
   	background: transparent url(images/top3.jpg)
}

#header4
{
   	background: transparent url(images/top4.jpg)
}

#header5
{
   	background: transparent url(images/top2.jpg)
}

#header6
{
	background: transparent url(images/top6.jpg)
}
#header7
{
	background-color:  #99cc66;	
}

#header1 ul, #header2 ul,#header3 ul,#header4 ul,#header5 ul,#header6 ul ,#header7 ul
{
   color: black;
   padding : 0;
   margin : 0;
   white-space : nowrap;
   height:1em;
   text-align:right;
   	

}
#header1 li, #header2 li,#header3 li,#header4 li,#header5 li,#header6 li,#header7 li
{
   display : inline;
      padding : 0.25em;
}

#header1 h1, #header2 h1,#header3 h1,#header4 h1,#header5 h1,#header6 h1,#header7 h1 {
 	width: 100%;
	color: #fff;
	font-size: 4em; 
	line-height: 1em;
	font-weight:bolder ;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align :right;
	}

#header1 h2, #header2 h2,#header3 h2,#header4 h2,#header5 h2, #header6 h2,#header7 h2{
 	width: 100%;
	color: #fff;
	font-size: 1.0em; 	
	font-weight:bolder ;
	font-style:italic;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align :right;	
	}

#headermenu {
	width: 100%;
	color: gray;
	margin: 0 auto;
	padding: 0 auto;
	border-top: solid 5px white;
	border-top: 0.25em solid white;
	border-bottom: 1px solid #dddddd;
}


#footermenu 
{
	clear:both;
	width: 100%;	
	color: gray;
	padding : 0 auto;
	margin : 0 auto;
	border-top: 1px solid #eeeeee;
}

img.nuts
{
    width: 100%;
	height: 100%;
}

img.logo
{
	width: .73em;
	height: .73em;

}


#language
{			
	top :0px;
	right:0px;
	color:white;	
	text-align: left;		
	font-size: 0.8em; 	   
}

#Header1_textLinkButton{
   display : inline;   
   font-size: 0.9em; 	   
}


#headermenu ul, #footermenu ul, #language ul {
   padding : 0 auto;
   margin : 0 auto;
   height:1.6em;
	font-size: 0.8em; 	   
	text-align: left;
}

#footermenu ul {
   text-align :right;
   font-size: 0.9em; 	   
}
#headermenu li, #footermenu li {
   display : inline;   
   font-size: 0.9em; 	   
}

#partner
{
	width:100%;
	float:right;	
}


#top
{
  width: 100%;	  
 }

#textonly
{	
	color:white;	
	text-align: right;	
	margin-top : 0em;
	text-align:left;
	font-size:0.9em;
}


#copyright 
{
	font-size: 0.6em; 
	color: white; 	
	text-align:right;
}


#contentwrap{
height:100%;
width: 100%;
text-align: center;
padding: 0;
margin: 0;
}


#contentleft
{	
	width:20%;
	height:100%;
	float:left;	
	background: white;			
	color: black;
	padding : 0 auto;
    margin : 0 auto;
    border-right: 0px solid white;	
    text-align: left;
    }

#contentcentre
{
	width:80%;
	height:100%;
	float:left;
	background-color:white;
	color: black;
    text-align: left;
}

#contentright
{
	width:19%;
	height:26em;
	float:left;
	background-color :#99cc66;
	color: white;
	padding : 0 auto;
    margin : 0 auto;
    border-right: 5px solid white;	
    text-align: left;
}

#frontpagecontentwrap
{
	width:100%;	
	background-color:black;	
	padding : 0;
    margin : 0 ;
}

#frontpagecontentleft
{
	width:50%;
	height:16em;
	float:left;
	/*background-image: url(images/nutsbolts.jpg);	*/
	background-repeat: no-repeat;
	background-color:black;	
	color: white;	
	padding : 0;
    margin : 0;
    text-align: left;
}
#frontpagecontentright
{
	width:49%;
	float:left;	
	height:16em;
	background-color:black;	
	color: white;	
	text-align:left;
	padding : 0;
    margin : 0;
    text-align: left;
}

#frontpagepartner
{
	width:100%;
	float:right;
}


html>body #frontpagecontentright
{
	width:50%;
}

#frontpagecontentright p 
{
	font-size: 0.8em; color: #ddd;
 	margin-top :2em;	
 	margin-bottom :0em;	
 	margin-left:1em;
	margin-right:1em;
	text-align:justify;
}


#contentcentre h1 {font-size: 0.9em; color: black; }
#contentcentre h2 {font-size: 0.9em; color: black; }

#contentcentre p 
{
	font-size: 0.8em; color: black;  
	margin-bottom :1em;	
	margin-left:1em;
	margin-right:1em;
	text-align:justify;

}

#contentcentre a:link { color: green; }
#contentcentre a:visited { color: gray; }
#contentcentre a:active { color: gray; }
#contentcentre a:hover {color: gray; }

#login
{
	width: 100%;
	font-size: 0.8em;
}

#loginlabel
{
	width : 30%;
	float:left;
}

#logintext
{
	width : 30%;
	float:left;
}
#loginvalidate
{
	width : 40%;
	float:left;
}
#loginbuttons
{
	width: 100%;
	width: 20em;
	clear:left;
}


#loginbuttons1,#loginbuttons2
{
	width : 50%;
	float:left;
}