body {background: url(images/bodybackground.jpg) 0 0 repeat-x; margin: 0; padding: 0;}
h2 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 22px;  color: #454444; margin: 0; padding: 0;}
p {font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; line-height: 20px; color: #454444; margin: 0; padding: 10px 0 0 0;}
#container {width: 951px; height: 750px; background: url(images/container.png) 0 0 no-repeat; margin: 0 auto; padding: 50px 0 0 49px; position: relative;}
#leftside {width: 330px; height: 557px; margin: 0; padding: 50px 0 0 38px; float: left;}
#menu {margin: 0; padding: 220px 0 0 10px;}

a.home {display: block; width: 76px; height: 40px; text-decoration: none; background: url("images/homebutton.jpg"); float: left; margin: 0; padding: 0;}
a.home:hover {background-position: 0 -40px;}
a.menu {display: block; width: 73px; height: 40px; text-decoration: none; background: url("images/menubutton.jpg"); float: left; margin: 0; padding: 0;}
a.menu:hover {background-position: 0 -40px;}
a.locations {display: block; width: 122px; height: 40px; text-decoration: none; background: url("images/locationsbutton.jpg"); float: left; margin: 0; padding: 0;}
a.locations:hover {background-position: 0 -40px;}
.displace {display: none;}
.clear {margin: 0; padding: 0; clear: both;}
#homeleftphoto {width: 269px; height: 202px; background: url(images/homeleftphoto.jpg) 0 0 no-repeat; margin: 23px 0 0 12px; padding: 0;}

#socialnetworking {margin: 0; padding: 26px 0 0 0;}
a.facebook {display: block; width: 72px; height: 78px; text-decoration: none; background: url("images/facebook.jpg"); float: left; margin: 0; padding: 0;}
a.facebook:hover {background-position: 0 -78px;}

a.twitter {display: block; width: 85px; height: 78px; text-decoration: none; background: url("images/twitter.jpg"); float: left; margin: 0; padding: 0;}
a.twitter:hover {background-position: 0 -78px;}

a.yelp {display: block; width: 78px; height: 78px; text-decoration: none; background: url("images/yelp.jpg"); float: left; margin: 0; padding: 0;}
a.yelp:hover {background-position: 0 -78px;}

a.instagram {display: block; width: 59px; height: 78px; text-decoration: none; background: url("images/instagram.jpg"); float: left; margin: 0; padding: 0;}
a.instagram:hover {background-position: 0 -78px;}

#rightside {float: left; margin: 0; padding: 38px 0 0 0;}
#homephoto {width: 498px; height: 342px; background: url(images/homeframe.jpg) 0 0 no-repeat; margin: 0; padding: 0;}
#slideshowholder {width: 478px; height: 322px; margin: 0; padding: 10px 0 0 10px;}
#aboutus {width: 498px; margin: 0; padding: 20px 0 0 0;}
#copyright {width: 1000px; height: 20px; position: absolute; bottom: 70px; left: 0px;}


/*  Menu Page   */
#menuleftphoto {width: 269px; height: 202px; margin: 23px 0 0 12px; padding: 0;}
a.WeeklySpecials {display: block; width: 269px; height: 202px; text-decoration: none; background: url("images/menuleftphoto.jpg"); margin: 0; padding: 0;}
a.WeeklySpecials:hover {background-position: 0 -202px;}
#menuimagestop {width: 498px; height: 135px; background: url(images/menuimagestop.jpg) 0 0 no-repeat; margin: 0; padding: 0;}
#menutext {width: 498px; height: 50px; margin: 0; padding: 12px 0 0 0;}
#menutext a:link, #menutext a:visited {color: #454444; text-decoration: underline;}
#menutext a:hover {color: #de2d26;}
#menus {width: 510px; height: 247px; margin: 0; padding: 15px 0 0 0;}
a#menu1 {display: block; width: 165px; height: 232px; text-decoration: none; border: none; background: url("images/menu1.jpg"); float: left; margin: 0; padding: 0;}
a#menu1:hover {background-position: 0 -232px;}
a#menu2 {display: block; width: 169px; height: 232px; text-decoration: none; border: none; background: url("images/menu2.jpg"); float: left; margin: 0; padding: 0;}
a#menu2:hover {background-position: 0 -232px;}
a#menu3 {display: block; width: 166px; height: 232px; text-decoration: none; border: none; background: url("images/menu3.jpg"); float: left; margin: 0; padding: 0;}
a#menu3:hover {background-position: 0 -232px;}
#menuimagesbottom {width: 498px; height: 135px; background: url(images/menuimagesbottom.jpg) 0 0 no-repeat; margin: 0; padding: 0;}


/*  Locations page   */
#locationsleftphoto {width: 269px; height: 202px; background: url(images/locationsleftphoto.jpg) 0 0 no-repeat; margin: 23px 0 0 12px; padding: 0;}
.locationsbar {width: 498px; height: 26px; background: url(images/locationsbar.jpg) 0 0 no-repeat; margin: 0; padding: 0;}
#locationsheader {width: 498px; height: 24px; margin: 0; padding: 20px 0 0 0;}
a.orderonline {display: block; width: 180px; height: 36px; text-decoration: none; background: url("images/OrderOnlineButton.jpg"); float: right; margin: -38px 0 0 0; padding: 0;}
a.orderonline:hover {background-position: 0 -36px;}
#location1 {width: 498px; border-top: solid 1px #d2d2d2; margin: 10px 0 0 0; padding: 0;}
#location1left {float: left; margin: 0; padding: 0;}
#location1logo {width: 228px; height: 133px; background: url(images/locationslogo1.jpg) 0 0 no-repeat; margin: 0; padding: 0;}
#location1map {margin: 0; padding: 20px 0 0 0;}
a#map1 {display: block; width: 228px; height: 97px; text-decoration: none; background: url("images/location1map.jpg"); margin: 0; padding: 0;}
a#map1:hover {background-position: 0 -97px;}
#location1text {float: left; margin: 0; padding: 20px 0 0 0;}
#location1text p {line-height: 16px;}
#location1text a:link, #location1text a:visited {text-decoration: underline; color: #454444;}
#location1text a:hover {color: #de2d26;}

#location2 {width: 498px; border-top: solid 1px #d2d2d2; margin: 0; padding: 0;}
#location2left {float: left; margin: 0; padding: 0;}
#location2logo {width: 228px; height: 133px; background: url(images/locationslogo2.jpg) 0 0 no-repeat; margin: 0; padding: 0;}
#location2map {margin: 0; padding: 20px 0 0 0;}
a#map2 {display: block; width: 228px; height: 96px; text-decoration: none; background: url("images/location2map.jpg"); margin: 0; padding: 0;}
a#map2:hover {background-position: 0 -96px;}
#location2text {float: left; margin: 0; padding: 20px 0 0 0;}
#location2text p {line-height: 16px;}
#location2text a:link, #location2text a:visited {text-decoration: underline; color: #454444;}
#location2text a:hover {color: #de2d26;}

#location3 {width: 498px; border-top: solid 1px #d2d2d2; margin: 0; padding: 0;}
#location3left {float: left; margin: 0; padding: 0;}
#location3logo {width: 228px; height: 133px; background: url(images/locationslogo2.jpg) 0 0 no-repeat; margin: 0; padding: 0;}
#location3map {margin: 0; padding: 20px 0 0 0;}
a#map3 {display: block; width: 228px; height: 96px; text-decoration: none; background: url("images/location3map.jpg"); margin: 0; padding: 0;}
a#map3:hover {background-position: 0 -97px;}
#location3text {float: left; margin: 0; padding: 20px 0 0 0;}
#location3text p {line-height: 16px;}
#location3text a:link, #location3text a:visited {text-decoration: underline; color: #454444;}
#location3text a:hover {color: #de2d26;}