body{
overflow: hidden;
text-align:center;
margin: 0px;
padding: 0px;
background:black;
/* background-image: url(images/bg.png);
background-repeat: repeat-x;
background-position: top; 
 */
 
 }

    h1{
              font-family: Sans-Serif;
              font-size: 16px;
              font-weight: bold;
              color:white;
              margin:10px;
    }
     h2{
              font-family: Sans-Serif;
              font-size: 13px;
              font-weight: bold;
              color:white;
              margin:10px;
    }

p.portfolio{
              font-family: Sans-Serif;
              font-size: 20px;
              font-weight: bold;
              color:white;
            }

p.infotext{
              font-family: Sans-Serif;
           /*   font-family: "Trebuchet MS",Trebuchet,Verdana,Sans-Serif; */
              font-size: 12px;
              margin:10px;
              color:white;

}
p.infotext1{
              /*font-family: Sans-Serif;
           /*   font-family: "Trebuchet MS",Trebuchet,Verdana,Sans-Serif; */
              /*font-size: 12px;
              margin:10px;
              color:white;
              font-weight: bold;*/

font-family: "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
text-decoration: none;
background-color: transparent;
color:#fff;
font: bold 13px sans-serif;
}
p.infotextnomar{
font-family: Sans-Serif;
font-size: 13px;
color:white;
margin:0px;
margin-left:20px;

}
p.copyright{
font-family: Sans-Serif;
font-size: 11px;
margin:10px;
color:white;

}





p.infotextheader{
font-family: Sans-Serif;
font-size: 11px;
}

p.title{
font-family: Sans-Serif;
font-size: 40px;
color:white;
font-weight: bold;
 }
 #transparent {
background:black;
 -moz-opacity:.7;
		filter: alpha(opacity=70);
		-khtml-opacity: 0.7;
    opacity: 0.7;
    position:absolute;
    height:335px;
    width:320px;
    top:0px;
    left:480px;
  
  
 }
 
 div.normal {
	position:relative;

    overflow: auto;
	position: relative;
 z-index:1;
}
 
/*div.normal {
	position:relative;
    -moz-opacity:.7;
		filter: alpha(opacity=70);
		-khtml-opacity: 0.7;
    opacity: 0.7;
    overflow: auto;
	position: relative;*
}*/

			DIV.rollovergreen a {
display:block;
width: 99px;
padding:10px 10px 14px 0px;
font: bold 13px sans-serif;
color:#FFF;
background: url("./images/menubutton.png") 0 0 no-repeat;
text-decoration: none;
position:absolute;
left:0;
text-align:center;
 
}

			DIV.rollovergreenactive a {
display:block;
width: 99px;
padding:10px 10px 14px 0px;
font: bold 13px sans-serif;
color:#000;
background: url("./images/menubutton.png") 0 0 no-repeat;
text-decoration: none;
position:absolute;
left:0;
text-align:center;
background-position: 0 -40px;
 
}
DIV.rollovergreen a:hover { 
background-position: 0 -40px;
color: #000;
}
DIV.rollovergreen a:active {
background-position: 0 -80px;
color:#000;
}

			DIV.rolloverpink a {
display:block;
width: 99px;
padding:10px 10px 14px 0px;
font: bold 13px sans-serif;
color:#FFF;
background: url("./images/menubuttonpink.png") 0 0 no-repeat;
text-decoration: none;
position:absolute;
left:99px;
 text-align:center;
}
DIV.rolloverpink a:hover { 
background-position: 0 -40px;
color: #000;
}
DIV.rolloverpink a:active {
background-position: 0 -40px;
color:#000;
}

    DIV.rolloverpinkactive a {
display:block;
width: 99px;
padding:10px 10px 14px 0px;
font: bold 13px sans-serif;
color:#000;
background: url("./images/menubuttonpink.png") 0 0 no-repeat;
background-position: 0 -40px;
text-decoration: none;
position:absolute;
left:99px;
text-align:center;
background-position: 0 -40px;
}


DIV.rolloverpinkactive a:hover { 
background-position: 0 -40px;
color: #000;
}
DIV.rolloverpinkactive a:active {
background-position: 0 -40px;
color:#000;
}

