@charset "utf-8";
/* CSS Document */

/* ****************************************************************************************
	
	Main layouts - body/container etc

   ***************************************************************************************

*/

body {background: #000000;
	font-family:Arial, Helvetica, sans-serif;
	
}

.primi_bg{
	background-image:url(../image/primi_bg.gif);
	background-repeat: no-repeat;
	width: 32em;
	height:50em;
	margin-top: 0em;
	margin-left: 0em;
	z-index: 0;
	}

.pasta_bg{
	background-image:url(../image/pasta_bg.gif);
	background-repeat: no-repeat;
	width: 32em;
	height:50em;
	margin-top: 0em;
	margin-left: 0em;
	z-index: 0;
	}

.pizza_bg{
	background-image:url(../image/pizza_bg.gif);
	background-repeat: no-repeat;
	width: 32em;
	height:50em;
	margin-top: 0em;
	margin-left: 0em;
	z-index: 0;
	}

.carne_bg{
	background-image:url(../image/carne_bg.gif);
	background-repeat: no-repeat;
	width: 32em;
	height:50em;
	margin-top: 0em;
	margin-left: 0em;
	z-index: 0;
	}

.red_bg{
	background-image:url(../image/red_bg.gif);
	background-repeat: no-repeat;
	width: 32em;
	height:50em;
	margin-top: 0em;
	margin-left: 0em;
	z-index: 0;
	}

.sparkling_bg{
	background-image:url(../image/sparkling_bg.gif);
	background-repeat: no-repeat;
	width: 32em;
	height:50em;
	margin-top: 0em;
	margin-left: 0em;
	z-index: 0;
	}

.white_bg{
	background-image:url(../image/white_bg.gif);
	background-repeat: no-repeat;
	width: 32em;
	height:50em;
	margin-top: 0em;
	margin-left: 0em;
	z-index: 0;
	}

.layer_close {
	margin-top: 0em;
	margin-left: 0em;
	font-color: #000000;
}

#container {
	
	margin: 0% auto 0px auto;
	background-image:url(../image/wrap1.png);	
	background-repeat : repeat-X;	
	height:750px;
	width: 800px;
	text-decoration:none;
	z-index: 0;
}

#top_banner {
	margin: 0px auto 0px auto;
	width: 800px;
	}


#banner {
	margin: 0 auto 0px auto;
	background-image:url(../image/banner10.png);
	background-repeat:no-repeat;
	height: 107px;
	width: 750px;
	}


/* ****************************************************************************************
		
	Naviagtion - buttons etc

   ***************************************************************************************

*/



#nav {
	margin-left: -1.5em;
	margin-top: 0em;
	width: 900px;
	text-decoration:none; 	
	}

#nav li {		
	font-size: 0.85em;
	float:left;
	width: 10em;
	list-style:none;
	background-image: url(../image/welcome.png);
	background-repeat: no-repeat;
	text-decoration: none;
	
}

#nav a,
#menu span {		
	font-size: 0.8em;
	float:left;
	color: white;
	display:inline;
	padding-top: 5px;
	margin-left:1em;
	width: auto;
	height: 28px;
	text-decoration:none;
}



/* ****************************************************************************************
	
	All text layouts

   ***************************************************************************************

*/

.menu_text {
	width: 38em;
	height: 56em;
	margin-top: -63em;
	margin-left: 4.8em;
	font-size:.7em;
	z-index: 1;
	
}

#text {
	
	margin-left: 4%;
	float: left;
	font-size: 97%;
	margin-top: 1em;
	width:700px;
	text-decoration:none;
	text-align:inherit;
	}
	
#wine_text {
	margin-left: 4%;
	float: left;
	font-size: 97%;
	width:720px;
	text-decoration:none;
	text-align:inherit;
	}


#text_right {
	margin-top:275px;
	margin-left: 0px;
	width: 740px;
	height:166px;
	text-decoration:none;
	text-align:inherit;
	font-size: 97%;
	}

#main_text {	
	margin-left: 4.3%;
	margin-top: 2.5em;	
	width: 90%;
	text-decoration:none;
	text-align:inherit;
	font-size: 97%;
	font-color:#FFFFFF;
}

#contact_text {	
	margin-left: 4.3%;
	margin-top: 10%;	
	width: 45%;
	height: 10em;
	text-decoration:none;
	text-align:inherit;
	font-size: 95%;
	font-color:#FFFFFF;
}

#party_text {	
	margin-left: 27em;
	margin-top: -11em;	
	width: 25em;
	text-decoration:none;
	text-align:inherit;
	font-size: 95%;
	font-color:#FFFFFF;
}

/* ****************************************************************************************
	
	Layers - menu/takeaway menu/wine list

   ***************************************************************************************

*/

#primi_layer{
      display:none; 
      position:absolute; 
      border-style: none; 
      background-color: white; 
      margin: 0 auto 0 auto;
      height: 45em;
      z-index: 1;
}

#pasta_layer{
      display:none; 
      position:absolute; 
      border-style: none; 
      background-color: white; 
      margin: 0 auto 0 auto;
      height: 45em;
      z-index: 1;
}

#red_layer{
      display:none; 
      position:absolute; 
      border-style: none; 
      background-color: white; 
      margin: 0 auto 0 auto;
      z-index: 1;
}

#white_layer{
      display:none; 
      position:absolute; 
      border-style: none; 
      background-color: white; 
      margin: 0 auto 0 auto;
      z-index: 1;
}

#champagne_layer{
      display:none; 
      position:absolute; 
      border-style: none; 
      background-color: white; 
      margin: 0 auto 0 auto;
      z-index: 1;
}

#carne_layer {      
      display:none; 
      position:absolute; 
      border-style: none; 
      background-color: white; 
      margin-top: 0%;
      height: 45em;
}

