/* CSS Document */

/* ==| Tag Overrides |===============================================================================================*/

html
{
	margin: 0px;
	padding: 0px;
	width: 100%;
	min-height: 100%;
	/*height: 100%;	*/
}

body
{
	margin: 0px;
	padding: 0px;
	/*height: 100%;*/
	background-color: #141414;
	background-image: url(../../img/bg_main.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #000000;	
}

form
{
	margin: 0px;
	padding: 0px;
}

p
{
	margin: 10px 0px;
	padding: 0px;
}

a {	color: #800000; text-decoration: none; }
a:hover { color: #800000; text-decoration: underline; }

h1 { color: #000000; font-size: 1.2em; margin: 6px 0px; padding: 0px; }
h2 { color: #000000; font-size: 1.1em; margin: 6px 0px; padding: 0px; }
h3 { color: #000000; font-size: 1.0em; margin: 6px 0px; padding: 0px; }

.hidden { display: none; }

/* ==================================================================================================================*/

/* ==| Homepage |====================================================================================================*/

	div#homepage
	{
		width: 100%;
		height: 100%;
		background-image: url(../../img/bg_homepage.gif);
		background-position: bottom left;
		background-repeat: no-repeat;
	}
	
	div#homepage div#content
	{
		position:absolute;
		left: 50%;
		top :50%;
		width: 712px;
		height: 350px;
		margin-left: -356px;  /* half of width */
		margin-top: -175px;   /* half of height */
	}
	
	div#homepage div#content ul { margin: 0px; padding: 0px; list-style: none; }
	
	div#homepage div#content ul li { margin: 0px; padding: 0px; }
	
	div#homepage div#content ul li.image img { border: 1px solid #333333; }
	
	div#homepage div#content#content ul li.logo { float: right; }
	
	div#homepage div#content#content ul li.enter { clear: right; float: right; margin-top: 10px; }

	div#flashcontent { width: 710px; height: 218px; border: 1px solid #333333; }

/* ==================================================================================================================*/

/* ==| Secondary Page |==============================================================================================*/

div#secondary
{
	margin: 0px auto;
	width: 622px; /*622px;	*/
	background-color: #ebebeb;
	background-image: url(../../img/bg_secondary.gif);
	background-position: top left;
	background-repeat: repeat-y;
	padding: 0px 8px;
	font-size: 1.1em;
	line-height: 1.6em;
}

div#secondary a { color: #800000; text-decoration: none; }
div#secondary a:hover { text-decoration: underline; }

/* ==================================================================================================================*/

/* ==| Header |======================================================================================================*/

div#header { }

div#header ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

div#header ul li
{
	margin: 0px;
	padding: 0px;
}

div#header ul li.random-hero
{
	margin: 0px 10px;
	padding: 6px;
	height: 101px;
	background-image:url(/img/hdr/bg_random-hero.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

div#header ul li.separator
{
	background-image: url(../../img/hdr/img_separator.gif);
	background-position: top left;
	background-repeat: no-repeat;
	clear: both;
}

div#header ul li.nav 
{
	padding-left: 35px;
}

div#header ul li.nav ul
{
	margin: 0px;
	padding: 0px 0px;
	list-style: none;
	display: inline;
}

div#header ul li.nav ul li
{
	margin: 0px;
	padding: 0px;
	display: inline;
}

/* ==================================================================================================================*/


/* ==| Content > Title |=============================================================================================*/

div#content {}

div#content div#text
{
	margin: 0px;
	padding: 0px 30px;
	clear: both;
}

div#content div#heading { clear: both; }

div#content div#heading ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

div#content div#heading ul li
{
	margin: 0px;
	padding: 0px;
	float: left;
}

div#content div#heading ul li.right
{
	float: right;
	margin: 35px 20px 0px 0px;
	padding: 0px 12px;
	height: 2.0em;
	line-height: 20px;
	background-color: #800000;
	color: #FFFFFF;
}

div#content div#heading ul li.right a { color: #ffffff; text-decoration: underline; }

/* ==================================================================================================================*/


/* ==| Content > Functions |=========================================================================================*/

div#content div#functions 
{ 
	clear: both; 
	margin: 0px;
	padding: 0px 20px;
}

div#content div#functions ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;	
}

div#content div#functions ul li
{
	clear: both;
}

div#content div#functions dl 
{
	padding: 10px 0px;  
}

div#content div#functions ul li dl dt
{
	margin: 0px;
	padding: 6px;
	float: left;
	width: 217px;
	/*background-image: url(../../img/cnt/bq_thumb_01.gif);*/
	background-position: top left;
	background-repeat: no-repeat;
}

div#content div#functions ul li dd
{
	margin: 0px;
	padding: 0px;
	float: left;
}

div#content div#functions ul li dd ul
{
	width: 340px;
	clear: both;
}

div#content div#functions ul li dd ul.links { width:100%; }

div#content div#functions ul li dd ul li
{
	width: inherit;
	margin: 0px;
	padding: 2px 0px;
}

div#content div#functions ul li dd ul li.title
{
	font-weight: bold;
	border-bottom: 1px solid #d6d6d6;
}

div#content div#functions ul li dd ul li.date
{
	float: right;
	text-align: right;
	margin-top: -22px;
	color: #800000;
	font-weight: bold;
	font-size: 1.0em;
}


/* ==================================================================================================================*/


/* ==| Content > Menu |==============================================================================================*/

div#content div#menu 
{ 
	clear: both; 
	margin: 0px;
	padding: 0px 20px;
}

div#content div#menu div.col1
{
	float: left;
	width: 320px;
}

div#content div#menu div.col1 dl 
{
	margin: 0px;
	padding: 4px 0px; 
	clear: both; 
}

div#content div#menu div.col1 dl dt 
{
	margin: 0px; 
	padding: 0px;
	float: left;
	width: 290px;
}

div#content div#menu div.col1 dl dt.winetype 
{
	font-weight: bold;
	margin-top:10px;
}

div#content div#menu div.col1 dl dd 
{
	margin: 0px; 
	padding: 0px;
	float: left;
}

div#content div#menu div.col2
{
	float: right;
}

div#content div#menu div.col2 ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

div#content div#menu div.col2 ul li
{
	width: 233px;
	margin: 0px;
	padding: 6px;
	/*background-image: url(../../img/cnt/bg_menu-image.gif);*/
	background-position: top left;
	background-repeat: no-repeat;
}

/* ==================================================================================================================*/


/* ==| Content > Contact |==============================================================================================*/

div#content div#contact 
{ 
	clear: both; 
	margin: 0px;
	padding: 0px 20px;
}

div#content div#contact div.col1
{
	float: left;
	width: 320px;
}

div#content div#contact div.col1 ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

div#content div#contact div.col1 ul li 
{ 
	padding: 5px 0px;
	clear: both;
	line-height: 10px;
}

div#content div#contact div.col1 ul li label 
{
	float: left;
	width: 100px;
}


div#content div#contact div.col1 ul li input.text, div#content div#contact div.col1 ul li textarea
{
	margin: 0px;
	padding: 1px 4px;
	font-family: "Trebuchet MS", Verdana, Arial;
	color: #d00067;
	font-size: 1em;
	background-color: #FFFFFF;
	border: 1px solid #7f9db9;
	width: 200px;
}

div#content div#contact div.col1 ul li.email-notification
{
	margin: 10px 0px;
	padding: 10px 0px;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;	
	float: left;
}

div#content div#contact div.col1 ul li.email-notification div
{
	float: left;
	width: 100px;
}

div#content div#contact div.col1 ul li.email-notification div input
{
	float: right;
	margin-right: 10px;
}

div#content div#contact div.col1 ul li.email-notification label
{
	float: left;
	display: block;
	width: 220px;
	line-height: 16px;
}

div#content div#contact div.col1 ul li.button input
{
	margin-left: 100px;
	font-size: 1.1em;
	padding: 2px 10px;
}


div#content div#contact div.col2
{
	float: right;
}

div#content div#contact div.col2 ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

div#content div#contact div.col2 ul li
{
	width: 233px;
	margin: 0px;
	padding: 2px 6px;
	
}

div#content div#contact div.col2 ul li.image
{
	height: 197px;
	padding: 6px;	
	/*background-image: url(../../img/cnt/bg_menu-image.gif);*/
	background-position: top left;
	background-repeat: no-repeat;
}

div#content div#contact div.col2 ul li.title
{
	font-weight: bold;
}

/* ==================================================================================================================*/


/* ==| Content > Thank You |=========================================================================================*/

div#content div#thank-you 
{ 
	clear: both; 
	margin: 0px;
	padding: 0px 20px;
}

div#content div#thank-you div.col1
{
	float: left;
	width: 233px;
	height: 197px;
	margin: 0px;
	padding: 6px;
	/*background-image: url(../../img/cnt/bg_menu-image.gif);*/
	background-position: top left;
	background-repeat: no-repeat;}

div#content div#thank-you div.col2
{
	float: right;
	width: 320px;	
}

div#content div#thank-you div.col2 ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

div#content div#thank-you div.col2 ul li
{

}

/* ==================================================================================================================*/


/* ==| Footer |======================================================================================================*/

div#footer
{
	margin: 0px auto;
	padding: 0px 8px;
	clear: both;
	width: 622px;
	background-image: url(../../img/bg_footer.gif);
	background-position: top left;
	background-repeat: repeat-y;
	height: 28px;
	color: #FFFFFF;
	text-align: right;
	line-height: 28px;
}

div#footer a { color: #ffffff; text-decoration: none; }
div#footer a:hover { color: #ffffff; text-decoration: underline; }

div#footer ul
{
	margin: 0px;
	padding: 0px 12px;
	list-style: none;
	float: right;
}

div#footer ul li
{
	float: left;
	margin-left: 20px;
}

/* ==================================================================================================================*/