@import url("reset.css");
@import url("scroll.css");

/* =main
====================================================================== */

body {
  background: #000 url("i/background.png") repeat-x;
  color: #020101;
  font: normal 75% "Times New Roman", Georgia, Constantia, Gentium, "Bookman Old Style", "Bookman Antiqua", serif;
	text-align:center;
}

a {
  color: #750402;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #000;
  text-decoration: underline;
}

#wrapper {
  background: url("i/paper.jpg") no-repeat 50% 0;
  height: 713px;
}

#site {
  width: 909px;
  padding: 0 40px;
  margin: 0 auto;
  position: relative;
	text-align:left;
}

/* =scaffold
====================================================================== */

#content,
#content-columns,
#functions,
#content-title,
#content-links,
.gallery-navigation,
.gallery-matrix,
.gallery-pages {
}

#content::after,
#content-columns::after,
#content-primary-secondary::after,
#functions::after,
#content-title::after,
#content-links::after,
.gallery-navigation::after,
.gallery-matrix::after,
.gallery-pages::after {
  content: "";
  display: ;
  height: 0;
  overflow: hidden;
  clear: both;
}

#content-primary,
#content-secondary,
#content-tertiary,
#content-primary-secondary,
.primary,
.secondary {
  float: left;
}

#content.content-ad #content-primary {
  width: 566px;
  margin-right: 3px;
  background: url("i/content-border.png") repeat-x 0 100%;
  height: 462px;
  padding-bottom: 8px;
	position:relative;
}

#content.content-ad #content-secondary {
  width: 340px;
}

#content.content-gallery .primary {
  width: 424px;
}

#content.content-contact #content-primary {
  width: 504px;
  margin-right: 15px;
}

#content.content-contact #content-secondary {
  width: 390px;
}

#content.content-copy .primary,
#content.content-copy .secondary,
#content.content-copy #content-tertiary {
  width: 293px;
}

#content.content-copy .primary,
#content.content-copy .secondary {
  margin-top: 15px;
  margin-right: 15px;
}

#content-primary-secondary {
  height: 450px;
  width: 616px;
  overflow: hidden;
  position: relative;
}

#content-primary-secondary-wrapper {
  width: 1232px;
  height: 450px;
  position: relative;
}

#content-primary-secondary .area {
  float: left;
}

#content-tertiary {
  position: absolute;
  left: 656px;
  top: 191px;
}

/* =title
====================================================================== */

#giallo-rossa {
  position: absolute;
  left: 40px;
  top: 75px;
}

#giallo-rossa a {
  display: block;
  outline: none;
}

#giallo-rossa,
#giallo-rossa a {
  width: 106px;
  height: 112px;
  text-indent: -1000em;
}

/* =image-replacement
====================================================================== */

#navigation a,
#nav-tertiary a,
#week dt,
#categories a,
#wines a,
#functions a,
#footer a,
#content-title a,
#content-title h1 span,
#content-title h2 span,
#content-links a,
#content-navigation a,
.gallery-steps a {
  display: block;
  text-indent: -1000em;
  background-repeat: no-repeat;
  outline: none;
}

#nav-tertiary { position:absolute; top:0; left:0; }

/* =navigation
====================================================================== */

#navigation {
  position: absolute;
  top: 81px;
  left: 152px;
}

#nav-primary,
#navigation a {
  background-image: url("i/sprites-nav-cs.png");
}

html.en #nav-primary,
html.en #navigation a {
  background-image: url("i/sprites-nav-en.png");
}

#navigation li {
  float: left;
}

#nav-restaurant a,
#nav-take-away a,
#darky a {
  position: absolute;
  top: 0;
  background-repeat: no-repeat;
  z-index: 10;
}

#nav-restaurant a {
  left: 225px;
  width: 152px;
  height: 93px;
  background-image: url("i/flyover-restaurant.png");
}

#nav-restaurant a:hover,
#nav-restaurant a:focus {
  background-position: 0 -93px;
}

#nav-take-away a {
  left: 205px;
  width: 115px;
  height: 104px;
  background-image: url("i/flyover-takeaway.png");
}

#nav-take-away a:hover,
#nav-take-away a:focus {
  background-position: 0 -104px;
}

#nav-sitemap a {
  position: absolute;
  left: 45px;
  top: 34px;
  background: url("i/sitemap.png") no-repeat;
  width: 80px;
  height: 15px;
}

#darky a {
  left: 430px;
  width: 70px;
  height: 67px;
  background-image: url("i/darky.png");
  top:13px;
  background-position: 0 -66px;
}

#darky a:hover,
#darky a:focus {
  background-position: 0 0;
}

