/* zero out margins */
*{
   margin:0;
   padding:0
}

/* this is needed for IE */
body {
   text-align:center;
   background-image:url('background.png');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
background-size:100%;
}

#bg {
        position:fixed;
        top:0;
        left:0; 

        /* Preserve aspet ratio */
        min-width:100%;
        min-height:100%;
}

/* main container, make sure to set a width */
#container {
   width:960px;
   margin:0 auto;
   text-align:left;
}

#mid_image {
      position:absolute;
	top: 50%;
    left: 50%;
	margin-left: -265px;
    margin-top: -200px;
}

#whitebox {
    position:absolute;
	top: 50%;
    left: 50%;
	margin-left: -273px;
    margin-top: -207px;
}

#bubbles {
    position:absolute;
	top: 50%;
    left: 50%;
	margin-left: 50px;
    margin-top: -180px;
}   

#formbox {
    position:relative;
	top: 75px;
	left: 20px;
}

#form {
    position:relative;
	top: -65px;
	left: 23px;
}

.fontlook {
    font-family: arial,helvetica;
    color: rgb(255,255,255);
    font-size: 9pt;
}

p.info {
	width: 280px;
    position: relative;
    top: 65px;
    left: 20px;
}

input.input {
   position: relative; 
   font-family: verdana,helvetica;
   font-size: 8pt;
   color: rgb(0, 0, 0);
   background: rgb(255, 255, 255);
   border-width: 1px;

  }

input.submit {
   position: relative; 
   font-family: verdana,helvetica;
   font-size: 8pt;
   color: rgb(255, 255, 255);
   background: rgb(173, 156, 88);
   border-width: 0px;

  }