@CHARSET "UTF-8";

html
		{
		font-family: times roman,times,serif;
		font-size: 13px;
		line-height: 15px;
		color: #ffffff;
		}

#bottomContainer,
#panorama
        {
        font-size: 11px;
        line-height: 15px;
        }

img 
		{
		border: 0;
		}

a	
		{
		color: #fff;
		outline: 0;
		}

#body
		{
		width: 980px;
		height: 580px;
		position: relative;
		border: 1px solid #686753;
		margin: auto;
		overflow: hidden;
		}

#contentContainer
		{
		position: absolute;
		top:  10px;
		left: 10px;
		width: 960px;
		height: 428px;
		z-index: 1;
		overflow: hidden;
		}

.contact #contentContainer,
.contact #contentContainer #textContainer
		{
		background: #ABB1AF;
		}
		
.contact #contentContainer #textContainer .plan
		{
		position: absolute;
		bottom: 0;
		}
		
.contact #contentContainer #textContainer .plan img
		{
		display: block;
		}


.leftArrow, .rightArrow,
#leftArrow, #rightArrow
		{
		position: absolute;
		font-size: 25px;
		font-weight: bold;
		bottom: 5px;
		color: #ffffff;
		display: none;
		z-index: 5;
		cursor: default;
		width: 12px;
		height: 22px;
		overflow: hidden;
		text-indent: -999px;
		}
		
.leftArrow,
#leftArrow
		{
		left: 5px;
		background: url(../imgs/prev.png) no-repeat top left;
		}

.rightArrow,
#rightArrow
		{
		right: 5px;
		background: url(../imgs/next.png) no-repeat top left;
		}
		
#panorama
		{
		width: 3186px;
		left: -1113px;
		top: 0;
		height: 428px;
		background-image: url("../imgs/panorama.jpg");
		position: absolute;
		}

.bottle
		{
		color: #ffffff;
		position: absolute;
		top: 20px;
		width: 50px;
		overflow: visible;
		text-decoration: none;
		}

.bottle .wineImage
		{
		position: absolute;
		width: 50px;
		bottom: 0;
		left: 0;
		}
.bottle .wineImage img
		{
		display: block;
		margin: 0 auto;
		}

.bottle .wineTitle
		{
		position: absolute;
		top: 0;
		right: 0;
		left: -20px;
		width: 90px;
		text-align: center;
		}

.bottle .vLine
		{
		position: absolute;
		top: 40px;
		left: 25px;
		border-left: 1px solid #ffffff;
		}

#overlay
		{
		position: absolute;
		top: 10px;
		left: -350px;
		width: 2000px;
		height: 560px;
		z-index:99;
		}

#bottle, #smallImages, #imageContainer, .contact #textContainer
		{
		position: absolute;
		top: 0;
		left: 0;
		right: auto;
		width: 368px;
		height: 428px;
		}
		
#bottle
		{
		height: 558px;
		width: 355px;
		background: #fff;
		border: 1px solid #000;
		overflow: hidden;
		}


#bottle .img
		{
		position: relative;
		background-position: center center;
		background-repeat: no-repeat;
		width: 353px;
		height: 558px;
		}

#bottle .prev, #bottle .next
		{
		position: absolute;
		width: 12px;
		height: 22px;
		bottom: 5px;
		background-position: top left;
		background-repeat: no-repeat;
		z-index: 1;
		}
		
#bottle .prev
		{
		left: 5px;
		background-image: url(../imgs/prev-black.png);
		}
		
#bottle .next
		{
		right: 5px;
		background-image: url(../imgs/next-black.png);
		}

#smallImages
		{
		background-color: #686753;
		}

#smallImages div table
		{
		width: 310px;
		margin: 20px;
		padding: 0;
		}


#bottleDescriptionContainer, #largeImage, #textContainer, .contact #imageContainer
		{
		position: absolute;
		top: 0px;
		right: 0px;
		left: auto;
		width: 592px;
		height: 428px;
		}
		

		

		
#standardTitle
		{
		margin: 40px 40px 0 40px;
		font-size: 20px;
		}
		
#standardText
		{
		text-align: justify;
		margin: 20px 40px 20px 40px;
		}
		
.text-only #standardText
		{
		margin-top: 40px;
		}
		
#largeImage
		{
		text-align: center;
		}

#largeImage img
		{
		position: absolute;
		top: 0;
		left: 0;
		z-index: 3;
		}

