/* -------------------------------------------
project:	Muphy Vineyards
author:		CSSNinjas.com
date:		2008/11/26
------------------------------------------- */

@import url(_base.css); /* Import Basic Page CSS Document */

html { -webkit-text-size-adjust: none; min-height: 100%; margin: 0 0 1px; font-size: 100.01%; }
body { margin: 0; padding: 0; background: #cecab8 url(../images/global/wrap-bg-a.jpg) 0 120px no-repeat; color: #333; font: 62.5%/2 Tahoma,Geneva,sans-serif; }
textarea, input, select, option, optgroup, button { font: 1em Tahoma,Geneva,sans-serif; }

* html body { behavior: url(/assets/css/csshover.htc); }

/* RE-SETS
------------------------------------------- */
* { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }

li, dt, dd, p, th, td, caption { font-size: 1.2em; }
ul, ol, dl { margin-bottom: 15px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
p { margin-bottom: 15px; }
li *, li p, li li, dt *, dd *, p *, td p { font-size: 1em; }

img { border: none; }

pre { font: 1.1em "Courier New",monospace; white-space: pre-wrap; }

a { color: #900; text-decoration: none; }
a:hover, a:focus, a:active { color: #C30; text-decoration: underline; }

/* HEADINGS
------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin: 0 0 15px; color: #933; font: normal 2.8em/1 Georgia,serif; }
h1 { font-style: italic; letter-spacing: -1px; }
h2 { font-size: 2.2em; }
h3 { font-size: 1.8em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1.0em; }

/* HELPERS
------------------------------------------- */
.wrapper { width: 100%; overflow: hidden; }
.center { margin-left: auto; margin-right: auto; text-align: center; }
.offset { position: absolute; left: -10001px; overflow: hidden; height: 0; margin: 0; line-height: 0; }

	/* Clearing floats without extra markup
	   Based on How To Clear Floats Without Structural Markup by PiE
	   [http://www.positioniseverything.net/easyclearing.html] */
	
	.clearfix:after {
		content: "\0020"; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden; 
		overflow:hidden; 
	}
	.clearfix {display: block;}
	
	/* Regular clearing
	   apply to column that should drop below previous ones. */
	
	.clear { clear:both; }

/* LAYOUT
------------------------------------------- */
#root {  }
 #top { background: #fff; font-family: "Trebuchet MS",Helvetica,sans-serif; }
  #top div.top-inner { position: relative; width: 960px; height: 120px; margin: 0 auto; }
  #logo { position: absolute; left: 0; top: 50%; margin: -50px 0 0; }
   #logo img { display: block; }
  #contact { position: absolute; right: 15px; top: 13px; list-style: none; margin: 0; padding: 0; text-align: right; }
   #contact li { line-height: 1.5; }
    #contact li a { color: #333; }
  #cart { position: absolute; right: -3px; bottom: 0; padding: 0 0 0 18px; background: url(../images/global/cart-bg-a.png) no-repeat; }
   #cart div.cart-inner { overflow: hidden; float: left; padding: 15px 18px 5px 0; background: url(../images/global/cart-bg-a.png) 100% 0 no-repeat; }
    #cart p { float: left; margin: 0 30px 0 0; padding: 0 0 0 30px; background: url(../images/global/cart-icon-a.jpg) 0 50% no-repeat;	}
    #cart ul { float: left; list-style: none; margin: 0; padding: 0; }
     #cart ul li { display: inline; float: left; margin: 0 0 0 10px; padding: 0 0 0 10px; background: url(../images/global/cart-sep-a.gif) 0 50% no-repeat; text-transform: uppercase; }
     #cart ul li.first { margin: 0; padding: 0; background: none; }
      #cart ul li a { color: #333; }
 #wrap { width: 950px; margin: 0 auto; padding: 0 5px; background: url(../images/global/wrap-middle-a.png) 50% 0 repeat-y; }
 * html #wrap { background-image: url(../images/global/wrap-middle-a-ie.png); }
   #nav { list-style: none; width: 100%; height: 32px; margin: 0 0 1px; padding: 0; background: url(../images/global/mainNav/nav-bg-a.gif) repeat-x; }
    #nav li { position: relative; z-index: 15; float: left; }
     #nav li a { float: left; height: 32px; padding: 0 20px; background: url(../images/global/mainNav/nav-bg-b.gif) -1px 0 no-repeat; color: #fff; line-height: 32px; }
     #nav li a:hover,
     #nav li a:focus,
     #nav li a:active,
     #nav li a.on { background-repeat: repeat-x; background-color: #9b3139; text-decoration: none; }
     #nav li em { position: absolute; left: -10001px; top: -10001px; }
     #nav li ul { position: absolute; left: -10001px; top: 32px; list-style: none; width: 180px; margin: 0; padding: 0; background: #a8986b; }
     #nav li:hover ul,
     #nav li.on ul { display: block; left: 0; }
     #nav li a:focus + em + ul { left: 0; }
      #nav li ul li { float: left; }
       #nav li ul li a { float: left; width: 140px; height: auto; padding: 8px 20px; border-top: 1px solid #fff; line-height: 1.5; }
   #content { overflow: hidden; padding: 30px 25px 1px;}
 #footer { width: 930px; margin: 0 auto; padding: 25px 15px 15px; background: url(../images/global/wrap-bottom-a.png) 50% 0 no-repeat; }
 * html #footer { background-image: url(../images/global/wrap-bottom-a-ie.jpg); }
  #footer p { color: #fff; line-height: 1.5; }
   #footer p a { color: #fff; }
  #footer p.first { float: right; color: #666; }
   #footer p.first a { color: #666; }
  #footer ul { list-style: none; margin: 0; padding: 0; }
   #footer ul li { display: inline; padding: 0 10px 0 0; line-height: 1.5; }
    #footer ul li a { color: #fff; }
   
/* SKIP LINKS
------------------------------------------- */
#skip-links { position: absolute; top: 10px; left: -10001px; list-style: none; margin: 0; padding: 0; }
 #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10401px; top: 0; z-index: 10001; width: auto; padding: 0 2px; background: #fff; color: #333; font-size: 1em; text-align: center; white-space: nowrap; }

/* GENERAL
------------------------------------------- */
div.columns-two-a { overflow: hidden; width: 100%; }
 div.columns-two-a div.primary { float: right; width: 650px; }
 div.columns-two-a div.secondary { float: left; width: 225px; }
 
div.columns-two-a2 { overflow: hidden; width: 100%; }
 div.columns-two-a2 div.primary { overflow: hidden; width: 100%; }
 
div.columns-two-b { overflow: hidden; width: 100%; }
 div.columns-two-b div.primary { float: right; width: 530px; }
 div.columns-two-b div.secondary { float: left; width: 325px; }
 
div.box-a { margin: 0 0 15px; padding: 10px 0 0; background: url(../images/box-a.gif) no-repeat; line-height: 1.5; }
 div.box-a div.box-a-outer { padding: 0 0 10px; background: url(../images/box-a.gif) 0 100% no-repeat; }
  div.box-a div.box-a-inner { padding: 0 10px 1px; border: 1px solid #e7e5dd; border-width: 0 1px; background: #fff; }
   div.box-a h2,
   div.box-a h3 { margin: 0 0 10px; padding: 0 0 10px; background: url(../images/sep-a.gif) -1px 100% repeat-x; color: #990; font: bold 1.5em Tahoma,Geneva,sans-serif; }
   div.box-a h3 { font-size: 1.3em; }
   div.box-a ul { margin-bottom: 5px; }
   div.box-a p { margin-bottom: 5px; }
 
ul.a { list-style: none; margin: 0 0 15px; padding: 0; }
 
img.right { float: right; margin: 0 0 5px 10px; padding: 2px; border: 1px solid #707070; }
img.left { float: left; margin: 0 10px 5px 0; padding: 2px; border: 1px solid #707070; }
 
/* ELEMENTS
------------------------------------------- */
#home { }
 #header { position: relative; z-index: 10; width: 950px; min-height: 330px; margin: 0; padding: 0; overflow: hidden; }
 * html #header { height: 330px; }
  #header p.picture { position: absolute; right: 30px; top: 20px; width: 417px; height: 316px; margin: 0; padding: 15px 0 0 19px; background: url(../images/homepage/home-photo-bg-a.png) no-repeat; }
  * html #header p.picture { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/home-photo-bg-a.png", sizingMethod="crop"); }
  #header div.intro { margin: 0 0 15px; padding: 20px 0 1px; background: #56544b url(../images/homepage/home-a-intro-a.png) repeat-x; color: #fff; }
   #header div.intro h1 { margin-left: 0; padding-left: 25px; margin-right: 465px; color: #fff; }
   #header div.intro p { font-size: 1.3em; }
  #header p { margin-left: 25px; margin-right: 485px; font: 1.2em/2 "Trebuchet MS",Helvetica,sans-serif; }
 #home div.columns-two-b { line-height: 1.75; }
  #home div.columns-two-b div.primary p { font-size: 1.1em; }

/*#newsletter-box { font-family: "Trebuchet MS",Helvetica,sans-serif; }
 #newsletter-box.box-a label { display: block; margin: 0 0 2px; }
 #newsletter-box input { width: 125px; padding: 1px 2px; border: 1px solid #666; vertical-align: middle; }
 #newsletter-box button { margin: 0; padding: 1px 5px; border: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #9b3139; color: #fff; font: bold 11px/16px "Trebuchet MS",Helvetica,sans-serif; text-transform: uppercase; vertical-align: middle; }
 * html #newsletter-box button { height: 18px; margin-left: 5px; padding: 0 5px; }
 *:first-child+html #newsletter-box button { height: 18px; margin-left: 5px; padding: 0 5px; }*/

/* SIFR
------------------------------------------- */
.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { display: block; position: absolute; left: 0; top: 0; overflow: hidden; width: 0; height: 0; }
.sIFR-flash + div[adblocktab=true] { display: none !important; }

.sIFR-hasFlash #content h1 { overflow: hidden; height: 38px; margin-bottom: 10px; font-size: 34px; visibility: hidden;}