/*CSS RESET*/
/* eric meier version*/
html, body, div, span, applet, object, iframe,
h1, h3, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
a{
 text-decoration: none;}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

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

/* Layout div */

a{
	color:#ff592f;
}
a:hover{
	text-decoration:underline;
}


.main {
	width: 940px;
	position:absolute;
	top:0;
	color:#333;
	left:50%;
	margin-left:-470px;
}
.newsco {
	float: left;
	width: 480px;
	color:#333;
}

.newslinks2 a, .newslinks2 a:visited{
	color: #333;
}
#newsall{
color: #ff592f;
}

.newslinks2 a:hover{
	text-decoration: underline;
}

.news {
	float: left;
	width: 260px;
	height: 90px;
	padding-right:5px;
	line-height:16px;
	border-right: 1px solid #ccc;
}

#blog {
	float: right;
	line-height:16px;
	width:200px;
}



.maincontent {
	padding:0 0 0 0;
	margin: 0 0 0 0;
	clear:both;
	background: url(../img/img_mainvisual01.jpg) #fff no-repeat;
	width: 940px;
	height: 458px;
	margin-bottom: 15px;
}

.maincontentfr {
	padding:0 0 0 0;
	margin: 0 0 0 0;
	clear:both;
	background: url(../img/img_mainvisual_fr.jpg) #fff no-repeat;
	width: 940px;
	height: 458px;
	margin-bottom: 15px;
}


.maincontentzh {
	padding:0 0 0 0;
	margin: 0 0 0 0;
	clear:both;
	background: url(../img/img_mainvisual_zh.jpg) #fff no-repeat;
	width: 940px;
	height: 458px;
	margin-bottom: 15px;
}

#aboutdubois{
	background: url(../img/img_base_aboutdubois.jpg);
	color: white;
}

#single{
	background: none #fff;
	border: 1px solid #ddd;	
}

#singletext{
	color:#333;	
	left: 40px;
	top:60px;
	width:400px;
	line-height:20px	
	
}

#singletext p{
	padding-left:20px;
font-size:13px;
}	
#single img{
	top:160px;
	left:600px;
	position:absolute;
}

#cdsmain{
	background: #fff;
	border:1px solid #ddd;
	padding-top:20px;
}


#books{
	text-align:center;
	background: #fff;
	border:1px solid #ddd;
	padding-top:20px;
}

#news{
	clear:both;
	background: #fff;
	margin-bottom: 5px;
	padding-bottom:1px;
	border-top:1px solid #333;
	border-bottom: 1px solid #333;
}
#mainmusic {
	background: url(../img/img_base_music.jpg);
	
}
#kungfu {
	background: url(../img/img_base_kungfu.jpg);
	
}

#mainmusicprofile {
	background: url(../img/img_profile_music.jpg);
}

#career {
	clear:both;
	background: url(../img/img_base_careerdesign.jpg);
}

#contact {
	clear:both;
	background: #fff;
	border: 1px solid #ddd;
}

#contacttext{
	left: 40px;
	top:75px;
	width:320px;
	line-height:20px	
}
#contacttext p{
	color:#333;
}

#contact h3{
	font-size:30px;
	line-height:30px;	
}



.contactform label{
float: left;
width: 100px;
font-weight: bold;
}

.contactform input, textarea{
width: 350px;
margin-bottom: 10px;
margin-left: 5px;
}

.contactform textarea{
width: 350px;
height: 130px;
}

#moredetailbtn{
	position:absolute;
	top:380px;
	left:33px;
	height:26px;
	width:93px;
}

#moredetailbtn img{
	display: block;	
}

#moredetailbtn a{
	height:26px;
	width:93px;
	/*display:block;
	background: #fff url(../img/btn_moredetail.gif) no-repeat top center;*/
}



.sends{
	width:340px;
	margin-left:110px;
}
.sends input{
	width:93px;
	height:26px;
	margin-left:140px;
	margin-top:10px;
}
/*
#submitbutton{
margin-left: 120px;
margin-top: 5px;
width: 90px;
}*/

.pouet{
	border-top:1px #ddd solid;
	padding-top: 7px;
}

