/* CSS Document */
* {
	padding:0;
	margin:0;
}
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
		background: #fff;

	color: #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10;
}
#shim {
	visibility: hidden;
	width: 100%;
	height: 50%;                                 /* Bump div#mainContent down half the height of the screen. */
	margin-top: -250px;                          /* Half the height of div#mainContent. */
	float: left;
}
#mainContent {
	background: #be1e63 url(../lovelogo_pink1.png) center left no-repeat;
	height:500px;
	width:800px;
	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: -104px;
	/* 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 */
	}
#mainContent #text {
	width:300px;
text-align: right;
float:right;
padding:50px 50px 0 0;

}
#mainContent #text a {
	background: #ffffff;
	color:#be1e63;
}
#mainContent #text a:hover {
	background: #be1e63;
	color:#fff;
}