@charset "utf-8";

/***************************************************************************

				2-about-layout.css

***************************************************************************/

#about-type .back {
	position: absolute;
	left: 34px;
	bottom: 25px;
}

/***************************************************************************

				header

***************************************************************************/



/***************************************************************************

				menu-nav

***************************************************************************/

#menu-nav li a {
	background: url(../images/nav_about.gif) no-repeat 0 0;
}

#menu-nav li .about {
	margin-left: 0;
	background-position: 0 0;
}

#menu-nav li .about:hover,
#menu-nav li.current .about {
	background-position: 0 -35px;
}

#menu-nav li .type {
	background-position: -417px 0;
}

#menu-nav li .type:hover,
#menu-nav li.current .type {
	background-position: -417px -35px;
}


/***************************************************************************

				main

***************************************************************************/

.main .contents {
	padding-bottom: 25px;
}

#kind-list {
	width: 836px;
	height: 32px;
	margin-bottom: 35px;
	padding-top: 4px;
}

#kind-list li {
	display: inline;
}

#kind-list li a {
	background: url(../images/kind_list.gif) no-repeat 0 0;
	float: left;
	width: 136px;
	height: 32px;
	margin-left: 3px;
	text-indent: -9999px;
	overflow: hidden;
}

#kind-list li .fino { background-position: 0 0; }

#kind-list li .fino:hover,
#kind-list li.current .fino { background-position: 0 -32px; }

#kind-list li .manzanilla { background-position: -136px 0; }

#kind-list li .manzanilla:hover,
#kind-list li.current .manzanilla { background-position: -136px -32px; }

#kind-list li .amontillado { background-position: -272px 0; }

#kind-list li .amontillado:hover,
#kind-list li.current .amontillado { background-position: -272px -32px; }

#kind-list li .oloroso { background-position: -408px 0; }

#kind-list li .oloroso:hover,
#kind-list li.current .oloroso { background-position: -408px -32px; }

#kind-list li .moscatel { background-position: -544px 0; }

#kind-list li .moscatel:hover,
#kind-list li.current .moscatel { background-position: -544px -32px; }

#kind-list li .pedro-ximenez { background-position: -680px 0; }

#kind-list li .pedro-ximenez:hover,
#kind-list li.current .pedro-ximenez { background-position: -680px -32px; }

.main #about-sherry,
.main #about-type {
	display: none;
}

.main #about-type {
	position: relative;
}

.main #about-sherry.current,
.main #about-type.current {
	display: block;
}


/***************************************************************************

				main #about-sherry

***************************************************************************/

#about-sherry.contents #what-is-sherry.column {
	background: #fff;
	width: 774px;
	min-height: 100%;
	float: left;
	display: inline;
	padding-right: 28px;
	padding-left: 34px;
	position: relative;
}

#about-sherry.contents #what-is-sherry.column .title {
	position: absolute;
	top: 11px;
	left: 0;
	width: 801px;
	padding-bottom: 8px;
}

#about-sherry.contents #what-is-sherry.column .title .hl {
	background: url(../images/about_contents_hl1.gif) no-repeat 0 0;
	height: 70px;
}

#about-sherry.contents .column .title-box {
	padding-top: 86px;
}

#about-sherry.contents .column .title-box .description {
	background: url(../images/about_contents_hl1_0.gif) no-repeat 0 0;
	font-size: 85%;
	color: #472600;
	margin-bottom: 10px;
	text-indent: -9999px;
}

#about-sherry.contents .column #q-and-a {
	background: #faebbe;
	padding-top: 17px;
	padding-right: 14px;
	padding-bottom: 17px;
	padding-left: 14px;
	margin-bottom: 58px;
}

#about-sherry.contents .column #q-and-a .list {
	float: left;
	display: inline;
}

#about-sherry.contents .column #q-and-a #q123.list {
	width: 334px;
}

#about-sherry.contents .column #q-and-a .list .list-item {
	height: 24px;
	text-indent: -9999px;
}

#about-sherry.contents .column #q-and-a .list #q1.list-item { background: url(../images/about_contents_q1.gif) no-repeat 0 0; }
#about-sherry.contents .column #q-and-a .list #q2.list-item { background: url(../images/about_contents_q2.gif) no-repeat 0 0; }
#about-sherry.contents .column #q-and-a .list #q3.list-item { background: url(../images/about_contents_q3.gif) no-repeat 0 0; }
#about-sherry.contents .column #q-and-a .list #q4.list-item { background: url(../images/about_contents_q4.gif) no-repeat 0 0; }
#about-sherry.contents .column #q-and-a .list #q5.list-item { background: url(../images/about_contents_q5.gif) no-repeat 0 0; }
#about-sherry.contents .column #q-and-a .list #q6.list-item { background: url(../images/about_contents_q6.gif) no-repeat 0 0; }

#about-sherry.contents .column #q-and-a .list .description {
	font-size: 77%;
	line-height: 1.4;
	padding-left: 44px;
	margin-bottom: 15px;
}

#about-sherry.contents .column #q-and-a .list .description.last {
	margin-bottom: 0;
}

