html { min-height: 100.05%; }

body{
font-family:lucida grande, verdana, arial, helvetica, serif;
font-size:11px;
line-height:16px;
height:100%;
background-color:#ffffff;
color:#555555;
margin:0 0 0 0;
}

h2{
margin:0;padding:0;
font-size:9pt;font-weight:normal;}

h3{
margin:0;padding:0;
font-size:8pt;font-weight:normal;color:#999;}

.clear{clear:both;}

a:link{
color:#0066FF;
text-decoration:none;
border-bottom:1px #ccc dotted;
}

a:visited{
color:#0066FF;
text-decoration:none;
border-bottom:1px #ccc dotted;
}

#vid a:link{
text-decoration:none;
border-bottom:1px #ccc dotted;
color:#222222;
}

#vid a:visited{
text-decoration:none;
border-bottom:1px #ccc dotted;
color:#222222;
}

#vid a:hover{
color:#0066CC;
}

#outlink{
display:none;
position:absolute;
left:0;
top:0;
}

#menu{
width:170px;
margin-bottom:20px;
margin-right:20px;
float:left;
background-color:#fff;
}

#menu ul{
margin:0;
padding:0;
}

#menu li{
list-style-type:none;
margin-bottom:10px;
}

#menu a:link{
border:none;
color:#999;
text-decoration:none;
background-image:url('/img/menu_bg.png');
display:block;
width:170px;
height:30px;
}

#menu ul li.shorts_docs a{background-position:0 -30px;}
#menu ul li.archive a{background-position:0 -60px;}

#menu a:visited{
border:none;
color:#999;
text-decoration:none;
}


#menu a:hover{
border:none;
color:#333;
}

#main{
background-color:#fff;
width:760px;
float:right;
}

#header{
margin:50px auto 25px auto;
background-color:#ffffff;
padding:8px;
width:960px;
text-align:right;
}

.title{
margin:5px 0px 5px 0px;
font-size:13px;
color:#888888;
}

.title2{
margin-bottom:5px;
font-size:13px;
color:#888888;
}

.subt{
color:#999999;
font-size:10px;
margin-top:3px;
}

#vid{
width:265px;
height:310px;
margin-bottom:25px;
}

#vid img{
'border:8px #ececec solid;
'margin-bottom:5px;
}

#vid img a:link{
padding:8px;
border:1px #ccc solid;
}

#vid img a:visited{
padding:8px;
border:1px #ccc solid;
}


#line{
margin-top:10px;
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
width:25%;
height:1px;
}

#frtab{
width:100%; 
height:100%;
text-align:center;
font-size:42px;
font-family:helvetica,sans-serif,arial;
background-color:#ABD618;
}

#mv{
background-color:#FF3399;
height:33%;
}

#mv a:link{
text-decoration:none;
color:#B8FAF8;
}

#mv a:visited{
text-decoration:none;
color:#B8FAF8;
}


#sd{
background-color:#000000;
height:33%;
}

#sd a:link{
text-decoration:none;
color:#ECEA22;
}

#sd a:visited{
text-decoration:none;
color:#ECEA22;
}

#ac{
background-color:#00cc00;
height:34%;
}

'33ff00;
'

#ac a:link{
text-decoration:none;
color:#757421;
}

#ac a:visited{
text-decoration:none;
color:#757421;
}

#con{
width:960px;
margin:0 auto 0 auto;
background-color:#ffffff;
}

#frtab a:link{
border-bottom:none;
}

#frtab a:visited{
border-bottom:none;
}

.arc{
margin:0px 0px 20px 0px;
}

.arc a:link{
text-decoration:none;
border-bottom:0px;
}

.arc a:visited{
text-decoration:none;
border-bottom:0px;
}


#article{
margin:100px;color:#555;font-family:georgia,times,serif;font-size:12pt;line-height:20pt;}

#article #images{text-align:center;}
#article #images img{margin:0 20px 0 20px;}
#article #images a{border:none;}

