html, body, img, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, a, p
{ margin: 0px; padding: 0px; border: 0px; }
p
{ padding:7px 0; }
html
{ font-size: 125%; }
body
{ font-size: 50%; }
/* the following is to eliminate the problem of having nested items become too small.
If it doesn't work well enough, another option is font-size:1em; */
span span
{ font-size:inherit; }

.clear
{ clear:both; }
.col
{ float:left; }

body
{ background-color:#313131; }

#container
{ font-family:verdana, sans-serif; font-size:1.05em; color:#fff; }
	#logo
	{ padding:3px 0 4px 7px; }
	#separator-top
	{ background:url("../images/separator-top.gif") no-repeat; width:984px; height:4px; }
	#col1
	{ background:url("../images/background.jpg") no-repeat; float:left; width:560px; height:470px; padding:90px 0 0 75px; margin:30px 0 60px 37px; }
		#copy1
		{ float:left; width:230px; height:370px; position:relative; }
		#copy2
		{ float:left; width:210px; height:370px; position:relative; margin-left:50px; }
			#invite-friend
			{ position:absolute; bottom:0; right:0; height:95px; }
			.copy-link
			{ position:absolute; bottom:0; right:0; }
	#col2
	{ float:left; width:184px; height:402px; margin-top:30px; }
	#separator-bottom
	{ background:url("../images/separator-bottom.gif") no-repeat; width:964px; height:4px; margin-left:10px; }
	#footer
	{ font-size:0.9em; padding:7px 10px; line-height:1.6em; }
		#footer a
		{ color:#9b9955; text-decoration:none; }