/* clear browser defaults */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
abbr,acronym,fieldset,img{border:0;}
address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var{font-size:100%;font-style:normal;font-weight:normal;}
caption,th{text-align:left;}
div{overflow:hidden;}
h1,h2,h3,h4,li{white-space:nowrap;overflow:hidden;}
ol,ul{list-style:none;}

/* global hacks */
body{text-align:center;}
.clear{content:".";display:block;height:0;line-height:0;clear:both;visibility:hidden;}
#preload{position:absolute;left:0;top:0;height:0;display:hidden;}
#preload img{width:1px;height:1px;}

/* global settings */
a:link, a:visited, a:hover, a:active {
	text-decoration: underline;
	}
	
/* structure */
body {
	padding-bottom: 0px;
	}
#wrapper {
	width: 888px;
	margin: 0 auto;
	}
#header {
	width: 100%;
	height: 200px;
	}
.boxtop {
	width: 100%;
	height: 48px;
	margin-top: 10px;
	}
.boxbtm {
	clear: both;
	width: 100%;
	height: 40px;
	}
.bookmark {
	float: right;
	width: 528px;
	height: 40px;
	margin-right: 15px;
	}
.bookmark a {
	width: 528px;
	height: 40px;
	display: block;
	}
.content {
	width: 100%;
	}
	
/* colors */
a:link, a:visited {
	color: #8600B8;
	}
a:hover, a:active {
	color: #ef2c9a;
	}
body {
	color: #000;
	}
	
/* fonts */
body {
	font: 13px Arial, Helvetica, sans-serif;
	}
h1 {
	font-size: 14px;
	font-weight: bold;
	}
h2 {
	font-size: 12px;
	font-weight: bold;
	margin: 10px auto;
	}
h3 {
	clear: both;
	font-size: 24px;
	line-height: 96px;
	}
h4 {
	font-size: 12px;
	line-height: 36px;
	}
	
/* content */
.box {
	width: 868px;
	margin: 0 auto;
	}
.box img {
	width: 120px;
	height: 160px;
	background: url(/images/loading.gif) center center no-repeat;
	}
.box a {
	float: left;
	margin: 1px;
	background: none;
	line-height: 10px;
	}
html>body .box a img {
	display: inline-block;
	border: 1px solid #8600B8;
	text-decoration: none;
	}
html>body .box a:hover img {
	border: 1px dashed #8600B8;
	}
* html .box a:link, * html .box a:visited {
	display: inline-block;
	border: 1px solid #8600B8;
	text-decoration: none;
	}
* html .box a:hover, * html .box a:active {
	border: 1px dashed #8600B8;
	}
/* links */
ul.list {
	clear: both;
	width: 864px;
	margin: 20px auto;
	padding-top: 60px;
	text-align: left;
	font-weight: bold;
	}
ul.list li {
	float: left;
	width: 139px;
	margin: 0 2px 0 3px;
	line-height: 160%;
	}
* html ul.list li {
	width: 138px;
	margin-right: 2px;
	}
ul.hardlinks {
	clear: both;
	width: 860px;
	margin: 20px auto;
	padding-top: 65px;
	text-align: left;
	}
	
ul.hardlinks li {
	float: left;
	width: 190px;
	margin-right: 5px;
	font-size: 1.5em;
	line-height: 150%;
	padding-left: 20px;
	}