/***------------------------------------
ALL
------------------------------------***/

body {
	background-color: #eeac2e;
	font-family: georgia, serif;
	font-size: 12px;
	line-height: 24px;
	color: #006b00; 
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

img {
	border: 0;
}

/***------------------------------------
CONTENT
------------------------------------***/

#wrapper {
	width:820px;
	margin:0 auto;
	padding:0;
}
#nav {
	position:relative;
	width:820px;
	height:100px;
	margin:-12px 0 0 0;
	padding:0;
/*	background:url(../images/topbar.jpg) 0 0px no-repeat;*/
	z-index:1000;
}
#nav li {
	margin:0;
	margin-top:0px;
	padding:0;
	list-style-type:none;
	height:100px;
}
/* use the table to position the dropdown list */
#nav table {
	position:absolute;
	border-collapse:collapse;
	z-index:80;
	left:-1px;
	top:100px;
}

/**/
#submenu {
	width:80px;
	height:100px;
	margin:0px;
	padding:0px;
	margin-top:0px;
	background:transparent;
	background-image:none;
	z-index:1000;
}
#submenu a {
	float:left;
	width:80px;
	line-height:16px;
	height:auto;
	margin:0;
	padding:0;
	background-image:none;
	z-index:1000;
}
#submenu a:hover {
	background:#d5e78a;
	z-index:1000;
}
#submenu #sub_home {
	width:80px;
	height:100px;
	background-image:none;
	z-index:1000;
}
/**/
#nav #submenu {
	width:80px;
	height:200px;
	margin-left:0;
	padding:0;
	margin-top:0px;
	background:transparent;
	background-image:none;
	z-index:1000;
}
#nav #submenu ul {
	background:#ffffff;
}
#nav #submenu li {
	float:left;
	width:80px;
	line-height:16px;
	height:auto;
	margin:0;
	padding:0;
	text-align:left;
	background-image:none;
	z-index:1000;
	background:#ffffff;
}
#nav ul li ul#submenu a, #nav ul li ul#submenu a:visited {
	background:#ffffff;
	height:15px;
	font-size:10px;
	padding:0 0 10px 5px;
	width:75px;
	color:#696969;
}
#nav ul li ul#submenu a:hover {
	color:#1e4c0d;
}

/* make the sub level visible on hover list or link */
#nav ul li:hover ul,
#nav ul a:hover ul{
visibility:visible;
z-index:1000;
	background-image:none;
}

#nav ul li ul,
#nav ul li ul{
visibility:hidden;
}
.toph1 {
	margin-left: -65px;
	margin-bottom: -45px;
}
#header {
	float:right;
	text-align:right;
	height:300px;
	width:100%;
	z-index:0;
	background:transparent;

}
#contact {
	float:right;
	width:80px;
	height:100px;
}
#contact a, #contact a:visited {
	float:right;
	width:80px;
	height:100px;
	background:url(../images/contact1.jpg) top left no-repeat;
}
#contact a:hover {
	background:url(../images/contact2.jpg) top left no-repeat;
}
#gallery {
	float:right;
	width:80px;
	height:100px;
}
#gallery a, #gallery a:visited {
	float:right;
	width:80px;
	height:100px;
	background:url(../images/gallery1.jpg) top left no-repeat;
}
#gallery a:hover {
	background:url(../images/gallery2.jpg) top left no-repeat;
}
#special {
	float:right;
	width:80px;
	height:100px;
}
#special a, #special a:visited {
	float:right;
	width:80px;
	height:100px;
	background:url(../images/special1.jpg) top left no-repeat;
}
#special a:hover {
	background:url(../images/special2.jpg) top left no-repeat;
}
#menu {
	float:right;
	width:80px;
	height:100px;
}
#menu a, #menu a:visited {
	float:right;
	width:80px;
	height:100px;
	background:url(../images/menu1.jpg) top left no-repeat;
}
#menu a:hover {
	background:url(../images/menu2.jpg) top left no-repeat;
}
#wine {
	float:right;
	width:80px;
	height:100px;
}
#wine a, #wine a:visited {
	float:right;
	width:80px;
	height:100px;
	background:url(../images/wine1.jpg) top left no-repeat;
}
#wine a:hover {
	background:url(../images/wine2.jpg) top left no-repeat;
}
#cocktails {
	float:right;
	width:80px;
	height:100px;
}
#cocktails a, #cocktails a:visited {
	float:right;
	width:80px;
	height:100px;
	background:url(../images/cocktails1.jpg) top left no-repeat;
}
#cocktails a:hover {
	background:url(../images/cocktails2.jpg) top left no-repeat;
}
#reviews {
	float:right;
	width:80px;
	height:100px;
}
#reviews a, #reviews a:visited {
	float:right;
	width:80px;
	height:100px;
	background:url(../images/reviews1.jpg) top left no-repeat;
}
#reviews a:hover {
	background:url(../images/reviews2.jpg) top left no-repeat;
}
#home {
	float:right;
	width:80px;
	height:100px;
}
#home a, #home a:visited {
	float:right;
	width:80px;
	height:100px;
	background:url(../images/home1.jpg) top left no-repeat;
}
#home a:hover {
	background:url(../images/home2.jpg) top left no-repeat;
}
body.home #home a, body.home #home a:visited {
	float:right;
	width:80px;
	height:100px;
	background:url(../images/home2.jpg) top left no-repeat;
}
body.contact #contact a, body.contact #contact a:visited {
	float:right;
	width:80px;
	height:100px;
	background:url(../images/contact2.jpg) top left no-repeat;
}
body.gallery #gallery a, body.gallery #gallery a:visited {
	float:right;
	width:80px;
	height:100px;
	background:url(../images/gallery2.jpg) top left no-repeat;
}
body.special #special a, body.special #special a:visited {
	float:right;
	width:80px;
	height:100px;
	background:url(../images/special2.jpg) top left no-repeat;
}
body.menu #menu a, body.menu #menu a:visited {
	float:right;
	width:80px;
	height:100px;
	background:url(../images/menu2.jpg) top left no-repeat;
}
body.wine #wine a, body.wine #wine a:visited {
	float:right;
	width:80px;
	height:100px;
	background:url(../images/wine2.jpg) top left no-repeat;
}
body.cocktails #cocktails a, body.cocktails #cocktails a:visited {
	float:right;
	width:80px;
	height:100px;
	background:url(../images/cocktails2.jpg) top left no-repeat;
}
body.reviews #reviews a, body.reviews #reviews a:visited {
	float:right;
	width:80px;
	height:100px;
	background:url(../images/reviews2.jpg) top left no-repeat;
}
#left {
	float:left;
	width: 260px;
	padding: 0;
	margin: 0px 0px 80px 0px;
	text-align: right;
}
#left .caps {
	text-transform:uppercase;
}
#right {
	float:right;
	width: 510px;
	padding: 0;
	margin: 0px 0px 80px 0px;
	text-align: left;
}

