@charset "UTF-8";
body {
font-size:62.5%;
margin:0 auto;
background:#ebece4 url(../img/site/bg-body.jpg) top center no-repeat;
}

.tutorial {
background-color:#222;
}

#wrap {
width:968px;
margin:15px auto;
}

p,ol li,ul li,td,form, h2, h3, h4, #col-1 h2, .wp-title, .wp-excerpt {
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
color:#444;
}

#navheader {
float:right;
padding:.3em 1em 0em 0; 
}

#alert {
background-color:yellow;
border:1px dotted #999;
margin:0 0 2em 0;
padding:.3em;
}

#alert p {
padding:.5em;
font-size:1.3em;
margin:0;}


h1 {
font-family:Georgia, serif;}


h1:first-child {
padding:0;
margin:0 0 .6em;}


h1 {
font-size:2em;
font-weight:lighter;
padding:0;
margin:0;
}

h3 {
color:#333;
font-size:1.3em;
}

* + h3 {
padding:0;
margin:0;}

h3 + p {
padding-top:.2em;
margin-top:0;}



.center {
text-align:center;
padding:2em 0;}

h2 {
font-size:1.3em;
text-transform:uppercase;
margin:0;
}

p, #content li, #nav a, td {
font-size:1.3em;
line-height:1.3em;
}

a:link + h1 {
margin-top:0;
padding-top:0;}

#content li {
padding:0 0 0em 0em;}

p.action a {
text-align:center;
font-size:1em;
padding:.3em 1em;
margin:0;
color:#fff;
background-color:#952223;
-moz-border-radius:1em;
-webkit-border-radius:1em;
text-decoration:none;
}


.action a:hover {
text-decoration:underline;
background-color:#AA5153;}

#col-4 p.action a {
clear:both;
margin-top:2em;}

li ul {
margin:0;
padding:.2em 0 .2em .2em;
}

li ul a {
margin:0 0 0 .2em;
padding:.4em;
font-size:.7em;
}

.col-2b p {
padding:0 0 .5em 0;
margin:0 0 .5em 0;}

a {
outline:none;}

a:link,a:visited,#col-1 #searchbox a:link,#col-1 #searchbox a:visited {
color:#8B2025;
}

a:hover,a:active,#col-1 #searchbox a:hover,#col-1 #searchbox a:active {
color:#97595B;
background:#E0DCBB;
}

ul {
list-style:none;}

img {
border:none;
}

#topnav, #topnav ul, #navmain, #col-3 {
margin:0;
padding:0;
}

#topnav ul {
float:right;
padding-right:10.2em;}

#topnav li {
float:left;
padding:0 1em .5em 1em;
font-size:1.2em;
}


#masthead {
float:left;
width:100%;
height:97px;
background:#eae7cd url(../img/site/masthead-bg.jpg) top center no-repeat;
}

#li {
line-height:1em;}

#logoall {
width:500px;
height:30px;
margin:1em;
padding:.5em 0 0 4em;
}


.logo a:link, .logo a:visited {
background:url(../img/site/rare-fine-wines-logo.png) 0 0 no-repeat;
padding:55px;
text-indent:-999em;
position:relative;
top:1.3em;
}

.phone {
float:right;
}

.logo {
float:left;
}

.company a:link, .company a:visited, .company a:hover,.company a:active {
text-decoration:none;
color:#000;
background:none;}

#contactinfo {
width:270px;
float:right;
position:relative;
bottom:2em;
right:6em;
}

.action-buttons {
font-size:1.2em;
padding-bottom:1em;
text-align:right;
}


.city,.phone {
color:#333;
text-transform:uppercase;
}

.city {
font-size:1.3em;
text-align:right;}

.phone {
font-size:2.4em;
}


ul, li,#contactinfo, .city {
padding:0;
margin:0;}

.company {
color:#333;
font-size:1.6em;
float:left;
padding: 15px 0 0;
}

