body { margin: 0; padding: 0; background: #930621 url(../images/bg.jpg) repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #51280d; text-align: left; }background: #000;

a { color: #51280d; text-decoration: underline; }

a:hover { color: #51280d; text-decoration: none; }

img { border: 0; }

strong { color: #961717; }

h1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #961717; margin: 10px 0 0 0; padding: 0; line-height: 1.2em;}

h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #961717; margin: 0; padding: 0; line-height: 1.2em; }

h3 {font-size: 12px; color: #00325d; margin: 0 0 5px 15px; padding: 0; line-height: 1.2em;}

h4 { margin: 2em 0 .5em 0; font-size: 12px; color: #961717; }

p { margin: 0; padding: 1em; line-height: 1.4em; }

.clear { clear: both; }

.spaces {margin: 0; padding: 15px; line-height:2.8em; list-style: url(../images/bullet.gif); list-style-position:inside;  }

.background {margin: 0 auto; padding: 0; width: 100%; background: url(../images/alt-bg.jpg) no-repeat top; overflow: hidden; }



div#container {margin: 0 auto; width: 770px; background: #fff; overflow: hidden; border-left: 5px solid #000; border-right: 5px solid #000; border-bottom: 5px solid #000;}

div#container div#top-banner {margin: 0; width: 770px; height: 146px; background: url(../images/top-banner.jpg) no-repeat; text-indent: -9000em; overflow: hidden;}

div#container div#top-banner a.logo {display: block; margin: 15px 0 0 20px; padding: 0; width: 350px; height: 110px; }





div#container div#nav {margin: 0; width: 770px; height: 30px; background: url(../images/nav-bg.gif) repeat-x; text-indent: -9000em; overflow: hidden;}

div#container div#nav ul {margin: 0 0 0 0; padding: 0; list-style: none; }

div#container div#nav ul li {float: left; margin: 0 5px 0 0; padding: 0;  }

div#container div#nav ul li a {display: block; text-indent: -9000em; overflow: hidden; height: 30px;}

div#container div#nav ul li a.home {margin: 0 0 0 15px; background: url(../images/nav-home.gif) no-repeat top; width: 65px;}

div#container div#nav ul li a.home:hover {background: url(../images/nav-home.gif) no-repeat bottom;}

div#container div#nav ul li a.about {margin: 0; background: url(../images/nav-about.gif) no-repeat top; width: 71px;}

div#container div#nav ul li a.about:hover {background: url(../images/nav-about.gif) no-repeat bottom;}

div#container div#nav ul li a.services {margin: 0; background: url(../images/nav-services.gif) no-repeat top; width: 85px;}

div#container div#nav ul li a.services:hover {background: url(../images/nav-services.gif) no-repeat bottom;}

div#container div#nav ul li a.menu {margin: 0; background: url(../images/nav-menu.gif) no-repeat top; width: 65px;}

div#container div#nav ul li a.menu:hover {background: url(../images/nav-menu.gif) no-repeat bottom;}

div#container div#nav ul li a.locations {margin: 0; background: url(../images/nav-locations.gif) no-repeat top; width: 92px;}

div#container div#nav ul li a.locations:hover {background: url(../images/nav-locations.gif) no-repeat bottom;}

div#container div#nav ul li a.wholesale {margin: 0; background: url(../images/nav-wholesale.gif) no-repeat top; width: 107px;}

div#container div#nav ul li a.wholesale:hover {background: url(../images/nav-wholesale.gif) no-repeat bottom;}

div#container div#nav ul li a.contact {margin: 0; background: url(../images/nav-contact.gif) no-repeat top; width: 90px;}

div#container div#nav ul li a.contact:hover {background: url(../images/nav-contact.gif) no-repeat bottom;}

div#container div#nav ul li a.gellatosorbetto {margin: 0; background: url(../images/nav-gelattosorbetto.gif) no-repeat top; width: 161px;}

div#container div#nav ul li a.gellatosorbetto:hover {background: url(../images/nav-gelattosorbetto.gif) no-repeat bottom;}

div#container div#nav ul li a.news {margin: 0; background: url(../images/nav-news.gif) no-repeat top; width: 66px;}

div#container div#nav ul li a.news:hover {background: url(../images/nav-news.gif) no-repeat bottom;}



div#container div#home-presentation {margin: 0; width: 770px; height: 361px; background: url(../images/presentation.gif) no-repeat; }

div#container div#presentation {margin: 0; width: 770px; height: 342px; background: url(../images/presentation.gif) no-repeat; text-indent: -9000em; overflow: hidden;}



div#container div#content {margin: 0; padding: 15px; width: 770px; height: 1%; background: url(../images/content-bg.gif) repeat-x bottom; overflow: hidden;}



div#container div#content div#left-col {float: left; margin: 0; padding: 0; width: 55%; overflow: hidden;}

div#container div#content div#left-col h1.title-home {margin: 0; padding: 0; height: 69px; background: url(../images/title-home.gif) no-repeat; text-indent: -9000em; overflow: hidden; }

div#container div#content div#left-col h1.title-contact {margin: 0; padding: 0; height: 69px; background: url(../images/title-contact.gif) no-repeat; text-indent: -9000em; overflow: hidden; }

div#container div#content div#left-col h1.title-about {margin: 0; padding: 0; height: 69px; background: url(../images/title-about.gif) no-repeat; text-indent: -9000em; overflow: hidden; }

div#container div#content div#left-col h1.title-services {margin: 0; padding: 0; height: 69px; background: url(../images/title-services.gif) no-repeat; text-indent: -9000em; overflow: hidden; }



div#container div#right-col {float: right; margin: 0; padding: 0; width: 45%; overflow: hidden;}

div#container div#right-col a.btn-menu {display: block; margin: 20px 0 0 0; width: 313px; height: 115px; background: url(../images/btn-menu.jpg) no-repeat; text-indent:-9000em; overflow: hidden;}

div#container div#right-col a.btn-menu:hover {background: url(../images/btn-menu.jpg) no-repeat bottom;}

div#container div#right-col a.btn-contact {display: block; margin: 5px 0 0 0; width: 313px; height: 115px; background: url(../images/btn-contact.jpg) no-repeat; text-indent:-9000em; overflow: hidden;}

div#container div#right-col a.btn-contact:hover {background: url(../images/btn-contact.jpg) no-repeat bottom;}

div#container div#right-col a.logo {display: block; margin: 0; padding: 0; width: 245px; height: 86px; background: url(../images/contact-logo.gif) no-repeat; text-indent: -9000em; overflow: hidden;}



div#container div#right-col a.gallery {float: right; margin: 5px; padding: 10px; background: #dee4b1; border: 1px solid #bbc382; }

div#container div#right-col a.gallery:hover {background: #bbc382; border: 1px solid #bbc382;}

div#container div#right-col a.gallery2 {float: left; margin: 10px; padding: 10px; background: #dee4b1; border: 1px solid #bbc382; }

div#container div#right-col a.gallery2:hover {background: #bbc382; border: 1px solid #bbc382;}



div#container div#content div#main-col {float: left; margin: 0; padding: 0; width: 95%; overflow: hidden;}

div#container div#content div#main-col h1.title-about {margin: 0; padding: 0; height: 69px; background: url(../images/title-about.gif) no-repeat; text-indent: -9000em; overflow: hidden; }

div#container div#content div#main-col h1.title-services {margin: 0; padding: 0; height: 69px; background: url(../images/title-services.gif) no-repeat; text-indent: -9000em; overflow: hidden; }

div#container div#content div#main-col h1.title-menu {margin: 0; padding: 0; height: 69px; background: url(../images/title-menu.gif) no-repeat; text-indent: -9000em; overflow: hidden; }

div#container div#content div#main-col h1.title-whatis {margin: 0; padding: 0; height: 69px; background: url(../images/title-whatis.gif) no-repeat; text-indent: -9000em; overflow: hidden; }

div#container div#content div#main-col h1.title-about {margin: 0; padding: 0; height: 69px; background: url(../images/title-about.gif) no-repeat; text-indent: -9000em; overflow: hidden; }

div#container div#content div#main-col h1.title-services {margin: 0; padding: 0; height: 69px; background: url(../images/title-services.gif) no-repeat; text-indent: -9000em; overflow: hidden; }

div#container div#content div#main-col h1.title-wholesale {margin: 0; padding: 0; height: 69px; background: url(../images/title-wholesale.gif) no-repeat; text-indent: -9000em; overflow: hidden; }

div#container div#content div#main-col h1.title-news {margin: 0; padding: 0; height: 69px; background: url(../images/title-news.gif) no-repeat; text-indent: -9000em; overflow: hidden; }

div#container div#content div#main-col h1.title-thankyou {margin: 0; padding: 0; height: 69px; background: url(../images/title-coupon.gif) no-repeat; text-indent: -9000em; overflow: hidden; }


div#container div#content div#main-col h2.sub-sorbetto {margin: 0; padding: 0; height: 39px; background: url(../images/sub-sorbetto.gif) no-repeat; text-indent: -9000em; overflow: hidden; }

div#container div#content div#main-col h2.sub-gelato {margin: 10px 0 0 0; padding: 0; height: 39px; background: url(../images/sub-gelato.gif) no-repeat; text-indent: -9000em; overflow: hidden; }

div#container div#content div#main-col h2.sub-yogurt {margin: 0; padding: 0; height: 39px; background: url(../images/sub-yogurt.gif) no-repeat; text-indent: -9000em; overflow: hidden; }

div#container div#content div#main-col h2.sub-toppings {margin: 0; padding: 0; height: 39px; background: url(../images/sub-toppings.gif) no-repeat; text-indent: -9000em; overflow: hidden; }



div#container div#content div#main-col .menu-table {width: 447px; background: #fbfbf3; padding: 5px; margin: 0 0 15px 0; border: 1px solid #d7dc98; }

div#container div#content div#main-col .menu-table2 {width: 447px; background: #fbfbf3; padding: 5px; margin: 0; border: 1px solid #d7dc98; }



div#container div#content div#main-col tr {background: #fff; }

div#container div#content div#main-col td {padding: 10px; margin: 10px; border: 1px solid #f2f4da; }

div#container div#content div#main-col td a.menu {background: #ebebd8; padding: 10px; display: block;  }

div#container div#content div#main-col td a.menu:hover {background: #fff; }



div#container div#content div#main-col a.gelato {display: block; margin: 10px 0 0 0; padding: 0; width: 447px; height: 39px; background: url(../images/sub-gelato.gif) no-repeat; text-indent: -9000em; overflow: hidden; }

div#container div#content div#main-col a.gelato:hover {background: url(../images/sub-gelato.gif) no-repeat bottom;}

div#container div#content div#main-col a.sorbetto {display: block; margin: 10px 0 0 0; padding: 0; width: 447px; height: 39px; background: url(../images/sub-sorbetto.gif) no-repeat; text-indent: -9000em; overflow: hidden; }

div#container div#content div#main-col a.sorbetto:hover {background: url(../images/sub-sorbetto.gif) no-repeat bottom;}

div#container div#content div#main-col a.toppings {display: block; margin: 10px 0 0 0; padding: 0; width: 447px; height: 39px; background: url(../images/sub-toppings.gif) no-repeat; text-indent: -9000em; overflow: hidden; }

div#container div#content div#main-col a.toppings:hover {background: url(../images/sub-toppings.gif) no-repeat bottom;}

div#container div#content div#main-col a.yogurt {display: block; margin: 10px 0 0 0; padding: 0; width: 447px; height: 39px; background: url(../images/sub-yogurt.gif) no-repeat; text-indent: -9000em; overflow: hidden; }

div#container div#content div#main-col a.yogurt:hover {background: url(../images/sub-yogurt.gif) no-repeat bottom;}

div#container div#content div#main-col a.specialties {display: block; margin: 10px 0 0 0; padding: 0; width: 447px; height: 39px; background: url(../images/sub-specialties.gif) no-repeat; text-indent: -9000em; overflow: hidden; }

div#container div#content div#main-col a.specialties:hover {background: url(../images/sub-specialties.gif) no-repeat bottom;}

div#container div#content div#main-col a.whatissorbetto {display: block; margin: 10px 0 0 0; padding: 0; width: 447px; height: 39px; background: url(../images/sub-whatissorbetto.gif) no-repeat; text-indent: -9000em; overflow: hidden; }

div#container div#content div#main-col a.whatissorbetto:hover {background: url(../images/sub-whatissorbetto.gif) no-repeat bottom;}

div#container div#content div#main-col a.whatisgelatto {display: block; margin: 10px 0 0 0; padding: 0; width: 447px; height: 39px; background: url(../images/sub-whatisgelatto.gif) no-repeat; text-indent: -9000em; overflow: hidden; }

div#container div#content div#main-col a.whatisgelatto:hover {background: url(../images/sub-whatisgelatto.gif) no-repeat bottom;}

div#container div#content div#main-col a.nutrition {display: block; margin: 10px 0 0 0; padding: 0; width: 447px; height: 39px; background: url(../images/sub-nutrition.gif) no-repeat; text-indent: -9000em; overflow: hidden; }

div#container div#content div#main-col a.nutrition:hover {background: url(../images/sub-nutrition.gif) no-repeat bottom;}



div#container div#content div#main-col a.gallery {float: right; margin: 10px; padding: 10px; background: #dee4b1; border: 1px solid #bbc382; }

div#container div#content div#main-col a.gallery:hover {background: #bbc382; border: 1px solid #bbc382;}

div#container div#content div#main-col a.gallery2 {float: left; margin: 10px; padding: 10px; background: #dee4b1; border: 1px solid #bbc382; }

div#container div#content div#main-col a.gallery2:hover {background: #bbc382; border: 1px solid #bbc382;}

div#container div#content div#main-col a.gallery3 {align: top; left: -50%; margin: 10px; padding: 10px; background: #dee4b1; border: 1px solid #bbc382; }

div#container div#content div#main-col a.gallery3:hover {background: #bbc382; border: 1px solid #bbc382;}



div#footer {margin: 0 auto; padding: 0; width: 718px; height: 1%; background: #5a061b; overflow: hidden; color: #9e7765; font-size: 10px;  }

div#footer div#inner {padding: 15px; color: #9e7765; font-size: 10px;}

div#footer div#inner a {color: #9e7765; text-decoration: underline; }

div#footer div#inner a:hover {color: #9e7765; text-decoration: none; }

div#footer div#inner .inward {float: right; margin: 0;}

div#footer-bottom {margin: 0 auto; padding: 0; width: 718px; height: 6px; background: url(../images/footer-bottom.gif) no-repeat; overflow: hidden;  }

div#footer-glare {margin: 0 auto; padding: 0; width: 718px; height: 50px; background: url(../images/footer-glare.gif) no-repeat; overflow: hidden;  }