#bar {
	width: 510px;
	height: 10px;
	margin-bottom:20px;
}

#subnav {
}
#special_menu {
	float:right;
	width:200px;
	margin:0 0 10px 10px;
	border:solid 1px black;
}


/***------------------------------------
COPY
------------------------------------***/

p {
 font-family: georgia, serif;
 font-size: 16px;
 line-height: 24px;
 color: #333333; 

}

#left p {
 font-family: georgia, serif;
 font-size: 12px;
 line-height: 18px;
 color: #333333; 
 padding: 0px 0px 10px 0px;
}

strong {
 font-weight: normal;
 color: #c65b25;
}

#left strong {
 font-weight: normal;
 color: #c65b25;
}

/* page title */
h1 {
 font-family: georgia, serif;
 font-size: 36px;
 color: #ffffff; 
 text-align: left;
 padding: 0;
 margin: 40px 0px 20px 0px;
 font-weight: normal;
}

/* sub-title */
h2 {
 font-family: georgia, serif;
 font-size: 12px;
 line-height: 18px;
 color: #c65b25; 
 text-align: right;
 padding: 0;
 margin: 0;
 font-weight: normal;
}

/* body sub-title */
h3 {
 font-family: georgia, serif;
 font-size: 21px;
 line-height: 24px;
 color: #c65b25; 
 text-align: left;
 padding: 0;
 margin: 0px 0px 30px 0px;
 font-weight: normal;
}

/* menu description */
h4 {
 font-family: georgia, serif;
 font-size: 12px;
 line-height: 0px;
 color: #333333; 
 text-align: left;
 padding: 0;
 margin: 10px 0px 30px 0px;
 font-weight: normal;
}




/***------------------------------------
LINKS
------------------------------------***/

a {
 font-size: 12px;
 color: #6db33f;
 padding: 0;
 text-decoration: none;
}

a:link {
 font-size: 12px;
 color: #6db33f;
 padding: 0;
 text-decoration: none;
}

a:visited {
 font-size: 12px;
 color: #6db33f;
 padding: 0;
 text-decoration: none;
}

a:hover {
 font-size: 12px;
 color: #c65b25;
 padding: 0;
 text-decoration: none;
}

#left a {
 font-size: 12px;
 color: #ffffff;
 padding: 0;
 text-decoration: none;
}

#left a:link {
 font-size: 12px;
 color: #ffffff;
 padding: 0;
 text-decoration: none;
}

#left a:visited {
 font-size: 12px;
 color: #ffffff;
 padding: 0;
 text-decoration: none;
}

#left a:hover {
 font-size: 12px;
 color: #c65b25;
 padding: 0;
 text-decoration: none;
}

#right a {
 font-size: 12px;
 color: #ffffff;
 padding: 0;
 text-decoration: none;
}

#right a:link {
 font-size: 12px;
 color: #ffffff;
 padding: 0;
 text-decoration: none;
}

#right a:visited {
 font-size: 12px;
 color: #ffffff;
 padding: 0;
 text-decoration: none;
}

#right a:hover {
 font-size: 12px;
 color: #c65b25;
 padding: 0;
 text-decoration: none;
}
#subnav a {
 font-size: 16px;
 color: #ffffff;
 padding: 0;
 line-height: 20px;
 text-decoration: none;
}

#subnav a:link {
 font-size: 16px;
 color: #ffffff;
 padding: 0;
 line-height: 20px;
 text-decoration: none;
}

#subnav a:visited {
 font-size: 16px;
 color: #ffffff;
 padding: 0;
 line-height: 20px;
 text-decoration: none;
}

#subnav a:hover {
 font-size: 16px;
 color: #c65b25;
 padding: 0;
 line-height: 20px;
 text-decoration: none;
}
#logo {
	float:left;
	width:310px;
	height:300px;
	z-index:0;
	background:url(../images/arriva.jpg) top left no-repeat;
}

/*------PRELOAD-----*/
#preload {
	display:none;
}
#left .setmenu {
	text-align:left;
	min-height:300px;
}
#left .setmenu p {
	margin:0;
	padding:0;
}
#left .setmenu ul {
	padding:0;
	margin:0;
}
#left .setmenu li {
	margin:0 0 0 20px;
	padding:0;
}