#bottleDescription
		{
		position: absolute;
		top: 40px;
		left: 40px;
		height: 350px;
		width: 285px;
		text-align: justify;
		}

#bottleTitle
		{
		font-size: 20px;
		margin-bottom: 20px;
		}

#bottleExtra
		{
		position: absolute;
		bottom: 20px;
		right: 20px;
		width: 180px;
		padding: 20px;
		text-align: justify;
		}
		
	

#bottleClose
		{
		position: absolute;
		width: 22px;
		height: 22px;
		top: 20px;
		right: 20px;
		line-height: 20px;
		text-align: center;
		cursor: pointer;
		background: url(../imgs/close.png) no-repeat top left;
		overflow: hidden;
		text-indent: -100px;
		text-decoration: none;
		}

#bottomContainer
		{
		position: absolute;
		top:  438px;
		left: 10px;
		width: 960px;
		height: 132px; 
		text-align: center;
		background-color: #686757;
		}

#navigation
		{	
		position: absolute;
		left: 368px;
		height: 132px;
		/*border-left:1px solid #ffffff;*/
		}

#navigation ul
		{
		padding: 0;
		margin: 20px 0 0 40px;
		list-style: none;
		text-transform: capitalize;
		line-height: 11px;
		color: #ffffff;
		text-align: left;
		}



#navigation ul li
		{
		text-transform: capitalize;
		margin-bottom: 9px;
		white-space: nowrap;
		}

#navigation ul li a
		{
		color: #ffffff;
		text-decoration: none;
		}

#navigation ul li strong
		{
		font-weight: normal;
		}

#navigation ul li.active a, #navigation ul li.open a, #impressum a.active
		{
		/*color: #d5d25c;*/
		color: #ccc;
		}

#impressum
		{
		height: 25px;
		bottom: 0;
		left: 40px;
		position: absolute;
		padding: 0;
		margin: 0;
		line-height: 15px;
		border-top: 1px solid #ffffff;
		width: 60px;
		text-align: left;
		}

#impressum a
		{
		color: #ffffff;
		text-decoration: none;
		text-transform: capitalize;
		font-size: 8px;
		}
		
ul.level1
		{
	
		}
	
ul.level2
		{
		position: absolute;
		left: 180px;
		top: 0;
		}


#logo
		{
		position: absolute;
		right: 30px;
		bottom: 25px;
		}

#logo img
		{
		border: none;
		}

#navText
		{
		text-align: left;
		position: absolute;
		width: 330px;
		left: 20px;
		top: 20px;
		}
		
#navText p 
		{
		padding: 0;
		margin: 0;
		}
		
		
/**
 * Wine types
 */

#bottleDescriptionContainer 
		{
		-webkit-transition: background-color 0.15s linear;
		-moz-transition: background-color 0.15s linear;
		-o-transition: background-color 0.15s linear;
		transition: background-color 0.15s linear;
		}
	
	
body #textContainer,	
body #bottleDescriptionContainer
		{
		background-color: #DE9D2F;
		}


body #bottleExtra
		{
		/*background-color: #E6B562;*/
		background-color: rgba(255,255,255,0.3);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cffffff,endColorstr=#4cffffff);
		}
		

body #navigation ul li.active a, body #navigation ul li.open a, body #impressum a.active
		{
		/*color: #DE9D2F;*/
		color: #ccc;
		}


#navigation ul li.active a, #navigation ul li.open a, #impressum a.active
		{
		-webkit-transition: color 0.5s linear;
		-moz-transition: color 0.5s linear;
		-o-transition: color: 0.5s linear;
		transition: color 0.5s linear;
		}



/**
 * Gallery
 */
	
.gallery #contentContainer,
.gallery #smallImages
		{
		overflow: hidden;
		background: #ABB1AF;
		}
		
.gallery #smallImages .content-view
		{
		position: relative;
		height: 100%;
		width:auto;
		}

.gallery #smallImages .content-view .preview
		{
		position: relative;
		display: block;
		float: left;
		width: 130px;
		height: 95px;
		padding: 36px 0 0 36px;
		}
		
.gallery #smallImages .content-view .preview .image
		{
		display: block;
		width: 130px;
		height: 95px;
		background-position: center center;
		background-repeat: no-repeat;
		}
		
.gallery .leftArrow,
.gallery .rightArrow
		{
		cursor: pointer;
		}
		
.gallery .leftArrow
		{
		left: 30px;
		}
		
.gallery .rightArrow
		{
		right: 30px;
		}
		
.gallery #largeImage .image-container
		{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		}