@import "reset.css";

#text,#navbackground, #nav li a,#promo a { behavior: url(javascripts/iepngfix.htc); }

html, body
{
	background-image: url(../images/sfondo.gif);
	color: #403931;
	text-align: center;
	font-size: 10pt;
	line-height: 160%;
	font-family: "Lucida Grande", "Lucida Sans", LucidaUnicode, verdana,arial,helvetica,sans-serif;
}

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

a:hover {
color:#000;}

dl,ul,p { margin: 0 0 1em 0; }

p.intro
{
	font-size: 9pt;
	line-height: 160%;
}

em
{
	font-style: italic;
	font-family: "Lucida Sans", "Lucida Grande", LucidaUnicode, verdana,arial,helvetica,sans-serif;
}

dt,strong { font-weight: bold; color:#403931; }


.tel,.fax
{
	font-size: 120%;
	font-weight: normal;
	color: #000;
}

#container
{
	background-color: #fff;
	width: 950px;
	margin: 0px auto;
	text-align: left;
	overflow: hidden;
	position: relative;
	padding: 0 0 50px 0;
	border: 1px solid #717529; 
}

#display
{
	position: relative;
	height: 200px;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#home #display { height: 375px; overflow:hidden;}

#locations #display
{
	height: 368px;
	padding-top: 32px;
}

#display ul
{
	position: absolute;
	z-index: 5;
}

#one #display { background-image: url(images/casette-in-legno.jpg); }
#two #display { background-image: url(images/garage-in-legno.jpg); }
#three #display { background-image: url(images/bungalows-in-legno.jpg); }

#text
{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/display.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	z-index: 6;
	overflow: hidden;
	text-indent: -1234em;
	font-weight:normal;
}

#logo
{
	position: absolute;
	top: 0;
	left: 50px;
	z-index: 15;
	width: 130px;
	height: 150px;
}

#logo a
{
	height: 32px;
	display: block;
	overflow: hidden;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../images/canela_logo.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -1234em;
}

#nav
{
	position: absolute;
	top: 0;
	height: 130px;
	width: 100%;
	z-index: 14;
	overflow: hidden;
padding-left:200px;}
#navbackground {
	position: absolute;
	top: 0;
	height: 130px;
	width: 100%;
	z-index: 13;
	background-image: url(../images/50.png);
	background-repeat: repeat;
	overflow: hidden;

}

#nav li {
	display:inline;
}
#nav li a
{
	display: block;
	float: left;
	height: 32px;
	padding: 0;
	color: #fff;
	text-decoration: none;
	text-indent: -1234em;
	overflow: hidden;
	background-repeat: no-repeat;
}

#home_menu
{
	background-image: url(../images/home_menu.png);
	width: 60px;
	font-size:18px;
}

#food_menu
{
	background-image: url(../images/food_menu.png);
	width: 55px;
}

#drinks_menu
{
	background-image: url(../images/drinks_menu.png);
	width: 70px;
}

#deliveries_menu
{
	background-image: url(../images/deliveries_menu.png);
	width: 100px;
}

#locations_menu
{
	background-image: url(../images/locations_menu.png);
	width: 100px;
}

#about_menu
{
	background-image: url(../images/about_menu.png);
	width: 65px;
}

#takeaway_menu
{
	background-image: url(../images/takeaway_menu.png);
	width: 100px;
}

#home_menu:hover,
#food_menu:hover,
#drinks_menu:hover,
#deliveries_menu:hover,
#takeaway_menu:hover,
#locations_menu:hover,
#about_menu:hover { background-color: #000; }

.content
{
	float: left;
	width: 950px;
	margin: 25px 0;
	position: relative;
	overflow: hidden;
}

.item
{
	position: relative;
	float: left;
	left: 100%;
}

.col1
{
	margin-left: -900px;
	width: 250px;
}

.col12
{
	margin-left: -900px;
	width: 550px;
}

.col2
{
	margin-left: -600px;
	width: 250px;
}

.col3
{
	margin-left: -300px;
	width: 250px;
}

.replaced
{
	display: block;
	overflow: hidden;
	text-indent: -1234em;
	background-image: url(../images/headers.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.replaced a
{
	display: block;
	height: 100%;
}

.replaced { height: 30px; }

h1 {font-size:24px;}

#food_header { background-position: 0 0; }
#drinks_header { background-position: 0 -50px; }
#drinks #drinks_header { background-position: 0 -100px; }
#deliveries_header { background-position: 0 -100px; }
#takeaway_header { background-position: 0 -450px; }
#deliveries #deliveries_header { background-position: 0 -200px; }
#takeaway #takeaway_header { background-position: 0 -500px; }
#about_header { background-position: 0 -400px; }
#deliver_header { background-position: 0 -300px; }
#order_header { background-position: 0 -350px; }

#locations_header
{
	background-position: 0 -150px;
	height: 50px;
}

#contact_header { background-position: 0 -400px; }

#locations #locations_header
{
	background-position: 0 -300px;
	height: 75px;
}

#covent_garden_header { background-position: 0 -200px; }
#westend_header { background-position: 0 -250px; }

.sub
{
	border-top: 1px #E7E3E0 solid;
	margin: 25px 0;
	padding: 25px 0;
	clear: both;
}

.sub dt { font-weight: bold; }

.sub img
{
	float: left;
	margin: 0 25px 25px 0;
}

.download
{
	padding-top: 25px;
	border-top: 1px #E7E3E0 solid;
	margin-top: 25px;
}

.download a
{
	background-image: url(../images/download_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 .3em;
	padding-left: 15px;
	font-weight: bold;
}

.location_photo { margin-bottom: 10px; }

.copyright
{
	width: 950px;
	margin: 25px auto;
	text-align: left;
	color: #948372;
	overflow: hidden;
	clear: both;
}

.copyright a { color: #948372; }
.copyright a:hover { color: #FFF; }

#credit span { display: none; }
#credit:hover span { display: inline; }

.more {
background: #fff url(../images/red_arrow.gif) no-repeat 100% .4em;
padding-right:10px;
}

#promo a
{
	width: 136px;
	height: 136px;
	display: block;
	background-image: url(../images/promo_122008.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	position: absolute;
	top: 10px;
	right:50px;
	z-index:1000;
	text-indent:-1234em;
	overflow:hidden;
	text-align:left;
}

#promo-timeout a{
	width: 136px;
	height: 136px;
	display: block;
	background-image: url(../images/promo_timeout.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	position: absolute;
	top: 10px;
	right:50px;
	z-index:1000;
	text-indent:-1234em;
	overflow:hidden;
	text-align:left;

}

.hidden { display:none;}

#textsx {padding-left:8px;
padding-right:8px;}

img {border:0;}

#menu {width:900px; position:relative; height:200px; margin:80px auto;}
#menu a:visited, #menu a {text-decoration:none; color:#d00; font-weight:bold;}
#menu a:visited img, #menu a img{filter: alpha(opacity=60);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
 -moz-opacity: 0.60; opacity:0.6;
}
#menu a:hover {background-color:transparent; color:#06a;}
#menu a span {display:none;}
#menu a:hover span {display:block; position:absolute; top:210px; left:0; font-size:14px; height:18px; padding:4px; font-weight:normal; color:#a40;}

#menu a:hover img { filter: alpha(opacity=100);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity: 1.00; opacity:1;
 }
 
#textdx {
float:right;
width:380px;
margin-top:0px;}

#pippo {font-size:1.2em;}

#style2 {font-size:1.2em;}
.style1 {
	color: #000000;
	font-weight: bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;}