/* ===========================
   HTML 5 BOILERPLATE RESET
   ===========================*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{border:0;border-top:1px solid #ccc;display:block;height:1px;margin:1em 0;padding:0}
input,select{vertical-align:middle}
body{font:13px/1.5 sans-serif;font-size:small}
select,input,textarea,button{font:99% sans-serif}
pre,code,kbd,samp{font-family:monospace, sans-serif}
html{overflow-y:scroll}
a:hover,a:active,a:focus,input[type="submit"]{outline:none}
ul,ol{margin-left:2em}
ol{list-style-type:decimal}
nav ul,nav li{list-style:none;list-style-image:none;margin:0}
small{font-size:85%}
strong,th{font-weight:700}
td{vertical-align:top}
sub,sup{font-size:75%;line-height:0;position:relative}
sup{top:-0.5em}
sub{bottom:-0.25em}
pre{padding:15px;white-space:pre-wrap;word-wrap:break-word}
textarea{overflow:auto}
.ie6 legend,.ie7 legend{margin-left:-7px}
input[type="radio"]{vertical-align:text-bottom}
input[type="checkbox"]{vertical-align:middle}
.ie7 input[type="checkbox"]{vertical-align:baseline}
.ie6 input{vertical-align:text-bottom}
label,input[type="button"],input[type="submit"],input[type="image"],button{cursor:pointer}
button,input,select,textarea{margin:0}
input:invalid,textarea:invalid{-moz-box-shadow:0 0 5px red;-webkit-box-shadow:0 0 5px red;border-radius:1px;box-shadow:0 0 5px red}
.no-boxshadow input:invalid,.no-boxshadow textarea:invalid{background-color:#f0dddd}
::-moz-selection{background:#FF5E99;color:#fff;text-shadow:none}
::selection{background:#FF5E99;color:#fff;text-shadow:none}
a:link{-webkit-tap-highlight-color:#FF5E99}
button{overflow:visible;width:auto}
.ie7 img{-ms-interpolation-mode:bicubic}
body,select,input,textarea{color:#444}
h1,h2,h3,h4,h5,h6{font-weight:700;margin:0;padding:0}
a,a:active,a:visited{color:#607890}
a:hover{color:#036}


/* ===================
   PROJECT STYLES
   ===================*/

/* fontface  */
@font-face {
    font-family: 'ProcionoRegular';
    src: url('http://www.pondviewwinery.com/fonts/Prociono-Regular-webfont.eot');
    src: url('http://www.pondviewwinery.com/fonts/Prociono-Regular-webfont.eot?#iefix') format('eot'),
         url('http://www.pondviewwinery.com/fonts/Prociono-Regular-webfont.woff') format('woff'),
         url('http://www.pondviewwinery.com/fonts/Prociono-Regular-webfont.ttf') format('truetype'),
         url('http://www.pondviewwinery.com/fonts/Prociono-Regular-webfont.svg#webfontzxXLQ6CB') format('svg');
    font-weight: normal;
    font-style: normal;

}

img, div, span, ul, li, a {behavior: url(iepngfix.htc)}

