html,div,body,img,object,embed {
margin:0;
padding:0;
color:#ccc;
text-shadow: 0px 1px 2px rgba(0,0,0,.5);
}

p {
text-shadow: 0px 1px 2px rgba(0,0,0,.5);
}

#description {
margin-top:30px;
}

body,html {
font-family:'Helvetica Neue', Helvetica, Arial, 'lucida grande', tahoma, verdana, arial, sans-serif;
background: #EEEEEE;
color:#000000;
font-size:large;
height:100%;
}

#video {
display:none;
}

#vholder {
cursor:pointer;
box-shadow:0px 0px 4px #c0ff6f;
background-image:url('/pics/videoplaceholder.jpg');
margin:auto;
width:580px;
height:430px;
}


#contents {
width:714px;
box-shadow:0px 5px 10px #000;
margin:10px auto;
margin-bottom:20px;
border-radius:13px;
}

#header {
height:109px;
border-top-left-radius:11px;
border-top-right-radius:11px;
background:#657b96;
padding-top:1px;
padding-bottom:10px;
}


#title {
text-shadow: 1px 2px 5px #000;
color:#fff;
padding:8px;
padding-left:30px;
margin:28px 28px 8px 100px;
font-size:50px;
text-align:center;
border-bottom-right-radius:11px;
border-top-right-radius:11px;
background: #48586b;
box-shadow: 0 1px 5px rgba(39,39,39,.8), inset 0 2px 4px rgba(18,18,18,.5);
-o-box-shadow: 0 1px 5px rgba(39,39,39,.8), inset 0 2px 4px rgba(18,18,18,.5);
-webkit-box-shadow: 0 1px 5px rgba(39,39,39,.8), inset 0 2px 4px rgba(18,18,18,.5);
-moz-box-shadow: 0 1px 5px rgba(39,39,39,.8), inset 0 2px 4px rgba(18,18,18,.5);
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
}

#title:hover {
background:rgba(192,255,111,.2);
box-shadow: 0 0px 9px rgba(192,255,111,.8), inset 0 3px 24px rgba(192,255,111,1);
-o-box-shadow: 0 0px 9px rgba(192,255,111,.8), inset 0 3px 24px rgba(192,255,111,1);
-webkit-box-shadow: 0 0px 9px rgba(192,255,111,.8), inset 0 3px 24px rgba(192,255,111,1);
-moz-box-shadow: 0 0px 9px rgba(192,255,111,.8), inset 0 3px 24px rgba(192,255,111,1);
-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
}


#desc {
font-size:x-large;
}

#logo {
position:absolute;
z-index:1001;
float:left;
margin:10px;
margin-bottom:0;
width:128px;
height:108px;
}


#middle {
padding:30px;
background: #48586b;
background: -webkit-linear-gradient(#48586b, #111111);
background: -o-linear-gradient(#48586b, #111111);
background: -moz-linear-gradient(#48586b, #111111);
background: linear-gradient(#48586b, #111111);
border-bottom-left-radius:11px;
border-bottom-right-radius:11px;
}


#cmiddle  {
position:relative;
padding:10px;
padding-top:30px;
text-align:center;
border-radius:8px;
background: #272727;
background: rgba(39,39,39,.6);

   box-shadow: 0 1px 5px rgba(39,39,39,.8), inset 0 10px 20px rgba(18,18,18,.7);
   -o-box-shadow: 0 1px 5px rgba(39,39,39,.8), inset 0 10px 20px rgba(18,18,18,.7);
   -webkit-box-shadow: 0 1px 5px rgba(39,39,39,.8), inset 0 10px 20px rgba(18,18,18,.7);
   -moz-box-shadow: 0 1px 5px rgba(39,39,39,.8), inset 0 10px 20px rgba(18,18,18,.7);
}

a {
color:#99aabb;
text-decoration:none;

}

a:hover {
color:#FFF;
transition: color .4s;
-webkit-transition: color .4s;
-o-transition: color .4s;
}



.style14 {
float:left;
width:238px;
display:block;
text-align:center;
}

.style14>a {
color:#FFF;
display:block;
padding:6px;
font-weight: bold;
cursor:pointer;
}
#dl {

}

#docs:hover,#supp:hover,#dl:hover  {
background:#48586b;
-webkit-transition: all 0.3s ease-in;
transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
}

#dl:hover  {
border-radius:20px;

}
#docs {
border-top-right-radius:11px;
}

#supp {
border-top-left-radius:11px;
float:right;
}


#menu  {
font-size:110%;
}

.style15  {
font-size:100%;
}

#menu,#docs,#supp,#dl {
text-shadow: 0px 1px 2px rgba(0,0,0,.5);
height:45px;
background:#657b96;
background: -webkit-linear-gradient(#657b96, #48586b);
background: -o-linear-gradient(#657b96, #48586b);
background: -moz-linear-gradient(#657b96, #48586b);
background: linear-gradient(#657b96, #48586b);

}

#dl {
border-top-left-radius:11px;
border-top-right-radius:11px;
position:relative;
}
#dl>a {
color:#c0ff6f;
}
#dl>span {
color:#fff;
position:absolute;
bottom:-5px;
left:0px;
right:0px;
margin:0px auto;
}

#hr,#hr2 {
height:1px;
width:714px;
background:#657b96;
}

#hr {
background: -webkit-linear-gradient(90deg,#657b96, #48586b,#657b96);
background: -o-linear-gradient(90deg,#657b96, #48586b,#657b96);
background: -moz-linear-gradient(90deg,#657b96, #48586b,#657b96);
background: linear-gradient(90deg,#657b96, #48586b,#657b96);
}

#hr2 {
background: -webkit-linear-gradient(90deg,#657b96, #99aabb,#657b96);
background: -o-linear-gradient(90deg,#657b96, #99aabb,#657b96);
background: -moz-linear-gradient(90deg,#657b96, #99aabb,#657b96);
background: linear-gradient(90deg,#657b96, #99aabb,#657b96);
}

#elite,#dl>span {
font-size:small;
}

#fblike {
position:absolute;
left:55px;
top:50px;
width:100px;
}