@charset "utf-8";
@import url("http://fast.fonts.com/t/1.css?apiType=css&projectid=67cfd121-2374-4f58-b461-883cf1382b45");

/* CSS Document - Main Style Sheet
Kreck Design www.kreck.com
Client: Pepi Winery */

/* Table of Contents
	=01 =Basic Styles
	=02 =Font-Face / Typography
	=03 =Blockquotes, Links, Lists
	=04 =Structure / Layout
*/
	
/* =========================================================== */
/* =01 =Basic Styles                                            */
/* =========================================================== */

html {
	height: 100.2%;
}
body {
	background: #222c4a;
	font: 14px/21px "Verdana", Arial, Helvetica, sans-serif;
	color: #89969e;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	margin:0;
	padding:0;
}


/* =========================================================== */
/* =02 =Font-Face / Typography                                  */
/* =========================================================== */


@font-face {
 font-family:"Pristina W01";
 src:	url("/fonts/f32078e9-645d-422e-bc1d-3d2a59cf2b9e.eot?iefix");
 src:	url("/fonts/f32078e9-645d-422e-bc1d-3d2a59cf2b9e.eot?iefix") format("eot"),
		url("/fonts/989b0831-f076-4a1b-8fc6-10e5a4dfc2d9.woff") format("woff"),  
		url("/fonts/faf0d64f-e5b4-44c7-8540-2225f4969954.ttf") format("truetype"),
		url("/fonts/c6ddef20-81bc-4a68-a874-434160998941.svg#c6ddef20-81bc-4a68-a874-434160998941") format("svg"); }
		

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight: inherit;
}
h1 {
	font-size: 48px;
	line-height: 52px;
	margin-bottom: 14px;
	color:#236293;
	font-family:'Pristina W01', "Georgia", "Times New Roman", serif;
	font-weight: bold;
}


	h2 { font-size: 16px; margin-bottom: 1.em; line-height: 1.5em; margin-left:10px; }
	zzzh2 { font-size: 1.5em; margin-bottom: 1.em; line-height: 1.2em; margin-left:10px; }
	h3 { font-size: 1.3em; margin-bottom: 1.00em; line-height: 1.3em; margin-left:10px;}
	zzzh4 { font-size: 1.1em; margin-bottom: 1.25em; line-height: 1.25; margin-left:10px;}
	h4 { font-size: 14px; margin-bottom: 1.5em; line-height: 1.25; margin-left:10px;}
	h5 { font-size: .8em; margin-bottom: 1.50em; font-weight: bold; }
	h6 { font-size: 1.0em; font-weight: bold; }
	h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }



	p           { margin: 0 0 1.5em; margin-left:10px; }
	p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
	p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
	
	a:link		{ color: #009; text-decoration: underline }
	a:visited 	{ color: #000; }
	a:hover 	{ color: #000; }
	a:active 	{ color: #660000; }
	a:focus 	{ -moz-outline-style: none; }
	
	blockquote  { margin: 1.5em; color: #666; font-style: italic; }
	strong      { font-weight: bold; }
	em,dfn      { font-style: italic; }
	dfn         { font-weight: bold; }
	sup, sub    { line-height: 0; }
	
	abbr, 
	acronym     { border-bottom: 1px dotted #666; }
	address     { margin: 0 0 1.5em; font-style: italic; }
	del         { color:#666; }
	
	pre			{ margin: 1.5em 0; white-space: pre; }
	pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
	
	hr 			{ color:#ddd; background-color:#ddd; clear:both; float:none; width:100%; height:1px; margin:1.45em 0; border:none; }

/* =========================================================== */
/* =03 =Lists, Tables, Misc.                        */
/* =========================================================== */

/* =Lists */

	li ul, 
	li ol       { margin:0 1.5em; }
	ul, ol      { margin: 0 1.5em 1.5em 1.5em; }
	
	ul          { list-style-type: disc; }
	ol          { list-style-type: decimal; }
	
	dl          { margin: 0 0 1.5em 0; }
	dl dt       { font-weight: bold; }
	dd          { margin-left: 1.5em;}

/* =Tables */

	table       	{ margin-bottom: 1.4em; width:100%; }
	th          	{ font-weight: bold; }
	thead th 		{ background: #c3d9ff; }
	th,td,caption	{ padding: 4px 10px 4px 5px; }
	tr.even td		{ background: #e5ecf9; }
	tfoot       	{ font-style: italic; }
	caption     	{ background: #eee; }

/* =Misc classes */

	.hide       	{ display: none; }
	.access 		{ position:absolute; text-indent:-900em; }
	.float-left 	{ float:left; display:inline; }
	.float-right 	{ float:right; display:inline; }
	img.float-left	{ float:left; display:inline; padding:5px 10px 10px 0; }
	img.float-right	{ float:right; display:inline; padding:5px 0 10px 10px; }
	img.center 		{ display: block; margin:0 auto; }
	.align-left 	{ text-align: left; }
	.align-right 	{ text-align: right; }
	.align-center 	{ text-align:center; }
	.justify 		{ text-align:justify; }

/* =========================================================== */
/* =04 =Structure                                               */
/* =========================================================== */

#outer-wrapper {
	background:url(/images/wrapper-bg.jpg) repeat;
	zzzmargin-top:25px;
	border-top:1px solid #43403e;
	padding:35px 0 15px;
}
#email-container {
	position:absolute;
  top:0;
  width:100%;
  height:27px;
  color:#fff;
}
#slideshow-wrapper {
	position:relative;
	display:block;
	width:995px;
	height:400px;
	margin:0px auto;
	background:url(/images/slideshow-bg.jpg) repeat-x;
}
#slideshow-wrapper div {
	float:left;
}
.slideshow {
	margin:10px 0;
}
#border-left {
	background: url(/images/slideshow-border-left.jpg) no-repeat right center;
	height: 400px;
	width: 35px;
}
#border-right {
	background: url(/images/slideshow-border-right.jpg) no-repeat left center;
	height: 400px;
	width: 35px;
}
#slideshow-small {
	width:260px;height:380px;
}
#slideshow-large {
	width:425px;height:380px;
}
#content-wrapper {
	position:relative;
	width:1000px;
	margin:0 auto;
	padding-top:50px;
}
#nav-container {
	position:absolute;
	top:0px;
	width:1000px;
	text-align:center;
	font-family:Questrial, sans-serif;
	font-size:18px;
	text-transform:uppercase;
	background: url(/images/nav-bg-full.jpg) no-repeat center center;
}
#mobile-nav-container {
 display:none;
}


