@charset "utf-8";
/* CSS Document */
#DLwarpper{
  width:958px;
  float:left;
  border:1px solid #eee;
  border-bottom-color:#ddd;
  border-top:none;
  border-radius:5px 5px 10px 10px;
  margin-bottom:5px;
  margin-top:10px;
}
#DLleft{
  width:20%;
  height:auto; 
  float:left;
  margin-right:5px;
}
#DLmiddle{
  width:79%;
  height:auto; 
  float:left;
  min-height:300px;
}
#DLright{
  width:20%;
  height:auto; 
  float:right; 
}

/*******Download Nav Style*****/
#nav,#nav ul {
    background-color:#CCCCCC;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#nav {
    display: block;
    padding: 5px;
    position: relative;
    width:95%;

    -moz-perspective: 200px;
    -ms-perspective: 200px;
    -webkit-perspective: 200px;
    -o-perspective: 200px;
    perspective: 200px;
}
#nav ul {
    left: -9999px;
    opacity:0;
    overflow: hidden;
    padding: 5px;
    position: absolute;
    top: -9999px;

    -moz-transform: rotateY(70deg);
    -ms-transform: rotateY(70deg);
    -o-transform: rotateY(70deg);
    -webkit-transform: rotateY(70deg);
    transform: rotateY(70deg);

    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;

    -moz-transition: -moz-transform 0.3s linear, opacity 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear, opacity 0.3s linear;
    -o-transition: -o-transform 0.3s linear, opacity 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear, opacity 0.3s linear;
    transition: transform 0.3s linear, opacity 0.3s linear;
}
#nav li {
    background-color: #FFFFFF;
    position: relative;
}
#nav > li {
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
#nav li a {
    background:#dddddd url(../images/pro-bg.png) bottom repeat-x;
    color: #000000;
    display: block;
    font-size: 15px;
    padding: 8px 10px 8px 5px;
    text-decoration: none;
    width:90%;

    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
#nav li:hover{
	background:url(../images/bar.jpg) repeat-x center; 
}
#nav li:hover > a {
    color: #FFFFFF;
}
#nav li:hover ul.subs {
    left:177px;
    opacity:1;
    top: 0;

    -moz-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;

    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
#nav ul li {
    width:150px;
}
/******END NAV****/
#DLwarpper #title{
	width:;
	padding:5px 10px;
	background:#ffbe32 url(../images/scb.png) bottom left repeat-x; 
	border-radius:5px 5px 0 0;
	padding-bottom:12px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:17px;
	color:#fff;
	text-shadow:1px 2px 2px #444;
	font-weight:bold;
}
#dl_items{
	background:url(../images/tail-top.gif) repeat-x top #fff;
	height:auto;
	border:1px solid #eee;
	border-top:none;
	border-bottom-color:#ddd;
	color:black;
	padding-bottom:10px;
}
#download_item{
	width:99.5%;
	height:auto;
	margin:0;
	padding:0;
	margin-top:10px;
	margin-bottom:10px;
	background:#fff;
	padding-left:3px;
	border-radius:2px; 
}
#download_item li{
	padding:5px 0;
	background:;
	list-style:url(../images/blue_file.gif) inside;
	border-bottom:1px dotted #ddd; 
}

#download_item li:hover{
	color:#09F;
	background:#e6f7ff;
	list-style:url(../images/black_file.gif) inside; 
	
	-moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
#download_item a{}
#download_item a:hover{color:#09F;}

#dl_intro{
	width:98%;
	height:auto;
	min-height:450px;
	border:1px solid #fff;
	border-top-color:#ddd;
	padding:3px;
	border-radius:5px 5px 0 0; 
}
#dl_intro #title{
	width:97.5%;
	background:#039;
	padding-left:10px;
	color:white;
	margin-top:2px;
	border-bottom:1px solid #006;
	border-radius:3px; 
}
#dl_intro #intro{
	width:97.5%;
    padding:10px 5px;
}
#dl_intro #intro a{
	background:none;
	color:red;
	text-decoration:underline;
	margin-bottom:10px; 
}
#dl_intro #intro a:hover{color:#F90;}
#dl_intro #intro img{
	border:3px solid #CCC;
	box-shadow:1px 1px 1px #999999;
	border-radius:3px;
	margin:5px 0; 
}
#dl_intro #intro .hl1{color:#F60;}