body {
	background-color: #000;
}
#wrapper {
	height: auto;
	width: 1024px;
	background-color: #9F1217;
	margin: auto;
}
#hero {
	height: auto;
	width: 1017px;
}
#topnav {
	height: 58px;
	width: 1024px;
}
#logo {
	height: auto;
	width: 1024px;
}
#buckets {
	height: 170px;
	width: 1024px;
	background-color: #FFF;
}
#footer {
	height: auto;
	min-height:210px;
	width: 1024px;
}
#romabucket {
	float: left;
	height: auto;
	width: auto;
}
#home {
	height: auto;
	width: 168px;
	float: left;
}
#menu {
	height: auto;
	width: 138px;
	float: left;
	clear: none;
}
#welcome {
	height: auto;
	width: 1024px;
	float: none;
}
#locations {
	float: left;
	height: auto;
	width: auto;
}
#gallery {
	float: left;
	height: auto;
	width: auto;
}
#contact {
	float: left;
	height: auto;
	width: auto;
}
#opportunities {
	float: left;
	height: auto;
	width: auto;
}
#news {
	float: left;
	height: auto;
	width: auto;
}
#newsbucket {
	float: left;
	height: auto;
	width: auto;
}
#footer {
	background-image: url(images/index/red_bottom.gif);
	height: 190px;
	width: 1024px;
}
#newsletter {
	float: left;
	height: 200px;
	width: 210px;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 40px;
	margin-right: 30px;
}
#footer_newsletter_email{
	width:202px;
}
#menubucket {
	float: left;
	width: auto;
	height: auto;
}
#contactusfooter {
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	width: 200px;
	margin-top: 20px;
	margin-right: 40px;
	margin-bottom: 10px;
	margin-left: 40px;
}
#navigatefooter {
	float: left;
	height: auto;
	width: 100px;
	margin-top: 20px;
	margin-right: 40px;
	margin-bottom: 10px;
	margin-left: 30px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	line-height: 5px;
	font-weight: bold;
}
#locationbody {
	height: 470px;
	width: 1024px;
	background-color: #FFF;
	padding-top: 0px;
}
}

#page-wrap {
	width: 660px;
	background: white;
	min-height: 500px;
	height: 1000px !important;
	height: 500px;
}

#contact-area {
	width: 600px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-top: 20px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	height: auto;
}


#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 471px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}
#radio {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: auto;
	width: 100px;
	padding-left: 40px;
}
#sm_caffee {
	float: left;
	height: auto;
	width: auto;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	color: #9F1217;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}
#caffe_content {
	width: 700px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	height: auto;
	padding-left: 40px;
	line-height: 17px;
}
#caffee_img {
	height: auto;
	width: 1024px;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	color: #000;
	font-size: 12px;
}


#menuoption_box {
	background-color: #FFF;
	height: 640px;
	width: 1024px;
}
#chooselocation {
	float: left;
	height: auto;
	width: auto;
	padding-left: 27px;
}
#chooselocation2 {
	float: left;
	height: auto;
	width: auto;
	padding-left: 40px;
}
#romabody {
	background-color: #FFF;
	height: auto;
	width: 1024px;
	padding-bottom: 30px;
}
#subnav {
	height: auto;
	width: 1024px;
}
#sm_menu {
	float: left;
	height: auto;
	width: auto;
}
#sm_gelato {
	float: left;
	height: auto;
	width: auto;
}
#subn_location {
	float: left;
	height: auto;
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
}
#menu_body {
	height: 620px;
	width: 1024px;
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	padding-top: 20px;
}
#menu_bodyx {
	height: 620px;
	width: 1024px;
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	padding-top: 20px;
}
#darkred {
	height: 270px;
	width: 1024px;
	background-color: #FFF;
}
.submit-button {
	width: auto;
	height: auto;
	background-image: url(images/contact/button_09.gif);
	background-attachment: scroll;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-position: center center;
	float: left;
	margin-left: 10px;
}
#oppcontent2 {
}

