@charset "UTF-8";
/* Charts Used on sake education pages
*  Jessica Greenwalt
*  www.jgreenwalt.com
*  04-17-09
******************************* */

/* Sake Production Flowchart */

#sake-pro {
    text-align:center;
    position:relative;
    clear:both;}
#sake-pro h3.sign {
    background:url(/img/sign-327x51.gif) top left no-repeat;
    width:327px;
    height:51px;
    margin:0 auto;
    position:relative;
    line-height:3.1em;
    top:28px;}

#sake-pro #chart-boxes {
    background:url(/img/sake-production-bg.gif) top left no-repeat;
    border:3px solid #A1A535;
    float:left;
    padding-top:24px;
    padding-left:3px;
    width:599px;
    height:670px;}

#sake-pro #lbox1,
#sake-pro #lbox2,
#sake-pro #lbox3,
#sake-pro #lbox4,
#sake-pro #lbox5,
#sake-pro #lbox6,
#sake-pro #rbox1,
#sake-pro #rbox2,
#sake-pro #rbox3,
#sake-pro #rbox4,
#sake-pro #rbox5,
#sake-pro #rbox6 {
    background:#DBDA9F;
    border:2px solid #A1A535;
    width:167px;
    height:53px;
    position:absolute;}

#sake-pro #lbox1 {z-index:90;}
#sake-pro #lbox2 {z-index:80;}
#sake-pro #lbox3 {z-index:70;}
#sake-pro #lbox4 {z-index:60;}
#sake-pro #lbox5 {z-index:50;}
#sake-pro #lbox6 {z-index:40;}
#sake-pro #rbox1 {z-index:90;}
#sake-pro #rbox2 {z-index:80;}
#sake-pro #rbox3 {z-index:70;}
#sake-pro #rbox4 {z-index:60;}
#sake-pro #rbox5 {z-index:50;}
#sake-pro #rbox6 {z-index:40;}

#sake-pro #rbox7 {
    background:#C7AFBE;
    border:3px solid #703685;
    width:165px;
    height:53px;
    position:absolute;
    z-index:30px;}

#sake-pro #lbox1 a span,
#sake-pro #lbox2 a span,
#sake-pro #lbox3 a span,
#sake-pro #lbox4 a span,
#sake-pro #lbox5 a span,
#sake-pro #lbox6 a span,
#sake-pro #rbox1 a span,
#sake-pro #rbox2 a span,
#sake-pro #rbox3 a span,
#sake-pro #rbox4 a span,
#sake-pro #rbox5 a span,
#sake-pro #rbox6 a span,
#sake-pro #rbox7 a span {
	display:none;
	text-align:left;}

#sake-pro #lbox1 a span h6,
#sake-pro #lbox2 a span h6,
#sake-pro #lbox3 a span h6,
#sake-pro #lbox4 a span h6,
#sake-pro #lbox5 a span h6,
#sake-pro #lbox6 a span h6,
#sake-pro #rbox1 a span h6,
#sake-pro #rbox2 a span h6,
#sake-pro #rbox3 a span h6,
#sake-pro #rbox4 a span h6,
#sake-pro #rbox5 a span h6,
#sake-pro #rbox6 a span h6,
#sake-pro #rbox7 a span h6 {
	text-align:center;}

#sake-pro #lbox1 a:hover span,
#sake-pro #lbox2 a:hover span,
#sake-pro #lbox3 a:hover span,
#sake-pro #lbox4 a:hover span,
#sake-pro #lbox5 a:hover span,
#sake-pro #lbox6 a:hover span {
    display:block;
    background:#C7AFBE;
    border:2px solid #703685;
    color:#000;
    width:240px;
    top:-2px;
    left:-2px;
    position:absolute;
    padding:0 8px 20px 8px;}


