@charset "UTF-8";

/* ----------- basic styling ------------ */

* {
	margin: 0px;
	padding: 0px;
  }

body {
	text-align: center;
  font-family: 'Rockwell', 'Trebuchet MS', 'Arial', sans-serif;
	}

#wrapper {
	position: relative;
	width: 570px;
	margin: 0 auto;
	text-align: left;
	}

img {
	border: none;
	}

#container {
	position: relative;
	width: 904px; height: 616px;
  background-image: url(images/RondelliDeli_background-2.gif);
  background-repeat: no-repeat;       
	letter-spacing: 0.2em;
	z-index: 0;
	}
	
#logo {
	position: absolute;
	width: 234px; height: 178px;        
	top: 0px;
	left: 335px;
	z-index: 10;
	}

#content {
	width: 850px;
	height: 590px; 
	background-color: transparent;
	position: absolute;              
	z-index: 2;                      
	top:   100px;
	left: 27px;
	z-index: 2;
	}

#topnav {
	width: 904px;
	height: 30px;
	background-color: transparent;
	position: absolute;
	z-index: 2;
	top: 575px;
	left: 0px;
	padding-top: 5px;
	padding-bottom:5px;
	color: #000;
	}

#address {
  position: absolute;
	float:right;
	width: 237px; height: 81px;
	/*border: 1px solid #F00;*/
	font-size: 13.5px;
	color: #333;
	line-height: 27px;
	letter-spacing: 0.1em;
	padding-top: 15px;
	z-index: 2;
	text-align: left;
	top: 70px;
	right: 85px;
  }

#promo {
  position: absolute;
	float: left;
	width: 100px; height: 100px;
	/*background-image: url(images/Promo.gif);
	background-repeat: no-repeat;
	border: 1px solid #F00;*/
	font-size: 13.5px;
	color: #333;
	line-height: 27px;
	letter-spacing: 0.1em;
	padding-top: 15px;
	z-index: 2;
	text-align: left;
	top: 35px;
	left: 175px;
  }  

#design {
	position: relative;
	float:right;
	z-index: 2;
	text-align: right;
	top: 170px;
  }

.icon1 {
	padding: 0px 26px 0px 0px;
	}

.icon2 {
	padding: 0px 26px 0px 0px;
	}

a.red, a.red:link, a.red:visited   {
	color: #13447E;
	text-decoration: none;
	}
  
a.red:hover {
	color: #5F9CE7;
	text-decoration: none;
	}
	
#frame{
  margin-top: 40px;
  }
  
#home {
	background-image: url(images/Slide2.jpg);
	background-repeat: no-repeat;
	height: 426px;
	width: 753px;
	margin-top: 10px;
	}
  
#home #hometext {
	color: #333;
	height: 125px;
	width: 653px;
	text-align: justify;
	line-height: 20px;
	padding-top: 80px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 50px;
	}

.slideshow {
	height: 114px;
	width: 650px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	}


#food {
	background-image: url(images/Slide2.jpg);
	background-repeat: no-repeat;
	height: 426px;
	width: 753px;
	margin-top: 10px;
	}
  
#food #foodtext {
	color: #333;
	height: 316px;
	width: 653px;
	text-align: justify;
	line-height: 20px;
	padding-top: 90px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 50px;
	}
  
#themes {
	background-image: url(images/Slide2.jpg);
	background-repeat: no-repeat;
	height: 426px;
	width: 753px;
	margin-top: 10px;
	}
  
#themes #themestext {
	color: #333;
	height: 316px;
	width: 653px;
	text-align: justify;
	line-height: 20px;
	padding-top: 90px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 50px;
	}

#venues {
	background-image: url(images/Slide2.jpg);
	background-repeat: no-repeat;
	height: 426px;
	width: 753px;
	margin-top: 10px;
	}
  
#venues #venuestext {
	color: #333;
	height: 316px;
	width: 653px;
	text-align: justify;
	line-height: 20px;
	padding-top: 90px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 50px;
	}

#gallery {
	background-image: url(images/Slide2.jpg);
	background-repeat: no-repeat;
	height: 426px;
	width: 753px;
	margin-top: 10px;
	}
  
#gallery #gallerytext {
	color: #333;
	height: 316px;
	width: 653px;
	text-align: justify;
	line-height: 20px;
	padding-top: 90px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 50px;
	}

#locations {
	background-image: url(images/Slide2.jpg);
	background-repeat: no-repeat;
	height: 426px;
	width: 753px;
	margin-top: 10px;
	}
  
#locations #locationstext {
	color: #333;
	height: 316px;
	width: 653px;
	text-align: justify;
	line-height: 20px;
	padding-top: 90px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 50px;
	}
	
#company {
	background-image: url(images/Slide2.jpg);
	background-repeat: no-repeat;
	height: 426px;
	width: 753px;
	margin-top: 10px;
	}
 
#company #companytext {
	color: #333;
	height: 316px;
	width: 653px;
	text-align: justify;
	line-height: 20px;
	padding-top: 90px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 50px;
	}

#community {
	background-image: url(images/Slide2.jpg);
	background-repeat: no-repeat;
	height: 426px;
	width: 753px;
	margin-top: 10px;
	}
 
#community #communitytext {
	color: #333;
	height: 316px;
	width: 653px;
	text-align: justify;
	line-height: 20px;
	padding-top: 90px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 50px;
	}

#contact {
	background-image: url(images/Slide2.jpg);
	background-repeat: no-repeat;
	height: 426px;
	width: 753px;
	margin-top: 10px;
	}
 
#contact #contacttext {
	color: #333;
	height: 316px;
	width: 653px;
	text-align: justify;
	line-height: 20px;
	padding-top: 90px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 50px;
	}

#thankyou {
	background-image: url(images/Slide2.jpg);
	background-repeat: no-repeat;
	height: 426px;
	width: 753px;
	margin-top: 10px;
	}
 
#thankyou #thankyoutext {
	color: #333;
	height: 316px;
	width: 653px;
	text-align: justify;
	line-height: 20px;
	padding-top: 90px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 50px;
	}

.large_font_face {
	font-size: 14px;
	color: #333;
	line-height: 22px;
	letter-spacing: 0.1em;
	}
	
ul {
  list-style-type: disk;
  margin-left:15px;  
  line-height:28px; 
  }