﻿body {
	background-image:url(../Images/bg_urbano.gif);
	background-repeat:repeat;
	color:#231f20;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;
	line-height:1.7;
}
p {
	color:#231f20;
	line-height:1.5;
	margin-bottom:1em;
}
a {
	color:#231f20;	
	font-weight:bold;
}
a:hover {
	color:#a7a9ac;
}
.trattoria a.arrow {
	color:#820024;
	background-image:url(../Images/arrow_maroon.gif);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:12px;
}
.trattoria a.plus {
	color:#820024;
	background-image:url(../Images/plus_maroon.gif);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:12px;
}
a:hover.arrow, a:hover.plus {
	border:none;
	color:#a7a9ac;
}

h1 {
	font-size:1.6em;
	font-weight:bold;
	line-height:1.5em;
	color:#a7a9ac;
}
h2 {
	font-size:1.2em;
	font-weight:bold;
	line-height:1.5em;
}
h3 {
	font-size:1em;
	font-weight:bold;
	line-height:1.5em;
	margin-bottom:20px;
}
.banner h3 {
	margin-bottom:0;
}
#navMain {
	margin-top:20px;
	width:950px;
	margin-left:auto;
	margin-right:auto;
	padding-right:25px;
}
#navMain a {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:0.9em;
	letter-spacing:5px;
	font-weight:normal;
	float:right;
	display:block;
	height:15px;
	margin-left:8px;
	padding:5px 20px 1px 20px;
}
#navMain a.trattoria {
	background-color:#820024;
}
#navMain a.caffe {
	background-color:#b95915;
}
#navMain a.pizzeria {
	background-color:#817c00;
}
#navMain a:hover {
	border:none;
	background-color:#a7a9ac;
}
#masthead {
	height:365px;
	width:950px;
	background-color:white;
	margin-left:auto;
	margin-right:auto;
}
#masthead.trattoria {
	background-image:url(../Images/Mastheads/Dummy.jpg);
}
.home #masthead {
	height:520px;
	width:950px;
	background-color:white;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../Images/home/home_5.jpg);
}
.holding #masthead {
	height:520px;
	width:950px;
	background-color:white;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../Images/home_holding_1.jpg);
}
#masthead #banner {
	background-color:#a7a9ac;
	height:94px;
	float:left;
	margin:0;
	margin-top:50px;
	width:500px;
}
#masthead #banner a:hover {
	color:#fff;
}
#masthead #banner #welcome {
	padding:10px 25px;
}
#masthead #banner #welcome p {
	margin-bottom:0;
}
#masthead #logo {
	float:left;
	margin:0;
	margin-top:50px;
}	
#wrapper {
	background-color:#fff;
	margin-left:auto;
	margin-right:auto;
	width:950px;
}
#container {
	padding:25px;
}
#clear {
	clear:both;
	height:1px;
}
#footer {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#820024;
	color:#fff;
	font-size:1em;
	width:930px;
	margin-left:auto;
	margin-right:auto;
	padding:8px 10px 8px 10px;
}
#footer a {
	color:#fff;
}
#footer a:hover {
	border:none;
	color:#ccc;
}	
.portait {
	float:right;
}
.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	clear:both;
	height:0;
}
.strong {
	font-weight:bold;
}
/***COLOURS***/
.maroon {
	color:#820024;
}
.sienna {
	color:#b95915;
}
.green {
	color:#817c00;
}
/***STRONG COLOURS***/
.trattoria .strong {
	font-weight:bold;
	color:#820024;
}
/***OVERVIEW - THREE COL***/
.threeCol #leftCol {
	width:375px;
	float:left;
}
.threeCol .callout {
	float:right;
	margin-left:25px;
	width:235px;
}
.threeCol .callout .banner {
	background-color:#820024;
	margin-top:5px;
	padding-left:5px;
	padding-top:3px;
	width:230px;
}
.threeCol .callout img {
	padding:1px;
	border:1px solid #808080;
}
.threeCol .callout p {
	padding:5px;
}
/***GALLERY***/
.galleryThumb {
	float:right;
	margin-left:10px;
	margin-bottom:5px;
	width:150px;
}
/***RIGHT-HAND SUBMENU***/
#rightCol {
	float:right;
	width:190px;
}
#rightCol img {
	padding:1px;
	border:1px solid #808080;	
	margin-bottom:5px;
}
#rightCol .banner {
	background-color:#820024;
	padding-left:5px;
	padding-top:3px;
	width:185px;	
}
#rightCol ul.menuItems {
	margin-top:10px;
	padding-left:5px;
}
#rightCol ul.menuItems li {
	display:block;
	height:18px;
	border-bottom:1px solid #ccc;
	margin-top:5px;
	}