.white a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
}
#barmenu {
	width: 1004px;
	height: auto;
	padding-top: 45px;
	padding-left: 27px;
	padding-bottom: 20px;
}
#barmenux {
	width: 400px;
	height: auto;
	padding-top: 45px;
	padding-left: 27px;
	padding-bottom: 20px;
}
#drinksbody {
	height: 100px;
	width: 1024px;
	background-color: #FFF;
}
#menu_buckets {
	background-image: url(images/index/bucket_bg.gif);
	width: 341px;
}
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #9F1217;
	text-transform: none;
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 15px;
}
h9 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 1px;
	color: #9F1217;
	font-weight: bold;
	margin-top: 20px;
}
h9.f1{
	line-height:normal;
	padding-bottom:10px;
}
h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #9F1217;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 5px;
	font-weight: bold;
}
#pasta {
	height: auto;
	width: 480px;
	float: left;
	padding-left: 35px;
}
#salads {
	float: left;
	height: auto;
	width: 400px;
	clear: none;
	margin-right: 50px;
}
#salad2 {
	float: right;
	height: auto;
	width: 400px;
	margin-left: 580px;
}
#pastax {
	height: auto;
	width: 480px;
	float: left;
	padding-left: 35px;
}
#saladsx {
	float: left;
	height: auto;
	width: 400px;
	clear: none;
	margin-right: 50px;
}
#salad2x {
	float: right;
	height: auto;
	width: 400px;
	margin-left: 580px;
}
#location1 {
	height: 470px;
	width: 1024px;
}
#locationimg {
	float: left;
	height: auto;
	width: auto;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	padding-top: 30px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#locationinfo {
	height: 450px;
	width: auto;
	padding: 10px;
}
#locationmenu {
	float: left;
	height: auto;
	width: auto;
	margin-top: 10px;
}
#seemap {
	float: left;
	height: auto;
	width: auto;
	padding-left: 20px;
	margin-top: 10px;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	color: #000;
	font-weight: bold;
}
h10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#location2 {
	float: none;
	width: 1024px;
	height: 600px;
	margin-top: 600px;
}
#newsbody {
	background-color: #9F1217;
	height: 300px;
	width: 1024px;
}
#newsbody2 {
	height: 425px;
	width: 1024px;
	background-color: #9F1217;
}
#storybody {
	height: 290px;
	width: 1024px;
	background-color: #FFF;
	margin-bottom: 10px;
}
#oppbody {
	height: 31px;
	width: 1024px;
	background-color: #FFF;
}
#sub4 {
	float: left;
	height: auto;
	width: auto;
}
#oppcontent {
	height: auto;
	width: 800px;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
}
#contactinfo {
	float: right;
	height: auto;
	width: 350px;
	clear: none;
	color: #000;
	margin-right: 100px;
	margin-top: 7px;
}
#contactinfo2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	float: right;
	height: auto;
	width: 350px;
	margin-top: 20px;
	margin-bottom: 20px;
}
h8 {
	font-family: Arial, Helvetica, sans-serif;
	color: #9F1217;
	font-size: 18px;
	font-weight: bold;
}
#opptext {
	height: auto;
	width: 350px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 23px;
}
.submit-button {
	background-image: url(images/contact/button_09.gif);
	font-family: Arial, Helvetica, sans-serif;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
h7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #9F1217;
	line-height: 15px;
	font-weight: bold;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}