.pouet2{
	border-top:1px #ddd solid;
	border-bottom:1px #ddd solid;
	padding-top: 3px;
	padding-bottom: 3px;
}


.contactform{
	position:absolute;
	left:420px;
	width:470px;
	top:150px;
}

.footermain {
	position: relative;
	width: 458px;
	float: right;
}

.footermain a{
	color: #ff592f;
}

.latestcontent{
	float:left;
}

.languages{
	float:right;
	padding-top: 0px;
}
.languages img{
	vertical-align: middle;
	margin-top: -1px;
	padding-left: 3px;
}
.languages p{
	padding-bottom:9px;
}

.menu2{
	margin-top:-33px;
	float: right;
}

#blog li:hover {
	text-decoration: underline;
}
/*
#blog h3{
 margin-left:3px;
}*/

#blog ul{
	/*list-style-image: url(../img/arrow_small.gif);*/
	padding-left:5px;
}

#blog ul li{
	background: #fff url(../img/arrow_small.gif) no-repeat left center;	
	padding-left:10px;
}

#blog a{
	color:#333;
}


#navright{
	background: url(../img/arrow_right01.gif) transparent;
	width:17px;
	height:15px;
	position:absolute;
	right:15px;
	top:50%;
}

#navright:hover{
	background: url(../img/arrow_right02.gif) transparent;
	}

#navright a{
	width:17px;
	height:15px;
	display: block;
}

#navleft{
	background: url(../img/arrow_left01.gif) transparent;
	width:17px;
	height:15px;
	position:absolute;
	left:15px;
	top:50%;
}
#navleft:hover{
	background: url(../img/arrow_left02.gif) transparent;
	}


#navleft a{
	width:17px;
	height:15px;
	display: block;
}

#navclose {
	width:15px;
	height:15px;
	background: url(../img/close.gif) #fff;
	position: absolute;
	top:15px;
	right:15px;
}

#navclose a{
	width:15px;
	height:15px;
	display: block;
}

.bookdescription{
	font-size:10px;
	line-height:14px;
	position: absolute;
	left:10px;
	top:10px;
}


.cddescription{
	font-size:11px;
	line-height:14px;
	position: absolute;
	left:60px;
	top:50px;
}

.cddescription ol{
	list-style: inside decimal-leading-zero;
}

.listen{
	background:#fff url(../img/icon_listen.gif) left center no-repeat;
	margin-left:-15px;
	padding-left:15px;
	color:#ff592f;
}

.bookdescription2{
	width:310px;
	font-size:10px;
	line-height:14px;
	position: absolute;
	right:10px;
	bottom:20px;
}



.bookslist li{
	width: 290px;
	list-style: none;
	display: block;
	float: left;
	padding-top: 20px;
	padding-bottom:20px;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
	height:180px;
	font-size: 10px;
	line-height: 14px;
	color: black;
}
.bookslist img{
	border: 2px solid #fff;
}
.bookslist a{
	color:#333;
}
.bookslist a:hover{
	color: #ff592f;
}
.bookslist a:hover img{
	border: 2px solid #ff592f;
	color: #ff592f;
	}

/*.bookslist img:hover{

}*/
.bookslist p{
	padding-top:10px;
	padding-bottom:10px;
}

.newslist li{
	width: 280px;
	list-style: none;
	display: block;
	float: left;
	padding-top: 20px;
	color:#333;
	margin-left:20px;
}
.newslist li h4{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding : 7px 0px 5px 10px;
	font-size:12px;
	height:16px;
}
.newslist li p{
	font-size:11px;
	line-height: 20px;
	height:133px;
	padding:5px 10px 0px 10px;
	overflow: hidden;
}

.newslist li p.moredetail{
	border-top:1px solid #ccc;
	border-bottom:1px solid #333;
	height:30px;
	padding-top:5px;
	text-align: right;
	font-size:10px;
}

.newslist li p.moredetail a{
	color: #ff592f;
}

.newslist li p.moredetail span{
	border-bottom:none;
}


.thumblist{
	width: 106px;
	position: absolute;
	left: -135px;
	top: 40px;
}

