/***********************************************/
/* property.css                                */
/***********************************************/

#example1	{width:24%;float:left;height:600px;margin:0 1%;}
#example2	{width:24%;float:left;height:600px;margin:0 1%;}
#example3	{width:24%;float:left;height:600px;margin:0 1%;}
#example4	{width:20%;float:left;height:600px;margin:0 1%;}


.redbox  	{

height: 100px;
width: 100px;
background-color: #ff0000;
color: #55AE3A	;
left: 100px;
}

.greenbox	{

height: 100px;
width: 100px;
background-color: #008000;
color:	#CCCC00;
}

.bluebox	{

height: 100px;
width: 100px;
background-color: #0000ff;
color:	#ff0000;
left: 100px;
top: 20%;
z-index: 1;
}

.yellowbox	{

height: 100px;
width: 100px;
background-color: #ffff00;
color:#000080;
left: 200px;
bottom: 200px;
}

.cyanbox	{

height: 100px;
width: 100px;
background-color: #00ffff;
color:	#ffffff;
left: 100px;
bottom: 300px;
}

.redbox2  	{

height: 100px;
width: 100px;
background-color: #ff0000;
color: #55AE3A	;
position:relative;
left: 50px;
}

.greenbox2	{

height: 100px;
width: 100px;
background-color: #008000;
color:	#CCCC00;
position:relative;

}

.bluebox2	{

height: 100px;
width: 100px;
background-color: #0000ff;
color:	#ff0000;
position:relative;
left: 50px;
z-index: 1;
}

.yellowbox2	{

height: 100px;
width: 100px;
background-color: #ffff00;
color:#000080;
position:relative;
left: 150px;
bottom: 200px;
}

.cyanbox2	{

height: 100px;
width: 100px;
background-color: #00ffff;
color:	#ffffff;
position:relative;
left: 50px;
bottom: 300px;
}

.redbox3  	{

height: 100px;
width: 100px;
background-color: #ff0000;
color: #55AE3A	;
position:absolute;
left: 15px;
top:350px;
}

.greenbox3	{

height: 100px;
width: 100px;
background-color: #008000;
color:	#CCCC00;
position:absolute;
left: 30px;
top:400px;
}

.bluebox3	{

height: 100px;
width: 100px;
background-color: #0000ff;
color:	#ff0000;
position:absolute;
left: 45px;
top:450px;
}

.yellowbox3	{

height: 100px;
width: 100px;
background-color: #ffff00;
color:#000080;
position:absolute;
left: 30px;
top:500px;

}

.cyanbox3	{

height: 100px;
width: 100px;
background-color: #00ffff;
color:	#ffffff;
position:absolute;
left: 15px;
top:550px;

}

.scrollbox	{
height: 100px;
width: 100px;
background-color:#00CC00;
color:	#ffffff;
position:fixed;
margin-top:120px;
margin-right:10px;

}