DIV.rolloveryellow a {
display:block;
width: 99px;
padding:10px 10px 14px 0px;
font: bold 13px sans-serif;
color:#FFF;
background: url("./images/menubuttonyellow.png") 0 0 no-repeat;
text-decoration: none;
position:absolute; 
left:198px;
 text-align:center;
}


DIV.rolloveryellowactive a {
display:block;
width: 99px;
padding:10px 10px 14px 0px;
font: bold 13px sans-serif;
color:#000;
background: url("./images/menubuttonyellow.png") 0 0 no-repeat;
text-decoration: none;
position:absolute; 
left:198px;
text-align:center;
background-position: 0 -40px;
}

.rolloveryellow a:hover { 
background-position: 0 -40px;
color: #000;
}
.rolloveryellow a:active {
background-position: 0 -80px;
color:#000;
}

DIV.rolloverblue a {
display:block;
width: 99px;
padding:10px 10px 14px 0px;
font: bold 13px sans-serif;
color:#FFF;
background: url("./images/menubuttonblue.png") 0 0 no-repeat;
text-decoration: none;
position:absolute; 
left:297px;
 text-align:center;
}


DIV.rolloverblueactive a {
display:block;
width: 99px;
padding:10px 10px 14px 0px;
font: bold 13px sans-serif;
color:#000;
background: url("./images/menubuttonblue.png") 0 0 no-repeat;
text-decoration: none;
position:absolute; 
left:297px;
text-align:center;
background-position: 0 -40px;
}

.rolloverblue a:hover { 
background-position: 0 -40px;
color: #000;
}
.rolloverblue a:active {
background-position: 0 -80px;
color:#000;
}

			DIV.rolloverorange a {
display:block;
width: 99px;
padding:10px 10px 14px 0px;
font: bold 13px sans-serif;;
color:#FFF;
background: url("./images/menubuttonorange.png") 0 0 no-repeat;
text-decoration: none;
position:absolute;
position:absolute;
left:396px;
 text-align:center;
}


			DIV.rolloverorangeactive a {
display:block;
width: 99px;
padding:10px 10px 14px 0px;
font: bold 13px sans-serif;;
color:#000;
background: url("./images/menubuttonorange.png") 0 0 no-repeat;
text-decoration: none;
position:absolute;
left:396px;
 text-align:center;
 background-position: 0 -40px;
}
DIV.rolloverorange a:hover { 
background-position: 0 -40px;
color: #000;
}
DIV.rolloverorange a:active {
background-position: 0 -80px;
color:#000;
}
			.rollover1 a {
display:block;
width: 99px;
padding:10px 10px 14px 0px;
font: bold 13px sans-serif;;
color:#FFF;
background: url("maxminbutton.png") 0 0 no-repeat;
text-decoration: none;
}
.rollover1 a:hover { 
background-position: 0 -40px;
color: #000;
}
.rollover1 a:active {
background-position: 0 -80px;
color:#000;
}


a.srollover {
    display: block;
    width: 47px;
    height: 26px;
    background: url("maxminbutton.png") 0 0 no-repeat;
    text-decoration: none;
}

a:hover.srollover {
    background-position: 0 -26px;
}

DIV.page {
margin: 0 auto;   
		text-align: left; 
	
		width: 944px;

		z-index:10;
		height:100%;
		background:black;

}

