@charset "utf-8";

* {	margin:0; padding: 0; outline:0; border:0; }


/*            Table of Contents           */
/*----------------------------------------
	 0. Tags
	 1. Construction IDs
	 2. Menu items by ID
	 3. Footer menu classes and styles
	 4. Other Classes and styles
------------------------------------------*/


/* 0. Tags --------------------------------------------- */

body { background: #520116 url(../images/background.gif) repeat; }

h1 { font-size: 24px; font-weight: lighter; margin: 10px 0 15px 0; text-transform: uppercase; }

h2 { font-size: 18px; font-weight: lighter; margin: 10px 0 15px 0; text-align:center; }

table { margin: 5px auto 10px auto; }

td { height: 30px !important; padding: 2px 0; }


/* 1. Construction IDs --------------------------------------------- */

#container { margin: auto; height: auto; width: 810px; }

#menu {	height: 75px; width: 810px;	list-style: none; background: url(../images/menu.png) no-repeat center top; }

#menu li { height:75px;	float: left; display:block; }

#header { height: 131px; width: 790px; background: url(../images/header.png) no-repeat center top; padding: 10px; text-align: center;	color: #F4DBB4;	text-shadow: #000 1px 1px; margin: 0 auto; }

#mainbox { width: 810px; height: auto; background: url(../images/main_repeat.png) repeat-y center top;	min-height: 547px;	margin: 0 0 3px 0;	position: relative; }

#main {	background: url(../images/main_top.png) no-repeat center top; padding: 23px 35px 25px 35px;	min-height: 547px; font: 14px Sylfaen, "Times New Roman", Times, serif; color: #550505; }

#main-bottom {	height: 24px; background: url(../images/main_bottom.png) no-repeat center top; position: relative; }

#breadcrubs { color:#852d2d;	margin: 0 0 14px 0; }

#language {	top: 25px; right: 35px; position: absolute; }

#sitemap { list-style: none; width: 300px; margin:0 20px; }


/* 2. Menu items by ID --------------------------------------------- */

.menuitem {	color: #FEE9BF;	font:ligher 12px Sylfaen, "Times New Roman", Times, serif; text-indent:-9999px;	text-align: center;	display:block; height:75px;	position: relative; }

.menuitem span {	background: url(../images/menu.png) no-repeat center top; display:block; position:absolute; top:0; left:0; height:100%; width:100%; z-index:100; }

#wines { width: 117px; }
#wines span { background-position: -1px -75px; }
li.active #wines { background: url(../images/menu.png) -1px -150px; }


#about { width: 125px; }
#about span { background-position: -118px -75px; }
li.active #about  { background: url(../images/menu.png) -118px -150px; }


#prices { width: 108px; }
#prices span {	background-position: -243px -75px; }
li.active #prices { background: url(../images/menu.png) -243px -150px; }


#news {	width: 109px; }
#news span { background-position: -351px -75px; }
li.active #news { background: url(../images/menu.png) -351px -150px; }


#pictures {	width: 116px; }
#pictures span { background-position: -460px -75px; }
li.active #pictures { background: url(../images/menu.png) -460px -150px; }


#contacts {	width: 113px; }
#contacts span { background-position: -576px -75px; }
li.active #contacts { background: url(../images/menu.png) -576px -150px; }


#buy {	width: 121px; }
#buy span { background-position: -689px -75px; }
li.active #buy { background: url(../images/menu.png) -689px -150px; }


/* 3. Footer menu classes and styles ------------------------------------------ */

#footer-menu { height: 34px; width: 810px; list-style: none; position: relative; z-index: 100; }

#footer-menu li { float: left; height: 34px; }

.footitem {	color: #c8ac73; text-decoration: none;	text-transform: uppercase;	font:lighter 12px Sylfaen, "Times New Roman", Times, serif;	padding: 8px 20px;	display: block; }

.footitem:hover { color: #fee9bf; }

li.active .footitem { color: #fee9bf; } 

.footer-glow { height: 40px; width: 810px;	position: absolute;	top: 21px;	left: 0px; background: url(../images/footer_glow2.png) no-repeat center top; }

.bullet { background: url(../images/bullet.gif) no-repeat center center; float: left; height: 34px;	width: 9px; }

#copyright { color: #962323; text-transform:uppercase; text-align:center; display:block; font-size:12px; padding: 2px 0 20px 0; }


/* 4. Other Classes and styles ------------------------------------------ */

.border-bottom { border-bottom: 3px double #4E0000;	padding-bottom: 5px; }

.clear { height: 1px; width: 100%; clear: both; display: block; }

.center { text-align: center !important; }

.panel-left { float: left; width: 270px; text-align: justify; }

.panel-right {	float: right; text-align: justify; width: 450px; }

.panel { width: 365px; float: left; }

.red { font-size: 8pt; font-family: Arial; color: red; font-weight: 700;}

.seperator { margin: auto; width: 302px; display: block; clear: both; }

.spacer { width: 10px; float: left;	height:100px; }

#main a, #language a { color:#520116;	font: 14px Sylfaen, "Times New Roman", Times, serif; }

#main a:hover, #language a:hover { color: #000; }

#main p { margin: 13px 0; text-align: justify; }

.biglink { text-transform: uppercase !important; font-weight:100; font-size: 15px !important; text-align:left!important; text-decoration:none !important; padding: 0 0 0 20px; }

.biglink:hover, .biglink-active { text-transform: uppercase !important; text-decoration:underline !important; background:url(../images/bullet_small.gif) no-repeat 10px center; padding: 0 0 0 20px; font-size: 15px !important; }

.sub-biglink { text-transform: uppercase !important; font-weight:100; font-size: 15px !important; text-align:left!important; text-decoration:none !important; padding: 0 0 0 30px; }
.sub-biglink:hover, .sub-biglink-active { padding-left:30px; background: url(../images/bullet_small.gif) no-repeat 20px center;  text-transform: uppercase !important;}


.newslink { text-transform: uppercase !important; font-weight:100; font-size: 15px !important; text-align:left!important; text-decoration:none !important; }

.newslink:hover { text-decoration:underline !important; }