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

body {

	/*margin: 10 10 10 10px;*/
	width:950px;
	margin-top:0px;
	margin-bottom:10px;
	font-family:georgia,"times new roman",times,serif;
	font-size:11px;
}

img {
	user-select: none;
}

#gallery {
	float:right;
	margin-left:14px;
	margin-top:5px;
}

.about-me-thumb {
	float:right;
	margin-left:10px;
	margin-bottom:9px;
	/*margin-top:2px;*/
	clear:right;
	/*margin-left:8px;*/
}

a {
	text-decoration:none;
	color:#1E84A8;
}

a.visited {
	color:null;
}

a.hover {
	text-decoration:underline;
}

.clearfix {
	clear:both;

}

h2 {
	width:100%;
	margin-top:4px;
	/*padding-left:5px;*/
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	padding-top:4px;
	padding-bottom:4px;
	margin-bottom:7px;
	font-size:13px;
	color:#111;
}


h3 {
	color:#222222;
	margin-top:0px;
	padding-top:0px;
	font-size:12px;
	
}

h4 {
	margin-bottom:8px;
	color:#666;
	margin-top:0px;
	font-size:11px;
}

td {
	vertical-align:top;

}

ul {
	margin-top:0px;
	margin-bottom:13px;
	margin-left:0px;
	padding-left:20px;
}

li {
	margin-top:0px;
	margin-bottom:3px;
	margin-left:0px;
	padding-left:0px;
}

p, li{
	color:#666;

	/*color:#777777;*/
	font-size:12px;
	line-height:18px;

}

p {
	margin-top:0px;
	padding-top:0px;
	margin-bottom:0px;
	padding-bottom:8px;
}

body {
	background-color:#cccccc;
}

#outer {
	background-color:#fff;
	/*width:80%;
	margin-left:auto;
	margin-right:auto;*/
	margin-left:12px;
	padding-left:50px;
	padding-right:75px;
	padding-top:18px;
	padding-bottom:18px;
	
}

#footer {
	clear:both;
}


#content {
	/*margin-top:16px;*/
	/*margin-top:22px;*/
	padding-top:5px;

}


#header-links a, span.header-label {
	font-family: arial,helvetica,sans-serif;
	/*text-decoration:none;*/
}



#acol {
	padding-top:20px;
	margin-left:0px;
	width:300px;
	float:left;
}

#bcol {
	margin-left:320px;

}


#logo-home {
	/*margin-left:150px;*/
	/*padding-right:45px;*/
	/*border-right: 2px solid #bbbbbb;*/
	width:200px;
	float:left;
	margin-right:30px;
}


#header-links {
	margin-left:0px;
	/*margin-right:200px;*/
	margin-top:6px;
	float:right;
	cursor:default;
}





.header-label {
	margin-top:5px;
	margin-right:0px;
	margin-left:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#888;
	float:left;
	text-transform:uppercase;
	margin-bottom:7px;
}

.header-label-char1 {
	font-size:13px;
}


#header-label-space {
	margin-left:21px;
}

#header {
	/*clear:both;
	padding-bottom:22px;*/
}


#header-links a {
	font-style:normal;
	/*font-weight:bold;*/
	/*display:inline;*/
	margin-left:28px;
	font-size:12px;
	/*color:#777;*/

	float:left;
}

a:hover {
	text-decoration:underline;
}

.header-link-top {
	font-size:14px;
	margin-bottom:3px;
	/*font-weight:bold;*/
}

.header-link-bottom {
	font-size:11px;
}

img {
	border:0;
}


#acol p {
	/*width:220px;*/
	width:80%;
}

#index-page a.home-link,
#lessons-page a.lessons-link,
#bio-page a.bio-link,
#gallery-page a.gallery-link,
#contact-page a.contact-link,
/*#music-page a.music-link,*/
#testimonials-page a.testimonials-link
{
	/*color:#1E84A8;*/
	color:#cc0000;
	cursor:default;
	text-decoration:none;
}


#index-page a.home-link {
	/*display:none;*/
}


.clearfix {
	clear:both;
}




#free-lesson {
	font-style:italic;
	/*text-decoration:blink;*/
	position:absolute;
	float:right;
	padding:3px;
	border:1px solid #777;
	top:88px;
	left:480px;
	backgroun-color:#fff;

}