#sake-pro #rbox1 a:hover span,
#sake-pro #rbox2 a:hover span,
#sake-pro #rbox3 a:hover span,
#sake-pro #rbox4 a:hover span,
#sake-pro #rbox5 a:hover span,
#sake-pro #rbox6 a:hover span,
#sake-pro #rbox7 a:hover span {
    display:block;
    background:#C7AFBE;
    border:2px solid #703685;
    color:#000;
    width:240px;
    top:-2px;
    left:-91px;
    position:absolute;
    padding:0 8px 20px 8px;
    z-index:5;}

#sake-pro #rbox7 a:hover span {top:-3px;}

#sake-pro #lbox1 {top:103px;left:72px;}
#sake-pro #lbox2 {top:189px;left:72px;}
#sake-pro #lbox3 {top:275px;left:72px;}
#sake-pro #lbox4 {top:361px;left:72px;}
#sake-pro #lbox5 {top:447px;left:72px;}
#sake-pro #lbox6 {top:533px;left:72px;}

#sake-pro #rbox1 {top:103px;right:72px;}
#sake-pro #rbox2 {top:189px;right:72px;}
#sake-pro #rbox3 {top:275px;right:72px;}
#sake-pro #rbox4 {top:361px;right:72px;}
#sake-pro #rbox5 {top:447px;right:72px;}
#sake-pro #rbox6 {top:533px;right:72px;}
#sake-pro #rbox7 {top:619px;right:72px;}

#sake-pro ul,
#sake-pro ol {
    text-align:left;}


/* Sake Grade Levels Chart */

#sake-grades {
    text-align:center;
    position:relative;
    clear:both;}
#sake-grades h3.sign {
    background:url(/img/sign-327x51.gif) top left no-repeat;
    width:327px;
    height:51px;
    margin:0 auto;
    position:relative;
    line-height:3.1em;
    top:28px;}

#sake-grades #chart-boxes {
    background:url(/img/sake-grades-bg.gif) top left no-repeat;
    border:3px solid #A1A535;
    float:left;
    padding:24px 0 0 3px;
    width:599px;
    height:885px;
    margin-bottom:20px;}

#sake-grades #lbox1,
#sake-grades #lbox2,
#sake-grades #lbox3,
#sake-grades #lbox4 {
    background:#DBDA9F;
    border:2px solid #A1A535;
    width:345px;
    left:103px;
    padding:0 5px 0 5px;
    position:absolute;}

#sake-grades #lbox1 {
    top:103px;
    height:160px;}
#sake-grades #lbox2 {
    top:296px;
    height:190px;}
#sake-grades #lbox3 {
    top:519px;
    height:190px;}
#sake-grades #lbox4 {
    top:742px;
    height:163px;}

#sake-grades ul,
#sake-grades ol {
    text-align:left;}


/* Artisan vs Mass-Produced Sake*/
#sake-vs {
	text-align:center;
	position:relative;
	clear:both;}

#signs {
	margin-left:40px;}

#sake-vs h3.sign {
	background:url(../img/sign-210x51.gif) top left no-repeat;
	width:210px;
	height:51px;
	margin:0 auto;
	position:relative;
	line-height:3.1em;
	float:left;
	top:31px;}
#sake-vs h3.sign-vs {
	background:url(../img/sign-vs.gif) center no-repeat;
	width:105px;
	height:54px;
	margin:0 auto;
	position:relative;
	line-height:3.1em;
	float:left;
	top:31px;}

#sake-vs #chart-boxes {
	background:url(../img/sake-vs-bg.gif) top left repeat-y;
	border:3px solid #A1A535;
	boder-bottom:none;
	float:left;
	padding-top:24px;
	width:599px;
	margin-bottom:20px;}

#sake-vs .row,
#sake-vs .row-last {
	border-bottom:3px solid #A1A535;
	width:599px;
	float:left;}
#sake-vs .row-last {
	border:none;}

#sake-vs .left-box,
#sake-vs .right-box {
	width:240px;
	padding-top:20px;
	padding-bottom:20px;
	text-align:left;}

#sake-vs .left-box {
	float:left;
	margin-left:25px;}
* html #sake-vs .left-box {margin-left:15px;}
#sake-vs .right-box {
	float:right;
	margin-right:30px;}
* html #sake-vs .right-box {margin-right:15px;}