/* =nav-primary
====================================================================== */

#nav-primary {
  position: absolute;
  left: 0;
  top: 63px;
  width: 797px;
  height: 42px;
  background-repeat: no-repeat;
  z-index: 10;
}

#nav-primary a {
  height: 37px;
}

#nav-receipts a { background-position:      0 -166px; width: 122px; }
#nav-history a  { background-position: -609px -166px; width: 123px; }
#nav-wines a 		{ background-position: -122px -166px; width: 123px; }
#nav-you a 			{ background-position: -245px -166px; width: 108px; }
#nav-gallery a 	{ background-position: -353px -166px; width: 111px; }
#nav-catering a { background-position: -464px -166px; width: 91px; }
#nav-links a 		{ background-position: -555px -166px; width: 54px; }

#nav-receipts a:hover, #nav-receipts a:focus 	{ background-position:      0 -203px; }
#nav-history a:hover, #nav-history a:focus    { background-position: -609px -203px; }
#nav-wines a:hover, #nav-wines a:focus 				{ background-position: -122px -203px; }
#nav-you a:hover, #nav-you a:focus 						{ background-position: -245px -203px; }
#nav-gallery a:hover, #nav-gallery a:focus 		{ background-position: -353px -203px; }
#nav-catering a:hover, #nav-catering a:focus 	{ background-position: -464px -203px; }
#nav-links a:hover, #nav-links a:focus 				{ background-position: -555px -203px; }

/* =nav-secondary 
====================================================================== */

#nav-secondary {
  position: absolute;
  left: 0;
  top: 0;
  width: 797px;
  height: 104px;
  z-index: 5;
}

#nav-secondary li {
  margin-left: 4px;
}

#nav-secondary li a {
  height: 63px;
  background-color: #000;
}

#nav-menu a          { background-position: -602px -40px; width: 108px; }
#nav-menu-with-you a { background-position:      0 -40px; width: 108px; }
#nav-wines-list a    { background-position: -710px -40px; width: 210px; }
#nav-delivery a      { background-position: -108px -40px; width: 210px; }
#nav-contact a 	     { background-position: -318px -40px; width: 161px; }
#nav-about a 		     { background-position: -479px -40px; width: 118px; }

#nav-menu a:hover, #nav-menu a:focus                   { background-position: -602px -103px; }
#nav-menu-with-you a:hover, #nav-menu-with-you a:focus { background-position:      0 -103px; }
#nav-wines-list a:hover, #nav-wines-list a:focus       { background-position: -710px -103px; }
#nav-delivery a:hover, #nav-delivery a:focus 	         { background-position: -108px -103px; }
#nav-contact a:hover, #nav-contact a:focus 		         { background-position: -318px -103px; }
#nav-about a:hover, #nav-about a:focus 				         { background-position: -479px -103px; }

#nav-secondary #nav-menu,
#nav-secondary #nav-menu-with-you { 
  margin-left: 0; 
}

#nav-secondary #nav-sky a,
#nav-secondary #nav-live-tv a { 
  background-image: url("i/sprites-nav-asroma.png");
}

#nav-secondary #nav-sky a {
  width: 99px;
}

#nav-secondary #nav-sky a:hover,
#nav-secondary #nav-sky a:focus {
  background-position: 0 -63px;
}

#nav-secondary #nav-live-tv a {
  width: 81px;
  background-position: -103px 0;
}

#nav-secondary #nav-live-tv a:hover,
#nav-secondary #nav-live-tv a:focus {
  background-position: -103px -63px;
}


/* =content
====================================================================== */

#content {
  padding-top: 191px;
  height: 522px;
}

/* =content-copy
====================================================================== */

#content.content-copy {
  font-family: Arial, "Helvetica Neue", Tahoma, Verdana, Geneva, sans-serif;
}

#content.content-copy h1,
#content.content-copy h2 {
  font-size: 2.333em; /* 12px → 28px */
  background-color: #000;
  color: #debeb0;
  padding: 10px;
}

#content.content-copy h1,
#content.content-copy h2,
#content.content-copy p {
  margin-bottom: 10px;
}

/* =content-title
====================================================================== */

#content-title {
  height: 49px;
  background: url("i/heading.png") no-repeat;
}

#content-title h1,
#content-title h2 {
  float: left;
  margin: 3px 0 0 10px;
  color: #d0ab99;
  font-size: 2.25em; /* 12px → 27px */
  font-weight: normal;
  line-height: 43px;
}

#content-title a {
  float: right;
}

#content-title h1 span,
#content-title h2 span,
#content-title a {
  background-image: url("i/sprites-menu-cs.png");
}

