/*	---------------------------------------------------------------------------------------
  Yumitolesson.com

  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  Desc:		Main styles
  File:		yumitolesson.css
  Version:	1.0
  Date:		April 13th, 2010
  Author:	Elune Art
  ---------------------------------------------------------------------------------------	*/
/*	---------------------------------------------------------------------------------------
  Default styles
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  
html,body {
  margin:0px;
  padding:0px;
 background:#EFFEF7 url(images/bg-head.jpg) 0 0 repeat-x;
  font-family:sans-serif
		  
		  }
		  
body {
		  
		  font-size:75%;
		  color:#4f4f4f;
		  }
table, td, th {font-size:13px}	
p, h1, h2, h3, h4, form, ul, li, dl, dt, dd {
  padding:0px;
  margin:0px;
  font-size:100%
}
ul,  li, dl, dt, dd {
	padding:0px;
	margin:0px
}
li.italic {font-style:italic;}
ul {list-style:none}
ol {list-style:decimal}

p {
  line-height:20px;
  font-size:12px;
  font-weight: normal;
  padding: 5px 10px;
 
  margin: 0;
}
a {
	color:#4ca64c;
	outline:none;
	text-decoration:none;
	font-size:100%
}
		  
a:hover {
  color:#23A699;
}
a:visited {

}	
img {
		  border:0px}
.cleary {
  clear: both;
  height: 0;
  display:block;
  background:transparent;
  float:none
}
pre {font-size:12px}
/*	---------------------------------------------------------------------------------------
  Typography
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  h1,h2,h3,h4,h5,h6, fieldset legend {
	font-family:sans-serif;
	padding:0 5px 5px 5px;
	margin:5px
}
  h1 {font-size:20px;
  font-weight:normal;
  color:#4ca64c;
  margin:0;
  padding:0}
   h2 {
	color:#4ca64c;
	font-size:24px;
	font-weight: normal;
}
   h3, legend {
	color:#0E694B;
	font-size:18px;
	font-weight:normal
}
h3.testimonials {background:url(images/bg-testimonials.gif) -5px 0 no-repeat;
height:40px;
padding:0px 0 10px 45px}
h3.learning_materials {background:url(images/bg-learning-materials.gif) 0 0 no-repeat;
height:38px;
padding:15px 0 0 55px;
margin-left:-5px}
h3.exam {background:url(images/bg-exam.gif) 0 0 no-repeat;
padding:15px 0 0 60px;
height:30px}
h3.store {background:url(images/bg-store.gif) 0 0 no-repeat;
padding:15px 0 0 55px;
height:35px}
   h4 {color:#007600; font-size:14px; font-weight:bold}
   h5 {color:#007600; font-size:14px; font-weight:bold}
   h6 {color:#007600; font-size:12px; font-weight:bold}
    h1 a {
	background:url(images/logo.jpg) 0 0px no-repeat;
	display:block;
	float:left;
	width:311px;
	height:51px;
	text-indent:-999999px;
	margin:0px 0 0 -15px;
	padding:0
  }
  p.promotext {display:block;
  width:661px;
  height:34px;
  text-indent:-9999999px;
  background:url(images/description.png) 0 0 no-repeat;
  color:#fff;
  font-size:14px;
  line-height:24px;
  margin:170px 0 0 0px;
  float:left;
  z-index:1000000;
  position:absolute; top:80px}
  div#animation {float:left; margin-top:9px; margin-left:-20px; z-index:0; position:absolute; top:51px}
  #leftcontent p {font-size:14px;
  line-height:24px}
   #leftcontent .banner_world {margin-left:10px}
  #leftcontent .banner_world p, #leftcontent .banner_japan p{
	display:block;
	width:340px;
	
	font-size:12px;
	font-weight:bold;
	padding:45px 0 0 40px;
	float: left;
}
#japul li {list-style: hiragana outside none;}
#leftcontent .banner_world p a {color:#122532}

#leftcontent .banner_spain p {
	display:block;
	width:340px;
	color:#000;
	font-size:12px;
	font-weight:bold;
	padding:45px 0 0 180px;
	float: left;
}
#leftcontent .banner_china p{
	display:block;
	width:340px;
	color:#000;
	font-size:12px;
	font-weight:bold;
	padding:55px 0 0 20px;
	float: right;
}
#leftcontent .banner_russia p{
	display:block;
	width:340px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	padding:55px 0 0 20px;
	float: right;
}
 #leftcontent .banner_france p{
	display:block;
	width:340px;
	color:#000;
	font-size:12px;
	font-weight:bold;
	padding:55px 0px 0 120px;
	float: left;
}
#leftcontent .banner_italy p{
	display:block;
	width:340px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	padding:55px 0 0 40px;
	float: left;
}

#leftcontent .banner_world p {color:#122532;}
#leftcontent .banner_japan p {
	color:#fff;
	padding-bottom: 15px;
}
#footer p {display:block;
margin:15px auto;
text-align:center;
color:#1a384b}
   /*	---------------------------------------------------------------------------------------
  Layout boxes
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  #header {width:100%;
  background:#feeff6 url(images/bg-head.jpg) 0 0 repeat-x;
  height:333px; position:relative}
  #head_content {width:930px;
  height:285px;
  padding:0 15px;

  margin:auto}

  #maincontent {width:930px;
  padding: 15px 15px;
  margin:auto;
  background:url(images/bg-maincont.jpg) 0 0px repeat-y }
  #leftcontent {width:615px;
  float:left;
    margin:0 15px 20px 10px;}
  #sidebar {width:290px;
  float:left;
margin:30px 0 0 0;
  padding-bottom:30px;
 /* background:url(images/bg-sidebar.gif)  no-repeat scroll 0px bottom;*/}
  #sidebar .sbtop {position: relative;
	display:block;
	height: 20px;
	top:-20px;
	background:url(images/bg-sidebar.gif) no-repeat scroll 0px 0px;}
	#sidebar .sidebar_content {margin:-30px 0 0 0}
	.banner_world {background:url(images/banner-world.gif) 0 0 no-repeat;}
	.banner_japan {background:url(images/banner-japan.gif) 0 0 no-repeat;}
	.banner_china {background:url(images/banner-china.gif) 0 0 no-repeat;}
	.banner_france {background:url(images/banner-france.gif) 0 0 no-repeat;}
	.banner_russia {background:url(images/banner-russia.gif) 0 0 no-repeat;}
	.banner_spain {background:url(images/banner-spain.gif) 0 0 no-repeat;}
	.banner_italy {background:url(images/banner-italy.gif) 0 0 no-repeat;}
  .banner_world, .banner_japan, .banner_china ,.banner_france , .banner_russia,  .banner_spain ,  .banner_italy  {
  width:594px;
  height:142px;
  margin:15px 0}
  div.learning, div.exam,div.store {width:260px;
  margin-left:auto;
  margin-right:auto;
  padding-top:15px}
  div.exam {margin-top:-50px!important}
  div.testimonials, div.learning, div.exam, div.lessons {border-bottom:1px solid #dcf2fd;
  padding-bottom:15px}
  div.lessons {margin-bottom:0px; margin-top:20px}
  div.lessons ul {padding-left:15px}
  div.store {padding-bottom:30px}
  #footer{width:100%;
  background:#fad1e3;
  border-top:8px solid #f79bc4
 }
  #footer .footcontent {
  width:930px;
  padding:36px 15px 0 15px;
  height:198px;
  margin:auto}
  
     /*	---------------------------------------------------------------------------------------
  Navigation and lists
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  ul#mainmenu {
	width:1110px;
	margin:auto;
	height:40px;
	clear:both!important;
	margin-top:3px

  }
 @media screen and (-webkit-min-device-pixel-ratio:0){ul#mainmenu {margin-top:0px}}
@media screen and (-webkit-min-device-pixel-ratio:0){ul#mainmenu li {
	margin-top:2px
}}
  ul#mainmenu li {float:left;}
  ul#mainmenu li a {
	display:block;
	font-size:16px;
	padding:7px 10px 0 15px;
	color:#280100
}
ul#mainmenu li a:hover {color:#00b300}
#leftcontent ol {font-size:14px;
line-height:24px}
#lefcontent .entry ol li { display:block}
  #leftcontent ul {margin:15px 0}
  #leftcontent ul li {font-size:14px;
  padding:0 0 0 25px;
  background:url(images/bg-li-maincont.gif) 0 3px no-repeat;
  margin:10px;
  line-height:24px}
  #footer ul li {float:left}
   #footer ul li a {display:block;
   text-indent:-999999px;
   width:300px;
   height:69px}
   #leftcontent ul.flags, .nsb ul.flags  {padding:15px 0 40px 0;
   margin:0}
   .nsb ul.flags {margin-bottom:80px}
   #leftcontent  ul.flags li, .nsb ul.flags li {display:block;
   width:150px;
   text-align:center;
   float:left;
   padding:0;
   margin:0 0 15px 0;
   background:none}
   #leftcontent  ul.flags li a, .nsb ul.flags li a {display:block;
   margin:5px 0;
   font-weight:bold}
   #leftcontent ul.learning_materials {padding:15px 0;
   margin:0}
   #leftcontent ul.learning_materials li {display:block;
   width:169px;
   height:103px;
   border:1px solid #a9ccde;
   float:left;
   margin:0 7px 15px 7px;
   padding:10px;
   background:none;
   line-height:normal;
   text-align:center}
   #leftcontent ul.learning_materials li:hover {border:1px solid #669900;}
    #leftcontent ul.learning_materials li a {padding:0;
	margin:0;
	background:none;
	font-weight:bold;
	display:block;
	margin:0 0 5px 0}
	#leftcontent ul.j-steps li {
	color:#10A5E1;
	font-size:26px;
	padding: 0 0 0 45px;
	background:url(images/bg-li-maincont-big.gif) 0 0 no-repeat}
	#leftcontent ul.steps li {
	color:#10A5E1;
	font-size:18px;
	padding: 0 0 0 25px;
	background:url(images/bg-li-maincont.gif) 0 4px no-repeat}
	
	#leftcontent ul.steps li ul li, #leftcontent ul.j-steps li ul li {background:none;
	font-size:14px;
	color:#000;
	padding:0}
	#leftcontent ul.steps li ul li, #leftcontent ul.j-steps li ul li a img {display:inline; padding:0 10px}
	#leftcontent ul.steps li ul, #leftcontent ul.j-steps li ul {margin:0; padding:0;
	border-bottom:1px dashed #999;
	padding-bottom:15px;
	margin-bottom:15px}
	#leftcontent ul.steps li ul li strong, #leftcontent ul.j-steps li ul li strong {color:#70A514;
}
#leftcontent ul.steps li ul li strong, #leftcontent ul.j-steps li ul {
	margin-left:0px
}
#leftcontent ul.steps li ul li strong, #leftcontent ul.j-steps li ul li.pdf {background:url(images/i-pdf.jpg) 0 0 no-repeat; display:block; padding-left:40px; padding-bottom:3px}
#leftcontent ul.steps li ul li strong, #leftcontent ul.j-steps li ul li.word{background:url(images/i-word.jpg) 0 0 no-repeat; display:block; padding-left:40px;padding-bottom:3px}
#leftcontent ul.steps li ul li strong, #leftcontent ul.j-steps li ul li.html {background:url(images/i-html.jpg) 0 0 no-repeat; display:block; padding-left:40px;padding-bottom:3px}
#leftcontent ul.steps li ul li strong, #leftcontent ul.j-steps li ul li strong a:hover {border-bottom:1px solid #70A514}
	#leftcontent ul.steps li strong, #leftcontent ul.j-steps li strong {color:#70A514; font-weight:normal}
	#sidebar li{list-style:none!important;
	padding:0 0 0 20px;
	line-height:24px;
	font-size:14px; background:none}
	#sidebar .lessons li {line-height:24px;
	font-size:12px; background:url(images/bg-li-maincont.gif) 0 5px no-repeat; padding:0 0 15px 25px}
	#vmarquee ul li {background:none}
	#sidebar li a {color:#4ca64c}
	#sidebar li a:hover {color:#823757}
	#sidebar .textwidget {padding:0 25px}
	#sidebar li h3 {border-bottom:1px dashed #999;
	display:block;
	width:85%}
 div.buttons-header a.buttons {background:url(images/but-header.gif) 0 0 no-repeat;
	width:199px;
	height:37px;
	display:block;
	color:#fff; text-align:center; font-size:18px;
	padding:10px 0 0 0;
	margin-bottom:20px
}
 div.buttons-header a.buttons:hover {background:url(images/but-header.gif) 0 -51px no-repeat;}
div.buttons-header {float:right;  z-index:1000000;
  position:absolute; top:80px; margin-left:720px}
       /*	---------------------------------------------------------------------------------------
  Links and buttons
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  a.register_today, a.submit {background:url(images/but-big-green.gif) 0 0 no-repeat;
  width:159px;
  height:40px;
  font-size:18px;
  color:#fff;
  display:block;
  padding:12px 0 0 28px;
  margin:10px 0 10px 15px;
  cursor:pointer}
   a.register_today:hover, a.submit:hover {background:url(images/but-big-green.gif) 0 -52px no-repeat;
   color:#fff}
    ul.steps a.download {background:url(images/but-big-green.gif) 0 0 no-repeat;
  width:159px;
  height:40px;
  font-size:18px;
  color:#fff;
  display:block;
  padding:12px 0 0 28px;
  margin:10px 0 10px 15px;
  cursor:pointer;
  float:right;
  margin:-60px 0 0 0}
    ul.steps  a.download:hover {background:url(images/but-big-green.gif) 0 -52px no-repeat;
   color:#fff}
   ul.steps a.top {float:right}
   #leftcontent .banner_world p.lowerlink {float:left;display:block;
   width:65px;
   height:47px;
   padding:0;
   margin:0}
 #leftcontent .banner_world p.lowerlink a.more{width:65px;
   height:47px;
   display:block;
   float:left;
   color:#4ca64c;
   font-size:14px;
   font-weight:bold;
   text-align:center;
   padding:30px 0 0 60px;
   cursor:pointer;
  }
  #leftcontent .banner_world p.lowerlink a.more:hover {
	color:#823757
}
   .banner_japan a.more {
	 background:url(images/but-readmore-banner.png) 0 -24px no-repeat;  
	   width:74px;
   height:25px;
   display:block;
   float:right;
 
   color:#281f1e;
   font-size:12px;
   font-weight:normal;
   text-align:center;
   padding:0px 0 0 0;
   cursor:pointer;
   margin:0px 150px 0 0px;
   font-weight:bold
  }

  .banner_japan a.more:hover {
	 background:url(images/but-readmore-banner.png) 0 0px no-repeat; 
}
.banner_spain a.more {
	 background:url(images/but-readmore-banner-spain.png) 0 0px no-repeat;  
	   width:74px;
   height:24px;
   display:block;
   float:right;
   clear:both;
   color:#fff;
   font-size:12px;
   font-weight:normal;
   text-align:center;
   padding:0px 0 0 0;
   cursor:pointer;
   margin:3px 70px 0 0px;
    font-weight:bold
  }
  .banner_spain a.more:hover {
	 background:url(images/but-readmore-banner-spain.png) 0 -24px no-repeat; 
}
.banner_china a.more {
	 background:url(images/but-readmore-banner-china.png) 0 0px no-repeat;  
	   width:74px;
   height:24px;
   display:block;
   float:left;
   clear:both;
   color:#000;
   font-size:12px;
   font-weight:normal;
   text-align:center;
   padding:0px 0 0 0;
   cursor:pointer;
   margin:-80px 0px 0 170px;
    font-weight:bold
  }
  .banner_china a.more:hover {
	 background:url(images/but-readmore-banner-china.png) 0 -24px no-repeat; 
}
.banner_italy a.more {
	 background:url(images/but-readmore-banner.png) 0 -24px no-repeat;  
	   width:74px;
   height:24px;
   display:block;
   float:none;
   clear:both;
   color:#000;
   font-size:12px;
   font-weight:normal;
   text-align:center;
   padding:0px 0 0 0;
   cursor:pointer;
   margin:0px 0px 0 140px;
     font-weight:bold
  }
  .banner_italy a.more:hover {
	 background:url(images/but-readmore-banner.png) 0 0px no-repeat; 
}
.banner_russia a.more {
	 background:url(images/but-readmore-banner-russia.png) 0 0px no-repeat;  
	   width:74px;
   height:24px;
   display:block;
   float:right;
   clear:both;
   color:#000;
   font-size:12px;
   font-weight:normal;
   text-align:center;
   padding:0px 0 0 0;
   cursor:pointer;
   margin:2px 60px 0 40px;
     font-weight:bold
  }
  .banner_russia a.more:hover {
	 background:url(images/but-readmore-banner-russia.png) 0 -24px no-repeat;
	 color:#fff;
}
.banner_france a.more {
	 background:url(images/but-readmore-banner-france.png) 0 0px no-repeat;  
	   width:74px;
   height:24px;
   display:block;
   float:right;
   clear:both;
   color:#fff;
   font-size:12px;
   font-weight:normal;
   text-align:center;
   padding:0px 0 0 0;
   cursor:pointer;
   margin:0px 130px 0 0px;
     font-weight:bold
  }
  .banner_france a.more:hover {
	 background:url(images/but-readmore-banner-france.png) 0 -24px no-repeat; 
}
  a.readmore {background:url(images/but-small-green.gif) 0 0 no-repeat;
  width:76px;
  height:26px;
  font-size:12px;
  color:#fff;
  font-weight:bold;
  display:block;
  margin:10px 0 0 10px;
  padding:5px 0 0 11px}
  a.readmore:hover {background:url(images/but-small-green.gif) 0 -31px no-repeat;}
  
   a.readmore_big {background:url(images/but-med-green.gif) 0 0 no-repeat;
  width:156px;
  height:25px;
  font-size:12px;
  color:#fff;
  font-weight:bold;
  display:block;
  margin:10px 0 0 10px;
  padding:5px 0 0 18px}
  a.readmore_big:hover {background:url(images/but-med-green.gif) 0 -30px no-repeat;}
  a.twitter {background:url(images/f-twitter.gif) 0 0 no-repeat}
  a.facebook {background:url(images/f-facebook.gif) 0 0 no-repeat}
  a.rss{background:url(images/f-feed.gif) 0 0 no-repeat}
  #head_content div.social {float:right; margin-top:10px; height:30px}
  #head_content a.twitter {background:url(images/twitter.gif) 0 0 no-repeat;
  display:block;
  width:26px;
  height:26px;
  text-indent:-999999px;
  float:left;
   margin-right:15px}
    #head_content a.facebook {background:url(images/facebook.gif) 0 0 no-repeat;
  display:block;
  width:26px;
  height:26px;
  text-indent:-999999px;
   float:left;
     margin-right:15px}
    #head_content a.rss {background:url(images/rss.gif) 0 0 no-repeat;
  display:block;
  width:26px;
  height:26px;
  text-indent:-999999px;
   float:left;
   }
   #leftcontent ul.steps a:visited{color:#662E91}
  
       /*	---------------------------------------------------------------------------------------
  Forms
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  form.wpcf7-form {background:url(images/mail.jpg) 350px 20px no-repeat}
  #leftcontent textarea {width:500px}
  input, textarea {background:#E1F3FD; border:1px solid #0AA8E3}
  form#commentform label {float:left;
  width:200px}
  p.register input {background:url(images/but-big-green.gif) 0 0 no-repeat;
  width:189px;
  height:50px;
  font-size:18px;
  color:#fff;
  display:block;
  padding:0px;
  margin:10px 0 10px 15px;
  cursor:pointer;
  border:none}
    p.register input:hover {background:url(images/but-big-green.gif) 0 -52px no-repeat;
   color:#fff}
#sidebar .store input {border:none; background:none}
  
         /*	---------------------------------------------------------------------------------------
  Tables
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  table {border:1px solid #cdccc9;
  margin:10px 0 20px 0}
table td, table th{padding:5px}
table th  {border-bottom:1px solid #cdccc9; background:#cdccc9}
  /*Testimonial scroll*/
