/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}


/* mCustomScrollbar Overrides */
.mCSB_scrollTools { width:18px !important; }
.mCSB_scrollTools .mCSB_draggerRail { width:14px !important; }
.mCSB_scrollTools .mCSB_dragger_bar { width:14px !important; }


/* Geneal Styles */

html {

}

strong { font-weight:bold; }
em { font-style:italic; }

body {
	background-color: #020000;
}

p, li, div, h1, h2, h3, h4, h5, h6  {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 13px;
}

h1, h2 { text-transform:uppercase; font-size:30px; line-height:36px; letter-spacing:1px; font-family: Montserrat, sans-serif; }

h1.homepage { text-transform:none; font-size: 38px; line-height:40px; letter-spacing:normal; font-family: Montserrat, sans-serif; color: #a6193b; text-align:center; }

a {
	outline: 0;
	text-decoration: none;
}

ul.list-float > li {
    float: left;
}

ul.list-inline > li {
    display: inline-block;
}

ul.list-item > li {
    list-style: disc outside none;
    margin: 0 0 0 17px;
}

ul.list-box {
    list-style: outside none square;
    padding: 0 0 0 16px;
}

b {
    font-weight:bold;
}

header, #main, footer {
    position: relative;

}

footer {
	background:#000
}


#wrapper {
	background: #FFF4E4 url('../images/background.jpg') no-repeat;
	margin: 0 auto;
	max-width: 960px;
	background-position: 0px -40px;
}

.container {
    margin: 0 auto;
    position: relative;
    width: 960px;
    max-width: 100%;
}

.clearfix:after, .container:after, header:after, #main:after, footer:after {
    clear: both;
}

.clearfix:before, .clearfix:after, .container:before, .container:after, header:before, header:after, #main:before, #main:after, footer:before, footer:after {
    content: '';
    display: table;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.img-responsive {
    height: auto;
    width: 100%;
}

.hidden-special {
    display: inline-block;
}
.hidden-lg {
    display: none;
}

.hidden-xs{
    display: block;
}

/* Header Styles */

header {
    height: 197px;
    padding: 0 0 20px;
}

#header-logo {
    height: 86px;
    margin: 0 auto;
    width: 260px;
}

#wines {
    position: relative;
    z-index: 1;
}

#wines li a {
    display: block;
    margin: 0 4px 0 0;
}

#wines li a img{
	max-width: 116px;
	width: 100%;
}
#wines li:last-child a {
	margin: 0;
}

nav {
	background-color: #a59447;
	margin: 0 0 20px 0;
}

nav ul {
    float: right;
    width: 573px;
}

nav li {
    padding: 8px 0;
}

nav li a {
	border-right: 1px solid #fff;
    color: #fff;
    display: block;
    font-family: 'Open Sans', sans-serif;
	font-weight: 700;
    font-size: 12.54px;
    /*font-weight: bold;*/
    padding: 0 7px;
    text-transform: uppercase;
}

nav li:last-child a {
	border-right: none;
	/*padding: 0 0 0 8px;*/
}
/* */

#wrapper > #main {
    height: 627px;
}

#main-content {
}

#content-left {
	position: relative;
	float: left;
	width: 375px;
}

#content-left div {
    left: 0;
    position: absolute;
    top: -99px;
}

#content-left img {
}

#content-right {
    float: right;
    max-height: 579px;
    min-height: 579px;
    position: relative;
    width: 525px;
}

#info-container {
    bottom: 10px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 355px;
}

#logo {
	margin: 0 0 5px;
}

#social {
    margin: 0 0 10px;
}

#social ul {
    margin: 0 auto;
    width: 190px;
}

#social li a {
	background: url(../images/social-icons.png) no-repeat;
	display: block;
	height: 22px;
	margin: 0 2px 0 0;
	width: 22px;
}

#social li:nth-child(2) a {
    background-position: -23px 0;
}

#social li:nth-child(3) a {
    background-position: -47px 0;
}

#social li:nth-child(4) a {
    background-position: -70px 0;
}

#social li:nth-child(5) a {
    background-position: -93px 0;
}

#social li:nth-child(6) a {
    background-position: -117px 0;
}

#social li:nth-child(7) a {
    background-position: -141px 0;
}

#social li:last-child a {
    background-position: -164px 0;
    margin: 0;
}

address {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 10px;
	text-align: center;
}

#content-text {
    
}

#content-text p {
    font-size: 13px;
    line-height: 17px;
    padding: 0 30px;
}

.wines > h1, .wines > h2, #content-page h1 {
    margin: 0px 0 20px;
}

#wines li .wines:hover #wine1 {
    display: block;
}

#content-text p, .wines p {
    margin: 0 0 15px;
}

.group { float:left; margin: 0 0 20px; padding: 0 30px; }