#content-title h1 span,
#content-title h2 span {
  background-position: 0 0;
  height: 31px;
  width: 109px;
  float: left;
  margin-right: 10px;
}

#content-title a {
  background-position: 0 -32px;
  width: 207px;
  height: 38px;
  margin-top: 4px;
}

#content-title a:hover,
#content-title a:focus {
  background-position: 0 -70px;
}

body.delivery #content-title h1,
body.delivery #content-title h2 {
  font: normal 23px/41px Impact, Arial, "Helvetica Neue", Tahoma, Verdana, Geneva, sans-serif;
  margin-top: 0;
  color: #fe5000;
  text-transform: uppercase;
}

body.delivery #content-title a {
  width: 57px;
  height: 25px;
  margin: 9px 5px 0;
  background-image: url("i/sprite-arrow.png");
  background-position: 0 0;
}

body.delivery #content-title a:hover,
body.delivery #content-title a:focus {
  background-position: 0 -25px;
}

#content-title a.normal {
  display: inline !important;
  text-indent: 0 !important;
  float: none !important;
  width: auto !important;
  height: auto !important;
  background: none !important;
  margin: 0 !important;
  color: #fe5000 !important;
}

/* =contact
====================================================================== */

.pane {
  margin-top: 15px;
  border: 15px solid #000;
  font: normal 1em Arial, "Helvetica Neue", Tahoma, Verdana, Geneva, sans-serif;
}

.pane address span {
  display: block;
}

.pane h1,
.pane h2 {
  font-size: 1.917em; /* 12px → 23px */
  font-weight: normal;
  margin-bottom: 6px;
}

.pane h1.spaced,
.pane h2.spaced {
  margin-top: 70px;
}

.pane fieldset h2 {
  background: #000 url("i/contact.png") no-repeat 25px 0;
  text-indent: -1000em;
  height: 39px;
  margin-bottom: 17px;
}

.pane fieldset div {
  padding-left: 25px;
  margin-bottom: 10px;
}

.pane fieldset input.text {
  background-image: url("i/form-input.png");
  width: 226px;
  height: 16px;
}

.pane fieldset textarea {
  background-image: url("i/form-textarea.png");
  width: 297px;
  height: 129px;
}

.pane fieldset input.text,
.pane fieldset textarea {
  background-color: #fff;
  background-repeat: no-repeat;
  padding: 5px 4px;
  display: block;
  border: none;
}

.pane fieldset div.submit {
  text-align: center;
  height: 29px;
  overflow: hidden;
  margin-top: 14px;
}

.pane fieldset div.submit input {
  border: none;
  padding: 0;
  background: url("i/form-submit-cs.png") no-repeat 50% 50%;
  width: 77px;
  font-size: 1px;
  padding-top: 29px;
  height: 29px;
  cursor: pointer;
}

.pane fieldset div.submit input:active {
  margin-top: 1px;
}

html.en .pane fieldset div.submit input {
  background-image: url("i/form-submit-en.png");
}

.pane fieldset div.submit input::-moz-focus-inner {
  padding: 0;
  border: none;
}

#content.content-contact #content-primary .pane {
  padding: 15px;
}

/* =content-text
====================================================================== */

#content-text {
  font-size: 1.167em; /* 12px → 14px */
  margin-top: 30px;
}

#content-text h1 {
  font: normal 1.714em "Helvetica Neue", Arial, Tahoma, Verdana, Geneva, sans-serif; /* 14px → 24px */
}

#content-text p {
  margin-top: 5px;
}

/* =content-gallery
====================================================================== */

#content-gallery {
  margin-top: 30px;
}

#content-gallery li.first-child {
  margin-left: 0;
}

#content-gallery .secondary {
  width: 485px;
}

.gallery-thumbs {
  overflow: hidden;
  height: 243px;
  width: 424px;
  position: relative;
}

.gallery-thumbs-wrapper {
  position: relative;
  width: 1272px; /* 3 galleries × 424px */
  height: 243px;
}

.gallery-matrix {
  background: #000 url("i/gallery-corners.png") no-repeat;
  width: 424px;
  float: left;
}

.gallery-matrix li {
  float: left;
  padding: 4px;
}

.gallery-matrix a {
  display: block;
}

.gallery-pages {
  float: left;
}

.gallery-pages li {
  float: left;
  margin-left: 5px;
}

.gallery-pages a {
  display: block;
  background-color: #000;
  color: #fff;
  text-transform: lowercase;
  width: 110px;
  text-align: center;
  text-decoration: none;
  /*  padding:  4px 0;*/
  height: 22px;
  font: normal 1em "Helvetica Neue", Arial, Tahoma, Verdana, Geneva, sans-serif;
}

