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


html, body {
padding: 0;
margin: 0;
text-align: center;
}

body {
display: block;
/*background: #000 url('../images_new/bg.jpg') fixed top left;*/
background: #000;
font-size:11px;
text-align: left;
width: 980px;
padding: 0;
color: #eee;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 50px auto 20px auto;
/*margin: 20px 0px;*/
}

.clear {
height: 0;
clear: both;
}

.left {
float: left;
}

.right {
float: right;
}

img {
overflow: hidden;
}

#header {
display: block;
height: 110px;
padding: 0px 7px 0px 8px;
}

#footer {
display: block;
margin: 30px auto 0px auto;
padding: 0px 7px 0px 8px;
}

.boxgrid {
display: block;
width: 230px;
height: 275px;
float: left;
background: #222;
/*border-top: 1px solid #111;
border-bottom: 1px solid #111;*/
margin: 0px 7px 15px 8px;
	position: relative;
	overflow: hidden;
}

.boxgrid img {
position: relative;
	border: 0;
top: -275px;
}

/*.boxgrid:hover {
border-top: 1px solid #fd8c09;
border-bottom: 1px solid #fd8c09;
}*/

.boxgrid:hover img {
top: 0px;
}

.boxgrid .thetitle {
	display: block;
font-size:12px;
margin: 0;
color: #fd8c09;
font-weight: bold;
}

.boxgrid .thesubtitle {
	display: block;
font-size:10px;
margin: 4px 0px 0px 0px;
color: #eee;
font-weight: normal;
font-style: italic;
float: left;
max-width: 200px;
}

.boxgrid p {
display: none;
color: #aaa;
margin: 5px 0px 0px 10px;
}

.dlgrid {
display: block;
width: 226px;
height: 238px;
float: left;
background: #222;
padding: 0;
/*border-top: 1px solid #111;
border-bottom: 1px solid #111;*/
margin: 0px 7px 15px 8px;
	position: relative;
	overflow: hidden;
}

.dlgrid img {
width: 227px;
height: 476px;
position: relative;
	border: 0;
top: -238px;
}

/*.boxgrid:hover {
border-top: 1px solid #fd8c09;
border-bottom: 1px solid #fd8c09;
}*/

.dlgrid:hover img {
top: 0px;
}

.dlcover {
	float: left;
	position: absolute;
	/*height: 100px;*/
	width: 210px;
padding: 7px 10px;
 	bottom: 5px;
 	left: -230px;
	/*max-height: 265px;
	overflow: hidden;*/
 	}

.dlcover a {
display: inline-block;
padding: 3px 4px;
margin-bottom: 5px;
background: #000;
color: #eee;
 	}

span {
color: #fd8c09;
 	}

.mas {
display: block;
float: right;
margin: 0;
	position: relative;
	left: 0;
	top: 0;
	width: 20px;
	text-align: right;
	padding: 8px 5px 5px 5px;
	color: #fff;
}

#menu {
display: block;
margin-top: 24px;
float: right;
height: 24px;
width: ;
}

.button {
display: block;
height: 24px;
float: left;
margin: 0px 20px 0px 0px;
	position: relative;
	overflow: hidden;
}

/*.button:hover {
border-bottom: 1px solid #eee;
}*/

.button .btncover {
position: relative;
top: 6px;
}

.current {
display: block;
height: 24px;
float: left;
margin: 0px 20px 0px 0px;
border-bottom: 1px solid #fd8c09;
	position: relative;
overflow: hidden;
}

.current .btncover {
position: relative;
top: -18px;
}

#downloads {
margin-right: 7px;
}

.boxcaption {
	float: left;
	position: absolute;
	/*height: 100px;*/
	width: 210px;
background: #000;
padding: 7px 10px;
 	top: 120px;
 	left: -230px;
	/*max-height: 265px;
	overflow: hidden;*/
 	}

.description {
	display: block;
	color: #fff;
	position: absolute;
	/*height: 100px;*/
	width: 210px;
background: #000;
padding: 7px 10px 7px 10px;
/*top: 275px;
left: -190px;*/
top: 0px;
left: -420px;
font-size: 10px;
	text-align: left;
	/*max-height: 265px;
	overflow: hidden;*/
 	}

a, a img {
outline: none;
color: #eee;
text-decoration: none;
border: none;
}




#footer #copyright {
display: block;
width: 521px;
height: 19px;
position: relative;
top: 0;
left: 50%;
margin-left: -260px;
}

