/*The body holds the image for the home page*/
body {
    background-image: url(../images/italy-1403733_960_720.jpg);
    background-repeat: no-repeat;
    background-position: cover;
    width: auto;
    background-size: cover;
}
/*my wrapper css is fundamental in keeping all over elements in house*/
#wrapper {
    position: relative;
    margin: 0 auto;
    width: 1250px;
    height: 1100px;
    background-color: rgba(255, 255, 255, 0.02);
    top: 83px;
    -webkit-box-shadow: 0px 0px 63px 0px;
    box-shadow: 0px 0px 63px 0px;
}
/*My navigation css provides the meat for the visuals of this componet*/
#nav {
    position: relative;
    height: 200px;
    background-color: #D7C5B7;
    width: auto;
    background-repeat: no-repeat;
    background-size: contain;
}
/*Pin css was a touch i wanted to apply and add to the homemade preparing of family food and traddition*/
#pin {
    position: relative;
    top: -264px;
    width: 400px;
    background-image: url(../images/pin.png);
    height: 200px;
    background-repeat: no-repeat;
    background-size: cover;
    right: -464px;
    bottom: 18px;
}
/*My logosystem css was a different approach I wanted to reinforce the clients logo and build a strong focual point in the design*/
#logosystem {
    position: absolute;
    width: 200px;
    background-image: url;
    height: 200px;
    background-repeat: no-repeat;
    background-size: contain;
    right: -506px;
    bottom: 18px;
    left: 30px;
    background-color: #CF1C44;
    top: 0px;
}

#leftcontent {
    position: absolute;
    width: 567px;
    background-image: url;
    height: 306px;
    background-repeat: no-repeat;
    background-size: contain;
    right: -506px;
    bottom: 18px;
    left: 651px;
    background-color: rgba(233, 26, 29, 0.42);
    top: 252px;
    text-align: center;
    padding-top: 0px;
}
/* links are part of the navigation css and setup*/
#links {
    position: absolute;
    width: 677px;
    height: 60px;
    left: 300px;
    top: 97px;
    font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
    font-weight: 900;
    font-size: 4em;
}

ul#menu {
    margin: auto;
    text-align: center;
    color: #000000;
}

ul#menu li {
    display: inline-block;
    margin: auto;
    padding-top: 5px;
    padding-right: 20px;
    padding-left: 20px;
}

ul#menu li a {
    text-decoration: none;
    color: black;
    font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
    font-size: xx-large;
}

ul#menu li a:hover {
    color: greenyellow;
}

#navigationlinks {
    position: absolute;
    width: 413px;
    height: 41px;
}

#h2 {
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	font-style: oblique;
	font-size: 3em;
	text-align: center;
	text-shadow: 0px 0px;
	font-weight: lighter;
	color: #0B9346;
	padding-top: 78px;
	padding-left: 109px;
}

#content {
    position: absolute;
    width: 1250px;
    height: 900px;
    background-image: url(../images/resize.png);
    top: 199px;
    background-repeat: no-repeat;
    background-size: cover;
}

#cheesemecheese{
	position: absolute;
	top: 580px;
	left: 537px;
	background-color: green;
	width: 570px;
	height: 200px;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 35px;
	border: thick groove rgba(240,22,25,1.00);
	margin-left: 106px;
	background-image: url(../images/moewine.jpg);
		}
		
	

#dance {
	position: absolute;
	background-color: green;
	width: 384px;
	height: 541px;
	background-image: url(../images/eventsdance.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 35px;
	border: thick groove rgba(240,22,25,1.00);
	margin-left: 7px;
	left: 2%;
	top: 27%;
	}
	
	#winetesting{
	position: absolute;
	top: 25px;
	left: 537px;
	background-color: green;
	width: 570px;
	height: 200px;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 35px;
	border: thick groove rgba(240,22,25,1.00);
	margin-left: 106px;
	background-image: url(../images/Red_wine_in_an_Italian_restaurant.jpg);
		}

