/*
 * Milano Family Winery
 *
 * NOTES: wide pages can specify "fullwidth" class on body
 *
 */



/* ---- =Reset all styles ---------------------------------------------------------- */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, label, input, p, blockquote, address, th, td {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
 ul {
	list-style-type: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
fieldset, img {
	border: 0;
}

/* ---- Set new basic styles --------------------------------------------------------- */

body {
	background:#e2d6b5 url(../images/body_bg_repeat.jpg) repeat-x center top;
	overflow:-moz-scrollbars-vertical;
}
body, p, td, th, li, h1, h2, h3, h4, h5, h6  {
	font:normal 11px/1.5 Verdana, Arial, Helvetica, sans-serif;
	color: #4F3C22;
}
.clear {
	clear:both;
}

a, a:visited {
	color: #855022;
}
a:hover {
	color:#c37f41;
}

/* ---- =Header --------------------------------------------------------- */

#outer-container {
	position:relative;
	margin:40px auto 0 auto;
	width:1000px;
}
#header-container {
	position:relative;
	margin:0 auto;
	width:1000px;
	height:153px;
	background: url(../images/header_bg.jpg) no-repeat center top;
}
#header h1 {
	position:absolute;
	text-indent:-9999px;
}

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

#nav {
	float:left;	
	width:125px;
	margin:0;
	padding:40px 0 40px 40px;
}
#nav ul li {
	margin: 0 0 10px 0;
}
#nav ul li a {
	color:#192817;
	text-decoration:none;
	font-weight: bold;	
}
#nav ul li a:hover {
	color:#772929;	
}

/* ---- =Content --------------------------------------------------------- */

#content-container {
	position:relative;
	margin:0 auto;
	width:1000px;
	background: url(../images/content_bg_repeat.gif) repeat-y center top;
}
#content-bg {
	position:relative;
	margin:0 auto;
	width:972px;
	background: #f3ebd3 url(../images/content_bg_swoop.gif) no-repeat center top;
}
#content {
	margin-left:165px;
	margin-right:245px;
	padding:40px;
	/* establish stacking context: */

	 width:475px;	/* for the love of Safari!! */

	position:relative;
	z-index:100;
	overflow:auto;
}
body.fullwidth #content {
	margin-right:0px;
	
	 width:720px;	/* for the love of Safari!! */
	
}


#content p {
	margin-bottom:1em;
}
#content h1 {
	position:relative;
	text-indent:-9999px;
	height:40px;
	width:250px;
	margin:0 0 15px 0;
}
#content h2 {
	font-weight:bold;
	font-size:120%;
	text-transform:uppercase;
	margin:0 0 5px 0;color:#450007;
}
#content h3 {
	font-weight:bold;
	font-size:110%;
}
#content ul {
	margin-left:25px;
}
#content ul li {
	list-style-position: outside;
	list-style-type: disc;
}



/* ---- =Hilite --------------------------------------------------------- */

.hilite {
	float:right;	
	width:205px;
	margin:0;
	padding:40px 40px 40px 0;
}
body.fullwidth .hilite {
	display:none
}


.hilite .info {
	width:202px;
	border: 1px solid #333824;
	margin-bottom:15px;
}
.hilite .info p {
	margin:8px 8px 8px 88px;
}
.hilite #events.info  {
	background: #FFFFFF url(../images/hilite_events_bg.jpg) no-repeat left top;
	padding-top:35px;	
	border-top: 0;
}
.hilite #wineclub.info  {
	background: #FFFFFF url(../images/hilite_wineclub_bg.jpg) no-repeat left top;
}
.hilite #recipes.info  {
	background: #FFFFFF url(../images/hilite_recipes_bg.jpg) no-repeat left top;
}
.hilite #wines.info  {
	background: #FFFFFF url(../images/hilite_wines_bg.jpg) no-repeat left top;
}
.hilite #winery  {
	background: #FFFFFF url(../images/hilite_winery_bg.jpg) no-repeat left top;
	display:block;
	width:204px;
	height:224px;
	margin-bottom:15px;
}
.hilite #winery h1  {
	text-indent:-9999px;
}



/* ---- =Buttons --------------------------------------------------------- */

.button a,  input.button  {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3F413E;
	background-color: #EEEBDF;
	border-top: 1px solid #9FAA9B;
	border-right: 2px solid #6B7866;
	border-bottom: 2px solid #6B7866;
	border-left: 1px solid #9FAA9B;
	text-transform: uppercase;
	padding:3px;
	margin:6px;
	text-decoration:none;
}
.button a:hover, input.button:hover {
	color: #f3ebd3;
	background-color: #855022;
	border-top: 1px solid #9FAA9B;
	border-right: 2px solid #6B7866;
	border-bottom: 2px solid #6B7866;
	border-left: 1px solid #9FAA9B;
}


/* ---- =Footers --------------------------------------------------------- */

#address {
	background:#353a28 url(../images/footer_collage.jpg) no-repeat center bottom;
	width:972px;
	height:97px;
	padding:5px 0;
	text-align:center;
	color:#f8f3e5;
	font-weight: bold;
	letter-spacing: .1em;
}
#footer-container {
	position:relative;
	width:1000px;
	margin:0 auto; 
	background:url(../images/footer_bg.gif) no-repeat center top;
}
#footer {
	padding:25px 8px 0 0;
	text-align:right;
}