DIV.container {

width:944px;
 height: 90%; 
 position:absolute;
 background:black;

 
    
   z-index:2;
   text-align: left;
   top:10%;
   }
   
   * html DIV.container {
height: 600px;
}
   
   DIV.watermark {

/* width:200px;
 height: 200px; 
 position: absolute;
  top:300px; 
  left:-15px;
   background-image:url(watermark.png); 
   z-index:1;
    -moz-opacity:.3;
		filter: alpha(opacity=30);
		-khtml-opacity: 0.3;
    opacity: 0.3;
    overflow: auto; */

   
   }
   
      DIV.notice {

width:800px;
 height:27px; 
 position: absolute;
  bottom:3px; 
  left:92px; 
   z-index:5;
    overflow: hidden;
   margin:0px;
padding:0px;
text-align:left;
font-family: "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
font-size: 11px;


  
   }
   
   DIV.leftbox {
   height:100%; 
   width:10px;
    position:absolute; 
    top:41px; 
    left:100px; 
    background:black;
    z-index:1;
   
   }
   
       * html DIV.leftbox {
height: 800-px;
}

      DIV.leftboxin {
   height:100%; 
   width:10px;
    position:absolute; 
    top:0px; 
    left:0px; 
    background:#69cd30;
    z-index:1;
  

    
   }  
         DIV.leftboxinbot {
   height:65px; 
   width:10px;
    position:absolute; 
    bottom:0px; 
    left:0px; 
    background:black;
    z-index:1;
    
   
   }
   
   DIV.leftboxpink {
   height:100%; 
   width:10px;
    position:absolute; 
    top:41px; 
    left:100px; 
    background:#ff16a4; 
    z-index:1;
   }
         DIV.leftboxpinkin {
   height:100%; 
   width:10px;
    position:absolute; 
    top:0px; 
    left:0px; 
    background:#ff16a4;
    z-index:1;

    
   }  
         DIV.leftboxpinkinbot {
   height:65px; 
   width:10px;
    position:absolute; 
    bottom:0px; 
    left:0px; 
    background:black;
    z-index:1;
   
   }
    DIV.leftboxorange {
   height:100%; 
   width:10px;
    position:absolute; 
    top:41px; 
    left:100px; 
    background:#db5512; 
    z-index:1;
   }
   
            DIV.leftboxorangein {
   height:100%; 
   width:10px;
    position:absolute; 
    top:0px; 
    left:0px; 
    background:#db5512;
    z-index:1;

    
   }  
         DIV.leftboxorangeinbot {
   height:65px; 
   width:10px;
    position:absolute; 
    bottom:0px; 
    left:0px; 
    background:black;
    z-index:1;
   
   }

    DIV.leftboxyellow {
   height:100%; 
   width:10px;
    position:absolute; 
    top:41px; 
    left:100px; 
    background:#f7ec1f; 
    z-index:1;
   }
               DIV.leftboxyellowin {
   height:100%; 
   width:10px;
    position:absolute; 
    top:0px; 
    left:0px; 
    background:#f7ec1f;
    z-index:1;

    
   }  
         DIV.leftboxyellowinbot {
   height:65px; 
   width:10px;
    position:absolute; 
    bottom:0px; 
    left:0px; 
    background:black;
    z-index:1;
   
   }
   
   
   
    DIV.leftboxblue {
   height:100%; 
   width:10px;
    position:absolute; 
    top:41px; 
    left:100px; 
    background: #1e7dfe;
   }
                  DIV.leftboxbluein {
   height:100%; 
   width:10px;
    position:absolute; 
    top:0px; 
    left:0px; 
    background:#1e7dfe;
   }  
         DIV.leftboxblueinbot {
   height:65px; 
   width:10px;
    position:absolute; 
    bottom:0px; 
    left:0px; 
    background:black;
    z-index:1;
   
   }
   
   DIV.rightbox {
   
   height:400px; 
   width:30px; 
   background: #69cd30; 
   position:absolute; 
   top:41px;
    left:914px;
   }
   
      div.rightboxpink {
   
   height:400px; 
   width:30px; 
   background: #ff16a4; 
   position:absolute; 
   top:41px;
    left:914px;
   }
   
         div.rightboxyellow {
   
   height:400px; 
   width:30px; 
   background: #f7ec1f; 
   position:absolute; 
   top:41px;
    left:914px;
   }
   
     div.rightboxorange {
   height:400px; 
   width:30px; 
   background: #db5512; 
   position:absolute; 
   top:41px;
    left:914px;
   }
   
        div.rightboxblue {
   height:400px; 
   width:30px; 
    background: #1e7dfe;
    position: absolute;
   top:41px;
    left:914px;
   }
   
   div.submenu {
   
   height:100%;
    width:150px;
     position:absolute;
      top:0px; 
      left:-50px; 
      text-align:right;
       
   }
   
   div.submenu_container {
   position:absolute; 
   top:80px; 
   right:4px; 
   overflow: hidden;
 background:black;
 width:100%;
   }
   
   ul.UL{
   margin:0px;
   padding:0px;
   
   }
   li.LI1{
   margin-bottom:5px;
   }
   
   li.LI2{
        margin-bottom:5px;
   }
   
   li.LI3{
        margin-bottom:5px;
   }
   
   li.LI4{
        margin-bottom:5px;
   }
   
   li.LI5{
        margin-bottom:5px;
   }
   
      li.LI6{
        margin-bottom:5px;
   }
   
   
   div.logodiv {
   
   position: absolute;
    left:100px;
     top:0px; 
     width:800px;
      text-align:right;
       padding:0px; 
       margin:0px;
       z-index:50;
   }
   
   div.topdiv {
   position:absolute; 
   width:800px; 
   height:40px; 
   background-image: url(menu.png);
   /* text-align:center; */
    left:112px; 
    top:40px;
   }
   
   div.maintext {
   
   position:absolute; 
   z-index:1;
    left:0px;
     top:0px;
   }
   
  
   #infobox {