.tagline {
width:300px;
color:#333;
font-size:1.6em;
float:left;
font-weight:lighter;
padding-left:.3em;}


#navmain {
float:left;
width:100%;
background:url(../img/site/nav-bg-wht.jpg) 0 0 no-repeat;
}

#nav-inner {
background:url(../img/site/nav-inner.jpg) 0 0 repeat-x;
height:50px;
width:932px;
margin-left:18px;
border-top:solid 1px #99916C;
border-bottom:solid 1px #99916C;}

#nav li, .logo a {
float:left;
padding-right:2em;
}

#nav li a {
display:block;
padding:17px 30px 17px;}

#nav {
padding:0 0 0 20em;}

#nav a:link, #nav a:visited {
text-decoration:none;
color:#fff;}

#nav a:hover, #nav a:active {
background-color:#9e2527;
background:url(../img/site/nav-inner-ro.jpg) 0 0 repeat-x;}

.gutter {
margin:0;
padding:0 1.5em 1em;
}

#social {
margin:0;
padding:0;
}


li.fb, li.tw {
float:left;}

li.fb {
margin-right:1em;}


#content {
clear:both;
float:left;
width:100%;
background:url(../img/site/content-area-top.jpg) top center no-repeat;
}

#col-1 {
width:200px;
float:left;
background:url(../img/site/col-1-bg.jpg) top left repeat-y;
}

#col-1 p, #col-1 li {
color:#fff;}

.advanced  {
font-family:Helvetca, Arial, san-serif;
padding:.8em 0 0;
}

#col-1 #searchbox {
margin:10px 0;
padding:0;}

#col-1 #searchbox a {
text-decoration:underline;
padding:5px;
margin:0;
display:inline;
}

#col-1 #searchbox a:link, #col-1 #searchbox a:visited {
}

.client {
font-weight:bold;
background:url(../img/site/lock.gif) 0 0 no-repeat;
padding:.2em 0 .2em 1.8em;
margin:0 0 2em 0;}


#col-1 h2.title {
color:#6A1313;
list-style:none;
background:none;
font-family:Georgia, serif;
text-transform:none;
border:none;
font-weight:300;
font-size:2em;
margin:1em 0 .4em;
padding:0;}

#col-1 h2 {
clear:both;
color:#fff;
font-size:1.3em;
font-weight:700;
text-transform:uppercase;
font-style:normal;
background:url(../img/li/square.gif) 0 3px no-repeat;
padding:0 0 .2em 1em;
margin:2em 0 .6em;
border-bottom:1px dotted #91876E;}

#col-1 h2 a {
color:#fff;
text-decoration:none;
display:block;
background:none;
}

#awards {
clear:both;
padding:2em 0 .2em 1em;
margin:2em 0 .6em;
border-top:1px dotted #91876E;}


#col-1 ul {
clear:both;}


#col-1 li a:link, #col-1 a:visited {
color:#423927;	
text-decoration:none;
display:block;
padding:.5em 0 .5em 1.1em;
margin-bottom:.2em;
}

#col-1 li a:hover {
color:#423927;
background:url(../img/site/li-bg-col-1-hov.jpg) top left repeat-y;
}

#col-1 li a:active {
color:#423927;
background:url(../img/site/li-bg-col-1-act.jpg) top left repeat-y;
}

#col-2, #col-4 {
margin:0px 15px;
float:left;
width:490px;}

.col-2a, .col-2b {
float:left;
width:234px;
padding-right:15px;}

.col-2b {
margin:0;
padding:0;}

.post-feed {
float:left;
padding-bottom:2em;}

.wp-post-image, .imgborder {
border:2px solid #CDCCC3;
clear:both;
float:left;
margin:0px 7px 0 0;}

.imgborder, .imgpad {
margin:0px 0 1.5em 0;
padding:0;}

.col-2a h3, .col-2b h3 {
font-family:Helvetica, san-serif;
font-size:1.3em;
padding:0;
margin:0;}

