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

body {
	background-image:url(Images/Depositphotos_3444925_original---dark.jpg);
	background-repeat:repeat;
	background-position:top;
}
#maincontainer {
	background-color:#000;
	height:1100px;
	width:1200px;
	margin:0 auto;
	margin-top:-10px;
}
.header {
	height:200px;
	width:1200px;
}
.footer {
	height: 52px;
	width:1200px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:#CC3;
	float:left;
	text-align:center;
	padding-top: 15px;
}
.logocol {
	height:200px;
	width:400px;
	background-image:url(Images/cafe-fratello-front-sign.png);
	background-repeat:no-repeat;
	background-position:center;	
	float:left;
}
.address {
	height:100px;
	width:800px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#CC3;
	float:left;
}
.navbar {
	height:100px;
	width:800px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#CC3;
	float:left;
}
.imagecol {
	height:600px;
	width:600px;
	margin:0 auto;
	float:left;
}
.imagecolhead {
	height:200px;
	width:600px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 3em;
	color: #fff;
	text-align:center;
	float:left;
}
.imagecolmenudinner{
	background-image:url(Images/Dinner-menu-picture.jpg);
	background-repeat:no-repeat;
	height:400px;
	width:600px;
	float:left;
}
.imagecolmenulunch{
	background-image: url(Images/Lunch-menu-picture.jpg);
	background-repeat:no-repeat;
	height:400px;
	width:600px;
	float:left;
}
.infocontainer {
	background-color:#000;
	height:200px;
	width:1200px;
	margin:0 auto;
	float:left;
}
.infocol1 {
	height:185px;
	width:370px;
	float:left;
	padding:15px;
	text-align:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	color:#fff;
	font-weight:bolder;
}
.infocol2 {
	height:185px;
	width:370px;
	float:left;
	padding:15px;
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	color:#fff;
	font-weight:bolder;
}
.infocol3 {
	height:185px;
	width:370px;
	float:left;
	padding:15px;
	text-align:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	color:#fff;
	font-weight:bolder;
}

/*NAVIGATION*/
#navlist {
    position: absolute;
}

#navlist li {
	list-style: none;
	position: absolute;
	height:52px;
	margin-top:30px;
	float:left;
}

#navlist li, #navlist a {
    height:	52px;
    display: block;
}
#home {
	left: 200px;
	width: 198px;
	background: url(Images/Navsprite.png) -225px 0px;
}
#menu {
    left: 400px;
    width: 200px;
    background: url(Images/Navsprite.png) -425px -0px;
}
#coupons {
	left:600px;
	width: 200px;
	background: url(Images/Navsprite.png) -625px -0px;
}
#home a:hover {
    background: url(Images/Navsprite.png)-225px -52px;
}
#menu a:hover {
    background: url(Images/Navsprite.png) -425px -52px;
}
#coupons a:hover {
	background: url(Images/Navsprite.png)-625px -52px;
}
/*END NAVIGATION*/

/*START MENU NAVIGATION*/
#menunavlist {
    position: absolute;
}

#menunavlist li {
	list-style: none;
	position: absolute;
	height:0px;
	float:left;
}

#menunavlist li, #menunavlist a {
    height:	200px;
    display: block;
}
#menudinner {
	left: 0px;
	width: 600px;
	background: url(Images/dinner-sprite.png) 0px -0px;
}
#menulunch {
    left: 0px;
    width: 600px;
    background: url(Images/lunch-sprite.png) 0px -0px;
}
#menudinner a:hover {
    background: url(Images/dinner-sprite.png) 0px -201px;
}
#menulunch a:hover {
    background: url(Images/lunch-sprite.png) 0px -201px;
}