/* reset whitespace */
* {
	padding:0;
	margin:0;
}

html,body {
	background:#231f20;
	margin:0;
	padding:0;
	font: 11px Arial, Helvetica, sans-serif;
	height: 100%;
}


/* Vertical centering technique: 
http://exanimo.com/css/vertical-centering-with-a-floated-shim/ 
*/

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

#wrapper {
	border: 5px solid #fff;
	background-color:#E36F1E;
	width:500px;
	text-align:left;
	height: 350px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	/*
                 *
                 * 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: -200px;
	/* 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;
}
/* end hack */


#content {
	float:left;
	width:500px;
	height: 50px;
}

img {
	border:0;
	text-decoration:none;
}