/* =HILITE! ---------------------------- */

#hilite-top,
#hilite-bottom {
 padding:0; margin:0; line-height:0;
}

#hilite-top img,
#hilite-bottom img {
 display:block;
 margin:auto;
}

#hilite-top img,
#hilite-bottom img,
#hilite-content h2 img {
  width: inherit;  /* This makes the next two lines work in IE8. */
  max-width: 100%; /* Add !important if needed. */
  height: auto;    /* Add !important if needed. */
}
#hilite {color:#fff;}
#hilite-content {zzzwidth:65%; padding:15px; margin:0 auto; border-left:7px solid #EEDE95; border-right:7px solid #EEDE95;}
#hilite a { color:#d6d83c;}
#hilite-content {background:#365170 url(/images/hilite-bg-repeat.jpg) repeat-y top center;}
#hilite a { color:#d6d83c;}



/* =FOOTER! ---------------------------- */


#email-container,
#footer-container {
	background:#222c4a url(/images/bg-blue.jpg) no-repeat top center;
}

/* footer-content to be as wide as ".container" (960px) */
#footer-container {
 height:200px;
   height:120px;
   padding-top:1em;
 color:#F5F2EB;
   color:#D9D9E0;
}
#footer-container a {
  color:#eecc51;
}

#footer-container a:hover {
  color:#EEDE95;
}

#footer-content {
 margin:0 auto;
 width:960px;

 width:940px;
 padding-right:20px;
}

a#social-facebook {
 text-decoration:none;
 background:transparent url('/images/social-icon-spritemap.png') left center no-repeat;
 width:20px;
 height:16px;
 float:left;
 text-indent:-9000px;
 margin-left:0.6em;
}
a#social-twitter{
 text-decoration:none;
 background:transparent url('/images/social-icon-spritemap.png') right center no-repeat;
 width:20px;
 height:16px;
 float:left;
 text-indent:-9000px;
 margin-left:0.8em;
}
a#social-facebook:hover,
a#social-twitter:hover {
 opacity:0.7;
}