/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background: #370100 url(../images/body_bg.jpg) no-repeat top center;
}

/** Main Structural Divs **/

#page {
	width: 800px;
	margin: 0 auto;
	padding: 0;
	background: url(../images/content_bg.jpg) no-repeat;
}

#header {
	width: 800px;
	height: 65px;
	margin: 0;
	padding: 0;
}

#nav {
	width: 705px;
	height: 50px;
	margin: 0 0 0 30px;
	text-align: left;
}

#content {
	margin: 0; padding: 0;
	width: 800px;
	height: 640px;
}

#address {
	width: 300px;
	margin: 30px 0 0 30px;
}

#blocks {
	width: 405px;
	margin: 30px auto 0;
}

#vini {
	width: 95px;
	height: 95px;
	margin: 143px 39px 0 0;
	float: right;
	display: inline;
	outline:none;
}

#bottom {
	width: 800px;
	margin: -20px auto;
}

#bottomleft {
	width: 350px;
	float: left;
	display: inline;
}

#bottomright {
	width: 350px;
	float: right;
	text-align: right;
}





/** Font Style **/

body {
	font-family: Helvetica, arial, sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 16px;
}

#nav ul {
	color: #fff;
	font-size: 12px;
	list-style: none;
	margin: 0;
	padding: 0;
	outline:none;
}

#nav ul li {
	display: inline;
	margin: 0;
	outline:none;
}

#nav ul li.divider {
	padding: 0 8px;
	outline:none;
}

#address p {
	font-size: 9px;
	text-transform: uppercase;
	letter-spacing: 3px;
	line-height: 20px;
	margin: 0; padding: 0;
	color: #fff;
}

#bottom p {
	font-size: 10px;
	color: #cdccb4;
	line-height: 12px;
}




/** Link Styles **/

#nav a, #nav a:visited {
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	outline:none;
}

#nav a:hover {
	color: #ffcb05;
	outline:none;
}

#bottom a, #bottom a:visited {
	color: dfdec6;
	outline:none;
}

#bottom a:hover {
	text-decoration: underline;
	outline:none;
}


/**  Nav Styles  - rollovers use single image and negative positioning **/

#menus, #reserve, #wine, #private, #events, #hours, #about, #contact, #wineshop {
  display: inline;
  height: 50px;
  float:left;
  padding: 0; margin: 0;
  outline:none;

}

#menus:hover, #reserve:hover, #wine:hover, #private:hover, #events:hover, #hours:hover, #about:hover, #contact:hover, #wineshop:hover {
  background-position: 0 -50px;
  outline:none;
}

#menus span, #reserve span, #wine span, #private span, #events span, #hours span, #about span, #contact span, #wineshop span {
  display: none;
}

#menus {
	 width: 44px;
	 background: url(../images/nav/home/menus.jpg) no-repeat 0 0;
}

#reserve {
	 width: 89px;
	 background: url(../images/nav/home/reserve.jpg) no-repeat 0 0;
}

#wine {
	 width: 45px;
 background: url(../images/nav/home/wine.jpg) no-repeat 0 0;
}

#private {
	 width: 94px;
	 background: url(../images/nav/home/private.jpg) no-repeat 0 0;
}

#events {
	 width: 113px;
	  background: url(../images/nav/home/events.jpg) no-repeat 0 0;
}


#hours {
	 width: 120px;
	  background: url(../images/nav/home/hours.jpg) no-repeat 0 0;
}

#about {
	 width: 68px;
	 background: url(../images/nav/home/about.jpg) no-repeat 0 0;
}

#contact {
	 width: 61px;
	 background: url(../images/nav/home/contact.jpg) no-repeat 0 0;
}

#wineshop {
	 width: 71px;
	 background: url(../images/nav/home/wineshop.jpg) no-repeat 0 0;
}