@charset "UTF-8";
/* CSS Document */

body,td,th {
	font-family: Trebuchet MS, Avant Garde, Arial;
	font-size: 12px;
}

body {
	background-color: #000000;
	margin: 0px;
	color: #fff7d1;
}

/* new - 2008/12/31 
--------------------------------------- */
form { margin:0; padding:0; }
img { border:0; }

/* anchors */
a { outline:none; }

/* home page */
table.tblHomepage { border:0; width:100%; padding:0 0 20px 0; }
table.tblHomepage td.colLeft, table.tblHomepage td.colRight { width:50%; vertical-align:top; text-align:left; }
table.tblHomepage td.colLeft { padding:0 10px 0 0; }
table.tblHomepage td.colRight { padding:0 0 0 10px; }

/* misc */
#content h1 {
	color: #edc77b;
	font-family: "Trebuchet MS", "Avant Garde", Arial;
	font-size: 22px;
	font-weight: bold;
	text-decoration: none;
	margin: 0 0 10px 0;
}

h2 {
	color: #edc77b; /* cc9933 */
	font-family: "Trebuchet MS", "Avant Garde", Arial;
	font-size: 18px;
	font-weight: normal;
	text-decoration: none;
	margin: 0 0 5px 0;
}

h3 {
	color: #cc9933;
	font-family: "Trebuchet MS", "Avant Garde", Arial;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	margin: 0 0 5px 0;
}

h4 {
	color: #cc9933;
	font-family: "Trebuchet MS", "Avant Garde", Arial;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	margin: 0;
	font-style: italic;
}

#content p {
	margin: 0 0 15px 0;
}

#contact p {
	margin: 0 0 15px 0;	
}

td#contact { color: #FFF; }
span.error-text { color:#ffde41; font-style:italic; font-weight:bold; }
p.error-text { color:#ffde41; font-style:italic; font-weight:bold; }
fieldset /*span.error-text*/ { padding-left: 15px; border: none; }
p.pagetop { text-align:right; font-size:80%; }
p.pagetop a { text-transform:uppercase; text-decoration:none; color:#CCC; }
p.pagetop a:hover { border-bottom:#000 solid 1px; }

/* wine list*/
h4.winetype { margin-bottom:0; padding-bottom:0; }
ul.winelist { list-style-type:none; margin-top:0; margin-left:0; padding-top:0; padding-left:0; }
span.price { color:#eda661;  }
ul.winelist span.note { font-size:85%; font-style:italic; color:#ccc; }

/* end new
------------------------------------- */

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

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

#container {
	width: 979px;
	margin: 0 auto; /* remove to make left align */
}

#nav {
	background-color: #330033;
	padding: 10px;
	width: 553px;
}

#nav ul {
	margin: 0;
	padding: 0;
}

#nav ul li {
	display: inline;
	list-style-type: none;
	line-height: 20px;
}

#nav ul li a {
	text-decoration: none;
	font-family: "Trebuchet MS", "Avant Garde", Arial;
	font-size: 12px;
	color: #fff7d1;
	font-weight: bold;
	padding: 0 5px;
}

#nav ul li a:hover {
	color: #ffde41;
}

#contact {
	padding: 140px 0 0 23px;
	font-family: "Trebuchet MS", "Avant Garde", Arial;
	font-size: 11px;
	color: #fff7d1;
	background-image: url(../../images/site/bg_l.jpg);
	background-repeat: no-repeat;
	width: 158px;
}

#content {
	background-image: url(../../images/site/bg_m.jpg);
	background-repeat: no-repeat;
	/*background-position: top;*/
	margin: 0;
	padding: 15px 45px;	
}

#contentnav {
	/*padding: 10px;*/
	width: 573px;
	text-align: center;
	height: 40px;
	background-image: url(../../images/site/content_nav_bg.jpg);
	background-repeat: no-repeat;
	margin: 0;
}

#contentnav ul {
	margin: 0 auto;
	padding: 0;
}

#contentnav ul li {
	display: inline;
	list-style-type: none;
	line-height: 40px;
}

#contentnav ul li a {
	text-decoration: none;
	font-family: "Trebuchet MS", "Avant Garde", Arial;
	font-size: 12px;
	color: #fff7d1;
	padding: 0 5px;
}

/* --------- TEMP - need active states ---------------------- */
div#nav a.active { border-bottom:#fff dotted 1px; }
div#contentnav a.active { border-bottom:#fff dotted 1px; }
/* -------------------- end TEMP ---------------------------- */

#contentnav ul li a:hover {
	color: #ffde41;
}

#right {
/*	height: 100%;
	width: 100%;*/
	background-image: url(../../images/site/bg_r.jpg);
	background-repeat: no-repeat;
	background-position: top;
/*	position: relative;
	z-index: 99;*/
}

#photo1, #photo2 {
	position: absolute;
}

#photo1 {
	margin: 143px 0 0 0;
}

#photo2 {
	margin: 307px 0 0 0;
}

div#mainphoto, img#mainphoto { /* IE fix */
	width: 573px;
	height: 306px;
	margin: 0;
	padding: 0;
	border: 0;
}

.btn {
	height: 20px;
	width: 75px;
	border: 1px solid #cc9933;
	margin: 0 20px;
}

form input, form textarea {
	border: 1px solid #cc9933;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #630;
	background-color: #fdebc8;
}

form select {
	border: 1px solid #cc9933;
	color: #630;
	background-color: #fdebc8;
}

form input.paddedinput, form textarea {padding: 3px; margin: 5px 0;}

legend {
	color: #cc9933;
	font-family: "Trebuchet MS", "Avant Garde", Arial;
	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
	padding: 0 10px;
}

#content dl dt {
	float: left;
	line-height: 16px;
	padding: 3px 8px;
	margin: 5px 0;
	text-align: right;
	vertical-align: middle;
	color: #fff7d1;
}

#content dl {
	padding: 0;	
}

#content dl dd #Name  {
	float: right;
	line-height: 30px;
	height: 30px;
}

#content #rsvp-form #Location, #content #rsvp-form #Party {
	float: right;	
}

#content #contact-form dt, #content #rsvp-form dt {
	width: 80px;
}

div.oneline {
	height: 30px;
/*	vertical-align: middle;
	line-height: 30px;*/
}

dd select {
	margin: 7px 0;
}

#content p.note { margin-left: 15px; color: #fff7d1; font-size: 10px; }

#content dt#buttons {
	margin: 15px auto;
	width: 450px;
	text-align: center;
}

#content dl dd #Comments {
	margin-left: 0px;
}

#content dl dd {
	margin: 4px 0;	
}

#menuitems li
{
    line-height: 18px;
    list-style-type: none;
}

#menuitems li a 
{
    font-style: normal;
    text-decoration: none;
    color: #cc9933;
}

#menuitems li a:hover
{
    color: #fdebc8;
}

div#photo1 img, div#photo2 img {
	border: 0px;	
}

#content a {
	color: #edc77b;
}

#content a:hover {
	color: #ffde41;	
}

/* Client Usable Styles */

.ItemHighlight {
	color: #cc9933;
}