position:absolute;
top:0px;
left:60%;
text-align:left;
overflow:hidden;
margin:0px;
padding:0px;


}
   
div.bgc {

color:#fff;
width: 320px;
height: 335px;
padding-top:1px;
overflow:hidden;
margin:0px;
padding:0px;
}

div.infotext {
margin:0px;
padding:0px;
overflow:auto;
}

div.botdiv {
width:800px; 
height:26px;
background-image: url(bottom.png);
position:absolute; 
top:415px; 
left:112px;
}

div.ticker {
width:320px; 
height:100px;
position:absolute; 
top:234px; 
left:0px;
}
   
div.maxminbutton {
z-index:5; 
width:100px; 
height:26px; 
position:absolute; 
top:3px; 
left:728px;
}
div.backto {
z-index:5; 
width:150px; 
height:26px; 
position:absolute; 
top:3px; 
left:485px;
}
div.edu1 a {
position:absolute;
left:72px;
top:6px;
width:60px;
height:60px;
background: url(./portfolio/edu1.png);
display:block;
text-indent:-1500px;
overflow:hidden;
z-index:50;
    -moz-opacity:.7;
		filter: alpha(opacity=70);
		-khtml-opacity: 0.7;
    opacity: 0.7;
}
div.edu1 a:hover { background-position: 0 -60px; -moz-opacity:1;
		filter: alpha(opacity=100);
		-khtml-opacity: 1;
    opacity: 1;
    z-index:50;
    }

div.edu2 a {
position:absolute;
left:204px;
top:6px;
width:60px;
height:60px;
background: url(./portfolio/edu2.png);
display:block;
text-indent:-1500px;
overflow:hidden;
    -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}
div.edu2 a:hover { background-position: 0 -60px;    -moz-opacity:1;
		filter: alpha(opacity=100);
		-khtml-opacity: 1;
    opacity: 1;}

div.edu3 a {
position:absolute;
left:270px;
top:6px;
width:60px;
height:60px;
background: url(./portfolio/edu3.png);
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}
div.edu3 a:hover { background-position: 0 -60px; -moz-opacity:1;
		filter: alpha(opacity=100);
		-khtml-opacity: 1;
    opacity: 1;}

div.edu4 a {
position:absolute;
left:534px;
top:6px;
width:60px;
height:60px;
background: url(./portfolio/edu4.png);
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}
div.edu4 a:hover { background-position: 0 -60px; -moz-opacity:1;
		filter: alpha(opacity=100);
		-khtml-opacity: 1;
    opacity: 1;}

/*
position:absolute;
left:420px;
top:6px;
width:60px;
height:60px;
background: url(./portfolio/edu5.png);
display:block;
text-indent:-1500px;
overflow:hidden;
} */

div.edu5 a:hover { background-position: 0 -60px; -moz-opacity:1;
		filter: alpha(opacity=100);
		-khtml-opacity: 1;
    opacity: 1;}

div.hea1 a {
position:absolute;
left:6px;
top:72px;
width:60px;
height:60px;
background: url(./portfolio/hea1.png);
display:block;
text-indent:-1500px;
overflow:hidden;
z-index:100;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}
div.hea1 a:hover { background-position: 0 -60px; z-index:100; -moz-opacity:1;
		filter: alpha(opacity=100);
		-khtml-opacity: 1;
    opacity: 1;}

