body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	background: #f5f4f5 url(images/bgGrad.gif) repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #fff;
	position: relative;
	height: 100%;
}

h1, h2, h3, h4 {
	color: #d47c2f;
	font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: normal;
	margin: 0.2em 0 0.5em 0;
	padding: 0;
}

h1 {
	font-size: 300%;
}

h2 {
	font-size: 200%;
}

h3 {
	font-size: 150%;
}

a {
	color: #09C;
}

a:visited, a:active {
	color:#036;
}

a:hover {
	text-decoration: none;
}

p {
	margin: 0.2em 0 1em 0;
	padding: 0;
	line-height: 150%;
}

p.buttons {
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	width: 26em;
	margin: 2em auto;
}

p.buttons a, input[type=submit], input[type=reset] {
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	display:block;
	float: left;
	margin: 0 1em;
	padding: 0.5em 1em;
	text-align: center;
	width: 8em;
	background: #d47c2f;
	border: 1px solid #A2380D;
	color: #fff;
	text-decoration: none;
}

p.buttons a:hover, input[type=submit]:hover, input[type=reset]:hover  {
	background: #A2380D;
	border: 1px solid #d47c2f;
	cursor: pointer;
}

form p{
	margin: 0 0 0.5em 0;
	padding: 0;
	line-height: 150%;
}

label {
	display: block;
	float: left;
	width: 6em;
}

label.above {
	float: none;
	display: inline;
	width: auto;
}

.warning {
	color: #f00;
	display: none;
}

a img {
	border: none;
}

img[align=right]{
	margin-left: 40px;
	margin-bottom: 20px;
}

img[align=left]{
	margin-right: 40px;
	margin-bottom: 20px;
}

ul, ol {
	padding: 0;
	margin: 0.5em 0;
}

ul li, ol li {
	margin: 0.5em 0 0.5em 2em;
	line-height: 150%;
}

#shadowHead {
	padding-top: 15px;
	width: 890px; /* 76 + 860 */
	margin: 20px auto;
	background:url(images/shadowHead.png) no-repeat;
}

#shadowBody {
	padding: 0px 15px;
	background:url(images/shadowBody.png) repeat-y;
}

#shadowFooter {
	padding-bottom: 15px;
	background:url(images/shadowFooter.png) no-repeat bottom left;
}

.front #container {
	position:relative;
	top:50%;
	width: 706px; /*756px*/
	height: 395px; /*461px*/
	background: url(images/shadow.png) no-repeat;
	margin: -230px auto 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding: 33px 25px;
}

.general #container {
	width: 860px;
	/*margin: 40px auto;*/
}

.general #contentWrap {
	background: #ededed url(images/side.jpg) no-repeat;
	padding: 0px 0px 0px 134px; /*162px;*/
}

.general #contentWrap2 {
	background: #fff;
	padding: 14px 100px 40px 28px;
}

.general #mainContent {
	color: #000;
	background: #fff url(images/accent.gif) no-repeat;
	text-align: left;
	padding: 52px 0 0 91px;
	min-height: 462px;
}

.front #mainContent {
	background: #000;
}

.front #edit {
	/*width: 639px;*/
	height: 185px;
	margin-left: 201px;
}

.front #edit div{
	padding: 40px;
	text-align: center;
}

.general #menu {
	float: right;
}

.front #menu {
	clear:both;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 101px;
	height: 134px;
	float: left;
	font-size: 14px;
}

#menu ul li a{
	display: block;
	width: 101px;
	text-align: center;
	color: #000;
	font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;
	text-decoration: none;
	padding-top: 92px;
	height: 42px;
	background: #e1e1e1 no-repeat;
	line-height: 42px;
}

#menu ul li a:hover{
	background-position: top right;
	text-decoration: underline;
}

#menu ul li.alt a {
	background-color: #d1d1d1;
}

#menu ul li#about, #menu ul li#about a {
	width: 100px;
}

#menu ul li#about a {
	background-image:url(images/about.jpg);
	padding-top: 100px;
	height: 34px;
	line-height: 100%;
}

#menu ul li#wine a {
	background-image: url(images/our_wines.jpg);
	padding-top: 100px;
	height: 34px;
	line-height: 100%;
}

#menu ul li#news a {
	background-image: url(images/news.jpg);
	padding-top: 100px;
	height: 34px;
	line-height: 100%;
}

#menu ul li#club a {
	background-image: url(images/wine_club.jpg);
	padding-top: 100px;
	height: 34px;
	line-height: 100%;
}

#menu ul li#media a {
	background-image: url(images/media.jpg);
}

#menu ul li#purchase a {
	background-image: url(images/purchase.jpg);
}

#menu ul li#contact a {
	background-image: url(images/contact.jpg);
}

#menu ul li.sel a {
	background-position: 100% -4px;
	text-decoration: none;
	padding-top: 90px;
	padding-bottom: 2px;
}

#subHead {
	clear: both;
	background: url(images/below_menu.jpg);
	height: 20px;
}

.wine img {
	float: left;
	margin-right: 30px;
}

div.wine {
	padding: 30px 0;
	border-top: 1px dashed #aaa;
}

div.wine h2 {
		margin-top: 1em;
}

div.wine h3 {
	font-size: 140%;
}

.normalSize {
	font-size: 120%;
}