.gallery-pages2 {
  float: left;
}

.gallery-pages2 li {
  float: left;
  margin-left: 5px;
}

.gallery-pages2 a {
  display: block;
  background-color: #000;
  color: #fff;
  text-transform: lowercase;
  width: 110px;
  text-align: center;
  text-decoration: none;
  /*  padding:  4px 0;*/
  height: 22px;
  font: normal 1em "Helvetica Neue", Arial, Tahoma, Verdana, Geneva, sans-serif;
}

.gallery-steps {
  float: right;
}

.gallery-steps li {
  float: left;
  margin-left: 5px;
}

.gallery-steps a {
  width: 18px;
  height: 22px;
  line-height: 22px;
  background-image: url("i/sprite-arrows.png");
}

.gallery-steps .prev a {
  background-position: 0 0;
}

.gallery-steps .next a {
  background-position: 0 -22px;
}

.gallery-target {
  float: left;
  padding: 22px 0 0 40px;
}

.gallery-options {
  float: right;
}

.gallery-options li {
  background: url("i/gallery-option.png") no-repeat 100% 50%;
  padding-right: 24px;
  font: normal 1.167em/1.714em Arial, "Helvetica Neue", Tahoma, Verdana, Geneva, sans-serif; /* 12px → 14px / 14px → 24px */
}

.gallery-options a {
  color: #000;
  text-decoration: none;
}

/* =content-columns
====================================================================== */

#content-columns {
  padding-top: 4px;
}

.js #content-columns.menu .jScrollPaneContainer, 
#content-columns.menu .primary {
  width: 453px;
  height: 405px;
  overflow: auto;
  float: right;
}

.js #content-primary.simple .jScrollPaneContainer, 
#content-primary.simple .scrollable {
  height: 370px;
}

.js #content-columns.menu .jScrollPaneContainer {
  position: relative;
  overflow: hidden;
}

#content-columns.menu .secondary {
  width: 103px;
  margin-right: 10px;
}

.scrollable h1,
.scrollable h2 {
  font-size: 1.4em; /* 12px → 14px */
  margin-bottom: 15px;
  color: #FE5000;
}

.scrollable dt {
  font-weight: bold;
  position: relative;
  padding-right: 5ex;
}

.scrollable dt em {
  font-style: italic;
  position: absolute;
  right: 0;
}

.scrollable dd {
  margin-bottom: 10px;
}

/* =content-navigation
====================================================================== */

#content-navigation {
  position: absolute;
  top: 642px;
  left: 609px;
}

#content-navigation li {
  float: left;
  margin-right: 10px;
}

#content-navigation a {
  background-image: url("i/scroll-arrows-horizontal.png");
  width: 13px;
  height: 14px;
}

#content-navigation li.previous a {
  background-position: 0 0;
}

#content-navigation li.previous a:hover,
#content-navigation li.previous a:focus {
  background-position: 0 -14px;
}

#content-navigation li.next a {
  background-position: -13px 0;
}

#content-navigation li.next a:hover,
#content-navigation li.next a:focus {
  background-position: -13px -14px;
}

/* =content-links
====================================================================== */

#content-links {
  background: url("i/content-links.png") no-repeat;
  margin-bottom: 2px;
	height:31px;
}

#content-links a {
  background-image: url("i/sprites-links-cs.png");
  height: 31px;
}

html.en #content-links a {
  background-image: url("i/sprites-links-en.png");
}

#link-email a {
  float: left;
  width: 167px;
  background-position: 0 -62px;
}

#link-signin a {
  float: right;
  width: 134px;
  background-position: 0 0;
}

#link-email a:hover,
#link-email a:focus {
  background-position: 0 -93px;
}

#link-signin a:hover,
#link-signin a:focus {
  background-position: 0 -31px;
}


/* =content-info
====================================================================== */

#content-info {
	clear:both;
}

#content-info span {
  display: block;
}

/* =week
====================================================================== */

#week {
  padding-top: 10px;
}

#week dt {
  width: 95px;
  height: 31px;
  float: left;
  background-image: url("i/sprites-week-cs.png");
}

html.en #week dt {
  background-image: url("i/sprites-week-en.png");
}

#week-monday { background-position: 0 0; }
#week-tuesday { background-position: 0 -106px; }
#week-wednesday { background-position: 0 -212px; }
#week-thursday { background-position: 0 -318px; }
#week-friday { background-position: 0 -424px; }

#week dd {
  margin-left: 95px;
  padding: 0 30px 5px 10px;
  font-size: 1.167em; /* 12px → 14px */
}

