@charset "UTF-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	background-color:#ecf0f2;
	text-align:center;
	height:100%;
}

div#shim {
    visibility: hidden;
    width: 100%;
    height: 50%;          /* Bump #container down half the height of the screen. */
    margin-top: -315px;   /* Half the height of #container. */
    float: left;
}

div#container {
	text-align:left;
	margin:auto;
	margin-top:15px;
	margin-bottom:15px;
	 width: 947px;
     height: 630px;
     clear: both;
	 background-image: url(../images/bg.jpg);

     /*
     *
     * Issue: IE4 doesn't allow a negative margin-top.
     *
     * This code positions blueBox relatively and uses the IE4ever hack (<http://exanimo.com/css/ie4ever>) to overwrite the rule for other browsers.
     * The content will be centered but will crop if the window is not small enough to accommodate it.
     *
     */
     position: relative;
     top: -315px;
     /* IE4ever Hack: Hide from IE4 **/
     position: static;
     /** end hack */           
}


      /*
      *
      * Issue: IE5mac interprets negative values as positive.
      *
      * I haven't figured out a workaround for this yet. The content won't be vertically centered but it won't be messed up by the previous code either.
      *
      */

      /* Hide from IE5mac \*//*/
                div#shim {
                    display: none;
                }
                html, body {
                    height: auto;
                }
		*/