#about-sherry.contents .column #q-and-a #q456.list {
	float: right;
	width: 355px;
}

#about-sherry.contents .column .box #about-sherry-text.list {
	width: 481px;
	float: left;
	display: inline;
}

#about-sherry.contents .column .box #about-sherry-photo.list {
	width: 252px;
	float: right;
	display: inline;
}

#about-sherry.contents .column .box #about-sherry-text.list .hl {
	margin-bottom: 8px;
}

#about-sherry.contents .column #about-sherry-text.list .description .link {
	color: #fd9b2e;
}


#about-sherry.contents .column .box .list #hl1 {
	background: url(../images/about_contents_hl1_1.gif) no-repeat 0 0;
	height: 23px;
	margin-bottom: 17px;
}

#about-sherry.contents .column .box .list #hl2 {
	background: url(../images/about_contents_hl1_2.gif) no-repeat 0 0;
	height: 14px;
}

#about-sherry.contents .column .box .list #hl3 {
	background: url(../images/about_contents_hl1_3.gif) no-repeat 0 0;
	height: 14px;
}

#about-sherry.contents .column .box .list #hl4 {
	background: url(../images/about_contents_hl1_4.gif) no-repeat 0 0;
	height: 14px;
}

#about-sherry.contents .column .box .list #hl5 {
	background: url(../images/about_contents_hl1_5.gif) no-repeat 0 0;
	height: 14px;
}

#about-sherry.contents .column .box .list #hl6 {
	background: url(../images/about_contents_hl1_6.gif) no-repeat 0 0;
	height: 14px;
}

#about-sherry.contents .column .box .list #hl7 {
	background: url(../images/about_contents_hl1_7.gif) no-repeat 0 0;
	height: 14px;
}

#about-sherry.contents .column .box .list #hl8 {
	background: url(../images/about_contents_hl1_8.gif) no-repeat 0 0;
	height: 13px;
}

#about-sherry.contents .column .box .list #hl9 {
	background: url(../images/about_contents_hl1_9.gif) no-repeat 0 0;
	height: 11px;
}

#about-sherry.contents .column .box .list #hl10 {
	background: url(../images/about_contents_hl1_10.gif) no-repeat 0 0;
	height: 11px;
}

#about-sherry.contents .column .box .list #hl11 {
	background: url(../images/about_contents_hl1_11.gif) no-repeat 0 0;
	height: 14px;
}

#about-sherry.contents .column .box .list .description {
	font-size: 77%;
	line-height: 1.4;
	margin-bottom: 25px;
}

#about-sherry.contents .column .box .list .description.first-item {
	margin-bottom: 35px;
}

/***************************************************************************

				main #about-type

***************************************************************************/

#about-type.contents #type.column {
	background: #fff;
	width: 468px;
	min-height: 100%;
	float: left;
	display: inline;
	padding-right: 28px;
	padding-left: 34px;
	position: relative;
}

#about-type.contents #type.column .title {
	position: absolute;
	top: 0;
	left: 0;
	width: 502px;
	padding-bottom: 8px;
	border-bottom: 1px solid #b56666;
}

#about-type.contents #type.column .title .hl {
	background: url(../images/type_contents_hl1.gif) no-repeat 0 0;
	height: 20px;
	margin-left: 34px;
}

#about-type.contents .column .title-box {
	padding-top: 35px;
}

#about-type.contents .column .title-box .description {
	font-size: 85%;
	color: #472600;
	line-height: 1.4;
	margin-bottom: 20px;
}

.contents #type.column .menu-box {
	margin-bottom: 40px;
}

.contents .column #fino,
.contents .column #manzanilla,
.contents .column #amontillado,
.contents .column #oloroso,
.contents .column #moscatel,
.contents .column #pedro-ximenez { display: none; }

.contents .column #fino.current,
.contents .column #manzanilla.current,
.contents .column #amontillado.current,
.contents .column #oloroso.current,
.contents .column #moscatel.current,
.contents .column #pedro-ximenez.current { display: block; }

.contents .column #graph-fino,
.contents .column #graph-manzanilla,
.contents .column #graph-amontillado,
.contents .column #graph-oloroso,
.contents .column #graph-moscatel,
.contents .column #graph-pedro-ximenez { display: none; }

.contents .column #graph-fino.current,
.contents .column #graph-manzanilla.current,
.contents .column #graph-amontillado.current,
.contents .column #graph-oloroso.current,
.contents .column #graph-moscatel.current,
.contents .column #graph-pedro-ximenez.current { display: inline; }

.contents .column .menu-box .list .hl {
	margin-bottom: 15px;
}

.contents #type.column .menu-box .list .hl {
	background: url(../images/type_contents_hl1_f.gif) no-repeat 0 0;
	height: 34px;	
}

.contents #type.column #manzanilla .menu-box .list .hl {
	background: url(../images/type_contents_hl1_m.gif) no-repeat 0 0;
}

.contents #type.column #amontillado .menu-box .list .hl {
	background: url(../images/type_contents_hl1_a.gif) no-repeat 0 0;
}