#imageformenuscreen {
    position: absolute;
    width: 1250px;
    height: 938px;
    background-image: url(../mozarella-3521.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 198px;
}

#imageforeventspage {
    position: absolute;
    width: 1250px;
    height: 900px;
    background-image: url(../images/carneval-139252_1920.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 200px;
}

#imageforhistorypage {
    position: absolute;
    width: 1250px;
    height: 900px;
    background-image: url(../images/houses-village-coast-italy.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    top: 200px;
}

#footer {
    position: absolute;
    width: 1250px;
    height: 289px;
    background-color: #D7C5B7;
    top: 1095px;
}
/* All elements of footer pannel, each section is within the footer container*/
#footer1 {
	position: absolute;
	width: 200px;
	top: 174px;
	left: 100px;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	font-style: italic;
	text-align: center;
	font-weight: bolder;
}

#footer2 {
	position: absolute;
	width: 200px;
	left: 100px;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	font-style: italic;
	text-align: center;
	font-weight: bolder;
	top: 63px;
}

#footer3 {
    position: absolute;
    width: 375px;
    font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
    font-style: italic;
    text-align: center;
    font-weight: bolder;
    height: 125px;
    left: 68%;
    top: 31%;
}

#copyrightsection{
	position: absolute;
	width: 100%;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	font-style: italic;
	text-align: center;
	font-weight: bolder;
	height: 18%;
	background-color: #CF1C44;
	top: 89%;
	}
/*Important css for the Google interface*/
#googlemapreference{
	margin: center;
	width: 240px;
	height: 100px;
	left: 43%;	
	
	}


#videoholder {
	position: relative;
	left: 42%;
	top: 12%;
}

#largeforhistory {
    background-image: url(../images/flower-shot-at-italy.jpg);
}

#homesweethome {
    background-image: url(../images/4295583128_8ff772219b_b.jpg);
}

#eatoutside {
    background-image: url(../images/yellow-beech-leaves-1352716241mV0.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

#textontoptable2016 {
    color: rgba(255, 255, 255, 1.00);
    font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
    text-align: center;
}

#hd2016 {
    color: rgba(255, 255, 255, 1.00);
    font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
    text-align: center;
}
/*css for the table structres*/
#titlefortable {
    color: rgba(255, 255, 255, 1.00);
}

#protectedfonts {
    color: rgba(255, 255, 255, 1.00);
}

#colorclass {
    color: rgba(255, 255, 255, 1.00);
}

#afternoons {
    color: rgba(255, 255, 255, 1.00);
}

#evenings {
    color: rgba(255, 255, 255, 1.00);
}

#historycontext {
	background-color: #E1204B;
	padding-top: 2px;
	padding-bottom: 1px;
	padding-left: 292px;
	margin-top: 42px;
	margin-left: 231px;
	margin-right: 14px;
	text-align: left;
	opacity: 1;
}

#tilefortoptabledesign {
    margin-left: -1px;
    width: 100%;
}
/* below is the css required for the images that were custom made in PS */
#menuimageone {
    position: absolute;
    width: 503px;
    height: 372px;
    background-color: rgba(201, 180, 184, 0.44);
    align-self: left;
    top: 25px;
    left: 39px;
    border: 119% solid rgba(249, 16, 20, 1.00);
    background-image: url(../images/foodone.jpg);
    background-size: cover;
    padding-left: 76px;
    padding-bottom: 11px;
}

#menuimagetwo {
    position: absolute;
    width: 576px;
    height: 385px;
    left: 642px;
    top: 474px;
    background-color: green;
    background-image: url(../images/foodtwo.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
/* text about food one and two are the css for the text needed on the menu choices*/
#textaboutfood {
	position: aboslute;
	margin-top: 25px;
	margin-right: center;
	margin-bottom: 0;
	width: 578px;
	height: 447px;
	background-color: rgba(255,255,255,0.39);
	margin-left: 643px;
	border-width: thick thin thin;
	border-top-color: rgba(255,0,4,1.00);
	border-top-style: inset;
}

