* {
	font-family: trebuchet ms;	
}
body {
	background-image: url('/ui/img/background.jpg');
	font-family: trebuchet ms;
}
.ro {
	border: solid red 1px !important;	
}
.clear {
	clear: both;
}

#container {
	margin: 0 auto;	
	width: 725px;
}

#topNav {
	text-align: right;
	padding: 80px 20px 0 0;
}
#topNav a {
	color: #526046;
	font-family: georgia;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;	
}
#topNav a:hover {
	color: #eee7d5;
}
#paper {
	margin: 0 auto;
	height: 600px;
	width: 728px;	
	background-image: url('/ui/img/paperBg.jpg');
	position: relative;
}

#spool {
	height: 153px;
	width: 192px;	
	background-image: url('/ui/img/spools.png');
	position: absolute;
	right: -50px;
	bottom: -50px;
	z-index: 2;	
}
#spool2 {
	height: 132px;
	width: 157px;	
	background-image: url('/ui/img/spool.png');
	position: absolute;
	right: -50px;
	bottom: -50px;
	z-index: 2;	
}


#scissors {
	width: 152px;	
	height: 122px;
	background-image: url('/ui/img/scissors.png');
	position: absolute;
	left: -25px;
	top: -110px;
}

#logo {
	width: 316px;	
	height: 141px;
	background-image: url('/ui/img/logo.jpg');
	position: absolute;
	top: 40px;
	left: 35px;
}

#star {
	height: 63px;
	width: 61px;	
	background-image: url('/ui/img/star.png');
	position: absolute;
	right: -15px;
	top: -20px;
}

#strawberry {
	height: 74px;
	width: 82px;	
	background-image: url('/ui/img/strawberry.png');
	position: absolute;
	left: -25px;
	bottom: -25px;
	z-index: 2;
}

.contentBox {
	background-color: #f2efe5;
	color: #897436;	
	width: 275px;
	float: left;
	position: absolute;
	padding: 15px;
	font-size: 12px;
	line-height: 21px;
	background-image: url('/ui/img/paperTile.gif');
}
.contentBox a {
	color: #897436;		
}
.contentBox h1 {
	font-size: 20px;
}

#contentLeft {
	height: 275px;
	top: 220px;
	left: 40px;
}

#contentRight {
	height: 420px;	
	top: 50px;
	left: 380px;
}

#copyright {
	color:#525d49;
	padding: 10px 0 0 50px;
	font-size: 11px;
}