#free-lesson h3 {
	margin:0px;
}


/* HOME PAGE */

#index-page {
	/*background-image: url("images/hp-bg-v1.png");
	background-repeat: no-repeat;
	background-position: 958px 0px;*/


}


#index-page #acol {
	width:400px;
	/*position:absolute;*/
}

#index-page #bcol {
	margin-left:470px;
	/*width:400px;*/
	/*width:451px;*/
	/*float:right;*/
	/*position:relative;*/
	/*top:10px;*/
}

#index-page #statement {
	width:370px;

	/*position:absolute;*/
	font-size:16px;
	font-style:italic;
	color:#555;
	/*margin-left:70px;*/
	margin-top:6px;
	margin-bottom:28px;
	line-height:1.5em;
}


#index-page .testimonial {
 	margin-left:20px;
 	/*float:right;*/

}


#index-page p.excerpt {
	margin-top:18px;
	margin-bottom:4px;
}

#index-page p.name {
	margin-top:4px;
	text-align:right;
}

#index-page #seal-img {
float:left;
position:relative;
left:-48px;
top:-64px;

}

#index-page #home-img {
	position:relative;
	float:right;
	/*width:371px;*/
	top:0px;
	/*margin-right:-28px;
	width:351px;*/
	
}




#hanzi {
	position:absolute;
	z-index:2
	
	float:left;
	user-select: none;
}

#hanzi .blurb {
	/*float:right;*/
	position:absolute;
	left:400px;
	top:40px;

	/*overflow:hidden;*/
}

#tip {
	position:relative;
	left:60px;
	top:-36px;
	font-style:italic;
	color:#777;
	width:200px;
	font-size:13px;
}

#hanzi .slice {
	width:50px;
	position:relative;
	overflow:hidden;/**/
	/*clip:auto;*/
	user-select: none;
}

#hanzi img {
	height:50px;

}

#hanzi img:hover {
	cursor:pointer;
}



/* LESSONS */

table {
	/*border-color:#CCCCCC;
	border-width:1px;*/

}


#lessons-page #bcol {
	/*margin-left:335px;*/
	display:none;

}

#lessons-page .col1 {
	margin-right:20px;
	width:160px;
	
}

#lessons-page .col2 {
	width:400px;
	
	
}

#lessons-page #acol {
	width:700px;
	
}

#lessons-page .section-content {

	margin-left:30px;
	width:700px;
	padding-top:8px;
}


/* BIOGRAPHY */
#musicplayer {
	/*margin-top:4px;*/
	position:relative;
	top:-9px;
}

#bio-page .acol-img {
	/*width:230px;*/
}

#bio-page #bcol {

	width:500px;
}


#bio-page #acol {
	width:316px;
}

#bio-page h4 {
	color:#111;
}

/* GALLERY */
#gallery-page #acol {
	width:100%;
}

#gallery-page #bcol {
	display:none;
}


/* CONTACT */
#contact-page #content h3 {
	margin-bottom:8px;
	margin-top:18px;
}

#contact-page #outer {
	padding-bottom:180px;
}

#contact-page #content h4 {
	margin-top:22px;
}

#contact-page #acol {
	width:260px;
}


/* TESTIMONIALS */


.testimonial-pic {

	float:right;
	margin-left:14px;
	margin-top:14px;
	margin-bottom:4px;
	color:#777;
	clear:both;
}

.testimonial-pic img {
	width:240px;
	font-size:10px;
	margin-bottom:3px;
}


img.visible-popup {
	margin-top:10px;
	display:block;
	top:10px;
	left:10px;
}



#testimonials-page #content h3 {
	margin-bottom:4px;
}

#testimonials-page #content h4 {
	font-style:oblique;
	font-weight:normal;
	font-size:12px;
	margin-top:7px;
	color:#777777;
}

#testimonials-page p {
	width:450px;
}

#testimonials-page p.excerpt {
	margin-top:28px;
	margin-bottom:4px;
}

#testimonials-page p.name {
	margin-top:4px;
	text-align:right;
}

#testimonials-page p.excerpt a {
	display:inline;
	margin-left:9px;
}

img.hidden-popup {
	display:none;
}

#testimonials-page #acol {
	width:100%;
}

#testimonials-page #bcol {
	display:none;
}