/****iINDEXPAGE***************/

body { 	background-color: white url(http//:piping-guan.com/wp-content/themes/equilibrium/images/layout/scan-lines.png) repeat left top;
        font-family: geneva;
        font-size:11px;
        letter-spacing: 1px;
        color: #2F4F4F;
        padding:0;
        margin:0;  
              }

a {
	text-decoration: none;
	color:#668B8B;
	}

a:hover {
	text-decoration: none;
	color:white;
	background-color:#668B8B;
}


.container{
margin: 0 auto;
width:900px;
background-color:#fff;
height:100%;
}

.content {
margin: 0 auto;
width:810px;
padding-top:40px;
}


#announce{

margin-top:50px;
color : #0099FF;
font-family:georgia;
font-style :italic;
font-size: 3em;
}

.BigContainer{
margin: auto  ;
width:800px;
height:500px;
border: dotted 1px #668B8B;
background-color: white;
//background-color:#777744;
}

.theMenu{
margin-top:10px;
margin-left:20px;
letter-spacing:2px;
font-size:9px;

}



.title{
margin-top:30px;
margin-right: 0px;
margin-left:100px;
font-size: 9px;
color:#696969;
font-weight:bold;
letter-spacing:10px;
text-align: right;

border-bottom: dotted 1px #668B8B;
}

.subTitle{
margin-top:0px;
margin-right:0px;
padding-right: 10px;
margin-left:50px;
font-size: 9px;
color:#668B8B;
letter-spacing:1px;
text-align: right;
border-bottom: dotted 1px #668B8B;
}

.TheText{
margin-top:30px;
margin-left:20px;
margin-right: 100px;
width: 750px;
height: 380px;
font-size: 10px;
color:#2F4F4F
text-align:justify;
letter-spacing:1px;
overflow:auto;


}

.textImage{
width:133px
height:100px;
margin-top:0px;
margin-left:0px;
padding-right: 10px;
float:left;
overflow:auto;



}

.textImage2{
width:210px
height:100px;
margin-top:30px;
margin-left:-147px;
padding-right: 10px;
float:left;

}

.textImage-collab{
width:200px
height:100px;
margin-top:20px;
margin-left:10px;
padding-right: 10px;




}

.TheText-collab{
margin-top:-100px;
margin-left:300px;
margin-right: 100px;
width: 470px;
height: 400px;
font-size: 10px;
color:#2F4F4F
text-align:justify;
letter-spacing:1px;


}
/************** V I D E O***********************/



.content-video {margin-top:0px;
margin-left:0px;
margin-right: 100px;
width: 800px;
height: 400px;
font-size: 10px;
color:#2F4F4F
text-align:justify;
letter-spacing:1px;
overflow:auto;
}

.Image-video{

width:100px;
height:100px;
margin-top:20px;
margin-left:10px;
padding-right: 10px;
background-color:red;
}



.TheText-video{
margin-top:-100px;
margin-left:250px;
margin-right: 100px;
width: 470px;
height: 100px;
//background-color:yellow;
}


/*for arnold*/
.TheText-video2{
margin-top:-100px;
margin-left:200px;
margin-right: 100px;
width: 470px;
height: 100px;
//background-color:yellow;
}


/************** S O U N D***********************/

.soundMenu{
padding-left: 5px;
padding-top: 5px;
width:230px;
height:270px;
overflow:auto;
//background-color:red;
}

.earlyWorksMenu{
padding-left: 5px;
padding-top: 5px;
margin-top:-275px;
margin-left:250px;
width:230px;
height:270px;
overflow:auto;
background-color: yellow;
}

.mixMenu{
padding-left: 5px;
padding-top: 5px;
margin-top:-275px;
margin-left:500px;
width:230px;
height:70px;
background-color: pink;
}


#soundPos{margin-top:10px;
margin-left:10px;
padding-right: 10px;}

#textDuration{
margin-top:10px;
margin-right:20px;
padding-right:10px;
text-align:right;}

#textSoundpopUP{
margin-top:30px;
margin-left:0px;
padding-right: 10px;
text-align:left;}

.license{margin-top:-80px;
margin-left:730px;
   }