.col-2a p.wp-content, .col-2b p.wp-content {
float:left;
margin-bottom:2em;}


#col-4 h2 {
padding:1em 0 .1em;
margin:.5em 0 .8em;
text-transform:none;
font-family:Georgia, serif;
font-size:1.7em;
font-weight:300;}

table {
border-collapse:collapse;
}

table,th,td {
border:1px solid #ccc;}


#col-1-footer {
position:relative;
left:180px;
background:url(../img/site/col-1-footer.png) 0 0 no-repeat;}

#col-3 {
float:left;
width:190px;}

#col-3 h2:first-child {
margin-top:0;}

#col-3 h2 {
width:100%;
float:left;
clear:left;
display:block;
margin-top:1em;}

#wineclub li {
padding-bottom:1em;}

#featured {
padding:60px 0 0;
margin:0;
background:url(../img/site/featured-top.jpg) top left no-repeat;
}

#featured-wrap {
margin:0;
padding:0;
background:url(../img/site/featured-bg-repeater.gif) 0 0 repeat-y;}

#featured-footer {
margin:0;
padding:0;
background:url(../img/site/featured-bottom.jpg) 0 0 no-repeat;}


#featured-wrap h3 {
font-size:1.4em;
margin:0;
padding:0;}

#featured-wrap p {
margin:0;
padding:0;}

.featured-container {  /* width and spacing of feature loop */
width:95%;
padding:.5em 1.5em 1.5em;
}

h2 {
color:#444;
padding:.6em 0 .4em 0em;
margin-bottom:1em;
border-bottom:1px solid #ccc;
}

#content-inner {
float:left;
margin:24px 0 0 17px;
width:931px;
border-left:1px solid #C0B997;
border-right:1px solid #C0B997;
background-color:#fff;
}



#twitterfeed {
width:200px;
clear:both;
padding:1em 0;
}

#twitterfeed p, #twitterfeed li {
font-size:1.1em;}

#footer {
clear:both;
text-align:center;
padding:6.5em 0 0;
margin:0;
height:46px;
background: url(../img/site/footer-bg.jpg) top left no-repeat;
}

#footer p {
color:#888;
}

#footer a:link,#footer a:visited,#footer a:hover,#footer a:active  {
color:#666;
font-weight:normal;
text-decoration:underline;}

object, .videoborder object {
display: block;
}

p.fine {
width:290px;
font-size:1.2em;
text-align:left;
margin-left:143px;}

dl {
  margin: .5em 0;
  padding: 1em;
  clear:left;
  }

dl:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }

dl dt {
  font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
  font-size:1.4em;
  margin:0;
  color:#000;

  }

dl dt a {
  font-weight:normal;}

dl dt img {
  float: left;
  margin: 0 .9em 0 0;
  padding:0;
  }

dl dd {
  margin-left:110px;
  }

dl ul li {
  list-style:none;
  list-style-type:square;
  font-weight:normal;
  font-size:13px;
  }

.alignleft {
float:left;
padding:.2em .5em .2em 0;}

.alignright {
float:right;
padding:0em 0em .2em .5em;}


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}

ul.sf-menu {
margin-bottom:1em;}

.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			12em; /* left offset of submenus need to match (see below)*/
	
}
.sf-menu ul li {
	width:			100%;
}



.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			12em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			12em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:0;
	padding-bottom:0;
}
.sf-menu a {
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#13a;
}
.sf-menu li {
}
.sf-menu li li {
	background:		#DBD5B3;
}

.sf-menu li li a {
color:#423927 !important;
	}


.sf-menu li li li {
	background:		#E1DBB7;
}



.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
background:url(http://www.dvw.com/includes/img/site/li-bg-col-1-hov.jpg) top left repeat-y;
	outline:		0;
	color:#423927;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('http://www.dvw.com/includes/img/nav/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.6em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('http://www.dvw.com/includes/img/nav/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
/*	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px; */
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}



/* suckerfish */

/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	13em;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	12em; /* match ul width */
	top:	0;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}