html, body, #flashContainer {
	height:100%; 
	width:100%;
	background-color:black;
	margin:0; 
	padding:0; 
	overflow:hidden 
}
	
#nonFlashContainer{
	height:100%;
}

#nonFlashContent{
	width:100%;
	height:100%;
	text-align:center;
}

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

#sonisphereTitle{	
	padding-bottom:4px;
}

#innerContentHolder{
	position:relative;
	top:100px;
	left:80px;
}
#bgHolder{
	width:1200px;
	height:606px;
	background-image: url(images/nonFlashBg.jpg);
	background-repeat:none;
	margin: 0 auto;	
    clear: both;
	   /*
                 *
                 * 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: -600px;
                /* IE4ever Hack: Hide from IE4 **/
                    position: static;
                /** end hack */

            }
	}