/* vim:ts=4:sw=4:ai:et:si:sts=4 */

/* Global shared styles */

    body {
        font-family:    verdana, geneva, helvetica, sans-serif;
        color:          #725d3a;
        text-align: center;
        font-size:      11px;
        height:100%; 
        margin: 0; 
        background: #000000 url(images/wine_bg.jpg) top left no-repeat; 
          
    }
    img, div { behavior: url(iepngfix.htc) }
    
    
    html {
    height:100%;
    } 

    h1 {
        font-size:      13px;
        font-weight:    bold;
        color:          #7c7871;
        margin-top:     1em;
        margin-bottom:  .5em;  
    }

    h2 {
        font-size:      12px;
        color:          #5e7901;
        margin-top:     0.75em;
        margin-bottom:  0.5em; 
        
    }
    
    ul li {
        list-style-type: disc;
        padding: 4px;        
    }

    a:link  {
       text-decoration: none;
       font-weight: normal;
       color: #425057;
    }
   
    a:visited {
        text-decoration: none;
        color: #425057;
    }
    a:hover {
        text-decoration: underline;
    }
   
   hr {
    height: 1px;
    border: 0;
    color: #31353d;
    background-color: #31353d;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 10px;
    }
    
    blockquote {
        width: 600px;
        margin-top: 5px;
        padding-left: 10px;
        color: #5e7901;
   }
   
   blockquote:before {
        content: open-quote;
        height:0px;
        font-family: Helvetica;
        margin: 0px 0px 15px -30px;
        
    }
    
    blockquote:after {
        content: close-quote;
        height:50px;
        margin:-25px 0px 0px 555px;
        font-family: Helvetica;
    }


    blockquote:before, blockquote:after {
        color: #7c7871;
        display: block;
        font-size: 5em;
        width: 50px;
    }
    blockquote p {
        padding-left:50px;
        padding-right:50px;
   }
   
   input, textarea {
        width: 200px;
        margin-bottom: 5px;
        margin-top: 2px;
        background: #000000;
        color: #7c7871;
        border: 1px solid #725d3a;
        }
        
    .submitbutton {
        margin-top: 5px;
        width: 65px;
        font-weight: bold;
        background: #3b2d1f;
    }

   .title {
         color: #7c7871;
         font-weight: bold;
    }
    

/* Main content */
#blank {}

    #logo {
        width: 280px;
        height: 147px;
        float: left;
        margin-top: 6px;
        z-index: 2;
        position:relative;
        
    }

    #container  {
        position:absolute;
        left:249px;
        text-align: left;
        width: 666px;
        height: 100%;
        min-height: 100%;
        margin: 0 auto;
        border-left: 1px solid #3b2d1f;
        border-right: 1px solid #3b2d1f;   
        
        
    }
    
    #header  {
    position: relative;
    right:175px;
    width: 842px;
    height: 126px;
    margin-bottom: 20px;
    background: url(images/indulge_header.png) top no-repeat; 
    z-index: 1;
    }
    
    
    #nav li {
        position: relative;
        left:500px;
        top: 100px;
        color: #ffffff;
        display: inline;
        list-style-type: none;
        padding-right: 20px;
     }
    
    #maincontent{
        width: 340px;      
        float: left;
        padding-left: 10px;
        }
    #sidecontent {
        width: 260px;
        padding-left: 10px;      
        float: right;
        padding-right: 10px;
        font-size: 10px;
        }
     #sidecontent b{
        font-size: 10px;
        font-weight: bold;
        color: #725d3a;
        }
     #news{
        margin-top: 20px;
        width: 656px;      
        float: left;
        padding-left: 10px;
        }
     #subpgcontent{
        width: 656px;      
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        }
    
    .wine-callout { font-size: 11px; color: #7c7871; }

   /* teal rounded corner boxes */
   
.wrap {
	width:405px;
	}

.mybox {	
	padding:10px;
	width:384px;
	background:#a7c6c9 url(boxtop.gif) no-repeat;
	margin-bottom: -.75em;
	}
.position {color: #d7fafa;}

.endbox {
	width:334405px;
	height:11px;
	background:transparent url(boxbot.gif) no-repeat; 
	margin-bottom: .5em;
	}
	
	
   


    /* Clear float containers without adding an extra linefeed. */
    br.brclear {
        clear:          both !important;
        height:         0    !important;
        margin:         0    !important;
        font-size:      1px  !important;
        line-height:    0    !important;
    }

    /*
     * Modern too-easy-it's-silly replacement for the Holly Hack:
     * http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/
     */
    
    .clear-floats {
        clear: both;
        height: 0;
        line-height: 0;
        font-size: px; /*for IE*/
    }
   
    #contact li
    {
       position:relative;
       left:85px;
       top: 63px;
       color: #42676c;
       display: inline;
       list-style-type: none;
       padding-right: 20px;
     }
     
   
   /*PHOTO GALLERY CSS */
   
   /* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/lightbox.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* slides styling */

.photo {width:635px; height: 1200px; text-align:left; position:relative; margin:0 auto;}

.photo ul.topic {padding:0; margin:0; list-style:none; width:635px; height:auto; position:relative; z-index:10;}

.photo ul.topic li {display:block; width:125px; height:31px; float:left;}
.photo ul.topic li a.set {display:block; font-size:11px; width:124px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; border:solid #5b442d; border-width:1px 1px 0 1px; background:#69553f; color: #000000; font-family:verdana, arial, sans-serif;}

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li.active a
{color:#000; background:#ac8052;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#ac8052; background:#634c35;}

.photo ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:700px; background:#2b2824; width:544px; padding:20px; border:20px solid #3e3933; z-index:1;}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:700px; background:#2b2824; width:544px; padding:20px; border:20px solid #3e3933; z-index:100; }

.photo ul.topic li ul li
{display:inline; width:112px; height:87px; float:left; border:1px solid #634c35; margin:1px;}

.photo ul.topic li ul li a
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #514a42;}

.photo ul.topic li ul li a img
{display:block; width:100px; height:75px; border:5px solid #2b2824;}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#ac8052;}