#kungfulist{
	left: 700px;
	top:30px;
}
#careerlist{
	left: 750px;
	top:-35px;
}

.thumblist li{
	text-align: center;
	width: 100%;
	height: 115px;
}
.thumblist img{
	border: solid 2px transparent;
}

.thumblist a:hover img{
	border: solid 2px #ff592f;
}

.thumblist a:hover {
	text-decoration: underline;
}
li.long{
	height:135px;
}

.text {
	position: relative;
	top: 30px;
	width: 425px;
	left: 160px;
	font-size: 13px;
	line-height: 20px;
}

#careertext{
	left: 40px;
	top:105px;
	width:500px;
	line-height:20px
}

#careertext h2{
	padding-bottom:6px;
	color:#fff;
/*	//margin-bottom: 10px;*/
}

#careertext p{
	color:white;
}

.text p{
	padding-top: 10px;
}


.text{
	color:#aaa;
}

#abouttext{
	width:500px;
	left:410px;
	top:60px;
	position:relative;
	color:#333;
	font-size: 11px;
	line-height: 18px;
}
#abouttext h2{
	font-size: 18px;
	line-height:20px;
}
#abouttext p{
	padding-top:0px;
	width:430px;
}


#textkungfu{
	font-size: 13px;
	line-height: 20px;
	padding-top:20px;
	color: #fff;
	left:80px;
}
#textkungfu p{
	padding-bottom: 12px;
}

#textkungfu h2{
	padding-bottom:6px;
}



#textmusic{
	font-size: 13px;
	line-height: 20px;
	padding-top:60px;
	color: #fff;
}
#textmusic p{
	padding-bottom: 12px;
}

#textmusic h2{
	padding-bottom:6px;
}


.aboutlinks{
	position:relative;
	right:0;
	padding-top:0px;
	text-align:right;
	font-size:24px;
	line-height:34px;
}
.aboutlinks img{
	padding-right:5px;
	padding-bottom:3px;
}

.aboutlinks a{
	color: #ff3200;
}

h3 {
	margin-bottom: 5px;
	font-weight:bold;
	color: #333;
}

.nav{
	float:left;
}

.nav a{
	font-size:13px;
}

#navprev{
	background: url("../img/arrow_left02.gif") bottom right no-repeat;
	width: 140px;
	height: 15px;
	padding-top:10px;
	padding-right:20px;
	margin-right:0px;
	color:#333;
}


/*
#navprev:hover{
	background: url("../img/arrow_left02.gif") bottom right no-repeat;
}*/


#navnext{
	background: url("../img/arrow_right02.gif") bottom left no-repeat;
	width: 100px;
	height: 15px;
	margin-left:10px;
	padding-top:10px;
	padding-left:20px
}

#navmusic{
	background: url("../img/arrow_right03.gif") center left no-repeat;
	padding-left:30px;
}
	

/*
#navnext:hover{
	background: url("../img/arrow_right02.gif") bottom left no-repeat;
}*/


h3 span{
	margin-left: 5px;
}

/*
ul#nav{ 
	margin:0; 
	padding:1px 0; 
	list-style:none; 
	width:100%; 
	height:21px; 
	}
ul#nav li{ 
	margin:0; 
	padding:4px 0; 
	display:block; 
	float:left; 
	position:relative; 
	width:148px;

	}

ul#nav li a,
ul#nav li:hover a{ 
	padding:0px 0; 
	display:block; 
	text-align:center; 
	width:146px; 
	height:13px; 
	}
ul#nav li:hover{
	background: #ddd;
}
ul#nav li ul.subnav	{ 
	margin:0; 
	padding:1px 1px 0; 
	list-style:none; 
	display:none; 
	width:146px; 
	position:absolute; 
	top:21px; 
	left: 0px;
	}
ul#nav li:hover ul.subnav{ 
	display:block;
	backgroud:#333;
	}
ul#nav li ul.subnav li{ 
	width:146px; 
	clear:left; 
	background:#333;
	}
*/