/* html  */
html{background:url(http://www.pondviewwinery.com/img/bg.jpg) 0 0 repeat-x #000}
html.home{background:url(http://www.pondviewwinery.com/img/bg-large.jpg) top center no-repeat #000}
body {color:#ccc;*padding-top:9px; /* targets IE6 and 7 */}

/* global  */
#main{padding:30px 0 30px 0;}
p {margin:10px 0 10px 0}
strong {color:#fff}
.left { float:left; }
.right { float:right; }
.clear { clear:both }
.hidden { position: absolute; left: -9999px; }
.first { margin-left: 0 !important; }
.btmspc { margin-bottom: 20px; }
.btmspc-dbl { margin-bottom: 40px; }
.topspc { margin-top: 20px; }
.topspc-dbl { margin-top: 40px; }
.lftpad { padding-left: 20px !important; }
.rgtpad { padding-right: 20px !important; }
.lftmar { margin-left: 20px; !important}
.rgtmar { margin-right: 20px; !important}
.cntrtxt { text-align: center !important; }
.lfttxt { text-align: left !important; }
.rghttxt { text-align: right !important; }


/* colours  */
.black {color:#000000;background-color: inherit;}
.white {color:#ffffff;background-color: inherit;}
.darkgrey {color:#333333;background-color: inherit;}
.lightgrey {color:#cccccc;background-color: inherit;}
.red {color: #FF3300;background-color: inherit;}

/* links */
#main a:link, a:visited, a:active{text-decoration:none !important;color: #EEE !important; font-weight:700}
#main a:hover {text-decoration:underline !important;color:#FFF !important;}

/* headings  */
h1,h2,h3{font-family:'ProcionoRegular', "Times New Roman", Times, serif;font-weight:400;letter-spacing:0; margin:0 0 10px 0; color:#fff}
h1{font-size:170%;}
h2{font-size:150%;}
h3{font-size:120%;margin:10px 0 0}
#news h2 {margin:0}

/* header  */
#header{background:url(http://www.pondviewwinery.com/img/bg-header.png) no-repeat right 10px;height:200px;margin:0 auto;padding:0;width:960px; position:relative;z-index:6000}
#header H1 a{background:url(http://www.pondviewwinery.com/img/logo.png) no-repeat top left;display:block;float:left;height:135px;margin-top:10px;text-indent:-999999px;width:290px}
#social{ margin: 80px 20px 0 0;position: absolute;right: 0;}

/* mini cart  */
#minicart{float:left;display:inline;font-size:80%;padding:9px 0 0}
#fc_minicart {display:none;height:25px;background:url(http://www.pondviewwinery.com/img/shopping_cart.png) no-repeat left bottom;padding:0 0 0 35px;line-height:25px}

/* nav  */
.jqueryslidemenu{margin:0;padding:0;float:right;font: normal 120% 'ProcionoRegular', "Times New Roman", Times, serif;text-transform:uppercase;line-height: 1.1em;}
.jqueryslidemenu ul{float:right;margin: 0;padding: 4px 0 0;list-style-type: none;}
.jqueryslidemenu ul li{position: relative;display: inline;float: left;}
.jqueryslidemenu ul li a{display: block;color: white;padding: 8px 10px 8px 10px;text-decoration: none;}
* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/display: inline-block;}
.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{color: #999999!important;}
.jqueryslidemenu ul li a:hover{color: #ccc!important; font-weight:normal!important;}
.jqueryslidemenu ul li ul{float:left;z-index:999999;position: absolute;left: 0;display: block;visibility: hidden; border:solid 1px #444; border-top:solid 1px #222; padding-top:0; box-shadow: 0 0 10px rgba(0,0,0,0.8); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.8); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.8);width:150px !important}
.jqueryslidemenu ul li ul li{display: list-item;background-color:#000000; background: -webkit-gradient(linear, left top, left 45, from(#111), color-stop(5%, #151515), to(#111));background: -moz-linear-gradient(top, #111, #151515 40px, #000 15px);}
.jqueryslidemenu ul li ul li ul{top: 0;float:left}
.jqueryslidemenu ul li ul li a{font: normal 90% 'ProcionoRegular', "Times New Roman", Times, serif;text-transform: none;width: 130px; /*width of sub menus*/padding: 10px;margin: 0;border-top-width: 0;border-bottom: 1px solid #222;color: #999999 !important;float:left}
.jqueryslidemenu ul li ul li a:hover{color:#fff !important;}
.downarrowclass{position: absolute;top: 9px;right: 6px;}
.rightarrowclass{position: absolute;top: 6px;right: 5px;}
#home ul li.home a, #wines ul li.wines a, #news ul li.news a, #ourstory ul li.ourstory a, #wineclub ul li.wineclub a, #contact ul li.contact a{color:#fff!important}

/* footer  */
#footer{width:100%;background:url(http://www.pondviewwinery.com/img/bg-footer.jpg) repeat-x top left #fff;clear:both;color:#888;height:140px;margin:0 auto;padding:30px 0 0}
ul.footer{float:left;list-style:none;margin-left:0;padding:0 0 10px;width:100%}
ul.footer li{float:left; font-size:85%}
ul.footer li a{display:block;padding:2px 12px 2px 0}
ul.footer li a,ul.footer li a:active,ul.footer li a:visited{color:#ccc;text-decoration:none}
ul.footer li a:hover{color:#fff;text-decoration:none}
#facebook{float:left;margin-top:8px}
.footerbottom{height:60px; padding:50px 0 0; clear:both;}
details {text-align:right; font-size:85%}
#footer p{margin:0}
.qr {box-shadow: 0 0 10px rgba(0,0,0,0.8); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.8); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.8);}

/* home  */
.photo{background:#fff;width:960px;position:relative;left:-5px;margin:0 0 20px 0;border:solid 5px #fff;-moz-box-shadow: 0px 0px 12px #000;-webkit-box-shadow: 0px 0px 12px #000;box-shadow: 0px 0px 12px #000;}
.photo img{position:absolute;top:0px;}
.slideshow{float:left;width:220px;margin:-350px 0 0 -20px;z-index:5000; position:relative}
.slideshow img{width:220px;}
.slideshow canvas {margin:-20px 0 0 0;}
#home section.onehalf img {border: 5px solid #555555;}

/* news  */
#news section.twothirds img {border: 5px solid #555555;}

/* wines  */
.wineimg{width:100px; margin:0 0 0 50px;}
h3 + p{margin-top:0}
form.addtocart {margin:10px 0 70px -60px;}
.hr {background-color: #111111;border-bottom: 1px solid #333333;height: 1px;margin: 0 0 30px 0;padding: 0;width: 960px;}
#wines .threefifths {padding:0 0 20px 0}
.usa {margin:0 0 0 193px; padding: 0 0 30px 33px; background:url(http://www.pondviewwinery.com/img/usflag.jpg) no-repeat left 3px;}

/* twitter */
#tweets {padding: 5px  0 0 0}
#tweets ul {padding-left:0;margin:0;width:100%;text-shadow:none}
#tweets li {list-style-type:none;color:#ccc; text-shadow: none; margin:0 0 10px 0;background:url(http://www.pondviewwinery.com/img/icon-twitter-tiny-bird.png) no-repeat top left; padding-left:35px}
#tweets .hash {color:#FFF;}
#tweets small {color:#666;}
#tweets a:link, #tweets a:active, #tweets a:visited {text-decoration:none; color:#FFF}
#tweets a:hover {text-decoration:underline;}

/* forms  */
label {margin:8px 10px 0 0;width:50px;float:left;text-align: right;}
input[type="text"], input[type="email"], textarea{width:200px;-moz-border-radius:4px;-webkit-border-radius:4px;background:#ccc;border:1px solid #999;border-bottom:1px solid #eee;border-radius:4px;border-right:1px solid #ccc;color:#444;font-family:inherit;font-size:100%;padding:8px;text-decoration:none; margin:0 0 10px 0}
input[type="submit"]{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;background:#ccc;border:1px solid #999;border-bottom:1px solid #eee;border-right:1px solid #ccc;color:#444;font-family:inherit;font-size:100%;padding:6px 8px;text-decoration:none;float:left;margin-left:60px}
input[type="submit"]:hover{background-color:#cccccc;border:1px solid #555;color:#333333;}
input[type="image"]{margin:10px 0 0 0}
input[type="checkbox"]{margin:-5px 10px 0 0}
#wineclubform p{margin:0 0 0 60px}
label.error {display:block;float:none;text-align: left;;font-size:11px;width:auto;margin:-5px 0 10px 60px;color:#FF0000;}

/* weather feed */
.weatherFeed{font-family: Arial, Helvetica, sans-serif;font-size:11px;margin:20px 30px;width:280px;color:#ccc;}
.weatherFeed a {color: #888;}
.weatherFeed a:hover{color:#eee;text-decoration: none;}
.weatherItem{padding: 10px;text-align: right;}
.weatherCity { margin-bottom: 1px;  text-transform: uppercase; color: #FFF; font-size: 12px; }
.weatherTemp{font-size:38px;font-weight: bold;color: #eee;}
.weatherDesc, .weatherCity { font-weight: bold; }
.weatherDesc { margin-bottom: 5px; color: #eee; font-size: 12px; }
.weatherRange, .weatherWind { font-size: 10px; }
.weatherLink{margin-top: 6px;text-align: left;font-size: 10px;}
.vertical{margin-top:10px;position:relative;overflow:hidden;height: 145px;width: 280px;border: 4px solid #555;background: #222 url('http://www.pondviewwinery.com/img/bg-weather.jpg') repeat-x;}
.items{	position:absolute;height:20000em;margin: 0px;}
.items div.weatherItem { height: 160px; }
.navi{width:288px;height:20px;margin-top:5px;}
.navi a{width:8px;height:8px;float:left;margin:3px;background: url('http://www.pondviewwinery.com/img/navigator.png') 0 0 no-repeat;display:block;font-size:1px;cursor:pointer}
.navi a:hover { background-position:0 -8px; }
.navi a.active { background-position:0 -16px; }

/* floats  */
.left{float:left}
.right{float:right}
.clear{clear:both}

/* misc  */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* print  */
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } 
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}