/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/


html, body, #bg, #bg table, #bg td, #cont {
    height:100%;
    width:100%;
    overflow:hidden;
}

#bg { 
    position: fixed; 
}

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}

#cont {
    position:absolute;
    top:0;left:0;
    z-index:70;
    overflow:auto;
}


.box { 
    margin: 0 auto; 
    width: 725px;
    padding: 50px;
    padding-bottom:50px;
    font-family: 'Bookman Old Style', Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:18px;
	color:#FFFFFF;
	text-decoration:none;
	position:absolute;
}

#focus-stealer      { position: absolute; left: -9999px; }


img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
			
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0; 
		}
		
@media screen and (max-width: 1024px){
img.bg {
	left: 50%;
	margin-left: -512px; }
	}
		
div#content {
		/* This is the only important rule */
		/* We need our content to show up on top of the background */
	position: relative;
			
/* These have no effect on the functionality */
	width: 725px;
	margin: 0 auto;
	padding: 20px;
	font-family: helvetica, arial, sans-serif;
	font-size: 10pt;
	line-height: 6pt;
	-moz-box-shadow: #000 4px 4px 10px;
	-webkit-box-shadow: #000 4px 4px 10px;	}
		
body {
	/* These rules have no effect on the functionality */
	/* They are for styling only */
	margin: 0;
	padding: 20px 0 0 0;
	font-family: 'Bookman Old Style', Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:40px;
	color:#FFFFGG;
	text-decoration:none;
}

a { 
	font-family: 'Bookman Old Style', Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:32px;
	color:#00CCFF;
	text-decoration:none;
}


a:hover {
color:#FFFFFF;
}