#milkbased {
	height: auto;
	width: 300px;
	padding-left: 30px;
}
#storycontent {
	float: left;
	height: auto;
	width: 570px;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	margin-bottom: 10px;
	color: #000;
	font-weight: normal;
	margin-top: 5px;
}
#wines {
	float: left;
	height: auto;
	width: 300px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
	color: #000;
}
#darkred2 {
	background-image: url(images/menu/darkredBG.gif);
	height: 250px;
	width: 1024px;
	padding: 0px;
}
#colddrinks {
	height: auto;
	width: 300px;
	float: left;
	padding-left: 30px;
}
#hotdrink {
	float: left;
	height: auto;
	width: 341px;
}
a {
	font-family: Arial, Helvetica, sans-serif;
	color: #9F1217;
	font-size: 11px;
}
#gallerybody {
	height: 800px;
	width: 1024px;
	background-color: #FFF;
}
#imgbox {
	height: 230px;
	width: 230px;
	float: left;
	background-color: #FFF;
	background-image: url(images/gallery/test-img.gif);
}
#gelato_body {
	background-color: #FFF;
	height: 600px;
	width: 1024px;
	margin-top: 30px;
}
#imgtitle {
	height: 80px;
	width: 230px;
	float: left;
	margin: 0px;
}
#contactbody {
	background-color: #FFF;
	height: auto;
	width: 1024px;
	padding-top: 10px;
}
#oppdarkred {
	background-image: url(images/menu/darkredBG.gif);
	height: auto;
	width: 1024px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000;
	margin-bottom: 1px;
}
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-decoration: none;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-decoration: none;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #9F1217;
	text-decoration: none;
}
#h11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 4px;
	color: #000;
}
#wrapper #footer #contactusfooter h2 i {
	color: #000;
}
#title {
	background-color: #FFF;
	height: 20px;
	width: auto;
	padding-top: 40px;
}
#milk2 {
	width: 200px;
	height: 320px;
	float: right;
	margin-right: 500px;
	margin-top: 60px;
}
#socialnetwork {
	width: 200px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
}
#twitter {
	float: left;
	height: auto;
	width: auto;
	padding-right: 5px;
}
#g_1 {
	float: left;
	height: auto;
	width: 315px;
	padding-left: 30px;
}
#g_2 {
	float: left;
	height: auto;
	width: 300px;
	padding-top: 55px;
}
#g_3 {
	float: left;
	height: auto;
	width: 350px;
}
#gelatoflavors {
	height: auto;
	width: 1024px;
	padding-left: 30px;
	padding-top: 30px;
}
.white {
	color: #FFF;
}
#images {
	float: left;
	height: auto;
	width: 230px;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 20px;
}
.smallp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 15px;
}
#newsimg {
	height: 256px;
	width: auto;
	margin-left: 30px;
	float: left;
	margin-top: 20px;
	margin-right: 15px;
}
#storybodylast {
	background-color: #FFF;
	height: 290px;
	width: 1024px;
}
#contactbody #contact-area form label strong {
	color: #000;
	font-size: 10em;
}

/* ---------------------------------------------------- */
/* GLOBAL
/* ---------------------------------------------------- */
html {
font-size: 76%;}

body {
font-family: arial, helvetica, sans-serif;
line-height: 1.4em;
font-size: 1.2em;
padding: 5%;}

/* ---------------------------------------------------- */
/* SLIDESHOW
/* ---------------------------------------------------- */
#slideshow {
width: 960px;
background-color: #eee;
border: 1px solid #ddd;}

#slideshow ul {
margin: 0;
padding: 0;
list-style-type: none;
height: 1%; /* IE fix */}

#slideshow ul:after {
content: ".";
clear: both;
display: block;
height: 0;
visibility: hidden;}            

/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */
#slideshow .slides {
overflow: hidden;
width: 960px;}

#slideshow .slides ul {
width: 2880px;}

#slideshow .slides li {
width: 920px;
float: left;
padding: 20px;}

#slideshow .slides h2 {
margin-top: 0;}

/* ---------------------------------------------------- */
/* SLIDESHOW > NAVIGATION
/* ---------------------------------------------------- */
#slideshow .slides-nav {
background-color: #ddd;
border-top: 2px solid #ccc;}

#slideshow .slides-nav li {
float: left;}

#slideshow .slides-nav li a {
display: block;
padding: 15px 20px;
outline: none;}

.js #slideshow .slides-nav li.on,
.js #slideshow .slides-nav li.on a {
background-color: #eee;}

