.mainbox
{
	position: relative; 
	width: 750px; 
	height: 500px; 
	z-index: 1;
  	left: 0px; 
	top: 10px
}

.myBox
{
    margin: 0 auto;
    border: 0px solid #ffffff;
    color: #ffffff;
    width: 47%;
    height: 230px;
    z-index: 2;
    text-align: left;
    padding: 20px;
    background-color: #44B2E4;
    border: 3px solid #013636;
    vertical-align: middle;
}
    
    .myBox2
{
    margin: 0 auto;
    border: 0px solid #ffffff;
    color: #ffffff;
    width: 47%;
    height: 230px;
    z-index: 2;
    text-align: left;
    padding: 20px;
    vertical-align: middle;
}


.posUL
{
    position: absolute;
    left: 1%;
    top: 0%;
}

.posUR
{
    position: absolute;
    left: 45%;
    top: 0%;
}
.posBL
{
    position: absolute;
    left: 1%;
    top: 50%;
}
.posBR
{
    position: absolute;
    top: 45%;
    left: 50%;
}



html,body
{
    height: 100%;
    text-align: center;
  	 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0px;
	background-color: transparent;


}