/**
 * $Id$
 * Website Baker template: allcss
 * This template is one of four basis templates distributed with Website Baker.
 * Feel free to modify or build up on this template.
 *
 * This file contains all CSS definitions required to display the template
 * in the Website Baker frontend. 
 *
 * LICENSE: GNU General Public License
 * 
 * @author     Ryan Djurovich, C. Sommer
 * @copyright  GNU General Public License
 * @license    http://www.gnu.org/licenses/gpl.html
 * @version    2.70
 * @platform   Website Baker 2.7
 *
 * Website Baker is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 * Website Baker is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
*/
*{
margin:0;
padding:0;
}

body
{
    
    
    font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:.7em;
    color: #fff;
    background: #364a6c url(images/bodyBg.gif) repeat;
    margin: 0;
	line-height:140%;
    text-align: center;
}
a:link, a:visited, a:active
{
color:#FFFFFF;
text-decoration:underline;
cursor:pointer;
}
a:hover
{
    color: #97a8c5;
    text-decoration: none;
}
hr
{
    margin: 5px 0px 5px 0px;
    color: #603;
    border: 0;
    border-top: 1px solid #603;
    height: 1px;
    width: 580px;
}
h1
{
    font-size: 16px;
    color: #fff;
    text-align: left;
    margin: 8px 2px 8px 2px;
}
h2
{
    font-size: 16px;
    color: #fff;
	font-family:Georgia, "Times New Roman", Times, serif;
    text-align: left;
	padding:.5em;
	font-size:1.5em;
	text-transform:uppercase;
}
/*menu subheadlines*/
h3
{
color:#FFFFFF;
font-size:1em;
font-weight:bold;
padding:0 0.5em 0.5em 0;
text-align:left;
text-transform:uppercase;
}
form
{
    margin: 0;
}
img{
margin: 1em;
border:2px solid #97a8c5;
}
p{display:block;padding-bottom:1em;}

/*fix floats*/
  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

/*.clearfix {display: inline-block;}   for IE/Mac */

/*for IE*/
*html .clearfix {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */


/*wrapper*/
.main
{
    width: 785px;
    margin: auto;
    padding: 0;
    background: #364a6c;
    border: 1px solid #293b5a;
    text-align: left;
}
/*logo*/
.banner
{
    height: 137px;
    background: url(images/logo.gif) no-repeat;
    width: 785px;
    float: left;
}

.highlight
{
    background-color: #D0D0D0;
}
.banner a
{
    color: #FFF;
}
.banner span
{
    color: #D0D0D0;
}

/*page headline*/
.pageHeadline
{
    height: 50px;
    width: 100%;
	background:url(images/pageHeadlineBg.gif) left top no-repeat;
    float: right;

}
.pageHeadline h1 a:link, .pageHeadline h1 a:hover, .pageHeadline h1 a:visited
{
text-decoration:none;
color:#fff

}
.pageHeadline h1
{
font-family:Georgia,"Times New Roman",Times,serif;
	font-size:2em;
	text-transform:uppercase;
	font-weight:normal;
padding:0.5em 0.6em 0.2em 0.2em;
float:right;
color:#fff;
}

/*menu*/


.menu
{
   clear:both;
    width: 100%;
    height: 30px;
display:block;

}


#nav
{

background:#293B5A url(images/menuBg.gif) top repeat-y;
border-bottom:1px solid #293B5A;
position:relative;
float:left;

text-align:center;
width:785px;

  
}
#nav ul
{

	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:1em;
	list-style-type:none;
	margin:0 auto;
	padding:0;
	text-align:left;
	text-transform:uppercase;
width:690px;
position:relative;


}
#nav ul li
{

	float:left;

height:30px;
	background:url(images/menuBorder.gif) right no-repeat;

}
ul#header_menu {
clear:both;
z-index:10;
}
#nav ul li a
{


 background:none;

color:#FFFFFF;
display:block;

padding:8px 11px;
_padding-bottom:6px;
margin:0;
  text-decoration: none;
	margin-right:2px;

text-decoration:none;

}

/* Root Level Link Formatting */
#nav ul li a:hover, #nav li a:focus
{
    background:url(images/menuHilite.gif) repeat-x;
margin-right:2px;
  
}
#nav li a:active, #nav ul li a.active
{
   /* background: #d1d2d4;
    border-color: #fff;*/
    color: #293b5a;
}

/* Current page Customisations*/
#nav li.menu-current a
{
      background:url(images/menuHilite.gif) repeat-x;
	  margin-right:2px;

}
#nav li.menu-current a
{
    font-weight: bold;
}