#article #images #mix {font-size:10pt;color:#666;padding:12px;}
#article #images #mix a{text-decoration:underline;color:#0066ff;}

#article .title{font-size:15pt;font-style:italic;color:#ff9900;}

#front_container{font-family:georgia;width:860px;height:200px;	position: absolute;top: 50%;left: 50%;margin: -150px 0 0 -430px;}

#front_container ul{margin:0;padding:0;}
#front_container ul li{float:left;width:200px;height:200px;font-size:13pt;margin:0 20px 0 0;font-style:italic;list-style-type:none;text-align:center;}
#front_container ul li:hover{background-image:url(/img/blank_bg.png);}

#front_container ul li a{padding:90px 0 0 0;margin:0 auto 0 auto;display:block;width:150px;height:110px;line-height:17pt;text-decoration:none;border:none;color:#fff;}

#front_container ul li#f_mv a,#front_container ul li#f_sd a,#front_container ul li#f_ac a,#front_container ul li#f_bl a{color:#fff;}
#front_container ul li#f_mv{background-image:url(img/mv_bg.png);}
#front_container ul li#f_sd{background-image:url(img/sd_bg.png);}
#front_container ul li#f_ac{background-image:url(img/bl_bg.png);}
#front_container ul li#f_bl{margin:0;background-image:url(img/ac_bg.png);}

#front_container ul #f_mv:hover{background-image:none;color:}
#front_container ul #f_mv:hover a{color:#cc6699;}

#front_container ul #f_sd:hover{background-image:none;color:}
#front_container ul #f_sd:hover a{color:#6699cc;}

#front_container ul #f_ac:hover{background-image:none;color:}
#front_container ul #f_ac:hover a{color:#ffcc33;}

#front_container ul #f_bl:hover{background-image:none;color:}
#front_container ul #f_bl:hover a{color:#669933;}


#front_logo{width:299px;height:69px;float:right;background-image:url(img/front_logo.png);margin:31px 0 0 0;}

ul.video_list{margin:0;padding:0;}
ul.video_list li{width:370px;height:300px;list-style-type:none;float:left;margin:0 20px 20px 0;}
ul.video_list li.end{margin:0 0 20px 0;}
ul.video_list li .vid_image{width:197px;height:163px;background-image:url('vidbg.png');}
ul.video_list li .vid_image a{border:none;}
ul.video_list li .vid_image img{padding:20px 26px;border:none;}
ul.video_list li .descr{padding:0 20px 0 0;}

ul.the_archives{width:100%;margin:0 0 20px 0;padding:0;border-left:solid 1px #999;border-right:solid 1px #999;border-bottom:solid 1px #999;}
ul.the_archives li{display:none;margin:0;padding:20px;list-style-type:none;}
ul.the_archives li .a_images{margin:5px 0 0 0;}
ul.the_archives li img{border:solid 1px #ccc;margin:0 10px 0 0;}
ul.the_archives li a{border-bottom:none;}



ul.links{margin:0;padding:0;}
ul.links li{margin:0;padding:0;list-style-type:none;display:block;width:50%;float:left;}



/* scrollbar */


@media screen and (-webkit-min-device-pixel-ratio:0) {
	body   {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 10px;
	overflow-y: scroll;
	overflow-x: hidden;
	}
	
	html {
	overflow-y: auto;
	background-color: transparent;
	}
	
	::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	}
	
	::-webkit-scrollbar-button:start:decrement,
	::-webkit-scrollbar-button:end:increment  {
	height: 10px;
	display: block;
	background-color: transparent;
	}
	
	
	::-webkit-scrollbar-track-piece  {
	background-color: #f0f0f0;
	-webkit-border-radius: 5px;
	}
	
	::-webkit-scrollbar-thumb {
	height: 50px;
	background-color: #ccc;
	-webkit-border-radius: 6px;
	}
}