@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 {
	background-image:url(Images/shutterstock_1801799.jpg);
	height:600px;
	width:1200px;
	margin:0 auto;
}
.imagecolcoupons {
	height:600px;
	width:1200px;
	margin:0 auto;
}
.infocontainer {
	background-color:#000;
	height:200px;
	width:1200px;
	margin:0 auto;
}
.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;
}