/* 2nd Child menu */
#nav .menu li ul
{
    position: absolute;
    width: 12em;

   margin:0;
    display: none;
    text-transform: none;
	z-index:1000;
    border-top: 0;
    font-size: 100%;
	border:1px solid #293b5a;
	border-top:none;

    background: #5b6d8e;
}
#nav .menu li ul li
{
border-bottom:1px solid #293B5A;
border-top:1px solid #6E7E9B;
float:left;
height:1%;
line-height:1.2em;
margin:0;
padding:0;
text-align:left;
text-transform:capitalize;
width:12em;
background:none;
	_margin-right:-2px;
	
}
#nav .menu li ul li.menu-first
{
 
	border-top:none
}
#nav .menu li ul li.menu-last
{
border-bottom:none
}
#nav .menu li ul a
{
    width: 11.5em;
    padding: .8em .1em .9em .4em;
    background: #5b6d8e;
    color: #fff;
    border: 0;
}

/* 2nd Child link hover */
#nav .menu li ul a:hover
{
    color: #4b4c4d;
	background: #364a6c;
	
    border: 0;
    color: #fff;
}

/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul,#header_menu li:hover ul {
display:block!important;
}
#nav .menu li ul ul {
display:none;
}
#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {
display:none;
}
#nav .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li.subMenu ul {
display:block;
}

/* 3rd Child Menu Appreances */
#nav .menu li ul li ul li a
{
    width: 11.5em;
    padding: .6em .1em .6em .4em;
    background: #c6c6c6;
    color: #fff;
}

/* Positioning the Pop-out Drops */
#nav li
{
    position: relative;
}

#nav ul ul ul
{
    position: absolute;
    top: 1px;
    left: 100%;
}

/*content wrapper*/
.content
{

float:left;
height:auto;
padding:2em 1em;

width:759px; overflow:hidden;

}

/*home style*/
.home {
margin-left:-.7em;
margin-top:-1.7em;

}
.home p{
float:left;
padding:1em;
width:100%;

}
.home img{

padding:0;
margin:0;
background:#ccc;

}

/*pretty tables on mneu, winelist etc*/
table.fancy {
background:#3B5072 none repeat scroll 0 0;
border-collapse:collapse;
margin:0 1em 1em 0;
width:100%;
}

table.fancy tr.blue {
   background: #44587b }

table.fancy th, table.fancy td {
  padding: .5em 0.8em;
vertical-align:top;

}

table.fancy th{
font-weight:bold;
padding-bottom:0;
text-align:left;
}
table.fancy caption {
  margin-left: inherit;
  margin-right: inherit;
}

table.fancy img {
margin:0;

   }
   
a.backtoTop{
background: url(images/arrowBt.gif) 0 3px no-repeat;
padding-left:1.3em;
text-decoration:none;
float:right;
}
/*list format*/
.content ul{
float:left;
width:100%;
list-style-type:none
}


.content ul li{
background: url(images/arrowBt.gif) 0 6px no-repeat;
padding:.3em;
padding-left:1.3em;
}
.content ul li a{
cursor:pointer;
text-decoration:none!important;
}
.footer
{

    clear: both;
    height: 20px;

    background-repeat: repeat-x;
    font-size: 10px;
    color: #fff;
    text-align: center;
line-height:normal;
}
.footer ul
{
float:right;
list-style-type:none;
padding-bottom:0.9em;
}
.footer ul li
{
font-size:.9em;
float:left;
padding:0 .5em;

border-right:1px solid #fff;
}
.footer ul li.menu-last{
border:none;
}

.footer .address{
background:transparent url(images/footerBg.gif) repeat-x scroll 0 0;
clear:both;
height:37px;
overflow:hidden;
text-transform:uppercase;
}
.footer .address p{
float:left;
width:50%;
padding:1.4em 0.5em;
}
.footer .address .email{
float:right;
padding-right:2.5em;
text-align:right;
width:40%;
font-size:.9em;
text-align:right;
}

/*googlemap*/

.gmap{
border:3px solid #fff;
background:#fff;
width:400px;
overflow:hidden;
}
.gmap small{
padding:1em 0;
}


/*contact form*/
#contactForm{
float:left;
}
#contactForm ul{
list-style-type:none;
width:100%;
}
#contactForm ul li{
display:block;	}

#contactForm ul li label{
width:40%;
}
#contactForm ul li input{
width:100%;
}