div.hea2 a {
position:absolute;
left:204px;
top:72px;
width:60px;
height:60px;
background: url(./portfolio/hea2.png);
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}
div.hea2 a:hover { background-position: 0 -60px; -moz-opacity:1;
		filter: alpha(opacity=100);
		-khtml-opacity: 1;
    opacity: 1;}

div.hea3 a {
position:absolute;
left:336px;
top:72px;
width:60px;
height:60px;
background: url(./portfolio/hea3.png);
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}
div.hea3 a:hover { background-position: 0 -60px; -moz-opacity:1;
		filter: alpha(opacity=100);
		-khtml-opacity: 1;
    opacity: 1;}

div.hea4 a {
position:absolute;
left:402px;
top:72px;
width:60px;
height:60px;
background:url(./portfolio/hea4.png);
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}
div.hea4 a:hover { background-position: 0 -60px; -moz-opacity:1;
		filter: alpha(opacity=100);
		-khtml-opacity: 1;
    opacity: 1;}

div.hea5 a {
position:absolute;
left:468px;
top:72px;
width:60px;
height:60px;
background: url(./portfolio/hea5.png);
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}
div.hea5 a:hover { background-position: 0 -60px; -moz-opacity:1;
		filter: alpha(opacity=100);
		-khtml-opacity: 1;
    opacity: 1;}



div.tra1 a {
position:absolute;
left:6px;
top:138px;
width:60px;
height:60px;
background: url(./portfolio/tra1.png);
display:block;
text-indent:-1500px;
overflow:hidden;
z-index:100;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}
div.tra1 a:hover { background-position: 0 -60px; z-index:100; -moz-opacity:1;
		filter: alpha(opacity=100);
		-khtml-opacity: 1;
    opacity: 1;}

div.tra2 a {
position:absolute;
left:138px;
top:138px;
width:60px;
height:60px;
background: url(./portfolio/tra2.png);
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}
div.tra2 a:hover { background-position: 0 -60px; -moz-opacity:1;
		filter: alpha(opacity=100);
		-khtml-opacity: 1;
    opacity: 1;}

div.tra3 a {
position:absolute;
left:204px;
top:138px;
width:60px;
height:60px;
background: url(./portfolio/tra3.png);
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}
div.tra3 a:hover { background-position: 0 -60px; -moz-opacity:1;
		filter: alpha(opacity=100);
		-khtml-opacity: 1;
    opacity: 1;}

div.tra4 a {
position:absolute;
left:336px;
top:138px;
width:60px;
height:60px;
background: url(./portfolio/tra4.png);
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}
div.tra4 a:hover { background-position: 0 -60px; -moz-opacity:1;
		filter: alpha(opacity=100);
		-khtml-opacity: 1;
    opacity: 1;}

div.tra5 a {
position:absolute;
left:534px;
top:138px;
width:60px;
height:60px;
background: url(./portfolio/tra5.png);
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}
div.tra5 a:hover { background-position: 0 -60px; -moz-opacity:1;
		filter: alpha(opacity=100);
		-khtml-opacity: 1;
    opacity: 1;}

div.tra6 a {
position:absolute;
left:600px;
top:138px;
width:60px;
height:60px;
background: url(./portfolio/tra6.png);
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}
div.tra6 a:hover { background-position: 0 -60px; -moz-opacity:1;
		filter: alpha(opacity=100);
		-khtml-opacity: 1;
    opacity: 1;}

div.hou1 a {
position:absolute;
left:72px;
top:204px;
width:60px;
height:60px;
background: url(./portfolio/hou1.png);
display:block;
text-indent:-1500px;
overflow:hidden;
z-index:100;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}
div.hou1 a:hover { background-position: 0 -60px; -moz-opacity:1;
		filter: alpha(opacity=100);
		-khtml-opacity: 1;
    opacity: 1;
    z-index:100;
    }

div.hou2 a {
position:absolute;
left:268px;
top:204px;
width:60px;
height:60px;
background: url(./portfolio/hou2.png);
display:block;
text-indent:-1500px;
overflow:hidden;
z-index:160;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}
div.hou2 a:hover { background-position: 0 -60px; z-index:150; -moz-opacity:1;
		filter: alpha(opacity=100);
		-khtml-opacity: 1;
    opacity: 1;}

