/* General Settings */

body
{
	font-family: Arial, Helvetica, sans-serif;
	background: #fff url(../images/bg_gradient.jpg) repeat-y;
	height: 100%;
	margin: 0px;
	text-align: center;
	color: #777777;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	line-height:16px;
}

img
{
	border: 0px;
}

ul
{
	margin: 5px 40px 15px 40px;
	line-height: 18px;
}

p
{
	margin-top: 0px;
	margin-bottom:5px;
}



/* Structure */


div.wrapper
{
	width: 900px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:auto;
	border: 1px solid #000000;
	margin-top:40px;
}

div.wrapper-content
{
	margin: 0px 0px 0px 0px;
}

div.masthead
{
	/*margin: 0px 0px 0px 0px;
	position: relative;
	text-align: left;
	width: 100%;*/
}


div.masthead-links
{
	float: right;
	margin: 40px 5px 0px 0px;
	text-align: right;
}

div.content
{
	position: relative;
	text-align: left;
	width: 900px;
	min-height:500px;	
	background-color:#fff;
	text-align: left;
}

div.content-container /* this div is so that the hero visual text can move down if a validation summary is displayed */
{
	position: relative;
	width: 100%;
	padding: 0px 0px 0px 0px;	
}

* html div.content-background-minheight
{
	height: 430px;
	height: 430px;
}

div.masthead ul
{
	margin: 0px;
	padding: 0px;
}

div.masthead li
{
	padding-left: 30px;
	display: inline;
}

div.footer-content li
{
	float: left;
	padding-right: 30px;
}

div.navbar-content li
{
	margin-left:30px;
	margin-right:30px;
}

div.footer-content li A:link, div.footer-content li A:visited, div.footer-content li A:active, div.footer-content li A:hover, div.masthead li A:link, div.masthead A:visited, div.masthead A:active, div.masthead A:hover
{
	color: #CCCCCC;
	font-weight: bold;
	text-decoration: none;
}

/*sidebar content end */

div.left
{
	float: left;
}

div.right
{
	float: right;
	margin: 0px 10px 0px 0px;
}

div.clear
{
	clear: both;
}

div.center
{
	text-align: center;
}

/* navigation */

div.navbar
{
	height: 25px;
	width: 900px;
	text-align: left;
	font-weight:bolder;
	font-size:10px;
	background-color:#000;
}

div.navbar-content
{
	padding: 3px 0px 0px 30px;
}


/* links classes */

A:link, A:visited, A:active, A:hover
{
	color: black;
	font-weight: normal;
	text-decoration: underline;
}

.cursor-hand
{
	cursor: pointer;
}

h1
{
	color:#000000;
	font-weight:bold;
	font-size:25px;
	margin-bottom:15px;
	margin-top:15px;
	line-height:30px;
}
h3
{
	color:#000000;
	font-weight:bold;
	font-size:15px;
	margin-top:2px;
	margin-bottom:2px;
	line-height:22px;
}
h5
{
	color:#000000;
	font-weight:bold;
	font-size:12px;
	margin-bottom:2px;	
	margin-top:10px;
	line-height:22px;
}

div.wine-selection A:link img, div.wine-selection A:visited img, div.wineselection A:active img, div.wineselection A:hover img
{
	height:550px;
	margin-right: 20px;
}

div.wine-selection
{
z-index:2;
position:absolute;
top:100px;
width:900px;
text-align:center;
}

div.wine-selection-small
{
z-index:3;
position:absolute;
top:0px;
left:15px;
width:300px;
text-align:center;
}

div.wine-selection-small A:link img, div.wine-selection-small A:hover img, div.wine-selection-small A:visited img, div.wine-selection-small A:active img
{
	height:310px;
}

div.background-twirl
{
position:absolute;
top:120px;
z-index:1;	
width:740px;
left:90px;
}

div.wine-menu
{
	position:absolute; 
	left:20px; 
	top:320px; 
	width:180px;
	font-size:9px;
}

div.wine-menu A:link, div.wine-menu A:hover, div.wine-menu A:visited, div.wine-menu A:active
{
	color: #939598;
	text-decoration:none;
}