#textaboutfoodtwo {
	position: aboslute;
	margin-top: -54px;
	margin-right: center;
	margin-bottom: 0;
	width: 565px;
	height: 447px;
	background-color: rgba(255,255,255,0.39);
	margin-left: 49px;
	border-top: thick solid rgba(255,0,4,1.00);
}
#copyrightforeachpage {
	padding-top: 0px;
	margin-top: 13px;
	color: rgba(255,255,255,1.00);
}
#googlemappost {
	padding-left: 432px;
	padding-top: 5px;
	margin-left: 18px;
	width: 123%;
	height: 246%;
}

#headmenu {
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	text-align: center;
	background-color: #0B9346;	
}
/*text for map is in its own div container and placed outside of the footer container*/
#textformap{
	position: absolute;
	left: 98px;
	width: 1000px;
	height: 102px;
	text-align: center;
	top: 828px;
	color: rgba(255,255,255,1.00);
	}
	
	
#redrunner{
	position: absolute;
	top: 0px;
	left: 30px;
	width: 200px;
	height: 894px;
	background-color: #CF1C44;
	background-size: contain;
	background-image: url(../images/Untitled-1.jpg);
	opacity: 0.67;
		}
		
		/*there maybe an easier approach here, however, I wanted to individually custom the fonts for each section of text and keep it uniformed for the classic italian menu with a twist*/
#saladsheading {
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	text-align: center;
}
#housesalad {
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	text-align: center;
}
#fooddescrip1 {
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	text-align: center;
}
#ceaserlove {
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	text-align: center;
}
#foodscript2 {
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	text-align: center;
}
#Paninicool {
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	text-align: center;
}
#whatswithit {
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	text-align: center;
}
#eggplant {
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	text-align: center;
}
#turkeyyum {
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	text-align: center;
}
#turrlepizza {
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	text-align: center;
	background-color: #0B9346;
}
#myfirstlove {
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	text-align: center;
}
#freshtop {
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	text-align: center;
}
#bologanyes {
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	text-align: center;
}
#spicyplease {
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	text-align: center;
}
#vegisok {
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	text-align: center;
}
#bell {
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	text-align: center;
}
#wish {
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	text-align: center;
}
#ricotta {
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	text-align: center;
}
#sicilian {
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	text-align: center;
}
#green {
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	text-align: center;
}

#oldtimewine{
	position: absolute;
	top: 293px;
	left: 780px;
	width: 447px;
	background-color: green;
	height: 400px;
	background-image: url(../images/Tignanello_BMK.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	border: thick solid rgba(255,255,255,1.00);
	}


#historytext{
	position: absolute;
	top: 157px;
	left: 282px;
	width: 481px;
	height: 677px;
	background-color: #D7C5B7;
	opacity: 0.66;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	font-size: xx-large;
	text-align: center;
	font-weight: bolder;
	}
#historyisgreen {
	background-color: #0B9346;
	width: 100%;
	padding-right: 168px;
	padding-left: 168px;
}
#eventtext{
	position: absolute;
	top: 23px;
	left: 19px;
	width: 516px;
	height: 209px;
	background-color: rgba(233,26,29,0.42);
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	text-align: center;
	font-weight: 900;
	font-size: 3em;
	padding-top: 0px;
	color: rgba(255,255,255,1.00);
	border-top: 75% solid rgba(11,147,70,1.00);
	padding-bottom: 0px;
	}
#adjustmentforevents {
	margin-left: -66px;
	margin-bottom: 77px;
	margin-top: 49px;
	padding-left: 30px;
}
#logohistorytext {
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	font-style: normal;
	font-weight: bold;
	font-size: medium;
	text-align: justify;
	margin-left: 22px;
	margin-right: 26px;
}
#customerreview {
	color: rgba(250,1,5,1.00);
}