@charset "utf-8";

/*  R E S E T
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* CSS Document */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

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;}

/* For modern browsers */
.clearfix:before,.clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {zoom: 1;}

/* basic */
.center {display: block;text-align: center;}
.button a {display: block;text-indent: -9999px;}
.button a:link,.button a:visited {background-position: left top;}
.button a:hover,.button a:active {background-position: left bottom;}

/*  D E S I G N
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

body { text-align: center;}

/*  C O M M O N  - - - - - - - - - - - */

.replace { text-indent:-9999px; }
.hrline { height:3px; width:100%; background: black; }
.relative { position:relative; }

/*  H E A D E R  - - - - - - - - - - - */

#cover {background: none repeat scroll 0 0 #000;height:100%;width: 100%;position: absolute;top: 0;z-index:50000;}
#cover .inner{height:100%;width: 100%;background: url(../images/cover.bg.png) center  center no-repeat;}
#overtag {background: none repeat scroll 0 0 #fff;height: 114px;position: absolute;top: 0;width: 100%;z-index:40000;}

header { width:100%;background:#000;}
header .cont { height: 1222px; width:100%;background: url(../images/main.bg.jpg) center 0px;
margin-top: 272px;
	
}

.main-bar {width:100%;height:161px;background: url(../images/main.artwork.jpg) center  center repeat-x;}

/*  A R T I C L E
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

article {}
.article1{width:100%;height:810px;background: url(../images/article1.bg.jpg) center  center repeat-x;}
.article2{width:1064px;margin: auto;}
.article2-sub{/*width:100%;background: black;*/}
.article3{background: black;margin-bottom: 20px;}
.article3 .cont{background:black;width:960px;margin: auto;height: 530px;}
.article4{background: black;height: 522px;margin-bottom: 20px;margin-top: 50px;}
.article4 .cont img{margin-top: -19px;}

.btn1{ position: absolute;
z-index: 1000;

top: -94px;
right: 40px;}
.btn2{ position:absolute;z-index: 1000; top:310px; right:40px; }

/*  F O O T E R  - - - - - - - - - - - */

footer { background: black; }
footer .cont { height:550px; width:100%;background: url(../images/footer.bg.jpg) center top no-repeat;}


.karl{
	margin-bottom: 40px;
	position: relative;
}
.ytb1{
position: absolute;
top: 0px;
left: -54px;
}
.ytb2{
position: absolute;
top: 0px;
left: 291px;
}
.ytb3{
position: absolute;
top: 265px;
left: -54px;
}
.ytb4{
position: absolute;
top: 265px;
left: 291px;
}
.playM{
	position: absolute;
	top: 100px;
left: 135px;
}
.playMH{
position: absolute;
top: 25px;
left: 60px;
display: none;
}
.backc{
	background: url(../images/main_foot.jpg);
	height: 520px;
	width: 100%;
	position: absolute;
	top: 812px;
background-position: center center;
}
.title{
	margin-top: -162px;
}
.title2{
	margin-left: 580px;
}
.cmtytb{
	position: absolute;
	position: absolute;
right: 0px;
top: -24px;
}