/* image replacement */
h1 a{
	  float:left;
	  height: 60px;
	  width: 176px;
	  display:block;
	  padding: 0 0 0 0;
	  margin:0 0 0 0 ;
	  background: #fff url(../img/logo_fdb.gif) no-repeat top center;
	}

#error{
	color:red;
}

#error div p{
	color:red;
}

/* Typography */

body{
	font-size: 11px;
	line-height: 14px;
	font-family: Helvetica;
}

h3 {
	font-size: 14px;
	font-weight: bold;
}
h3 span{
	font-size: 11px;
	line-height:11px;
}


h2 {
	font-size: 32px;
	line-height:32px;
}



.thumblist{
	text-align: center;
	font-size: 10px;
	line-height: 14px;
	color: #ff592f;
	}



a{
	color: #ff592f;
}
.footermain {
	font-size: 9px;
	text-align: right;
	line-height: 20px;
}


.navprevious{
	font-size: 14px;
	color: #aaa;
}


.navprevious:hover{
	color: #444;
}


.navnext{
	font-size: 14px;
	color: #aaa;
}


.navnext:hover{
	color: #444;
}

#nav{
	font-size: 14px;
	text-align: center;
}

#subnav{
	font-size: 12px;
}

.detail{
	height:360px;
	width:620px;
}

.detail p{
	width:290px;
	padding-top:10px;
}

#careerprofile a{
	color: #ff592f;
}


#aboutkungfu{
	background: url(../img/img_about_kf.jpg) #fff no-repeat;
}

#wudang{
	background: url(../img/mountainback.jpg) #fff no-repeat;
}

#wudangtext{
		  padding-left:30px;
		  padding-top:30px;
}
#wudangtextfr{
		  padding-left:30px;
		  padding-top:30px;
}

#wudangtextfr p{
		  width:400px;
}
#wima{
	background: url(../img/wimaback.gif) #fff no-repeat;
}
#wimatext{
		  padding-left:30px;
		  padding-top:30px;
}

#kungfutext{
		  padding-left:30px;
		  padding-top:80px;
}

#kungfutextfr{
		  padding-left:30px;
		  padding-top:20px;
}
#kungfutextfr p{
	width: 220px;
}
#kungfutext p{
	width: 200px;
}
#musicprofile{
	height: 360px;
	width: 620px;
	color: #eee;
	padding-left:20px;
	padding-top:70px;
	background: url(../img/img_profile_music.jpg) #fff no-repeat;
}

#musicprofile h4{
	font-size: 11px;
	line-height: 14px;
}

#musicprofile{
	line-height: 16px;
	font-size: 11px;
}

#musicprofile p{
	width:300px;
}

#careerprofile{
	color: #aaa;
	padding-left:20px;
	padding-top:88px;
	line-height: 18px;
	font-size: 11px;
	background: url(../img/img_profile_career.jpg) #fff no-repeat;
}

#careerprofile h4{
	font-size: 11px;
	line-height: 14px;
}

#careerprofile p{
	width: 300px;
	color:#333;
}

#duboismethod a:hover{
	text-decoration: underline;
}

#duboismethod{
	color: #333;
	padding-left:20px;
	padding-top:60px;
	background: url(../img/img_duboismethod.jpg) #fff no-repeat;
}

#duboismethod h4{
	font-size: 11px;
	line-height: 14px;
}

#duboismethod{
	line-height: 18px;
	font-size: 11px;
}

#marimba1{
	background: url(../img/img_marimba.jpg) #fff no-repeat;
}

#marimbastory1{
	padding-top:115px;
	padding-left:30px;
	line-height:16px;
}

#marimbastory1 p{
	width:305px;
}

#marimbastory3{
	padding-top:60px;	
	padding-left:30px;
}
#marimbastory3 p{
	width: 325px;
	line-height:16px;
}

#marimbastory2{
	position:absolute;
	top:45px;
	left:50%;
	width: 396px;
	line-height:16px;
	margin-left:-198px;
}
#marimbastory2 p{
	width: 400px;	
	line-height:16px;
}


#marimba2{
	background: url(../img/img_marimba02.jpg) #fff no-repeat;
}

#pagenumber{
	position:absolute;
	left:50%;
	top:90%;
}

