@charset "utf-8";
/* CSS Document */

* {
margin:0;
padding:0;
}

body {
background:url(../img/bg.gif) repeat top left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #fff;
}

#overall{
background:url(../img/bg.header.gif) repeat-x top left;
}

img {
border:none;
}

#wrap {
width:800px;
margin:auto;
}

/* ### CONTENT ### */

#content {
width:704px;
margin:20px 0 30px 60px;
#padding:30px 50px;
}
.innerwhite{
background:url(../img/bg.content.gif) no-repeat;
padding: 10px;
}

#box {
background:url(../img/bg.content.gif) no-repeat;
width:665px;
height:850px;
margin:0 0 0 4px;
padding:15px 20px 0px;
}


h3 {
font-size:16px;
font-weight:bold;
color:#000;
padding-bottom: 10px;
}
#preview {
margin:10px 0 0 0;
}

#description {
float:left;
margin:10px 15px 0 0;
}

.description {
font-weight:bold;
color: #000;
}

#download {
float:right;

margin:15px 0 0 10px;
}

.info {
#text-align:center;
color:#c6984d;
font-weight:bold;
}

.but{
	display:block;
	color:#fff;
	text-decoration:none;
	cursor:hand;
	font-weight:bold;
	height:15px;
	font-size:15px;
	padding:5px;
	background-color:#000;
	text-align:center;
	border:1px solid #fff;
	margin-top:5px;
	width:200px;
}

.but:hover {
	display:block;
	color:#000;
	text-decoration:none;
	cursor:hand;
	font-weight:bold;
	height:15px;
	font-size:15px;
	padding:5px;
	background-color:#fff;
	text-align:center;
	border:1px solid #000;
	margin-top:5px;
	width:200px;
}


/* ### FOOTER ### */

#footer {
width:704px;
margin:20px 0 50px 0px;
text-align:center;
}

.site {
color:#ffc138;
font-weight:bold;
}

#footer ul li {
list-style-type:none;
display:inline;
}

#footer p {
color:#fff;
}

a {
text-decoration:none;
color:#fff;
}





#navi {
/*background:url(img/bg.navi.gif) no-repeat;*/
}

#navi ul {
list-style-type:none;
margin:15px;
}

#navi li {
display:inline;
margin:0 100px 0 0;
}

#navi a {
text-decoration:none;
font-size: 16px;
font-weight: bold;
color:#eeba6a;
}