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

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

.flash-text-cnt
{
	background-image: url(/images/flash_detect_bkgrd.jpg);
	background-repeat: no-repeat;
	background-position:center top; 
	width:100%;
	height: 100%;
	border: 1px solid #ffffff;
	position: relative;
	text-align: center;
	position:     absolute;
  top:          0px;
}

.flash-text
{
	width:100%;
	border: 0px solid #ffffff;
	padding-top: 240px;
	color: #ffffff;
}

#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 */

            }
	}