#pizza_layer {
      display:none; 
      position:absolute; 
      border-style: none; 
      background-color: white; 
      margin-top: 0%;
      height: 45em;
}

.menu_name {
	margin-left: 0em;
	margin-top: 2em;
	width: 20em;
	text-decoration:none;
	text-align:left;
	font-size: 1em;
	font-weight: bold;
	font-color:#000000;
	}

.menu_desc {
	margin-left: 0em;
	margin-top: 1em;	
	margin-bottom: 1em;
	width: 30em;
	text-decoration:none;
	text-align:left;
	font-size: 1em;
	font-color:#000000;
	}


.menu_price {
	margin-left: 33em;
	margin-top: -3em;	
	width: 30em;
	text-decoration:none;
	text-align:left;
	font-size: 1em;
	font-color:#000000;
}

.wine_rating {
	margin-left: 30em;
	margin-top: -2.2em;	
	width: 4em;
	text-decoration:none;
	text-align:right;
	font-size: 1em;
	font-color:#000000;
}

.wine_number {
	margin-left: 30em;
	margin-top: -3em;	
	width: 4em;
	text-decoration:none;
	text-align:right;
	font-size: 1em;
	font-color:#000000;
}




/* ****************************************************************************************
	
	image layouts

   ***************************************************************************************

*/



#wine {
	border: 2px inset;
	margin-top: 1em;
	float:right;
	background-image:url(../image/Wine.jpg);
	background-repeat: no-repeat;
	width: 116px;
	height: 150px;
}
	
#front {
	float:left;
	margin-top: 0%;
	margin-left: 4%;
	background-image:url(../image/front.jpg);
	background-repeat: no-repeat;
	width: 320px;
	height: 151px;
	}


#primi {
	
	margin-top: 1em;
	margin-left: 2em;
	background-image:url(../image/starters.gif);
	background-repeat: no-repeat;
	width: 150px;
	height: 250px;	
	}

#Pasta {
	margin-top: -15.7em;
	margin-left: 14em; 
	width: 150px;
	height: 250px;
	}


#TA_Pasta {
	float:right;
	margin-top: 0%;
	margin-right: 15%;
	width: 200px;
	height: 113px;
	}


#Carne_e_Pesce {
	margin-top: -15.7em;
	margin-left: 26em;
	background-repeat: no-repeat;
	width: 150px;
	height: 250px;
}

#Pizza {
	
	margin-top: -15.7em;
	margin-left: 38em;
	background-repeat: no-repeat;
	width: 150px;
	height: 250px;
	}

#TA_Pizza {
	float:left;
	margin-top: 0%;
	margin-left: 15%;
	width: 200px;
	height: 113px;
	}

#red_wine{
	poistion: absolute;
	margin-top: 2em;
	margin-left: 8%;
	width: 150px;
	height: 200px;
	}

#white_wine{
	position: absolute;
	margin-top: -12.5em;
	margin-left: 35em;
	width: 150px;
	height: 200px;
}

#champagne{
	position: absolute;
	margin-top: -14em;
	margin-left: 16.5em;
	width: 250px;
	height: 200px;       
	
}

#contact{
	margin-left: 17em;
	margin-top: 3%;
	width:400px;
	height:35px;	
	font-size: .75em;
	text-align: center;
}

#contact_TA{
	margin-left: 25%;
	margin-top: 26%;
	width:400px;
	height:35px;	
	text-decoration:none;
	text-align:inherit;
	font-size: 70%;
	text-align:center;

}
	
/* ****************************************************************************************
	
	General layouts - headings, links etc

   ***************************************************************************************

*/

.changeColour {
	
	color:#000000;
}

.changeColour:hover{
	
	color:#C0C0C0;
}




a:link {
	font-weight: bold;
	text-decoration:none;
	margin-bottom: 10px;
	margin-left:13px;
	color: #FFFFFF;
	background-color:inherit;}

a:hover {
	font-weight: bold;
	color:#C0C0C0;
	ackgrond-color:inherit;
}

a:visited {
	argin-left:13px;
	font-weight: bold;
	color:#C0C0C0;
	background-color:inherit;
}

h1 {
	font: Eurostile;
	font-size:8px;
	color:#FFFFFF;
	text-align:left;
	margin-left: -1000px;
}

h2 {
	font:Edwardian Script ITC;
	color:#FFFFFF;
	font-size: 20px;
	text-align: left;
	width: 15em;
}

h3 {
	font:Edwardian Script ITC;
	color:#FFFFFF;
	font-size: 25px;
	text-align: center;
}

.p1 {
	margin-bottom:20px;
	color:#FFFFFF;
}

.p2 {
	text-align: center;
	margin-top:10px;
	font-weight: bold;
	
	}



.p3 { 
	margin-left: 100px;
	color:#FFFFFF;
}

.p4 {
	text-align: center;
	color:#FFFFFF;

}

.p5 {
	padding-top: 28px;
	color:#FFFFFF;
}

.p6 {
	color:#FFFFFF;
	margin-left: 3em;
	margin-top: 1em;
	width: 10em;
}

#map {
	margin-left:15%;
	width:500px;
	height:300px;
	FFFFF;
}


.fieldset_contact_us { 
	width: 30em;
	margin-left:7em;
	margin-top: -1.3em;
	color: #FFFFFF;
	}

.labelName {
	margin-left: 3.6em;
	
}

.labelEmail {
	margin-left: 3.4em;

}

.pcontact3 {
	margin-left: 0em;
}	

.selectDay {
	margin-left: 2.2em;
}

.selectMonth {
	margin-left: .8em;
}

.selectYear {
	margin-left: .8em;
}

textarea { 
	margin-left: 2.3em;
	margin-top: 2em;
}