#marimba3{
	background: url(../img/img_marimba03.jpg) #fff no-repeat;
}

#marimba h4{
	font-size: 11px;
	line-height: 14px;
}

#detail.marimba1{
	line-height: 20px;
	font-size: 11px;
}


#sugoi{
	background: url(../img/books/img_book_03.jpg) #fff no-repeat;
}

#nihonjin{
	background: url(../img/books/img_book_06.jpg) #fff no-repeat;
}

#duboishou{
	background: url(../img/books/img_book_07.jpg) #fff no-repeat;
}

#ichipa{
	background: url(../img/books/img_book_08.jpg) #fff no-repeat;
}

#wudangbook{
	background: url(../img/books/img_book_12.jpg) #fff no-repeat;
}
#karadabook{
	background: url(../img/books/img_book_11.jpg) #fff no-repeat;
}
#jinseibook{
	background: url(../img/books/img_book_10.jpg) #fff no-repeat;
}
#methodbook{
	background: url(../img/books/img_book_09.jpg) #fff no-repeat;
}

#dame{
	background: url(../img/books/img_book_05.jpg) #fff no-repeat;
}
#koibito{
	background: url(../img/books/img_book_04.jpg) #fff no-repeat;
}

#book01{
	background: url(../img/books/img_book_01.jpg) #fff no-repeat;
}
#book02{
	background: url(../img/books/img_book_02.jpg) #fff no-repeat;
}

#cd01{
	background: url(../img/cd/img_cd_01.jpg) #fff center 50px no-repeat;
}

#cd02{
	background: url(../img/cd/img_cd_02.jpg) #fff center 50px no-repeat;
}
#cd03{
	background: url(../img/cd/img_cd_03.jpg) #fff center 50px no-repeat;
}
#cd04{
	background: url(../img/cd/img_cd_04.jpg) #fff center 50px no-repeat;
}
#cd05{
	background: url(../img/cd/img_cd_05.jpg) #fff center 50px no-repeat;
}
#cd06{
	background: url(../img/cd/img_cd_06.jpg) #fff center 50px no-repeat;
}
#cd07{
	background: url(../img/cd/img_cd_07.jpg) #fff center 50px no-repeat;
}
#cd08{
	background: url(../img/cd/img_cd_08.jpg) #fff center 50px no-repeat;
}


.youtube{
padding-left:30px;
padding-top:100px;
}
.youtube h4{
}
.youtube p{
	width:200px;
}

.youtube img{
	position:absolute;
	top:100px;
	right:60px;
}

.cdaudio{
	width:290px;
	position:absolute;
	top:30px;
	right:65px;
}
.cdaudio img{
	border: 1px solid #ddd;
	padding:13px;
	margin-bottom:10px;
}

/* Menu style */
/* remove the bullets, padding and margins from the lists */
.menu ul{
float:right;
list-style-type:none;
padding:0 0 0 0;
margin:0 0 0 0;
margin-top:33px;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;
}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-0px;
top:30px;
}

/* style all the links */
.menu a, .menu :visited {
display:block;
font-size:14px;
/*width:170px;*/
padding:7px 0;
padding-left:20px;
padding-right:20px;
color:#333;
background:#fff;
text-decoration:none;
margin-right:0px;
text-align:left;
font-weight: bold;
}


#aboutlink{
padding-left:35px;
width: 170px;
}

#newslink{
	margin-right:35px;
}


.menu a.linkblog{
	margin-left:50px;
}



/* style the links hover */
.menu a:hover{
	color:#444;
	background:#ddd;
	text-decoration:none;
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
font-size: 12px;
width:170px;
height:0;
margin-top: 0px;
background: #222;
}

.menu ul ul li a{
	font-size:12px;
	padding-left:35px;
}

#musiclink{
	border-bottom:1px solid #444;
}
.menu ul ul a, .menu ul ul a:visited{
background: #222;
width: 170px;
padding-left:35px;
color:#fff;
}

.menu ul ul a:hover{
width: 170px;
background:#444;
color:#fff;
}



/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}

.menu img{
	margin-left:10px;
	margin-bottom:3px;
}