div.hou3 a {
position:absolute;
left:336px;
top:204px;
width:60px;
height:60px;
background: url(./portfolio/hou3.png);
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}
div.hou3 a:hover { background-position: 0 -60px; -moz-opacity:1;
		filter: alpha(opacity=100);
		-khtml-opacity: 1;
    opacity: 1;}

div.hou4 a {
position:absolute;
left:468px;
top:204px;
width:60px;
height:60px;
background: url(./portfolio/hou4.png);
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}
div.hou4 a:hover { background-position: 0 -60px; -moz-opacity:1;
		filter: alpha(opacity=100);
		-khtml-opacity: 1;
    opacity: 1;}

div.hou5 a {
position:absolute;
left:534px;
top:204px;
width:60px;
height:60px;
background: url(./portfolio/hou5.png);
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}
div.hou5 a:hover { background-position: 0 -60px; -moz-opacity:1;
		filter: alpha(opacity=100);
		-khtml-opacity: 1;
    opacity: 1;}

div.hou6 a {
position:absolute;
left:666px;
top:204px;
width:60px;
height:60px;
background: url(./portfolio/hou6.png);
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}
div.hou6 a:hover { background-position: 0 -60px; -moz-opacity:1;
		filter: alpha(opacity=100);
		-khtml-opacity: 1;
    opacity: 1;}

div.hou7 a {
position:absolute;
left:732px;
top:72px;
width:60px;
height:60px;
background: url(./portfolio/hou7.png);
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}
div.hou7 a:hover { background-position: 0 -60px; -moz-opacity:1;
		filter: alpha(opacity=100);
		-khtml-opacity: 1;
    opacity: 1;}


div.con1 a {

position:absolute;
left:138px;
bottom:6px;
width:60px;
height:60px;
background: url(./portfolio/con1.png);
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
    z-index:100;
}
div.con1 a:hover { background-position: 0 -60px; -moz-opacity:1;
		filter: alpha(opacity=100);
		-khtml-opacity: 1;
    opacity: 1;
     z-index:100;}

div.con2 a {
position:absolute;
left:402px;
bottom:6px;
width:60px;
height:60px;
background: url(./portfolio/con2.png);
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}
div.con2 a:hover { background-position: 0 -60px; -moz-opacity:1;
		filter: alpha(opacity=100);
		-khtml-opacity: 1;
    opacity: 1;}

div.con3 a {
position:absolute;
left:600px;
bottom:5px;
width:60px;
height:60px;
background: url(./portfolio/con3.png);
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
        z-index:100;
}
div.con3 a:hover { background-position: 0 -60px; -moz-opacity:1;
		filter: alpha(opacity=100);
		-khtml-opacity: 1;
    opacity: 1;
     z-index:100;}
    


div.edutitle {
position:absolute;
left:-80px;
top:0px;
width:200px;
height:60px;
overflow:hidden;
}
div.heatitle {
position:absolute;
left:-88px;
top:65px;
width:200px;
height:60px;
overflow:hidden;
}

div.tratitle {
position:absolute;
left:-78px;
top:132px;
width:200px;
height:60px;
overflow:hidden;
}
div.houtitle {
position:absolute;
left:-70px;
top:198px;
width:200px;
height:60px;
overflow:hidden;
}
div.contitle {
position:absolute;
left:-100px;
top: 263px;
width:200px;
height:60px;
overflow:hidden;
}
div.prev a {
width:50px; 
height:20px; 
position:absolute;
left:5px; 
top:310px; 
z-index:2; 
text-align:center;
vertical-align:middle;
}

div.next a {
width:50px;
height:20px; 
position:absolute; 
left:265px; 
top:310px; 
z-index:2; 
text-align:center; 
vertical-align:middle;
}

div.displayrandom {
height:335px;
 width:800px; 
  position:absolute;
   top:80px; 
   left:112px;
}

div.displayabout {
height:335px;
 width:800px; 
  position:absolute;
   top:80px; 
   left:112px;
   background:black;
}



div.masterplanning {
height:335px;
 width:800px; 
  position:absolute;
   top:80px; 
   left:112px;
   background:url("masterplanning.jpg");
}

