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

html, body {
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
}

body {
background: url(images/pig_big_bg.png) #460b29 top center no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
line-height: 20px;

}
/*

margin-top: -376px;
*/

#container {
width: 1008px;
height: 752px;
border: 8px solid #dedaaf;
position: relative;
left: 50%;
top: 100px;
margin-left: -510px; 

}

#banner {
width: 1008px;
height: 193px;
background-image: url(images/banner.png);
}

#logo {
width: 286px;
height: 162px;
background-image: url(images/logo.png);
position: absolute;
left: 37px;
top: 13px;
}

#nav {
width: 1008px;
height: 50px;
border-top: 4px solid #dedaaf;
background-color: #5e0230;
text-transform: uppercase;
}

#content {
width: 1008px;
height: 501px;
border-top: 4px solid #dedaaf;
background-color: #f5c04c;
position: relative;
}

#left_image {
width: 246px;
height: 501px;
position: absolute;
}

#right_image {
width: 246px;
height: 501px;
position: relative;
float: right;
}

#fade_image {
width: 1008px;
height: 501px;
position: absolute;
}

#main {
width: 508px;
height: 501px;
background: url(images/brick.png) #f5c04c no-repeat top left;
position: absolute;
left: 246px;
border-right: 4px solid #dedaaf;
border-left: 4px solid #dedaaf;
}

#text {
width: 412px;
height: 390px;
overflow: auto;
padding-right: 16px;
position: relative;
left: 50%;
top: 50%;
margin-left: -214px; 
margin-top: -195px;
}

#text_menu {
width: 412px;
height: 390px;
overflow: auto;
padding-right: 16px;
position: relative;
left: 50%;
top: 50%;
margin-left: -214px; 
margin-top: -195px;
text-align: center;
}

#text_menu .move_down {
margin-top: 20px;
}

#text_menu .move_up {
margin-top: -6px;
}

#text_menu p {
margin-top: 10px;
line-height: 17px;
}

#text_home {
width: 412px;
height: 390px;
overflow: auto;
padding-right: 16px;
position: relative;
left: 50%;
top: 50%;
margin-left: -214px; 
margin-top: -195px;
font-size: 18px;
text-align: center;
line-height: 27px;
}

/*
margin-top: -400px;
*/

/*#shadow {
width: 1072px;
height: 816px;
position: absolute;
left: 50%;
top: 78px;
margin-left: -528px; 

background-image: url(images/shadow.png);
}*/

/*


margin-top: -372px;
*/

/*#pig {
width: 1546px;
height: 744px;
position: absolute;
left: 50%;
top: 100px;
margin-left: -766px; 

background-image: url(images/pig.png);
}*/


#title {
position: absolute;
top: 10px;
left: 40px;
}

#title h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000;
margin: 0;
padding: 0;
}

#title #subtitle {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: italic;
font-weight: normal;
color: #5e0230;
margin: 0;
padding: 0;
}

.hide {
display: none;
}

#text A:link {text-decoration: none; color: #5e0230;}
#text A:visited {text-decoration: none; color: #5e0230;}
#text A:active {text-decoration: none; color: #5e0230;}
#text A:hover {text-decoration: none; color: #fff;}

#text_home A:link {text-decoration: none; color: #5e0230;}
#text_home A:visited {text-decoration: none; color: #5e0230;}
#text_home A:active {text-decoration: none; color: #5e0230;}
#text_home A:hover {text-decoration: none; color: #fff;}

ul#navlist {
font-family: Verdana, Arial, Helvetica, sans-serif;
position: absolute;
left: 62px;
}

ul#navlist a {
text-decoration: none;
}

ul#navlist, ul#navlist ul, ul#navlist li {
margin: 0px;
padding: 0px;
list-style-type: none;
}

ul#navlist li {
float: left;
height: 50px;
margin-left: 17px;
margin-right: 17px;
padding-left: 5px;
padding-right: 5px;
text-align: center;
}

ul#navlist li a {
color: #fff;
height: 50px;
line-height: 48px;
display: block;
}

ul#navlist li a:hover
{
color: #f5c04c;
}

ul#navlist li a:active {

}

ul#subnavlist { display: none;}
ul#subnavlist li { float: none; }

ul#subnavlist li a {
padding: 0px;
margin-top: -25px;
margin-left: -22px;
padding-left: 5px;
padding-right: 5px;
height: 25px;
line-height: 25px;
background-color: #5e0230;
}

ul#subnavlist #space {
padding: 0px;
margin-top: 25px;
height: 25px;
line-height: 25px;
background-color: #5e0230;
}

ul#navlist li:hover ul#subnavlist {
display: block;
position: absolute;
padding: 0;
margin: 0;
z-index: 5;
}

ul#navlist li:hover ul#subnavlist li a {

}










#news {
position: absolute;
font-weight: bold;
font-size: 21px;
color: #fff;
width: 1008px;
text-align: center;
left: 50%;
margin-left: -504px;
top: 55px;
}

#thx {
position: absolute;
top: -30px;
left: 120px;
color: #5e0230;
font-style: italic;
}

#thx2 {
position: absolute;
top: -30px;
left: 40px;
color: #5e0230;
font-weight: bold;
}

img {
margin: 0;
padding: 0;
border: none;
}

#facebook {
width: 60px;
height: 60px;
background-image: url(images/facebook.png);
position: absolute;
}

#yelp {
width: 60px;
height: 60px;
background-image: url(images/yelp.png);
position: absolute;
left: 130px;
}

#twitter {
width: 60px;
height: 60px;
background-image: url(images/twitter.png);
position: absolute;
left: 65px;
}

.menu_title {
font-weight: bold;
text-decoration: underline;
padding-top: 0px;
}

.menu_title2 {
font-weight: bold;
text-decoration: underline;
padding-top: 15px;
}

.wine_1 {
font-weight: bold;
font-size: 14px;
text-decoration: underline;
}

.afterdin {
font-weight: bold;
font-size: 14px;
text-decoration: underline;
color: #5e0230;
}

.wine_regin {
font-weight: bold;
color: #5e0230;
}

.wine_beer {
font-weight: bold;
color: #5e0230;
font-size: 14px;
}

.wine_regin2 {
font-weight: bold;
text-decoration: underline;
}

.bold {
font-weight: bold;
}

.i {
font-style: italic;
font-size: 11px;
}




/* FORM START */
form
{ width: 412px;
margin-top: 30px;
margin-left: 0px;

}

form#contact{height: 220px;}

div.row1
{ width: 412px; 
  clear: both;
  
}

div.row1 span.formlabel 
{ float: left;
  width: 91px;
  text-align: left;
  
}

div.row1 span.forminput
{ float: left;
  text-align: left;
  color: #fff;
  
} 

#contact input, #contact textarea
{ width: 380px; /*FOR THE BOxeS*/
  font-family: verdana, arial, sans-serif;
  font-size: 100%;
  border: 1px solid;
  overflow: auto;
  margin: 2px;
}

#contact input.submit
{ width: 99px;
  margin: 10px 0px 0px 285px;
  height: 22px;
  cursor: pointer;
}

#contact input, #contact textarea, #contact input.submit
{ background: #5e0230; 
  color: #fff;
  border-color: #fff;
}

.formlabel {
	color: #000;
}
/* FORM END */