html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: transparent;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* end reset*/
a:focus, object:focus {
	outline: none;
}

i, em {
	font-style: italic;
}

b, strong {
	font-weight: bold;
}

p {
	margin: 0 0 1.5em; 
}

* html .clear{
    height: 1%;
}
.clear {
    display: block;
    clear:both;
    visibility:hidden;
}

/*links*/
a:link, a:visited {
	text-decoration: none;
	color: #0d5491;
}
a:hover{
	text-decoration: underline;
	color:#c80409;
}
a:active,
a.active {
	text-decoration: none;
	color:#c80409;
}

a.languages span { color: #cc0000; }

@font-face {
	font-family: 'MyriadPro-Regular';
	src: 	url('fonts/MyriadPro-Regular.eot')  format('☺'),
			url('fonts/MyriadPro-Regular.woff') format('woff'), 
			url('fonts/MyriadPro-Regular.ttf') format('truetype'), 
			url('fonts/MyriadPro-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MyriadPro-It';
	src: 	url('fonts/MyriadPro-It.eot') format('☺'),
			url('fonts/MyriadPro-It.woff') format('woff'), 
			url('fonts/MyriadPro-It.ttf') format('truetype'), 
			url('fonts/MyriadPro-It.svg') format('svg');
	font-weight: normal;
	font-style: italic;
}


html{
	width:100%;
	/*font-size: 16px;*/
	font-family: 'MyriadPro-Regular', Arial, sans-serif;
	color: #0d5491;
	font-size: 16px;
}

body{
	width: 100%;	
	min-width: 1100px;	
	font-size: 62.5%;/* 1em = 16* 0.625 = 10px */
	line-height: 1.8em;	
	position:relative;
}

*html body{
	width: 1100px;
}

.wrapper{
	max-width: 1400px;	
	margin: 0 auto;
}

*html .wrapper{
	width: 1100px;
}

/* *** index *** */
body.index{
	background: url("img/grad-bg.png") scroll repeat-x top center #ACACAC;
}


	/* *** index top *** */
	.index .top-menu{
		position:relative;
		padding-top: 20px;
		line-height: 2.0em;
		font-size: 1.6em;
	}

		.index .top-menu ul{
			list-style:none;
			display:block;
		}
		*html .index .top-menu ul{
			height:210px;
		}

		.index .top-menu ul.left{
			float:left;
			margin-left:16.4%;
			background: url("img/vline3.png") scroll no-repeat right center transparent;
			padding-right: 3%;
		}

		.index .top-menu ul.right{
			display:block;
			float:right;
			margin-right:16.4%;
			background: url("img/vline3.png") scroll no-repeat left center transparent;
			padding-left: 3%;
		}

		.index .top-menu li{
			list-style:none;
		}

		.index a.top-logo,
		.index a.top-logo:link{
			text-decoration:none;
			display:block;
			position:absolute;
			padding-top: 10px;
			left:50%;
			margin-left:-172px;
		}


	.index .top-spoiler{
		position:relative;
		padding:50px 16.4% 25px 16.4%;
		font-size: 1.6em;
		line-height: 1.1;
		text-indent:0px;
		background: url("img/hr1039.png") scroll no-repeat bottom center transparent;
	}
		.index .top-spoiler p{ margin-left:220px;padding-top:1em;}

		.index .top-spoiler img{ float:left;}

	.index .top-photos{
		padding:32px 0px 26px 11%;
		background: url("img/hr1039.png") scroll no-repeat bottom center transparent;
	}

		.index .photos-nav{
			float:left;
			width:221px;
			height:74px;
			margin-top:7px;
			padding:40px 10px 0px 0px;
			background: url("img/camera139.png") scroll no-repeat 62px 0px transparent;
			font-size: 1.4em;
			line-height: 1.6em;
		}
			.index .photos-nav a:link,
			.index .photos-nav a:visited{
				float:left;
				width:221px;
				padding:0px 0px 5px 10px;			
				height: 28px;
				background: url("img/sticker123.png") scroll no-repeat 0px 0px transparent;
			}
			.index .photos-nav a:hover,
			.index .photos-nav a:active,
			.index .photos-nav a.active{
				float:left;
				width:221px;
				height: 28px;
				background: url("img/sticker123-active.png") scroll no-repeat 0px 0px transparent;
				text-decoration:none;
			}
			.index .photos-nav a:active{
				background: url("img/sticker123.png") scroll no-repeat 0px 0px transparent;
			}
			
		.index .photos-grid{
		
			float:left;
			overflow:hidden;
			position:relative;
			width:62.5%;
			height:120px;
		}
			.index .photos-grid .yscroll{
				height:240px;
				width:100%;
				position:relative;
			}
			.index .photos-grid ul{
				list-style:none; 
				float:left;
				width:100%;
			}
			.index .photos-grid li{
				list-style:none; 
				float:left;
				width:20%;
				height:120px;
			}
/* *** end index top *** */

/* *** content *** */
	.index .content{
		padding:30px 6.5% 30px 6.5% ;
		font-size: 1.4em;
		line-height: 1.6em;
	}
		.index .content div{
			float:left;
			width:40%;
			margin-left:6.5%;
			text-align:center;
		}
		.index .content p{
			text-align:left;
			
		}
                .wrapper .content h2{
                        color:#0D5491;
			font-size:24px;
                        margin-bottom: 15px;
                }
		.index .content a.big,
		.index .content a.big:link,
		.index .content a.big:visited{
			font-family:'MyriadPro-It', sans-serif;
	font-style: italic;
			font-size: 3.5em;
			line-height:1.2em;
			color:#125b8c;
		}
		.index .content a.big:hover,
		.index .content a.big:active{
			display:block;
		}
		.index .content a.big:link img,
		.index .content a.big:visited img{
			display:block;
		}
	
	h2{
                        color:#0D5491;
			font-size:24px;
                        margin-bottom: 8px;
                }
/* *** end content *** */


/* *** footer *** */
	.index .footer{
		height:54px;
		padding:35px 0;
		width:1080px;
		margin:0px auto;
		background: url("img/hr1060.png") scroll no-repeat top center transparent;		
		font-size: 1.4em;
		line-height: 1.6em;
		color:white;
	}
	
		
		.index .footer .menu{
			float:right;		
			width:395px;
			height:2em;
		}
			.index .footer .menu ul{
				float:right;		
				list-style:none;	
				width:100%;	
			}
			.index .footer .menu li{
				float:left;		
				padding-left:30px;
			}			
			
			.index .footer .menu a:link,
			.index .footer .menu a:visited{
				color:white;
			}					
			.index .footer .menu a:hover,
			.index .footer .menu a:active{
				color:#125b8c;
			}		
/* *** end footer *** */
/* *** end index *** */


/* *** wines *** */
body.wines{
	background: url("img/wines-rt.jpg") scroll no-repeat top right transparent;
	min-height:770px;
	
}
*html body.wines{
	height:770px;
}

.wines .winesbottle{
	background: url("img/wine-in-bottle.jpg") scroll no-repeat left bottom transparent;
	width:100%;
	height:100%;
}	
.wines .wrapper{
	position:relative;
	padding-bottom:214px;
}
	.wines .leftarea{
		float:left;
		width:35.5%;
		margin:20px 1.8% 0 2.7%;	
	}
	.wines .top-logo{
		padding-left:15%;
		margin-bottom:20px;
		width:85%;
		z-index:10;
	}
	
	.wines .top-tags{
		z-index:10;
		font-size:1.3em;	
		line-height:1.5em;	
		text-align:center;
	}
		.wines .top-tags a:link,
		.wines .top-tags a:visited{
			padding:1px 3px;	
			background-color:#fff;
			background-color:rgba(255,255,255,0.8);		
		}
		.wines .top-tags a:active,
		.wines .top-tags a.active{
			background-color:#ACACAC;
			background-color:rgba(172,172,172,0.8);		
		}
	
	.wines .top-menu{
		width:57.3%;
		height:50px;
		margin:20px 2.7% 0px 40%;
		z-index:10;
		padding-top:50px;
		font-size:1.8em;
	}
		.wines .top-menu ul{
			float:left;
			list-style:none;
		}
		
		.wines .top-menu li{
			list-style:none;
			float:left;
			margin:0 20px 0 0;
		}
	
	.wines .content{
		width:57.3%;
		margin:20px 2.7% 0px 40%;
		z-index:10;
	}
	
		.wines .content img.left{
			float:left;
			margin:10px 10px 0px 0px ;
		}
		
		.wines .content p{
			width:90%;
			color:#145d8b;
			background-color:#fff;
			background-color:rgba(255,255,255,0.5);	
			font-size:1.3em;	
		}
	
		.wines .winedgrid{
			width:100%;
			font-size:1.4em;	
			margin:0px 0 50px 0 ;
		}
		.wines .winedgrid ul{
			list-style:none;
			width:100%;
		}
		.wines .winedgrid li{		
			width:30%;
			/*min-width:207px;*/
			/*height:205px;*/
			float:left;	
			position:relative;
			margin:12px 0 0 0;
		}
		.wines .winedgrid img{
			border:1px solid white;
		}
		.wines .winedgrid span{
			position:absolute;			
			left:1px;
			top:144px;
			display:block;
			height:1.3em;			
			width:205px;
			text-align:center;
			background-color:#ACACAC;
		}
		.wines .winedgrid a:hover span,
		.wines .winedgrid a:active span{
			background-color:#3c3c3c;			
		}
		.wines .winedgrid a:active,
		.wines .winedgrid a.active{
			color:#46ffff;			
		}
		
		.wines .winepreview{
			width:400px;
                        margin-left: 180px;
			padding:30px 40px 10px 40px;
			background-color:#266895;
			background-color:rgba(38,104,149,0.9);
			color:#fff;	
			-webkit-border-radius: 20px;
			-moz-border-radius: 20px;
			border-radius: 20px;
		}
		
		.wines .winepreview h2{
			font-size:2.77em;
			display:inline;
		}
		
		.wines .winepreview h3{
			display:inline;
			font-size:2.53em;
			font-family:'MyriadPro-It', sans-serif;
			color:#c3c3c3;
		}
		
		.wines .winepreview img{
			margin:1em auto 1em auto;
		}
		
		.wines .winepreview p, .wines .winepreview div{
			font-size:13px; /*1.3em;*/
		}
	
	.wines .footer{
		width:100%;
		height:214px;
		position:absolute;
		z-index:10;
		bottom:0;
		background: url("img/logo281white.png") scroll no-repeat 35px 25px transparent;	
	}
	
		.wines .footer div{
			float:left;			
			background: url("img/vline179.png") scroll no-repeat right center transparent;	
			padding-right:2%;
			margin-left:2%;
			height:100%;
		}

		.wines .footer .navigation ul{
			background: url("img/vline90.png") scroll no-repeat left center transparent;	
			display:block;
			float:left;			
			list-style:none;
			font-size:1.3em;	
			line-height:2.2em;	
			margin:35px 0 0 25px;
			padding-left:25px;
		}
		
		.wines .navigation .first{
			background: url("img/navigation-v-2.png") scroll no-repeat left center transparent !important;
			padding-left:35px !important;
		}
		
		.wines .footer .photos a:link,
		.wines .footer .photos a:visited{
			padding:45px 0 0 0;
			display:block;
		}
		
		.wines .footer .trucks a:link,
		.wines .footer .trucks a:visited{
			padding:40px 0 0 0;
			display:block;
		}
		.wines .footer .copy{
			background:transparent;
			float:none;
			position:absolute;
			right:2%;
			bottom:25px;
			color:white;
			font-size:1.4em;	
			height:30px;
		}
		
	.wines .footer-bg{
		position:absolute;
		z-index:0;
		bottom:0;
		width:100%;
		height:214px;
		background: url("img/grad214.png") scroll repeat-x top left #ACACAC;	
		
	}
/* *** end wines *** */