#week dd p {
  padding-top: 5px;
}

/* =categories
=wines
====================================================================== */

#wines {
  margin-bottom: 107px;
}

#categories li,
#wines li {
  margin-bottom: 2px;
}

#categories a,
#wines a {
  background-color: #190401;
  background-image: url("i/sprites-cat-cs.png");
  height: 50px;
}

#wines a {
  background-image: url("i/sprites-wines-cs.png");
}

html.en #categories a {
  background-image: url("i/sprites-cat-en.png");
}

html.en #wines a {
  background-image: url("i/sprites-wines-en.png");
}

#cat-starters a { background-position:      0 0; }
#cat-salads a 	{ background-position: -103px 0; }
#cat-pizza a 		{ background-position: -206px 0; }
#cat-pasta a 		{ background-position: -309px 0; }
#cat-ciabatta a { background-position: -412px 0; }
#cat-desserts a { background-position: -515px 0; }
#cat-drinks a 	{ background-position: -618px 0; }

#cat-starters a:hover, #cat-starters a:focus  { background-position:      0 -50px; }
#cat-salads a:hover, #cat-salads a:focus      { background-position: -103px -50px; }
#cat-pizza a:hover, #cat-pizza a:focus        { background-position: -206px -50px; }
#cat-pasta a:hover, #cat-pasta a:focus        { background-position: -309px -50px; }
#cat-ciabatta a:hover, #cat-ciabatta a:focus  { background-position: -412px -50px; }
#cat-desserts a:hover, #cat-desserts a:focus  { background-position: -515px -50px; }
#cat-drinks a:hover, #cat-drinks a:focus      { background-position: -618px -50px; }

#wine-white a     { background-position: 0      0; }
#wine-red a       { background-position: 0  -50px; }
#wine-dessert a   { background-position: 0 -100px; }
#wine-sparkling a { background-position: 0 -150px; }
#wine-champagne a { background-position: 0 -200px; }

#wine-white a:hover, #wine-white a:focus          { background-position: -103px      0; }
#wine-red a:hover, #wine-red a:focus              { background-position: -103px  -50px; }
#wine-dessert a:hover, #wine-dessert a:focus      { background-position: -103px -100px; }
#wine-sparkling a:hover, #wine-sparkling a:focus  { background-position: -103px -150px; }
#wine-champagne a:hover, #wine-champagne a:focus  { background-position: -103px -200px; }

/* =functions
====================================================================== */

#functions {
  position: absolute;
  bottom: 10px;
  left: 490px;
	height:40px;
	width:76px;
}

body.delivery #functions {
  left: 0;
}

#functions li {
  float: left;
}

#functions a {
  width: 38px;
  height: 40px;
  background-image: url("i/sprites-func-cs.png");
}

html.en #functions a {
  background-image: url("i/sprites-func-en.png");
}


#func-pdf a { background-position: 0 0; }
#func-print a { background-position: -38px 0; }
#func-pdf a:hover, #func-pdf a:focus { background-position: 0 -40px; }
#func-print a:hover, #func-print a:focus { background-position: -38px -40px; }

/* =footer
====================================================================== */

#footer {
  position: absolute;
  bottom: 3px;
}

#footer li {
  float: left;
  margin-left: 14px;
}

#footer a {
  height: 43px;
  background-image: url("i/sprites-foo-cs.png");
}

html.en #footer a {
  background-image: url("i/sprites-foo-en.png");
}

#foo-jobs a     { background-position:      0 0; width: 303px; }
#foo-courses a  { background-position: -303px 0; width: 215px; }
#foo-places a   { background-position: -518px 0; width: 362px; }

#foo-jobs a { left: 0; }
#foo-courses a { left: 318px; }
#foo-places a { left: 547px; }

#foo-jobs a:hover, #foo-jobs a:focus        { background-position:      0 -43px; }
#foo-courses a:hover, #foo-courses a:focus  { background-position: -303px -43px; }
#foo-places a:hover, #foo-places a:focus    { background-position: -518px -43px; }

#footer #foo-jobs { margin-left: 0; margin-right: 1px; }

#footer #foo-designed a { 
  position: absolute;
  bottom: 5px;
  left: -26px;
  width: 23px;
  height: 160px;
  background-position: -880px 0;
}

#footer #foo-designed a:hover, 
#footer #foo-designed a:focus {
  background-position: -903px 0;
}

/* =radio
====================================================================== */

#radio {
  position: absolute;
  left: 657px;
  top: 46px;
  padding-left: 87px;
  background: url("i/radio.png") no-repeat;
}

#radio object {
  display: block;
}