/*----------------------------------------
Name: global.css
Developed by:
Date Created:
Last Updated:
Copyright:
----------------------------------------*/

/* Imports
----------------------------------------*/
@import url("../css/reset.css");



/* Web Admin
----------------------------------------*/
.tablelink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: none;
	color: #333333;
	text-decoration:none;
}
a:link.tablelink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: none;
	color: #333333;
	text-decoration:underline;
}
a:hover.tablelink{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: none;
	color: #333333;
	text-decoration:underline;
}
a:visited.tablelink{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: none;
	color: #333333;
	text-decoration:underline;
}
a:active.tablelink{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: none;
	color: #333333;
	text-decoration:underline;
}

select
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	width: 200px;
	color: #333333;
}

.button {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	width: 100px;
   	cursor: hand;
	height: 20px;
}

.Textbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	width: 150px;
	color: #333333;
}
.LongTextbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	width: 300px;
	color: #333333;
}
textarea
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
   	width: 300px;
   	height: 90px;
	color: #333333;
}


/* Elements
----------------------------------------*/
body
{
	background:url(../images/p.gif) #FFFFFF;
}

body, p, td, th, li
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size:.875em;
	line-height:1.5em;
	color:#000000;
	vertical-align: top;
}

#mainContainer
{
	width:745px;
	margin: 0px auto;
}

p
{
	margin: 0 0 1em 0;
}

/*--- Link Styles ---*/
a:link, a:visited
{
	color:#999999;
}

a:hover, a:active
{
	color:#999999;
	text-decoration:none;
}

h1
{
	color:#5C8127;
	margin:.825em 0 .5em 0;
	font-size:2.125em;
}

h2
{
	color:#5C8127;
	margin:.825em 0 .5em 0;
	font-size:1.75em;
}

h3
{
	color:#5C8127;
	margin:.825em 0 .5em 0;
	font-size:1.5em;
}

h4
{
	color:#5C8127;
	margin:.825em 0 .5em 0;
	font-size:1.25em;
}

h5
{
	color:#5C8127;
	margin:.825em 0 .5em 0;
	font-size:1.125em;
}

h6
{
	color:#5C8127;
	margin:.825em 0 .5em 0;
	font-size:1em;
}

ul
{
	margin-left:25px;
	list-style-type:none;
}

ol
{
	margin-left:25px;
	
}

