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

html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
img, ins, kbd, q, s, samp,
small, strike, strong,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body, input, textarea, select, option {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #d1c7bb;
	background-color: #d9d3c9;
}

input, textarea { background-color: #e8eaea; border-color:#c1c3c3 #ffffff #ffffff #c1c3c3; border-style:solid; border-width:1px; padding: 2px 4px; -x-system-font: none; color: #666; }
input.button { background-color: #e8eaea; border-color:#ffffff #c1c3c3 #c1c3c3 #ffffff; border-style:solid; border-width:1px; padding: 2px 4px; -x-system-font: none; color: #666; }

a:link {
	text-decoration: underline;
	color: #000000;
	outline: none;
}
a:hover { text-decoration: underline; color: #c00; }
a:visited { text-decoration: none; color: #666; }
a:active {
	text-decoration: none;
	color: #000;
}
.hidden { display: none; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }

body { background: #cfd7d9 url(../images/video/body_top.jpg) no-repeat center top!important; text-align: center; font-size: 12px; }
#wrapper { background: url(../images/video/body_bottom.jpg) no-repeat center bottom; }

#header { height: 167px; width: 1000px; margin: 0 auto; text-align:right;}
#header h1 { position: absolute; left: 10px; top: 50px; z-index: 15; width: 200px; height: 72px; }
#header h1 a { display: block; width: 200px; height: 72px; font-size: 0.1em; text-indent: -1000em; text-align: left; }
#header #site-navi {margin: 0 auto;}
#header #utility-link { position: absolute; right: 20px; top: 2px; z-index: 25; }
#header #utility-link li.forum a { display: block; font-size: 0.1em; text-indent: -1000em; overflow: hidden; background: url(../images/video/forum-link.jpg); width: 110px; height: 36px; }

#container { width: 1000px; margin: 0 auto; background: url(../images/video/container_bottom.png) no-repeat center bottom; padding-bottom: 50px; _padding-bottom: 49px; position: relative; }
#container #content-title { background: url(../images/video/container_top.png) no-repeat top center; height: 100px; overflow: visible; }
#container #content-title h4 { position: absolute; top: 60px; right: 75px; z-index: 10; display: block; background: url(../images/video/title_kty.png) no-repeat; width: 543px; height: 23px; font-size: 0.1em; text-indent: -1000em; text-align: left; }

#container #content { float: left; width: 1000px; background: url(../images/video/container_bg.png) repeat-y center; }
#container #content .kty { position: absolute; top: 40px; _top: -60px; left: 75px; z-index: 11; float: left; }

ul#tab-menu { margin-left: 380px; 380px; float: left; display: inline; background: url(../images/xy_6.gif) no-repeat left top; width: 254px; height: 48px; }
ul#tab-menu li { float: left; height: 23px; padding: 13px 0 12px 0; }
ul#tab-menu li a { display: block; height: 23px; font-size: 0.1em; text-indent: -1000em; }
ul#tab-menu li.video a { width: 88px; background: url(../images/tag_02.gif);}
ul#tab-menu li.video a.current,
ul#tab-menu li.video a:hover { background:url(../images/tag_02.gif) 0 -23px;}
ul#tab-menu li.screenshots a { width: 82px; background:url(../images/tag_02.gif) no-repeat  0 -46px;}
ul#tab-menu li.screenshots a.current,
ul#tab-menu li.screenshots a:hover {background:url(../images/tag_02.gif) no-repeat 0 -69px;}
ul#tab-menu li.conceptarts a { width: 84px; background:url(../images/tag_02.gif) no-repeat 0 -92px;}
ul#tab-menu li.conceptarts a.current,
ul#tab-menu li.conceptarts a:hover {background:url(../images/tag_02.gif) no-repeat 0 -115px;}

ul.videolist { clear: both; margin-left: 68px; }
ul.videolist li { float: left; display: inline; margin: 10px 25px; width: 242px; text-align: center; }
ul.videolist li a { display: block; width: 205px; height: 154px; background: url(../images/video/video_bg.jpg) no-repeat center top; padding: 8px 19px 9px 18px; }
ul.videolist li p { background: url(../images/video/video_txtbg.jpg) no-repeat; width: 242px; height: 45px; font-size: 1.1em; line-height: 45px; color: #d8e9ec; }
ul.videolist li.gfirst { margin-left: 317px; }
ul.videolist li.first { display: inline; margin-top: 0; margin-left: 340px; width: 500px; height: 350px; }
ul.videolist li.first a { background: url(../images/video/video1_bg.jpg); width: 417px; height: 315px; padding: 17px 49px 18px 34px; }

#page-counter { display: block; width: 600px; margin: 0 auto; clear: both; height: 38px; text-align: center; zoom: 1; }
#page-counter span,
#page-counter a { display: inline; margin: 0 0.2em; line-height: 35px; padding: 6px; }
#page-counter a { background: url(../images/video/pagenumb_bg.png) no-repeat center center; font-weight: bold; text-align: center; color: #d8e9ec; }
#page-counter span.current { background: url(../images/video/pagenumb_bg.png) no-repeat center center; width: 25px; height: 25px; padding-top: 6px; padding-bottom: 7px; font-weight: bold; line-height: 20px; text-align: center; color: #000; }
#page-counter span.prev-page { display: inline; float: left; }
#page-counter span.next-page { display: inline; float: right;  }
#page-counter span.prev-page a { display: block; background: url(../images/video/btn_prev.png) no-repeat; width: 38px; height: 38px; font-size: 0.1em; text-indent: -1000em; text-align: left; }
#page-counter span.next-page a { display: block;background: url(../images/video/btn_next.png) no-repeat; width: 38px; height: 38px; font-size: 0.1em; text-indent: -1000em; text-align: left; }

#footer { display: block; height: 180px; clear: both; margin:0 auto;}
.lowermenu {line-height: 1.3em;	clear:both;font-size:1.0em;  margin:0 auto; padding-top:30px; padding-left:120px;}
		.box {margin-right:0px;float: left;height: 15px;line-height:22px; padding-left:0px;}
		.boximg{ margin-top:10px; margin-left:20px;}

.flash_menu{ margin:0 auto; width:1000px; text-align:right}