/* these are not necessary */

html {
    background-color:#00528e;
   * overflow:hidden;
}

body {
*	background-color:#00528e;
	margin:0;
    padding:0;
    width:100%;
    height:100%;
	color: white;
	font-family: calibri, san-serif;
}

div {
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}



.wrapper {
    background: url("/templates/ultraworks_intro/bg.jpg") no-repeat scroll 0px -90px transparent;
    height: 800px;
    margin: 0 auto;
    width: 960px;
}


#base {
    background: url("/templates/ultraworks_intro/ballz_1.png") repeat scroll 0 0 / 330px auto transparent;
    float: left;
    height: 330px;
    left: 315px;
    position: relative;
    top: 125px;
    width: 330px;
}

#base:hover {
    background: url("/templates/ultraworks_intro/ballz.gif") repeat scroll 0 0 / 330px auto transparent;
}






#realestate {
    background: url("/templates/ultraworks_intro/ballz_3.png") repeat scroll 0px 0px / 129px auto transparent;
    float: left;
    font-size: 6px;
    height: 119px;
    left: -140px;
    padding: 5px 15px;
    position: relative;
    top: 30px;
    width: 99px;
}




#merchant {
    background: url("/templates/ultraworks_intro/ballz_3.png") repeat scroll 0 0 / 118px auto transparent;
    float: left;
    font-size: 6px;
    height: 108px;
    left: 250px;
    padding: 5px;
    position: relative;
    top: 30px;
    width: 108px;
}




#construction {
    background: url("/templates/ultraworks_intro/ballz_3.png") repeat scroll 0 0 / 185px auto transparent;
    float: left;
    font-size: 6px;
    height: 175px;
    left: 185px;
    padding: 5px 20px;
    position: relative;
    top: 230px;
    width: 145px;
}



#nature {
    background: url("/templates/ultraworks_intro/ballz_3.png") repeat scroll 0 0 / 169px auto transparent;
    float: left;
    font-size: 6px;
    height: 159px;
    left: -710px;
    padding: 5px;
    position: relative;
    top: 320px;
    width: 159px;
}


#contact {
    background: url("/templates/ultraworks_intro/ballz_3.png") repeat scroll 0 0 / 169px auto transparent;
    float: left;
    font-size: 6px;
    height: 149px;
    left: -190px;
    padding: 10px;
    position: relative;
    top: 300px;
    width: 149px;
}




#realestate:hover{
    background: url("/templates/ultraworks_intro/ballz_2.png") repeat scroll 0 0 / 129px auto transparent;
}

#merchant:hover{
    background: url("/templates/ultraworks_intro/ballz_2.png") repeat scroll 0 0 / 118px auto transparent;
}

#construction:hover{
    background: url("/templates/ultraworks_intro/ballz_2.png") repeat scroll 0 0 / 185px auto transparent;
}

#nature:hover{
    background: url("/templates/ultraworks_intro/ballz_2.png") repeat scroll 0 0 / 169px auto transparent;
}

#contact:hover{
    background: url("/templates/ultraworks_intro/ballz_2.png") repeat scroll 0 0 / 169px auto transparent;
}


#cloud1 {
    background: url("/templates/ultraworks_intro/cloud_1.png") ;
    height: 249px;
    left: 346px;
    position: relative;
    top: 221px;
    width: 649px;
}

#cloud2 {
    background: url("/templates/ultraworks_intro/cloud_2.png") ;
    height: 249px;
    left: 346px;
    position: relative;
    top: 221px;
    width: 649px;
}

#cloud3 {
    background: url("/templates/ultraworks_intro/cloud_3.png") ;
    height: 249px;
    left: 346px;
    position: relative;
    top: 221px;
    width: 649px;
}


.bar {
    bottom: 0;
    font-size: 12px;
    height: 25px;
    position: fixed;
    width: 251px;
}