@import"reset.css";
@import"grid.css";
@import"menu-style.css";
/* Global properties ======================================================== */
html {width:100%;}

body { 	 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#674434;
	min-width:960px;
	background:#faf9f9;
}
	body#page1 {min-width:1190px;}
	body#page5 {min-width:1190px;}
	body#page6 {min-width:1190px;}
	body#more {min-width:1190px;}

.bg-1 {width:100%; padding:55px 0 45px; background:url(../images/bg1-tail.gif) 0 0 repeat-x #fff;position:relative;z-index:10}
.bg-2 {width:100%; padding:40px 0 36px; border-bottom:1px solid #dbd3d0; background:url(../images/bg2-tail.gif) 0 0 repeat-x #fdfdfd;}
	#page1 .bg-1 {padding:25px 0 42px;}
	#page6 .bg-1 {padding:55px 0 95px;}
	#page7 .bg-1 {padding:55px 0 80px;}
.main {
	width:960px; 	
	padding:0;
	margin:0 auto;
	font-size:0.75em;
	line-height:1.5em;
	position:relative;
}

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

.col-1, .col-2 {float:left;}

.wrapper {width:100%; overflow:hidden;}
.wrapper .sl {
	width:150px;
	float: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

.wrapper .news {
	padding-right: 20px;
}

.wrapper .news h5 {
	padding-top: 20px;
	padding-bottom: 10px;
}

.wrapper .verdi_menu {
	padding-right: 10%;
	padding-left: 10%;
	text-align:center;
}

.wrapper .verdi_menu h4 {margin-top:40px; font-size:1.75em;}
.wrapper .verdi_menu h4 span {font-size:0.6em;color:#674434;}
.wrapper .verdi_menu h5 {font-size:1.25em;}
.wrapper .verdi_menu .one {margin-bottom: 18px;}
.wrapper .verdi_menu .last-item {margin-bottom:10px;}

.extra-wrap {overflow:hidden;}
 
p {margin-bottom:18px; font-size:1.13em;}
.p1 {margin-bottom:8px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:50px;}
.p6 {margin-bottom:60px;}
.p7 {margin-bottom:87px;}

.reg {text-transform:uppercase;}

.fleft {float:left;}
.fright {float:right;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}

.title {margin-bottom:18px;}

.it {font-style:italic;}

.letter {letter-spacing:-1px;}

.color-1 {color:#fff;}
.color-2 {color:#000;}
.color-3 {color:#666;}

.frame {border:1px solid #e2e2e2; background:#f0eeec; padding:8px;}
.frame1 {border:1px solid #e2e2e2; background:#f0eeec; padding:16px;}

/*********************************boxes**********************************/
.margin-bot {margin-bottom:35px;}

.spacing {margin-right:35px;}

.indent {padding:0 24px;}
.indent2 {padding-left:50px;}
.indent-bot {margin-bottom:20px;}
.indent-bot2 {margin-bottom:22px;}
.indent-bot3 {margin-bottom:45px;}

.img-indent-bot {margin-bottom:25px;}
.img-indent {float:left; margin:0 20px 0px 0;}	
.img-indent2 {float:left; margin:0 13px 0px 0;}	
.img-indent-r {float:right; margin:0 0px 0px 25px;}	

.prev-indent-bot {margin-bottom:10px;}	

.buttons a:hover {cursor:pointer;}

.menu li a,
.list-1 li a,
.list-2 li a,
.link, .link-1, .link-2, .link-4,
.button a, .button-2,
.logo {text-decoration:none;}	

/*********************************header*************************************/
header {
	width:100%;
	position:relative; 
	z-index:2;
	background:url(../images/header-bg.jpg) center 0 no-repeat;
}
.row-1 {width:100%; min-height:111px;}
.row-2 {width:100%; min-height:65px; position:relative; z-index:2;}
.row-3 {width:100%; position:relative; z-index:1;}

header h1 {
	padding:24px 0 0 0; 
	position:relative;
	float:left;
}
header h1 a,header h1 span{font-family:Arial, Helvetica, sans-serif !important}


.logo {font-family:Arial, Helvetica, sans-serif !important;
	display:block; 
	width:135px;
	height:47px;
	text-indent:-5000px;
	background:url(../images/verdi_hall_logo.png) 0 0 no-repeat;
}
.slog {font-family:Arial, Helvetica, sans-serif !important;
	display:block;
	font-size:10px;
	line-height:20px;
	color:#bd987f;
	text-transform:uppercase;
}

.list-menu {
	float:right;
	padding:66px 0 0 0;
}
	.list-menu li {
		float:left;
		line-height:26px;
		padding-left:15px;
	}
		.list-menu li a {
			color:#bd987f;
			text-decoration:none;font-size:12px
		}
		.list-menu li a:hover {color:#fcfbfb;}


.roundabout-holder { 
	padding: 0;
	list-style: none;
	height:366px;
	width:100%;
	margin:30px auto 0;
}
.roundabout-moveable-item {
	width:390px;
	height:366px;
	cursor: pointer;
	text-align:center;
	position:relative;
	z-index:1;
}
.roundabout-moveable-item img {width:100%; position:relative; z-index:1;}
.roundabout-moveable-item .indent {padding:0 22px;}
.roundabout-moveable-item strong {
	display:block;
	font-size:16px;
	line-height:60px;
	font-weight:normal;
	text-transform:uppercase;
	padding-left:20px;
	text-align:left;
	position:absolute;
	z-index:2;
	left:23px;
	bottom:22px;right:23px;	
	background:url(../images/pic-1.png) 0 0 repeat;
}
.roundabout-in-focus { cursor: auto;}
.roundabout .pagination { 
	text-align:center; 
	position:relative; 
	z-index:410; 
	padding-top:15px;
}
.roundabout .pagination a {
	display:inline-block; 
	background:url(../images/rabout-pagination.png) left top no-repeat; 
	height:10px; 
	width:10px; 
	position:relative; 
}
.roundabout .pagination a:hover, .roundabout .pagination a.current {background-position:left bottom;}

.shadow {
	height:45px;
	width:100%;
	margin:0 auto;
	background:url(../images/rabout-shadow.png) 0 0 no-repeat; 
	position:absolute;
	bottom:-33px;
	left:0;
}

/*********************************content*************************************/
#content {
	width:100%; 
	padding:0;
	position:relative;
	z-index:1;
}

.spacer-1 {
	width:100%; 
	background:url(../images/pic-1.gif) 217px 0 repeat-y;
}

h1,h2,h3,h4,h,h6{line-height:1.2em;font-weight:normal; margin-bottom:16px}

h1{font-size:32px;}
h2{font-size:30px}

h3 {
	font-size:27px; 
	line-height:1.22em; 
	margin:0 0 20px 0; 
	color:#803905;
	text-align:center;
	font-weight:normal;
}
	#page6 h3, #page7 h3 {text-align:left;}
h4 {
	font-size:15px; 
	line-height:1.2em; 
	margin:0 0 13px 0; 
	color:#61554a;
	text-transform:uppercase;
}
h5{font-size:13px}
h6{font-size:12px}

.border-bot {
	width:100%; 
	padding-bottom:20px; 
	background:url(../images/pic-2.gif) 0 bottom repeat-x;
}
.border-bot2 {
	width:100%; 
	padding-bottom:18px; 
	background:url(../images/pic-3.gif) 0 bottom repeat-x;
}
.border-bot3 {
	width:100%; 
	padding-bottom:35px; 
	background:url(../images/pic-2.gif) 0 bottom repeat-x;
}
	#page4 .border-bot3 {padding-bottom:25px;}

.box {
	padding:9px;
	margin-top:2px;
	border:1px solid #fff;
	background:url(../images/box-tail.gif) 0 0 repeat;
  box-shadow: 0 0 12px #f6f6f6;
	-moz-box-shadow: 0 0 12px #f6f6f6;
	-webkit-box-shadow: 0 0 12px #f6f6f6;
}
	.box .content {
		text-align:center;
		line-height:16px;
		width:100%;
		padding:25px 0 30px;
		background:url(../images/box-bg.jpg) 0 0 no-repeat;
	}
	
.box-2 {
	padding:10px 8px;
	text-align:center;
	border:1px solid #e5e5e5;
	background:#f0eeec;
}

.box-3 {
	padding:10px 8px;
	text-align:center;
	border:1px solid #e5e5e5;
	background:#f0eeec;
	margin-bottom:20px;
}
	
.quote {padding:14px 0 0 0; background:url(../images/quote.png) 0 0 no-repeat;}

.banner-1 {
	padding:145px 22px 39px 0;
	margin-bottom:5px;
	text-align:right;
	background:url(../images/banner1-bg.jpg) 0 0 no-repeat;
}
	#page5 .banner-1 {margin-bottom:10px; background-image:url(../images/banner3-bg.jpg);}
.banner-2 {
	display:block;
	width:310px;
	height:129px;
	background:url(../images/banner2-bg.jpg) 0 0 no-repeat;
}

.button {
	display:inline-block; 
	padding-left:14px;
	background:url(../images/button-marker.gif) 0 12px no-repeat;
	cursor:default;
}
	.button strong {
		display:inline-block; 
		padding-right:14px;
		background:url(../images/button-marker.gif) right 12px no-repeat;
		cursor:default;
	}
		.button strong a {
			display:inline-block;
			padding:0 11px;
			font-size:14px;
			line-height:30px;
			color:#fff;
			border:1px solid #513f39;
			background:url(../images/button-a-tail.gif) 0 0 repeat-x #3f210c;
			cursor:pointer;
			font-weight:bold;
		}
		.button strong a:hover {
			color:#513f39;
			border:1px solid #e2e2e2;
			background:#f0eeec;
		}
.button-2 {
	display:inline-block;
	padding:0 11px;
	font-size:14px;
	line-height:30px;
	color:#fff;
	border:1px solid #513f39;
	background:url(../images/button2-tail.gif) 0 0 repeat-x #3e200c;
	cursor:pointer;
	font-weight:bold;
	cursor:pointer;
}
.button-2:hover {
	color:#513f39;
	border:1px solid #e2e2e2;
	background:#f0eeec;
}
	#page5 .button-2 {color:#513f39; border:1px solid #e2e2e2; background:#f0eeec;}
	#page5 .button-2:hover {color:#fff; border:1px solid #513f39; background:#3e200c;}

.list-1 li {
	line-height:22px;
	font-size:1.15em; 
	padding-left:20px; 
	background:url(../images/marker.gif) 0 5px no-repeat;
}
	.list-1 li a {display:inline-block;}
		.list-1 li a:hover {color:#aa9e98;}

.list-2 li {
	line-height:31px; 
	background:url(../images/pic-3.gif) 0 bottom repeat-x;
}
	.list-2 li a {color:#aa9e98;font-size:12px}
	.list-2 li a:hover {color:#674434;}
	.list-2 .last-item {background:none; margin-bottom:10px}
	#page3 .list-2 li a {color:#674434;}
	#page3 .list-2 li a:hover {color:#aa9e98;}

.list-3 li {
	line-height:22px; 
	padding-left:20px; 
	background:url(../images/marker.gif) 0 5px no-repeat;
}
	.list-3 .last-item {margin-bottom:20px}

.dish-list li {float:left; padding-bottom:20px;}
.dish-list li.last {padding:0;}

.price-list li {
	width: 100%;
	overflow: hidden; 
	vertical-align: top;
	color: #674434;
	line-height:22px;
}
	.price-list li strong {
		background: url(../images/pic-4.gif) repeat-x 0% 13px;
		display: block; 
		overflow: hidden;
	}
	.price-list li span {
		float: right;
		color: #674434;
	}
	.price-list li a {	
		float: left;
		text-decoration: none;
		color: #674434;
		display:inline-block;
		padding-left:20px; 
		background:url(../images/marker.gif) 0 5px no-repeat;
	}
		.price-list li a:hover {
			color:#aa9e98;
		}

.list-services {float:right;}
	.list-services li {	float:left; margin:0 0 0 20px;	position:relative;width:53px;height:53px;}
	.list-services li.first {margin:0;}
		.list-services li .active{opacity:0;position:absolute;top:0;left:0;-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;}
.list-services li a:hover .active{opacity:100}


.link:hover {text-decoration:underline;} 

.link-1 {color:#aa9e98;font-size:12px}
.link-1:hover {text-decoration:underline;} 

.link-2:hover {color:#aa9e98;text-decoration:none} 

.link-3 {
	display:inline-block;
	padding-left:20px;
	background:url(../images/marker-2.gif) 0 4px no-repeat;text-decoration:underline;
}
.link-3:hover {text-decoration:none;} 

.link-4 {font-weight:bold;}
.link-4:hover {text-decoration:underline;}

.link-5 {
	font-size:16px;
	display:inline-block;
	padding-left:20px;
	background:url(../images/marker-2.gif) 0 4px no-repeat;text-decoration:underline;
}
.link-5:hover {text-decoration:none;}

.link-6 {text-decoration:underline;}
.link-6:hover {text-decoration:none;}

.text-1 {
	display:block;
	font-size:32px;
	line-height:1.218em;
	color:#bc9a80;
	font-weight:normal;
	letter-spacing:-4px;
} 
.text-2 {
	display:block;
	font-size:26px;
	line-height:1.23em;
	color:#665c53;
	font-weight:normal;
	margin-bottom:3px;
}
	#page5 .text-2 {color:#513f39; letter-spacing:-1px; margin-bottom:15px;}

.tdate {display:block; font-weight:bold;}

 dl.address span {float:left; width:83px;}

#apDiv1 {
	position:absolute;
	width:60px;
	height:25px;
	z-index:3;
}

/*** social links ***/
.s1 { float: left; width: 60px; margin-top: 12px;}
.s2 { float: left; width: 60px; margin-left: 12px;}
.s3 { float: left; width: 60px; margin-left: 12px;}


/****** Tabs ******/
#tabs {position:relative; min-height:185px;overflow:hidden;}
.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	width: 100%;
	
}
.tabs li {
	float: left;
	margin: 0 4px 9px 0;
	padding: 0;
	position: relative;
}
.tabs li a {
	text-decoration: none;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	font-weight:bold;
	overflow: hidden;
	color: #513f39;
	display: block;
	padding: 0 13px;
	outline: none;
	border:1px solid #e2e2e2;
	background: #f0eeec;}


.tabs li a:hover, .tabs li a.current {color:#fff !important; background: #50270a;}

.tabs li a.current{cursor:default}

.tab_container {position:absolute; top:90px; left:0;}

.form-news {
	padding:25px 0 30px 21px;
	border:1px solid #e3dbd5;
	background:url(../images/form-news-tail.gif) 0 0 repeat-x #e3dbd5;
}
#form-news label {overflow:hidden;}
#form-news input {
	width:206px;
	padding:6px 10px 7px;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.25em;
	color:#674434;
	border-top:2px solid #cdcbc9;
	border-left:2px solid #cdcbc9;
	border-bottom:1px solid #e2e2e2;
	border-right:1px solid #e2e2e2;
	background:url(../images/input.gif) 0 0 repeat-x #fff;
	float:left;
}
#form-news .send {
	display:block;
	width:39px;
	height:30px;
	text-indent:-5000px;
	background:url(../images/part-search-btn.gif) 0 0 no-repeat;
	overflow:hidden;
}

#form-news .send:hover{background-position: 0 bottom}


/* Contact form */



#contact-form {
	position:relative;
	vertical-align:top;
	width:100%;
	z-index:1;height:452px;margin-bottom:10px
	}
	#contact-form fieldset {
		border:none;
		padding:0;
		}
		#contact-form .field {
			overflow:hidden;
			padding:0 0 9px 0;
			}
			
			#contact-form input {
				width:401px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				line-height:1.25em;
				padding:10px 10px 11px; 
				margin:0;
				background:url(../images/input-tail.gif) 0 0 repeat-x #f0eeec;
				border-top:1px solid #e2e2e2;
				border-bottom:1px solid #e2e2e2;
				border-left:5px solid #f0eeec;
				border-right:5px solid #f0eeec;
				color:#674434;outline:none;box-shadow:none
			}
			#contact-form label span{display:none}
			
		#contact-form .area .error { float:none;display:none}
			#contact-form textarea {
				width:602px;
				height:202px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				line-height:1.25em;
				padding:10px; 
				margin:0;
				background:url(../images/area-tail.gif) 0 0 repeat-x #f0eeec;
				border-top:1px solid #e2e2e2;
				border-bottom:1px solid #e2e2e2;
				border-left:5px solid #f0eeec;
				border-right:5px solid #f0eeec;
				color:#674434;
				overflow:auto;resize:none;
				outline:none;
				box-shadow:none
			}
				#contact-form a {
					cursor:pointer;
					}
				#contact-form .alignright {
					padding-top:12px;
					}
					#contact-form small {
						color:red;
						font-weight:bold;
						padding:0 0 0 5px;
						}
						
						
					#contact-form .success {
	display:none;
	font-size:13px;
	line-height:18px;
	padding:0;
	top:-17px;
	left:1px;
	position:absolute;
	color:#562600;
	background:none !important;
	background-image:none !important;
	border:none;
	box-shadow:none;
	-pie-background: none;
}	
						
						
						
						
					
			#contact-form label {
				padding:0;
				display:inline-block;
				color:#F00;margin-bottom:9px;position:relative
				}
		
				
				
#contact-form  .empty, #contact-form  .error {
	color:#f00;
	font-size:11px;
	line-height:14px;
	position:absolute;
	top:2px;
	right:-202px;
	width:200px;display:none
	
	
	
	
}
#contact-form  label.message .empty, #contact-form  label.message .error {
	position:relative;
	width:100%;
	left:0px;
	top:0px;
	text-align:left;
}
				
				
				
				
		.buttons-wrapper {background:url(../images/pic-2.gif) 0 0 repeat-x;position:absolute;left:0;bottom:0;padding:28px 0 0 0;display:block;width:100%}
		.buttons-wrapper .button {margin-right:27px;}
		.buttons-wrapper a {padding:0 20px !important;}
		