#footer #thekdu {
display: block;
float: left;
width: 18px;
height: 19px;
margin: -19px 0px 0px 0px;
}

#footer #slashthree {
display: block;
float: right;
width: 47px;
height: 19px;
margin: -19px 0px 0px 0px;
}

.hidden {
display: none;
height: 0;
width: 0;
visibility: hidden;
}

#aboutdiv {
display: block;
padding: 0px 30px;
}

#aboutdiv a {
color: #fd8c09;
}

#aboutdiv h2 {
font-weight: normal;
font-size:18px;
margin: 20px 0px;
color: #fd8c09;
}

#aboutdiv #col1 {
display: block;
width: 40%;
float: left;
}

#aboutdiv #col1 #subcol1 {
display: block;
width: 45%;
float: left;
}

#aboutdiv #col1 #subcol2 {
display: block;
width: 45%;
float: right;
}

#aboutdiv #col2 {
display: block;
width: 15%;
margin: 0% 10%;
float: left;
}

#aboutdiv #col1 #subcol1 a, #aboutdiv #col1 #subcol2 a, #aboutdiv #col2 a, #aboutdiv #col3 a {
color: #eee;
}

#aboutdiv #col1 #subcol1 a:hover, #aboutdiv #col1 #subcol2 a:hover, #aboutdiv #col2 a:hover, #aboutdiv #col3 a:hover {
color: #fd8c09;
}

#aboutdiv #col3 {
display: block;
width: 25%;
float: right;
}




































#sb-container,#sb-wrapper{
text-align:left; 
}
#sb-container,#sb-overlay{
position:absolute;
top:0;
left:0;
width:100%;
margin:0;
padding:0;
}
#sb-container{
height:100%;
display:none;
visibility:hidden;
z-index:999;
}
body > #sb-container{
position:fixed;
}
#sb-overlay{
height:expression(document.documentElement.clientHeight + 'px');
}
#sb-container > #sb-overlay{
height:100%;
}
#sb-wrapper{
position:relative;
}
#sb-wrapper img{
border:none;
}
#sb-body{
position:relative;
margin:0;
padding:0;
overflow:hidden;
border:1px solid #222;
}
#sb-body-inner{
position:relative;
height:100%;
}
#sb-content.html{
height:100%;
overflow:auto; 
}
#sb-loading{
position:absolute;
top:0;
width:100%;
height:100%;
text-align:center;
padding-top:10px;
background: url('../images_new/loading.gif') 50% 50% no-repeat;
}
#sb-body,#sb-loading{
background-color:#000000; 
}
#sb-title, #sb-caption, #sb-info{
position:relative;
padding:0;
overflow:hidden;
}
#sb-title-inner, #sb-caption-inner,#sb-info-inner{
position:relative;
line-height:16px;
}
#sb-title,#sb-title-inner{
height:26px;
}
#sb-title-inner{
font-size:11px;
padding:5px 0;
color:#fd8c09;
}
#sb-info,#sb-info-inner{
height:20px;
}
#sb-info-inner{
font-size:11px;
color:#eee;
}
#sb-nav{
float:right;
height:16px;
padding:2px 0;
width:45%;
}
#sb-nav a{
display:block;
float:right;
height:16px;
width:16px;
margin-left:3px;
cursor:pointer;
}
#sb-nav-close{
background-image:url(../js/shadowbox/resources/close.png);
background-repeat:no-repeat;
}
#sb-nav-next{
background-image:url(../js/shadowbox/resources/next.png);
background-repeat:no-repeat;
}
#sb-nav-previous{
background-image:url(../js/shadowbox/resources/previous.png);
background-repeat:no-repeat;
}
#sb-nav-play{
background-image:url(../js/shadowbox/resources/play.png);
background-repeat:no-repeat;
}
#sb-nav-pause{
background-image:url(../js/shadowbox/resources/pause.png);
background-repeat:no-repeat;
}
#sb-counter{
float:left;
padding:2px 0;
width:45%;
}
#sb-counter a {
padding:0 2px;
margin: 0px 4px 0px 0px;
text-decoration:none;
cursor:pointer;
color:#eee;
}
#sb-counter a:hover {
text-decoration:underline;
}
#sb-counter a.sb-counter-current{
color:#fd8c09;
text-decoration:underline;
}
div.sb-message{
font-size:11px;
padding:10px;
text-align:center;
}
div.sb-message a:link,div.sb-message a:visited{
color:#fd8c09;
text-decoration:none;
}
#sb-caption, #sb-caption-inner {
display: block;
margin: 10px auto;
  height: 60px;
}