#rightCol ul.menuItems li a:hover, #rightCol ul.menuItems li.selected {
	color:#808080;
	background-image:url(../Images/arrow_maroon.gif);
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:12px;
	margin-top:7px;
}
#rightCol ul.menuItems li.selected {
	background-position:top left;
}
#rightCol ul.menuItems li a:hover {
	border:none;
}
#rightCol ul.menuItems li.selected {
	font-weight:bold;
}
#rightCol a.bannerLink {
	display:block;
	color:#fff;
	font-weight:bold;
	height:19px;
	padding-top:3px;
	background-image:url(../Images/banner_arrow_maroon.gif);
	background-repeat:no-repeat;
	background-position:top right;
}
#rightCol a:hover.bannerLink {
	border:none;
}
/***FOURCOL***/
.fourCol .callout {
	width:220px;
	float:left;
	margin-right:10px;
}
.fourCol .callout img {
	padding:1px;
	border:1px solid #808080;
	margin-bottom:5px;
}
.fourCol .callout p {
	margin-bottom:4px;
}
.fourCol .callout p.price {
	font-weight:bold;
	color:#a7a9ac;
}
/***TWOCOL***/
.twoCol .intro {
	width:680px;
}
.twoCol .intro img {
	padding:1px;
	border:1px solid #808080;
	float:left;
	margin-right:10px;
}
.twoCol .intro p {
	float:right;
	width:445px;
}
.twoCol .hline {
	width:680px;
	border-top:1px solid #a7a9ac;
}
.twoCol #recipe {
	width:680px;
	margin-top:20px;
	padding-top:10px;
	float:left;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.twoCol #recipe ul {
	width: 220px;
	margin-left:20px;
	margin-bottom:10px;
	float:left;
}
.twoCol #recipe ul li {
	line-height:1.7;
}
.twoCol #recipe ol {
	list-style:decimal;
	margin-left:20px;
}
.twoCol #recipe ol li {
	line-height:1.5;
	margin-bottom:10px;
}
#prevNext {
	margin-top:10px;
	width:680px;
}
#prevNext a {
	color:#808080;
	border:none;
}
#prevNext a:hover {
	color:#a7a9ac;
}
#prevNext #prev {
	float:left;
}
#prevNext #next {
	float:right;
}
#prevNext #prev a {
	background-image:url(../Images/arrow_prev.gif);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:10px;
}
#prevNext #next a {
	background-image:url(../Images/arrow_next.gif);
	background-repeat:no-repeat;
	background-position:center right;
	padding-right:10px;
}
/***MENU ITEMS***/
#menu {
	margin-top:25px;
	width:680px;
	border-bottom:1px solid #ccc;
	float:left;
}
#menu .item {
	border-top:1px solid #ccc;
	padding-top:10px;
	padding-bottom:10px;
}

#menu .item .price {
	xfont-weight:bold;
	xcolor:#a7a9ac;
	xfloat:left;
	xwidth:20px;
	padding-top:5px;
	padding-left:30px;	
}
#menu .item .title {
	font-weight:bold;
	margin-bottom:5px;
	margin-left:20px;
}	
.trattoria #menu .item .title {
	color:#820024;
}
#menu .item .desc {
	margin-left:20px;
}