/* Request form */


#request-form {
	position:relative;
	vertical-align:top;
	width:100%;
	z-index:1;height:452px;margin-bottom:10px
	}
	#request-form fieldset {
		border:none;
		padding:0;
		}
		#request-form .field {
			overflow:hidden;
			padding:0 0 9px 0;
			}
			
			#request-form input {
				width:401px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				line-height:1.25em;
				padding:10px 10px 11px; 
				margin:0;
				background:url(../images/input-tail.gif) 0 0 repeat-x #f0eeec;
				border-top:1px solid #e2e2e2;
				border-bottom:1px solid #e2e2e2;
				border-left:5px solid #f0eeec;
				border-right:5px solid #f0eeec;
				color:#674434;outline:none;box-shadow:none
			}
			#request-form label span{display:none}
			
		#request-form .area .error { float:none;display:none}
			#request-form textarea {
				width:602px;
				height:107px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				line-height:1.25em;
				padding:10px; 
				margin:0;
				background:url(../images/area-tail_r.gif) 0 0 repeat-x #f0eeec;
				border-top:1px solid #e2e2e2;
				border-bottom:1px solid #e2e2e2;
				border-left:5px solid #f0eeec;
				border-right:5px solid #f0eeec;
				color:#674434;
				overflow:auto;resize:none;
				outline:none;
				box-shadow:none
			}
				#request-form a {
					cursor:pointer;
					}
				#request-form .alignright {
					padding-top:12px;
					}
					#request-form small {
						color:red;
						font-weight:bold;
						padding:0 0 0 5px;
						}
						
						
					#request-form .success {
	display:none;
	font-size:13px;
	line-height:18px;
	padding:0;
	top:-17px;
	left:1px;
	position:absolute;
	color:#562600;
	background:none !important;
	background-image:none !important;
	border:none;
	box-shadow:none;
	-pie-background: none;
}	
						
						
						
						
					
			#request-form label {
				padding:0;
				display:inline-block;
				color:#F00;margin-bottom:9px;position:relative
				}
		
				
				
#request-form  .empty, #contact-form  .error {
	color:#f00;
	font-size:11px;
	line-height:14px;
	position:absolute;
	top:2px;
	right:-202px;
	width:200px;display:none
	
	
	
	
}
#request-form  label.message .empty, #request-form  label.message .error {
	position:relative;
	width:100%;
	left:0px;
	top:0px;
	text-align:left;
}
				
				
				
				
		.buttons-wrapper {background:url(../images/pic-2.gif) 0 0 repeat-x;position:absolute;left:0;bottom:0;padding:28px 0 0 0;display:block;width:100%}
		.buttons-wrapper .button {margin-right:27px;}
		.buttons-wrapper a {padding:0 20px !important;}
		
		
/****************************footer************************/
footer {
	width:100%; 
	padding:27px 0 30px;
	color:#aa9e98;
}


/***** Easy Tooltip *****/
#easyTooltip {
	display:block;
	text-align:center;
	background:url(../images/price-bg.png) 0 0 no-repeat;
	color:#fff;
	font-size:24px;
	line-height:54px;
	text-transform:none;
	position:relative;
	z-index:999;width:132px;
}