html, body {
   margin: 0;
   padding: 0;
   height: 100%;
}

body {
   font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
   font-size: 12px;
}

header, section {
   display: block;
}

div#center {
   position: absolute;
   width: 960px;
   height: 600px;
   top: 50%;
   left: 50%;
   margin-top: -350px;
   margin-left: -480px;
}

   div#center > img {
      float: left;
   }

   div#center header {
      float: right;
      width: 400px;
      margin-top: 255px;
   }
   
      h1 {
         font-size: 36px;
         font-weight: bold;
         margin: 0;
         padding: 0;
      }
   
   div#center section {
      float: right;
      width: 400px;
      margin: 60px 0 0;
   }
   
      h2 {
         font-size: 14px;
         font-weight: normal;
         text-shadow: 1px 1px 2px rgba(255, 255, 255, 1);
      }
      
      div#center section div.msg {
         padding: 6px;
         color: #fff;
         font-weight: bold;
         margin-bottom: 14px;

         -moz-border-radius: 3px;
         -webkit-border-radius: 3px;
         border-radius: 3px;

         -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
         -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
         box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
      }
      
      div#center section div.success {
         border: 1px solid #8daf2b;
         text-shadow: 1px 1px 1px #82af38;
         
         background-color: #b9d365;
         background-image: -webkit-gradient(linear, left top, left bottom, from(#b9d365), to(#82af38));
         background-image: -webkit-linear-gradient(top, #b9d365, #82af38);
         background-image: -moz-linear-gradient(top, #b9d365, #82af38);
         background-image: -ms-linear-gradient(top, #b9d365, #82af38);
         background-image: -o-linear-gradient(top, #b9d365, #82af38);
         background-image: linear-gradient(top, #b9d365, #82af38);
         filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#b9d365', EndColorStr='#82af38');
      }
      
      div#center section div.error {
         border: 1px solid #de4141;
         text-shadow: 1px 1px 1px #de4141;
         
         background-color: #ec7676;
         background-image: -webkit-gradient(linear, left top, left bottom, from(#ec7676), to(#de4141));
         background-image: -webkit-linear-gradient(top, #ec7676, #de4141);
         background-image: -moz-linear-gradient(top, #ec7676, #de4141);
         background-image: -ms-linear-gradient(top, #ec7676, #de4141);
         background-image: -o-linear-gradient(top, #ec7676, #de4141);
         background-image: linear-gradient(top, #ec7676, #de4141);
         filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ec7676', EndColorStr='#de4141');
      }
      
      div#center section div.warning {
         border: 1px solid #e48c14;
         text-shadow: 1px 1px 1px #e48c14;
         
         background-color: #eeb820;
         background-image: -webkit-gradient(linear, left top, left bottom, from(#eeb820), to(#e48c14));
         background-image: -webkit-linear-gradient(top, #eeb820, #e48c14);
         background-image: -moz-linear-gradient(top, #eeb820, #e48c14);
         background-image: -ms-linear-gradient(top, #eeb820, #e48c14);
         background-image: -o-linear-gradient(top, #eeb820, #e48c14);
         background-image: linear-gradient(top, #eeb820, #e48c14);
         filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeb820', EndColorStr='#e48c14');
      }
      
      div#center section fieldset {
         border: 0;
         margin: 0;
         padding: 0;
      }
      
      div#center section input {
         -moz-border-radius: 3px;
         -webkit-border-radius: 3px;
         border-radius: 3px;
      }
      
      div#center section input[type=text] {
         border: 0;
         padding: 5px;
         width: 200px;
         color: #999;

         -moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
         -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
         box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
      }
      
      div#center section input[type=button] {
         padding: 3px;
         border: 1px solid #005393;
         font-weight: bold;
         /*color: #00467b;
         text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.4);*/
         color: #fff;
         text-shadow: 1px 1px 0px #00467b;
         margin-left: 5px;
         cursor: pointer;
         
         background-color: #69bdfd;
         background-image: -webkit-gradient(linear, left top, left bottom, from(#69bdfd), to(#047bc0));
         background-image: -webkit-linear-gradient(top, #69bdfd, #047bc0);
         background-image: -moz-linear-gradient(top, #69bdfd, #047bc0);
         background-image: -ms-linear-gradient(top, #69bdfd, #047bc0);
         background-image: -o-linear-gradient(top, #69bdfd, #047bc0);
         background-image: linear-gradient(top, #69bdfd, #047bc0);
         filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#69bdfd', EndColorStr='#047bc0');
      }

div#top {
   height: 50%;
   width: 100%;
   background: #eff2f6;
   
   background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0.7, #eff2f6),
      color-stop(0.99, #fff)
   );
   background-image: -moz-linear-gradient(
      center top,
      #eff2f6 70%,
      #fff 99%
   );
}

div#bottom {
   height: 50%;
   width: 100%;
   /*border-top: 1px solid #f2f6fa;*/
   background: #dee5ec url('background.png');
   
   background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.2)), to(rgba(0, 0, 0, 0.2))); 
   background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.2), rgba(0, 0, 0, 0.2));
   background-image: -moz-linear-gradient(top, rgba(255,255,255,0.2), rgba(0, 0, 0, 0.2));
   background-image: -ms-linear-gradient(top, rgba(255,255,255,0.2), rgba(0, 0, 0, 0.2));
   background-image: -o-linear-gradient(top, rgba(255,255,255,0.2), rgba(0, 0, 0, 0.2)); 
   background-image: linear-gradient(top, rgba(255,255,255,0.2), rgba(0, 0, 0, 0.2));
   filter:           progid:DXImageTransform.Microsoft.gradient(startColorStr='#ANFFFF00', EndColorStr='#999999'); 
}