body {
	margin: 0; font-family: sans-serif; color: #cccccc;
	background: #1f1e1c url(common/background.jpg) }
a img { border: none }
a { color: #bac7f2 }
h2, h3, h4, h5, h6 { clear: both; margin: 1em 0 .2em }
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #bac7f2; text-decoration: none;
	font-family: serif; font-weight: normal; letter-spacing: .1ex }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	text-decoration: underline }
p { margin: 0 0 1em }

.header div div div div, .box div div div div div div div { 
	position: static; background: transparent }

.header { margin: 27px; background-color: #333232 }
.header, .header div { 
	height: 256px;
	background: url(header/middle_left.jpg) }
.header div { 
	background-position: bottom left; 
	background-repeat: no-repeat !important }
.header div div { background: url(header/right.png) right }
.header div div div { background: url(header/text.png) center }

.logo { position: absolute; top: 26px; left: 37px; width: 238px; height: 257px; background: url(header/logo.jpg) no-repeat }

.box { margin-bottom: 15px; background: url(content/background.jpg) }
* html .box div { height: 1% }
.box div { 
	background-image: url(content/top.png);
	background-repeat: repeat-x !important }
.box div div { background: url(content/bottom.png) bottom }
.box div div div { 
	background: url(content/left.png) top left;
	background-repeat: repeat-y !important }
.box div div div div { background: url(content/right.png) top right }
.box div div div div div { 
	background: url(content/bottom_left.png) bottom left;
	background-repeat: no-repeat !important }
.box div div div div div div { 
	position: relative;
	background: url(content/bottom_right.png) bottom right }
.box div div div div div div div { position: static; background: transparent }

.box .decoration, .box .decoration .color { height: 69px }
.box .decoration {
	position: absolute; top: -31px; left: -2px; width: 247px;
	background: url(common/decoration.png) no-repeat }
.box .left, .box .right { width: 174px }
.box .center { 
	left: 50%; margin-left: -53px; width: 106px;
	background-position: top center }
.box .right { left: auto; right: -2px; background-position: top right }
.box .blank { top: 0; height: 8px; background-position: bottom; font-size: 0 }
.decoration .color { 
	background: url(common/decoration_red.png) repeat-x 12px 41px !important  }

.wrapper { padding: 1px }
.wrapper div { margin: 15px 30px }
.wrapper div div { margin: 0 }
.content { margin: 50px 27px 27px 302px }

.nav { position: absolute; top: 333px; left: 37px; width: 243px }
.nav ul, .nav li, .nav img { margin: 0; padding: 0 }
.nav ul { list-style: none }

.images { text-align: center }

.categories li { margin: .5em 0; font-weight: bold }
.categories a { font-weight: normal }

.pages { margin: 1em 0 !important; text-align: center }

.download { clear: both }
.download h1 { margin: .8em 0 .1em }
.media { overflow: auto }
.screenshot { float: left; margin: 10px 5px 1em 0; border: 1px solid black }
.screenshot img { display: block }

.file { float: left; margin: 10px }

.image { overflow: auto }