.js #slideshow .slides-nav li.on a {
position: relative;
top: -4px;}
#sub1 {
	float: left;
	height: auto;
	width: 157px;
}
#sub3 {
	float: left;
	height: auto;
	width: 142px;
}
#sub2 {
	float: left;
	height: auto;
	width: 142px;
}
#subn_opp {
	height: 31px;
	width: 1024px;
	float: none;
}
#baysub4 {
	float: left;
	height: auto;
	width: auto;
}
#opportunitybody {
	background-color: #FFF;
	height: auto;
	width: 1024px;
	color: #000;
}
#oppbody #opportunitybody #contact-area form {
	color: #000;
}
#oppbody #opportunitybody #oppcontent {
	color: #EC1E19;
}
#contentbucket {
	float: left;
	height: 150px;
	width: 220px;
	padding-right: 18px;
	padding-bottom: 18px;
	padding-left: 18px;
	background-image: url(images/index/bucket_bg.gif);
	background-position: right;
	background-repeat: no-repeat;
}
#learnmore {
	height: auto;
	width: 1024px;
}
#contentbucket2 {
	float: left;
	height: auto;
	width: 220px;
}
.radio {
	height: auto;
	width: 50px;
}
#contact-area2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 1000px;
	width: 800px;
	padding-top: 39px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
}
#contentbucket1 {
	height: auto;
	width: 210px;
	padding-left: 30px;
}
#oppcontent2 {
	height: auto;
	width: 700px;
	margin-left: 30px;
	padding-top: 30px;
}

}

.custom-checkbox label, 
.custom-radio label {
	display: block;
	position: relative;
	z-index: 1;
	font-size: 1.3em;
	padding-right: 1em;
	line-height: 1;
	padding: .5em 0 .5em 30px;
	margin: 0 0 .3em;
	cursor: pointer;
}
fieldset {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
storybodymiddle {
	height: 300px;
	width: 1024px;
	margin-bottom: 20px;
}
#storycontent2 {
	float: left;
	height: auto;
	width: auto;
	margin-top: 40px;
}
#newsimg2 {
	float: left;
	height: auto;
	width: auto;
	margin-top: 40px;
}
h11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 50px;
	color: #000;
	font-weight: bold;
	padding-top: 30px;
}
.h4i {
	font-style: italic;
	font-weight: normal;
}
#learnmore {
	height: 30px;
	width: 190px;
	margin-top: 44px;
}
#learnmore2 {
	height: 30px;
	width: 190px;
	margin-top: 30px;
}
#learnmore3 {
	height: 30px;
	width: 190px;
	margin-top: 16px;
}
#drinksbody {
	height: 580px;
	width: 1024px;
	margin-top: 20px;
}
#bayviewsub4 {
	float: left;
	height: auto;
	width: auto;
}
#sweets {
	height: auto;
	width: 500px;
	margin-left: 35px;
	margin-bottom: 30px;
}
.manditory {
	color: #9F1217;
}
#application_button {
	float: left;
	height: auto;
	width: auto;
}
#menu_sweets {
	height: 350px;
	width: 1024px;
	background-color: #FFF;
}
#contact_opp_form {
	background-color: #FFF;
	width: 1024px;
}
#franchise {
	float: left;
	height: auto;
	width: 210px;
	margin-top: 20px;
	margin-right: 40px;
	margin-bottom: 10px;
	margin-left: 40px;
}
.i {
	font-style: italic;
}
.i {
	font-style: italic;
}

.input2 {    
border: 1px solid #006; }


/* footer newsletter */

.val_1{
	list-style:inside;
	list-style-type:square;
	padding:0px;
	margin:0px;
	margin-bottom:3px;
}
.val_1 li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:0px;
	margin:0px;
	padding-left:8px;
}
.val_1 li.ok{
	color:#0f0;
	background:#040;
}
.val_1 li.fail{
	color:#f00;
	background:#400;
}




/* contact */

.val_2{
	list-style:inside;
	list-style-type:square;
	padding:0px;
	margin:0px;
	margin-bottom:10px;
	width:485px;
}
.val_2 li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:0px;
	margin:0px;
}
.val_2 li.ok{
	color:#080;
}
.val_2 li.fail{
	color:#800;
}