div.masterplanning {
height:335px;
 width:800px; 
  position:absolute;
   top:80px; 
   left:112px;
   background:url("masterplanning.jpg");
}

div.quality {
height:335px;
 width:800px; 
  position:absolute;
   top:80px; 
   left:112px;
   background:url("quality.jpg");
}

div.architecture {
height:335px;
 width:800px; 
  position:absolute;
   top:80px; 
   left:112px;
   background:url("architecture.jpg");
}

div.sustainability {
height:335px;
 width:800px; 
  position:absolute;
   top:80px; 
   left:112px;
   background:url("sustainability.jpg");
}
div.international {
height:335px;
 width:800px; 
  position:absolute;
   top:80px; 
   left:112px;
   background:url("international.jpg");
}

div.conservation {
height:335px;
 width:800px; 
  position:absolute;
   top:80px; 
   left:112px;
   background:url("conservation.jpg");
}

div.future {
height:335px;
 width:800px; 
  position:absolute;
   top:80px; 
   left:112px;
   background:url("future.jpg");
}

div.environment {
height:335px;
 width:800px; 
  position:absolute;
   top:80px; 
   left:112px;
   background:url("environment.jpg");
}
div.expertise {
height:335px;
 width:800px; 
  position:absolute;
   top:80px; 
   left:112px;
   background:url("expertise.jpg");
}
div.value {
height:335px;
 width:800px; 
  position:absolute;
   top:80px; 
   left:112px;
   background:url("value.jpg");
}




#edu1text, #edu2text, #edu3text, #edu4text, #hea1text, #hea2text, #hea3text, #hea4text, #hea5text, #tra1text, #tra2text, #tra3text, #tra4text, #tra5text, #tra6text, #hou1text, #hou2text, #hou3text, #hou4text, #hou5text, #hou6text, #hou7text, #con1text, #con2text, #con3text {

position:absolute; 
top: -5px;
 left: 400px;
  width:400px;
  height:20px;
  visibility:hidden;
  text-align:right;
  z-index:100;
  margin:0px;
  }
  
  DIV.moreimages {
  position:absolute; 
  left:15px; 
  top:233px; 
  height:20px; 
  width:180px; 
  
  }

#thumb1
{
position:absolute; left:25px; top:260px; width:60px; height:60px; cursor:pointer;
}

#thumb2
{
position:absolute; left:95px; top:260px; width:60px; height:60px; cursor:pointer;
}
#thumb3
{
position:absolute; left:165px; top:260px; width:60px; height:60px; cursor:pointer;
}
#thumb4
{
position:absolute; left:235px; top:260px; width:60px; height:60px; cursor:pointer;
}  
   
   

div.spacer1 {
position:absolute;
left:6px;
top:6px;
width:60px;
height:60px;
background: white;
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}
div.spacer2 {
position:absolute;
left:138px;
top:6px;
width:60px;
height:60px;
background: black;
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}
div.spacer3 {
position:absolute;
left:6px;
top:6px;
width:60px;
height:60px;
background: gray;
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}

div.spacer4 {
position:absolute;
left:336px;
top:6px;
width:60px;
height:60px;
background: black;
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}

div.spacer5 {
position:absolute;
left:402px;
top:6px;
width:60px;
height:60px;
background: gray;
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}

div.spacer6 {
position:absolute;
left:468px;
top:6px;
width:60px;
height:60px;
background: gray;
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}

div.spacer7 {
position:absolute;
left:600px;
top:6px;
width:60px;
height:60px;
background: white;
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}

div.spacer8 {
position:absolute;
left:666px;
top:6px;
width:60px;
height:60px;
background: black;
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}

div.spacer9 {
position:absolute;
left:732px;
top:6px;
width:60px;
height:60px;
background: black;
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}
div.spacer10 {
position:absolute;
left:72px;
top:72px;
width:60px;
height:60px;
background: white;
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}
div.spacer11 {
position:absolute;
left:138px;
top:72px;
width:60px;
height:60px;
background: gray;
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}
div.spacer12 {
position:absolute;
left:270px;
top:72px;
width:60px;
height:60px;
background: gray;
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}
div.spacer13 {
position:absolute;
left:534px;
top:72px;
width:60px;
height:60px;
background: black;
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}
div.spacer14 {
position:absolute;
left:600px;
top:72px;
width:60px;
height:60px;
background: gray;
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}
div.spacer15 {
position:absolute;
left:666px;
top:72px;
width:60px;
height:60px;
background: gray;
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}