.contents #type.column #oloroso .menu-box .list .hl {
	background: url(../images/type_contents_hl1_o.gif) no-repeat 0 0;
}

.contents #type.column #moscatel .menu-box .list .hl {
	background: url(../images/type_contents_hl1_me.gif) no-repeat 0 0;
}

.contents #type.column #pedro-ximenez .menu-box .list .hl {
	background: url(../images/type_contents_hl1_px.gif) no-repeat 0 0;
}

.contents #type.column .menu-box .list .each {

}

.contents #type.column .menu-box .list .img img {
	width: 189px;
	padding-right: 20px;
	float: left;
	display: inline;
}

.contents #type.column .menu-box .list .description {
	font-size: 77%;
	color: #472600;
	line-height: 1.4;
}

.contents #type.column #profile {
	background: #fcf3d8;
	padding-top: 10px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
}

.contents #type.column #profile p {
	color: #472600;
}

.contents #type.column #profile .name {
	padding-top: 2px;
	font-size: 85%;
	line-height: 1.4;
}

.contents #type.column #profile .license {
	font-size: 77%;
	line-height: 1.4;
}

.contents #type.column #profile .birth {
	font-size: 65%;
	line-height: 1.8;
}

.contents #type.column #profile .description {
	margin-bottom: 25px;
	font-size: 77%;
	line-height: 1.4;
}

.contents #type.column #profile .photo {
	float: right;
	display: inline;
	margin-left: 10px;
}


/***************************************************************************

				#chart.column

***************************************************************************/

.contents #chart.column {
	background: url(../images/chart_footer.gif) no-repeat 0 bottom;
	float: left;
	display: inline;
	width: 274px;
	padding-right: 30px;
	padding-bottom: 5px;
}

.contents #chart.column .menu-box {
	background: url(../images/chart_contents_bg.gif) repeat-y 0 0;
	width: 274px;
	text-align: center;
	padding-bottom: 12px;
}

.contents #chart.column .menu-box .title {
	background: url(../images/chart_header_hl.gif) no-repeat 0 0;
	height: 31px;
	text-indent: -9999px;
}

.contents #chart.column .menu-box .list {
	width: 245px;
	margin: 0 auto;
	text-align: left;
}

#chart .list .name {
	height: 10px;
	margin-top: 12px;
	margin-bottom: 7px;
	font-size: 77%;
	text-indent: -9999px;
}

#chart .list .list-item {
	width: 243px;
	height: 16px;
	margin-bottom: 1px;
	font-size: 77%;
	text-indent: -9999px;
}

#chart .list .list-item.last {
	margin-bottom: 0;
}

#chart #vino-generoso .name {
	background: url(../images/chart_hl1.gif) no-repeat 0 0;
}

#chart #vino-generoso #chart-manzanilla .list-item {
	background: url(../images/chart_manzanilla.gif) no-repeat 0 0;
	display: block;
	overflow: hidden;
}

#chart #vino-generoso #chart-fino .list-item {
	background: url(../images/chart_fino.gif) no-repeat 0 0;
	display: block;
	overflow: hidden;
}

#chart #vino-generoso #chart-manzanilla-pasada .list-item {
	background: url(../images/chart_manzanilla_pasada.gif) no-repeat 0 0;
	display: block;
	overflow: hidden;
}

#chart #vino-generoso #chart-fino-amontillado .list-item {
	background: url(../images/chart_fino_amontillado.gif) no-repeat 0 0;
	display: block;
	overflow: hidden;
}

#chart #vino-generoso #chart-amontillado .list-item {
	background: url(../images/chart_amontillado.gif) no-repeat 0 0;
	display: block;
	overflow: hidden;
}

#chart #vino-generoso #chart-palo-cortado .list-item {
	background: url(../images/chart_palo_cortado.gif) no-repeat 0 0;
	display: block;
	overflow: hidden;
}

#chart #vino-generoso #chart-oloroso .list-item {
	background: url(../images/chart_oloroso.gif) no-repeat 0 0;
	display: block;
	overflow: hidden;
}

#chart #vino-generoso-de-licor .name {
	background: url(../images/chart_hl2.gif) no-repeat 0 0;
}

#chart #vino-generoso-de-licor #chart-medium .list-item { background: url(../images/chart_medium.gif) no-repeat 0 0; }

#chart #vino-generoso-de-licor #chart-pale-cream .list-item { background: url(../images/chart_pale_cream.gif) no-repeat 0 0; }

#chart #vino-generoso-de-licor #chart-cream .list-item { background: url(../images/chart_cream.gif) no-repeat 0 0; }

#chart #vino-dulce .name {
	background: url(../images/chart_hl3.gif) no-repeat 0 0;
}

#chart #vino-dulce #chart-moscatel .list-item {
	background: url(../images/chart_moscatel.gif) no-repeat 0 0;
	display: block;
	overflow: hidden;
}

#chart #vino-dulce #chart-pedro-ximenez .list-item {
	background: url(../images/chart_pedro_ximenez.gif) no-repeat 0 0;
	display: block;
	overflow: hidden;
}


/***************************************************************************

				footer

***************************************************************************/