blockquote	{margin: 0 0 18px 18px; color:#666666; font-style: italic;}
strong		{font-weight:bold;}
em		{font-style:italic;}

/* Standard Definitions
----------------------------------------*/
.left 		{float:left;}
.right 		{float:right;}
.clearThis 	{clear:both;}
.small		{font-size:.625em;}
.large		{font-size:1em;}
.soft		{color:#D3D3D3;}
.hide		{display:none;}
p.last		{margin-bottom:0px;}


/* Header
----------------------------------------*/
#header
{
	width:100%;
	height:310px;
	margin-bottom:20px;
	background-position:top center;
	background-repeat:no-repeat;
	
	
}

	/* Nav
	----------------------------------------*/

	#navContainer
	{
		width:100%;
		height:45px;
		padding-top:66px;
		background:url(../images/navbar.png) no-repeat bottom;
	}
	
	ul#nav
	{
		margin:0px 40px 0px 40px;
	}
	
	ul#nav li {float:left; list-style-type:none; margin-left:3px;}
	
	/* Image Replacement 
	----------------------------------------*/
	ul#nav li a {/*Set to height of image*/ height:30px; display:block; text-indent:-9999px; outline:none;}
	
	/*Include all of your links with unique IDs. Use the correct path to the image and set the width of each image*/
	li#navHome a		{background-image: url(../images/nav/home.png); width:56px;}
	li#navAboutUs a		{background-image: url(../images/nav/aboutus.png); width:83px;}
	li#navEvents a		{background-image: url(../images/nav/events.png); width:70px;}
	li#navProducts a	{background-image: url(../images/nav/products.png); width:130px;}
	li#navWineFood a	{background-image: url(../images/nav/winefood.png); width:99px;}
	li#navMember a		{background-image: url(../images/nav/member.png); width:121px;}
	li#navBlog a		{background-image: url(../images/nav/blog.png); width:53px;}
	
	li#navTaste a		{background-image: url(../images/nav/taste.png ); width:120px;}
	li#navBigRe a		{background-image: url(../images/nav/bigreds.png ); width:120px;}
	li#navJuicy a		{background-image: url(../images/nav/juicy.png ); width:120px;}
	li#navRose- a		{background-image: url(../images/nav/rose.png ); width:120px;}
	li#navSweet a		{background-image: url(../images/nav/sweet.png ); width:120px;}
	li#navFizzy a		{background-image: url(../images/nav/fizzy.png ); width:120px;}
	li#navCrisp a		{background-image: url(../images/nav/crispdry.png ); width:120px;}
	
	li#navRegion a		{background-image: url(../images/nav/region.png ); width:120px;}
	li#navChamp a		{background-image: url(../images/nav/champagne.png ); width:120px;}
	li#navBurgu a		{background-image: url(../images/nav/burgundy.png ); width:120px;}
	li#navLoire a		{background-image: url(../images/nav/loire.png ); width:120px;}
	li#navBorde a		{background-image: url(../images/nav/bordeaux.png ); width:120px;}
	li#navLangu a		{background-image: url(../images/nav/languedoc.png ); width:120px;}
	li#navRhone a		{background-image: url(../images/nav/rhone.png ); width:120px;}
	li#navProve a		{background-image: url(../images/nav/provence.png ); width:120px;}
	li#navOther a		{background-image: url(../images/nav/others.png ); width:120px;}
	
	li#navMixedCases a		{background-image: url(../images/nav/mixed.png ); width:120px;}
	li#navGiftVouchers a		{background-image: url(../images/nav/gift.png ); width:120px;}
	
	
	/* CSS Rollover (Sprites) - Advanced Users!
	----------------------------------------*/
	
	/*Each link must have a unique ID - Include all of your links here - Remove if not using!*/
	li#navHome a:hover, li#navAboutUs a:hover, li#navEvents a:hover, li#navProducts a:hover, li#navWineFood a:hover, li#navMember a:hover, li#navBlog a:hover, a.navCurrent 
	{background-position:0 -30px; /*Set to height of image !must be negative!*/}
	
	/* Sub Children */

		
/* Main Content
----------------------------------------*/
#mainContent
{
	width:705px;
	padding:20px;
}

/* Blurb
----------------------------------------*/
.redCaps
{
	font-size:2em;
	color:#581842;
}

.blurbTitle
{
	margin:0 0 0.4em 0;  
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:1.6em;
	font-weight:bold;
	color:#7A7A7A;
	padding-bottom:5px;
}

.blurbDesc, .grey_desc
{
	margin:0 0 0.4em 0;
	font-size:10px;
	font-weight:normal;
	color:#7A7A7A;
}

.grey_contact_desc
{
	margin:0 0 0.4em 0;
	font-size:11px;
	font-weight:normal;
	color:#7A7A7A;
}

.blurbEndnote, .red_h3
{
	margin:0 0 0.3em 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:0.875em;
	font-weight:bold;
	color:#581842;
}

.blurbEndnote {
	text-transform:uppercase;
}

.grey_h4
{
	font-size:0.775em;
	font-weight:bold;
	color:#7A7A7A;
}

.bold
{
	font-weight: bold;
}



/* Footer
----------------------------------------*/
#footer
{
	width:100%;
	margin:10px auto;
}

#footer p 
{
	font-size:.725em;
	font-weight:normal;
}

	#copyright
	{
		padding-right:40px;
		text-align:right;
	}
	
	#footerbar
	{
		width:100%;
		height:22px;
		background:url(../images/footerbar.jpg) no-repeat bottom;
	}