div.spacer16 {
position:absolute;
left:72px;
top:138px;
width:60px;
height:60px;
background: gray;
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}
div.spacer17 {
position:absolute;
left:270px;
top:138px;
width:60px;
height:60px;
background: white;
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}
div.spacer18 {
position:absolute;
left:402px;
top:138px;
width:60px;
height:60px;
background: black;
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}
div.spacer19 {
position:absolute;
left:468px;
top:138px;
width:60px;
height:60px;
background: black;
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}
div.spacer20 {
position:absolute;
left:666px;
top:138px;
width:60px;
height:60px;
background: black;
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}
div.spacer21 {
position:absolute;
left:732px;
top:138px;
width:60px;
height:60px;
background: white;
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}
div.spacer22 {
position:absolute;
left:6px;
top:204px;
width:60px;
height:60px;
background: gray;
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}
div.spacer23 {
position:absolute;
left:138px;
top:204px;
width:60px;
height:60px;
background: white;
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}
div.spacer24 {
position:absolute;
left:204px;
top:204px;
width:60px;
height:60px;
background: black;
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}
div.spacer25 {
position:absolute;
left:402px;
top:204px;
width:60px;
height:60px;
background: gray;
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}
div.spacer26 {
position:absolute;
left:600px;
top:204px;
width:60px;
height:60px;
background: gray;
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}
div.spacer27 {
position:absolute;
left:732px;
top:204px;
width:60px;
height:60px;
background: gray;
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}
div.spacer28 {
position:absolute;
left:6px;
top:270px;
width:60px;
height:60px;
background: white;
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}

div.spacer29 {
position:absolute;
left:72px;
top:270px;
width:60px;
height:60px;
background: gray;
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}

div.spacer30 {
position:absolute;
left:204px;
top:270px;
width:60px;
height:60px;
background: black;
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}

div.spacer31 {
position:absolute;
left:270px;
top:270px;
width:60px;
height:60px;
background: white;
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}

div.spacer32 {
position:absolute;
left:336px;
top:270px;
width:60px;
height:60px;
background: white;
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}

div.spacer33 {
position:absolute;
left:468px;
top:270px;
width:60px;
height:60px;
background: black;
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}
div.spacer34 {
position:absolute;
left:534px;
top:270px;
width:60px;
height:60px;
background: white;
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}
div.spacer35 {
position:absolute;
left:666px;
top:270px;
width:60px;
height:60px;
background: gray;
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}
div.spacer36{
position:absolute;
left:732px;
top:270px;
width:60px;
height:60px;
background: black;
display:block;
text-indent:-1500px;
overflow:hidden;
 -moz-opacity:.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
    opacity: 0.5;
}

.news_style{
display:none;
}


.news_show
{
position:absolute;/*important*/
background-color: white;
color:black;
font: normal 100% "Arial", "Lucida Grande",Verdana, Sans-Serif;
clip:rect(0px 350px 150px 0px);/*important*/
}


.news_border
{
background-color: white;
width:352px;
height:152px;
font: normal 100% "Arial", "Lucida Grande",Verdana, Sans-Serif;
border: 1px solid gray;
padding: 5px 5px 5px 5px;
}


.news_mark
{
background-color:white ;
font: normal 70% "Arial", "Lucida Grande",Verdana, Sans-Serif;
border: 0px solid gray;
width:363px;
height:35px;
color:black;
text-align:center;
}


.news_title
{
font: bold 120% "Arial", "Lucida Grande",Verdana, Sans-Serif;
border: 0px solid gray;
padding: 5px 0px 9px 5px;
color:black;
}


.news_show img
{
margin-left: 5px;
margin-right: 5px;
}


.buttondiv
{
position: absolute;
padding: 5px 5px 5px 5px;
background-color:white ;
border: 1px solid gray;
/*border-top-color: white;*/
border-top:none;
height:20px;
}


.news_move 
{
position: relative; /*important*/
}


.mytable
{
width:350px;/*important-- this control how many px to left or right*/
height:150px;
vertical-align: top; 
}