@import url("reset.css");
#bg_top_right	{ position: fixed; top:    0; right: 0; background: url("/img/topright.png") no-repeat; width: 388px; height: 292px;}
#bg_btm_right	{ position: fixed; bottom: 0; right: 0; background: url("/img/botright.png") no-repeat; width: 395px; height: 155px; }
#bg_btm_left	{ position: fixed; bottom: 0; left:  0; background: url("/img/botleft.png")  no-repeat; width: 395px; height: 155px; }
#bg_top_left	{ position: fixed; top:    0; left:  0; background: url("/img/topleft.png")  no-repeat; width: 388px; height: 292px; }

html, body {
	height: 100%;
}
body {
	background: url("/img/bg.jpg");
	height: 100%;
	font: 12px/150% Tahoma, Arial, Helvetica, sans-serif;
	color: #020000;
}

#wrapper {
	background: url("/img/stain.png") no-repeat left bottom;
	min-height: 100%;
	width: 934px;
	z-index: 10;
	position: relative;
	margin: 0 auto;
	/*margin-left: 100px;*/
	padding-right: 20px;
}

#header {
	background: url("/img/meerkat-logo.png") no-repeat left bottom;
	height: 215px;
	width: 445px;
	margin-bottom: -209px;
	text-indent: -9999em;
}
#nav {
	position: relative;
	margin-left: 74px;
	padding-top: 1px;
	z-index: 20;
}
#nav li {
	float: left;
	clear: none;
}
#nav li span {
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
	height: 221px;
	margin-bottom: -119px;
}
#nav li a {
	display: block;
	background-repeat: no-repeat;
	text-indent: -9999em;
	z-index: 50;
	position: relative;
}
#nav li a:focus, #nav li a:hover, #nav li a:active {
	background-position: 0 10px;
}
#nav #nav-home a:focus, #nav #nav-home a:hover, #nav #nav-home a:active {
	background-position: 10px 0;
}


#nav #nav-blog span		{ background-image: url("/img/m1.png"); }
#nav #nav-wines span	{ background-image: url("/img/m2.png"); }
#nav #nav-gallery span	{ background-image: url("/img/m3.png"); }
#nav #nav-agents span	{ background-image: url("/img/m4.png"); }
#nav #nav-contact span	{ background-image: url("/img/m5.png"); }

#nav #nav-home a	{ width:  56px; height: 101px; margin-top: 109px; background-image: url("/img/nav/bg-nav-home.png"); }
#nav #nav-blog a	{ width: 156px; height: 100px; margin-top:   3px; background-image: url("/img/nav/bg-nav-blog.png"); }
#nav #nav-wines a	{ width: 158px; height: 119px; margin-top:     0; background-image: url("/img/nav/bg-nav-wines.png"); }
#nav #nav-gallery a	{ width: 144px; height:  97px; margin-top:     0; background-image: url("/img/nav/bg-nav-gallery.png"); }
#nav #nav-agents a	{ width: 155px; height:  91px; margin-top:  11px; background-image: url("/img/nav/bg-nav-agents.png"); }
#nav #nav-contact a	{ width: 165px; height:  94px; margin-top:   9px; background-image: url("/img/nav/bg-nav-contact.png"); }

#container-top {
	background: url("/img/bg-container-top.png") no-repeat;
	padding-top: 26px;
	margin-left: 116px;
	margin-top: 178px;
	z-index: 30;
	position: relative;
}
#container-btm {
	background: url("/img/bg-container-btm.png") no-repeat;
	padding-bottom: 82px;
	margin-left: 116px;
	z-index: 30;
}
#container {
	background: url("/img/bg-container-inner.png") repeat-y center top;
	padding: 0 51px;
	margin-left: 116px;
	z-index: 30;
	position: relative;
}
#content {
	min-height: 302px;
	padding-right: 250px;
	padding-top: 1em;
	padding-bottom: 1em;
	z-index: 50;
	position: relative;
	overflow: hidden;
}

#content p, #content ol, #content ul {
	margin: 1em 0;
}
#content h1 {
	text-indent: -9999em;
	height: 25px;
	background-repeat: no-repeat;
}

.home #nav-home a {
	background-position: 10px 0;
}

.home #content h1 {
	background-image: url("/img/text/home.png");
}

.wines #content h1 {
	background-image: url("/img/text/wines.png");
}
.wines #nav-wines a {
	background-position: 0 10px;
}

.galleries #content h1 {
	background-image: url("/img/text/gallery.png");
}
.galleries #nav-gallery a {
	background-position: 0 10px;
}

.agents #content h1 {
	background-image: url("/img/text/agents.png");
}
.agents #nav-agents a {
	background-position: 0 10px;
}

.contact #content h1 {
	background-image: url("/img/text/contact.png");
}
.contact #nav-contact a {
	background-position: 0 10px;
}

.blog #content h1 {
	background-image: url("/img/text/blog.png");
	width: 148px;
	height: 24px;
}
.blog #nav-blog a {
	background-position: 0 10px;
}


#SHOPPING_CART {
	border: 1px solid #D58339;
	float: right;
	width: 295px;
	top: 0px;
	left: 250px;
	background: #ffffff;
	display: block;
	text-align: left;
	padding: 5px;
	position: relative;
}

#SHOPPING_CART th {
	background: #C08042;
	color: #ffffff;
	font-weight: bold;
	font-size: 16px;
	padding-left: 3px;
}

#gallery {
	overflow: hidden;
	width: 650px;
}


#gallery li {
	display: block;
	float: left;
	padding-right: 5px;
}