div.testimonials {width:260px; margin:auto}
 #marqueecontainer {
	position:relative;
	overflow:hidden;
	width: 260px;
	height: 150px;
	background-repeat: repeat;
	padding:5px;
	border:none;
	font-size:11px;
	margin:5px 0 0 0

        }



#vmarquee {
	position:relative;
	width:250px;
	float:left;
	font-size:11px;
	color:#004c66;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:none;
	text-align:left;
	line-height:22px

	}

	

#vmarquee ul, #vmarquee ul a {
padding:0;
margin:0;
list-style-type:none;
text-transform:none;
font-size:11px;
border:none;
float:none
	}

#vmarquee ul li {
	width:250px;
	margin-bottom:30px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	text-transform:none;
	border:none;
	float:none;
	display:block;
	height:100%
	}

#vmarquee a {
	font-size:11px;
	font-weight: bold;
}
 #vmarquee ul li a {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;

text-decoration: underline;
padding-left: 0px;
text-transform:none;
float:none
	}
#vmarquee ul li a:hover {
font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
color: #004c66;
text-decoration: none;
 padding-left: 0px;
text-transform:none;
        }
.widgettitle {display:none}
.question{font-weight:bold}
hr {background:#fff;
width:98%;
display:block;
height:1px;
clear:both;
border-top:1px solid #fff;
border-right:1px solid #fff;
border-left:1px solid #fff;
border-bottom:1px dashed #999;
margin:15px 0}
img.right {
	float:right;
	padding:15px 0 20px 20px
}
#leftcontent p img {border:none}
form.buy {float:right;
width:200px;
padding:0 10px 10px 5px;
margin-top:-20px}
small {display:block; padding:0 15px;
font-size:12px;
color:#666}
cite {color:#fa559a;
font-size:14px;
font-weight:bold}
form.buy input {border:none;
background:none}
	
       /*	---------------------------------------------------------------------------------------
  Calendar
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  table#wp-calendar {margin-left:40px}
  table#wp-calendar caption {font-size:18px;
  color:#0F91C1;
  margin: 10px 0}
  table#wp-calendar  th {background:#ECF7FE}
  table#wp-calendar th, table#wp-calendar td {border:none;
  padding:2px 5px}
form.subscribe {
	width:200px;
	float:right;
	margin-top:0px
}
form.subscribe input {border:none; background:none}
li.signup form {
	width:280px;
	height:30px; margin-left:40px;
	margin-top:5px;

}
@media screen and (-webkit-min-device-pixel-ratio:0){li.signup form  {
	margin-top:5px
}}
li.signup form input, li.signup form label, li.signup form input.button {float:left; margin-right:0px}
li.signup form input {background:url(images/bg-input-signup.gif) 0 0 no-repeat;
width:116px;
height:23px; border:none;  color:#3c2825;padding:0 3px; text-transform:lowercase}
li.signup form input.button {background:url(images/but-signup.gif) 0 0 no-repeat;
width:32px; height:22px; cursor:pointer; color:#fff; font-weight:bold; font-size:11px; text-transform:none; text-indent:-999999px}
li.signup form input.button:hover {background:url(images/but-signup.gif) 0 -22px no-repeat;
width:32px; height:22px}
ul#levels {width:916px; margin:auto}

ul#levels li{width:916px;
min-height:155px;
margin:30px 0 0 0;
  padding-bottom:10px;
  background:url(images/level-bg.gif) no-repeat scroll 0px bottom;}
ul#levels li span.top {position: relative;
	display:block;
	height: 15px;
	top:-15px;
	background:url(images/level-bg.gif) no-repeat scroll 0px 0px;
	clear:both; margin-left:0px;
	}
	ul#levels li h3 {font-size:22px; padding-bottom:0; padding-top:10px}
	ul#levels li h3 span {padding-left:10px}
	 ul#levels li h3 span a {font-size:12px;  color:#fa559a; font-weight:bold; text-decoration:underline}
	 ul#levels li h3 span a:hover {color:#823757}
	ul#levels li p {font-size:16px; line-height:28px; color:#12556e}

	ul#levels li span.photo, ul#levels li div.text{display:block; float:left; margin-top:-15px;margin-left:15px}
	ul#levels li div.buttons {display:block; float:left; margin-top:-30px;margin-left:15px}
	 ul#levels li div.text {margin-top:-30px!important}
	div.level_content .product-info div.buttons  {display:block; float:left; margin-top:10px;margin-left:15px}
	ul#levels li span.photo {width:138px;margin-bottom:20px}
	ul#levels li div.text {width:500px}
	ul#levels li div.buttons{background:url(images/bg-button-level.gif) 0 0 no-repeat; padding-left:15px; padding-top:16px; height:150px}
	 div.level_content .product-info div.buttons  {background:none; padding-left:15px; padding-top:10px}
	ul#levels li div.buttons span, div.level_content .product-info div.buttons span {font-size:11px; color:#12566f; display:block; text-align:center; margin:5px 0 10px 0; width:190px; font-weight:normal}
	ul#levels li div.buttons a.level_but, div.level_content .product-info div.buttons a.level_but {background:url(images/but-level.gif) 0 0 no-repeat;
	width:181px;
	height:32px;
	display:block;
	color:#fff; font-size:16px; font-weight:bold;
	text-align:center; 
	padding:12px 0 0 0}
	ul#levels li div.buttons a.level_but:hover, div.level_content .product-info div.buttons a.level_but:hover {background:url(images/but-level.gif) 0 -44px no-repeat;}
	div.level_content {width:800px; margin:auto}
	div.level_content .left-col, div.level_content .right-col {
	width:600px;
	margin-left:10px;
	clear: both;
}
	div.level_content ul li {padding:0px 20px 5px 25px; font-size:14px; background:url(images/bg-li-maincont.gif) 0 0 no-repeat; margin:5px 0 5px 20px}
	div.level_content ul li ul {margin-top:15px}
	div.level_content ul li ul li {padding:0px 20px 5px 25px;margin:5px 0 5px 10px}
div.level_content ul {padding-bottom:20px}
div.level_content  .product-info {
	padding:10px;
	width: 700px;
	margin: 0 auto 15px auto;
	border-bottom:1px solid #ddd

}
div.level_content  .product-info img {float:left; padding:0 20px 0 0px}
div.level_content .product-info h1 {
	float:left;
	display:block;
	width: 330px;
	padding:30px 0 0 10px;
	font-size:28px;
	color:#37ABE6
}
div.level_content  form {width:100px; float:left}
div.nsb p {font-size:14px; padding:10px; line-height:24px}
div.post {border-bottom:1px solid #ddd; margin-bottom:30px; padding-bottom:20px}
a.trynow {background:url(images/btn-try.gif) 0 0 no-repeat;
display:block;
text-indent:-9999999px;
width:598px;
height:46px; margin:0 0 20px 4px}
a.trynow:hover {background:url(images/btn-try.gif) 0 -46px no-repeat;}
.why {background:url(images/why.gif) 0 0 no-repeat;
width:241px;
height:46px;
display:block;
text-indent:-9999999px; margin-top:10px}
.sidebar_content div#why ul li {font-size:12px}
  a#top {display:none; height:1px}
  #rotator {margin-top:0px!important}
  .jlpt {width:589px;
  height:87px; margin-bottom:15px}
  .jlpt div span{display:none}
  .l1 {background:url(images/j1.jpg) 0 0 no-repeat;
display:block;

width:589px;
height:87px; margin:0 0 20px 4px}
.l2{background:url(images/j2.jpg) 0 0 no-repeat;
display:block;
width:589px;
height:87px; margin:0 0 20px 4px}
.l3{background:url(images/j3.jpg) 0 0 no-repeat;
display:block;
width:589px;
height:87px; margin:0 0 20px 4px}
.l4{background:url(images/j4.jpg) 0 0 no-repeat;
display:block;
width:589px;
height:87px; margin:0 0 20px 4px}
.l5{background:url(images/j5.jpg) 0 0 no-repeat;
display:block;
width:589px;
height:87px; margin:15px 0 20px 4px}
.jlpt a.access {background:url(images/but-med-green.gif) 0 -30px no-repeat;
  width:134px;
  height:25px;
  font-size:14px;
  color:#fff;
  font-weight:normal;
  display:block;
  margin:30px 15px 0 10px;
  padding:5px 0 0 40px;
  float:right}
 .jlpt a.access:hover {background:url(images/but-med-green.gif) 0 0px no-repeat; }
 #ujiCountdown {margin-left:15px}
 #jlpt-materials ul li {width:280px; float:left; list-style-type:none!important; padding:0; margin:10px 0; background:none!important}
 #jlpt-materials a{width:240px; height:70px; display:block; text-indent:-999999px}
 a.n-vocabulary {background:url(images/n-vocabulary.jpg) 0 0px no-repeat;}
 a.n-grammar{background:url(images/n-grammar.jpg) 0 0px no-repeat;}
 a.n-kanji{background:url(images/n-kanji.jpg) 0 0px no-repeat;}
 a.n-questions{background:url(images/n-questions.jpg) 0 0px no-repeat;}
 a.n-readings{background:url(images/n-readings.jpg) 0 0px no-repeat;}