* {
margin: 0px;
padding: 0px;
}
body {
font-family: Arial,Verdana,sans-serif;
font-size: 12px;
/*background: #1f1f1f url("/img/bg_body.png") repeat-x left -1px;*/
background: #121212 url("/img/bg_body1.png") repeat-x left top;
color: #bebebe;
}
h1 {
font-size: 18px;
font-weight: normal;
color: #fff;
margin: 20px 0px;
font-family: Tahoma;
}
a {
color: #c7df37;
}
a:hover {
text-decoration: none;
}
a:visited {
color: #96ac12;
text-decoration: none;
}
#page {
width: 905px;
margin: auto;
}
#header {
height: 100px;
overflow: hidden;
padding: 0px 20px;
}
#logo {
display: block;
width: 202px;
height: 35px;
background: url("/img/logo_ryks.gif") no-repeat left top;
text-indent: -9000px;
overflow: hidden;
float: left;
margin-top: 30px;
position: relative;
}
.slogan {
position: absolute;
top: 21px;
left: 20px;
display: block;
width: 120px;
height: 11px;
}

.menu {
float: right;
}
.menu a {
display: -moz-inline-box;
display: inline-block;
text-align: center;
width: 70px;
color: #8f8f8f;
text-decoration: none;
padding: 30px 0px;
font-size: 14px;
}
.menu a.lang {
margin-right: 40px;
}
.menu a:hover, .menu a.current {
color: #fff;
text-decoration: underline;
}
.menu a.current {
color: #c7df37;
cursor: default;
text-decoration: none;
background: url("/img/bg_menu-trans.png") no-repeat center 11px;
}
#content {
width: 905px;
height: 415px;
overflow: hidden;
}
#content .left,
#content .right,
#content .project {
background-image: url("/img/bg_content-trans.png");
background-repeat: no-repeat;
background-position: center;
display: block;
float: left;
height: 415px;
}
#content .project {
width: 765px;
margin: 0px 1px;
}
#content .loading,
#content .container {
width: 740px;
height: 390px;
}
#content .container {
padding: 12px;
overflow: hidden;
}
.loading {
background: url("/img/loading.gif") no-repeat center;
}
#content .left,
#content .right {
width: 69px;
line-height: 415px;
color: #fff;
font-size: 48px;
background-position: left center;
text-align: center;
text-decoration: none;
opacity: 0.3;
filter: alpha(opacity=30);
display: inline-block;
}
#content .right {
background-position: right center;
}
#content .left:hover,
#content .right:hover {
opacity: 1;
filter: alpha(opacity=100);
color: #c7df37;
}

#content .static {
background-image: url("/img/bg_content-trans.png");
position: relative;
height: 391px;
padding: 12px 30px;
}
#content .static p {
margin: 4px 0px;
}

.screenshot {
position: relative;
float: left;
display: block;
width: 520px;
height: 390px;
overflow: hidden;
z-index: 1;
}
.screenshot img {
position: absolute;
left: 0px;
top: 0px;
}
.projectList {
position: absolute;
width: 518px;
height: 388px;
display: none;
background: #000;
z-index: 2;
border: solid 1px #3F3F3F;
}
.projectList h1,
.projectList ul {
margin: 20px;
}
.projectList h2 {
font-size: 20px;
font-weight: normal;
}
.projectList li {
font-size: 11px;
display: block;
float: left;
width: 150px;
}
.projectList li a {
display: block;
width: 150px;
}
.projectList li a:hover {
color: #fff;
}
.screenshot:hover .projectList {
display: block;
}
.description {
position: relative;
float: right;
width: 210px;
height: 390px;
font-size: 11px;
left: 15px;
}
.description p {
margin: 10px 0px;
}
.description strong {
margin-right: 10px;
color: #fff;
}

#footer {
height: 50px;
line-height: 50px;
font-size: 11px;
color: #8f8f8f;
padding: 0px 20px;
}

#url{
	font-weight:bold;
}