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

body {
	margin:0 auto;
	background-color: #3DB5AF;
	background-image: url(images/stripelight.jpg);
	background-repeat: repeat;
	font-family:"Garamond Premr Pro";
	font-size:18px;
	color: #330000;
}


h1{
font-size:22px;
padding:0;
padding-bottom:10px;
margin:0;
}
#header {
margin: 0 auto;
width:860px;
height:211px; 
background-image: url(images/deliveryheader.jpg);
background-repeat: no-repeat;
}

#navbar{
margin: 0 auto;
width: 785px;
height: 59px;
background-image:url(images/navbar.jpg);
background-repeat: no-repeat;
padding-left:75px;
}

#social{
float:right;
width:229px;
height:33px;
padding-top:6px;
padding-left:10px;
background-image:url(images/socialbar.gif);
background-repeat:no-repeat;
}

#social img{
padding-left:15px;
}

#content {
margin: 0 auto;
width: 680px;
height: 642px;
padding-left:100px;
padding-right:80px;
background-image:url(images/content.jpg);
background-repeat: no-repeat;
}

#content span{
position:absolute;
top:-1000px;
}
/*
#menu {
margin: 0 auto;
width: 700px;
height: 742px;
background-image: url(images/flavormenu.gif);
background-repeat: no-repeat;
}*/

#contact {
text-align: center;
font-size: 20px;
}

#title {
text-align: center;
font-size: 36px;
font-weight: bold;
}
#footer {
margin: 0 auto;
width: 720px;
height: 112px;
padding-left: 140px;

background-image: url(images/footer.jpg);
background-repeat: no-repeat;
}


/*new navigation*/

#nav {
margin: 0;
padding: 0;
list-style-type: none;
width: 707px;
float: left;
background-color: #5A2216;
font-size: 14px;
}
#nav li {
  margin: 0;
  padding: 0;
  float: left;
}
#nav a {
float: left;
width: 100px;
color: #00CCCC;
text-decoration: none;
line-height: 2.5;
text-align: center;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #EAC28A;
}
#nav #nav_con a {
  border: none;
}
#nav a:hover {
background-color: #D0A3B8;
color: #5A2216;
}
#body_main #nav_home a, #body_menu #nav_menu a,
    #body_about #nav_about a,#body_contact #nav_contact a,
    #body_order #nav_order a, #body_gallery #nav_gallery a, #body_links #nav_links a,
	 #body_events #nav_events a
    {
color: #5A2216;
font-weight: bold;
background-color: #009E90;
background-position: 0;
}

#homepics{
margin:0 auto;
border: 5px solid #73d1c8;
width:411px;
height:205px;
padding:0;

}

.floatingleft {
    float:left;
    margin-top:10px;
    margin-right:10px;
    margin-bottom:10px;
    }

img.floatingleft, img.tealborder {
border: 5px solid #73d1c8;
	padding:0px;
}

.tealborder {
margin-top:10px;
}

.picturetrayfloat{
	float:right;
	
}

.picturetrayfloat{
float:right;
}