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

body {
	background-color: #000000;
	margin-left: 0px;
	margin-top: 0px;
}


.container-index {
	background-image: url(../images/base/01.jpg);
	background-repeat: no-repeat;
	position: fixed;
	height: 800px;
	width: 1024px;
}

.container-home {
	background-image: url(../images/base/02a.jpg);
	background-repeat: no-repeat;
	height: 800px;
	width: 1024px;
}

.container-about {
	background-image: url(../images/base/04.jpg);
	background-repeat: no-repeat;
	height: 800px;
	width: 1024px;
}

.container-awards {
	background-image: url(../images/base/05.jpg);
	background-repeat: no-repeat;
	height: 800px;
	width: 1024px;
}

.container-news {
	background-image: url(../images/base/03.jpg);
	background-repeat: no-repeat;
	height: 800px;
	width: 1024px;
}

.container-retailers {
	background-image: url(../images/base/06.jpg);
	background-repeat: no-repeat;
	height: 800px;
	width: 1024px;
}

.container-contact {
	background-image: url(../images/base/07.jpg);
	background-repeat: no-repeat;
	height: 800px;
	width: 1024px;
}

.container-shop {
	background-image: url(../images/base/vintage.jpg);
	background-repeat: no-repeat;
	height: 800px;
	width: 1024px;
}

.container-2 {
	background-image: url(../images/base/01.jpg);
	background-repeat: no-repeat;
	position: fixed;
	height: 800px;
	width: 1024px;
	top: 800px;
}



.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #333333;
	text-decoration: none;
}

.index {
	position: relative;
	height: 265px;
	width: 320px;
	z-index: 12;
	left: 300px;
	top: 230px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFEF2;
	line-height: 16px;
}

.index a:link, .index a:active, .index a:visited  {
	color: #FFFEF2;
	text-decoration: none;
}

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


.logo {
	position: relative;
	height: 120px;
	width: 235px;
	z-index: 12;
	left: 350px;
	top: 35px;
}

.menu {
	position: relative;
	height: 28px;
	width: 695px;
	z-index: 12;
	left: 110px;
	top: 50px;
	background-image: url(../images/menu.png);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}

.menu a:link, .menu a:active, .menu a:visited  {
	color: #333333;
	text-decoration: none;
}

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


.ciders {
	position: absolute;
	height: 335px;
	width: 777px;
	z-index: 10;
	left: 80px;
	top: 350px;
}

.column1 {
	position: absolute;
	width: 440px;
	z-index: 25;
	left: 110px;
	top: 210px;
	background-image: url(../images/menu.png);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

#column1 a:link, a:active, a:visited  {
	color: #333333;
	text-decoration: none;
}

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

.column1b {
	position: absolute;
	width: 440px;
	z-index: 25;
	left: 110px;
	top: 210px;
	background-image: url(../images/90opa.png);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

.column1b a:link, .column1b a:active, .column1b a:visited  {
	color: #333333;
	text-decoration: none;
}

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


.column2 {
	position: absolute;
	width: 245px;
	z-index: 50;
	left: 560px;
	top: 210px;
	background-image: url(../images/90opa.png);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

.column2 a:link, a:active, a:visited  {
	color: #333333;
	text-decoration: none;
}

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

.column2b {
	position: absolute;
	width: 245px;
	z-index: 50;
	left: 560px;
	top: 210px;
	background-image: url(../images/90opa.png);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

.column2b a:link, .column2b a:active, .column2b a:visited  {
	color: #333333;
	text-decoration: none;
}

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

.jumpmenu {
	position: absolute;
	width: 240px;
	z-index: 25;
	left: 110px;
	top: 217px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}


.blackcopy {
	position: absolute;
	width: 240px;
	z-index: 25;
	left: 110px;
	top: 260px;
	background-image: url(../images/90opa.png);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

.blackcopy a:link, blackcopy a:active, blackcopy a:visited  {
	color: #333333;
	text-decoration: none;
}

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

.black {
	position: absolute;
	width: 130px;
	z-index: 25;
	left: 300px;
	top: 190px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	height: 500px;
}

.dabinettcopy {
	position: absolute;
	width: 240px;
	z-index: 25;
	left: 510px;
	top: 260px;
	background-image: url(../images/90opa.png);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

.dabinettcopy a:link, dabinettcopy a:active, dabinettcopy a:visited  {
	color: #333333;
	text-decoration: none;
}

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

.dabinett {
	position: absolute;
	width: 130px;
	z-index: 50;
	left: 705px;
	top: 190px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	height: 500px;
}


.ogcopy {
	position: absolute;
	width: 240px;
	z-index: 25;
	left: 110px;
	top: 750px;
	background-image: url(../images/90opa.png);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

.ogcopy a:link, ogcopy a:active, ogcopy a:visited  {
	color: #333333;
	text-decoration: none;
}

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

.og {
	position: absolute;
	width: 130px;
	z-index: 25;
	left: 290px;
	top: 670px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	height: 500px;
}

.vintagecopy {
	position: absolute;
	width: 240px;
	z-index: 25;
	left: 510px;
	top: 750px;
	background-image: url(../images/90opa.png);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

.vintagecopy a:link, vintagecopy a:active, vintagecopy a:visited  {
	color: #333333;
	text-decoration: none;
}

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

.vintage {
	position: absolute;
	width: 130px;
	z-index: 50;
	left: 710px;
	top: 670px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	height: 500px;
}


.yarlingtoncopy {
	position: absolute;
	width: 240px;
	z-index: 25;
	left: 110px;
	top: 1240px;
	background-image: url(../images/90opa.png);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

.yarlingtoncopy a:link, yarlingtoncopy a:active, yarlingtoncopy a:visited  {
	color: #333333;
	text-decoration: none;
}

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

.yarlington {
	position: absolute;
	width: 130px;
	z-index: 25;
	left: 310px;
	top: 1160px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	height: 500px;
}

.goldcopy {
	position: absolute;
	width: 240px;
	z-index: 25;
	left: 510px;
	top: 1240px;
	background-image: url(../images/90opa.png);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

.goldcopy a:link, goldcopy a:active, goldcopy a:visited  {
	color: #333333;
	text-decoration: none;
}

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

.gold {
	position: absolute;
	width: 155px;
	z-index: 50;
	left: 695px;
	top: 1160px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	height: 500px;
}


.amcopy {
	position: absolute;
	width: 240px;
	z-index: 25;
	left: 110px;
	top: 1780px;
	background-image: url(../images/90opa.png);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

.amcopy a:link, amcopy a:active, amcopy a:visited  {
	color: #333333;
	text-decoration: none;
}

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

.am {
	position: absolute;
	width: 140px;
	z-index: 25;
	left: 310px;
	top: 1650px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	height: 500px;
}


.perrycopy {
	position: absolute;
	width: 240px;
	z-index: 25;
	left: 510px;
	top: 1780px;
	background-image: url(../images/90opa.png);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

.perrycopy a:link, perrycopy a:active, perrycopy a:visited  {
	color: #333333;
	text-decoration: none;
}

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

.perry {
	position: absolute;
	width: 140px;
	z-index: 25;
	left: 710px;
	top: 1650px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	height: 500px;
}