.group h3 {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px;
}

.group p {
    padding: 0 !important;
}

.wines {
    display: none;
}

#content-page {
    height: 415px;
}

#content-scrolling {
    height: 350px;
}

.footer-nav {
    margin: 0 auto;
    padding: 8px 0;
    width: 430px;
    text-align:center;
}

.footer-nav li {
	float:none !important;
	display:inline !important;
}
.footer-nav a {
    border-right: 1px solid #fff;
    color: #fcf6e5;
    font-family: "Open Sans";
    font-size: 11px;
    padding: 0 5px;
}

.footer-nav li:last-child a {
    border-right: none;
}

/* mobile */

#mobile-content {
    height: 595px;
    overflow-x: hidden;
    margin-top: 42px;
}

.mobile-wines a {
    display: block;
    margin-bottom: 30px;
    text-align: center;
}

.mobile-wines img {
    padding: 20px 0;
}

.mwines {
    display: none;
}

p#subnav a {
    padding: 8px 8px;
    display: inline-block;
    margin-bottom: 18px;
    background: #a6193b;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    margin-left: 1px;
    margin-top: 0px;
    font-size: 12px;
}

p#subnav {
    text-align: center;
    padding-right: 0px;
}

ul#main-menu li {
    float: none;
    display: inline-block;
}

ul#main-menu {
    text-align: center;
}

ul#main-menu a {
}

.font-script {
    font-family: Montserrat, sans-serif;
    text-transform: none;
    line-height: 40px;
    letter-spacing: normal;
    color: #a6193b;
}
.logo-under {
    text-align: center;
    font-size: 20px;
    margin-bottom: -20px;
    margin-top: -15px;
}
#content-left .text-on-top {
    top: 123px !important;
    left: 26px;
    font-size: 57px;
    line-height: 1;
    text-align: left;
    color: #a6193b;
    text-transform: uppercase;
}
div#wines li {
    width: 12.5%;
}
button#menu-trigger {
    border: none;
    background: transparent;
    width: 100%;
    outline: none;
    font-size: 2em;
    font-weight: bold;
    margin:5px;
}
@media only screen and (max-width: 900px) {
	.text-on-top {
		display:none;
	}
	#main-menu {
		width: 480px;
	}
    .hidden-special {
        display: none !important;
    }
}
 @media only screen and (max-width: 900px) {
    .container {
        width: 100%;
    }
    #wrapper {
        background: url("../images/background.jpg") no-repeat scroll -100px 0 #fff4e4;
        height: 884px;
        margin: 0 auto;
        max-width: 890px;
    }
    #social {
    }
	#main-menu {
		width: 100%;
	}
    #wines li {
        width: 16%;
    }
    #wines img {
        height: auto;
        width: 100%;
    }
    #content-left div {
        left: -100px;
    }
}

@media only screen and (max-width: 900px) {
    .container {
        width: 750px;
    }
    
	.wines > h1, .wines > h2, #content-page h1 {
		margin: 60px 0 20px;
	}
    #wrapper {
        background: url("../images/background.jpg") no-repeat scroll -150px 0 #fff4e4;
        height: 884px;
        margin: 0 auto;
        max-width: 890px;
    }
    #wines li {
        width: 16%;
    }
    #wines li a {
        margin: 0;
    }     
    #content-left div {
        left: -150px;
    }
}

@media only screen and (min-width: 901px) {
	#main-menu {
		display:block!important;
	}
}
@media only screen and (max-width: 900px) {
    .hidden-special {
        display: block !important;
    }
    nav {
    	background: rgba(165, 148, 71, 0.85);
    	position:absolute;
    	right:0;
    	left:0;
    	z-index:9;
    }
	ul#main-menu li{
		display:block;
	}
    nav li a {
        border:none;
    }
    #wrapper {
        background: url("../images/background.jpg") no-repeat scroll -340px 0 #fff4e4;
    }
    header {
        height: auto;
    }
    .container, #content-right {
        max-width: 350px;
        width: auto;
    }
    footer .container{
    	max-width:initial;
    }
    .hidden-lg{
        display: block;
    }
    .hidden-xs {
        display: none !important;
    }
    #header-logo{
        margin: 30px auto 20px;
    }
    #wrapper > #main {
        height: 728px;
    }
    #content-right {
        float: none;
        margin: 0 auto;
        max-height: 682px;
        min-height: 682px;
    }
    nav ul {
        float: none;
        margin: 0 auto;
        width: auto;
        display: none;
    }
    nav li a {
        padding: 2px;
        font-size:1.5em;
    }
    .footer-nav {
        width: auto;
    }
    #info-container {
        max-width: 355px;
        width: auto;
        top: 505px;
    }
    .index-template #info-container {
        max-width: 355px;
        width: auto;
        top: 675px;
    }
}