/* main nav hover+live: #ffce94 subnav hover+live orange: #d78b32 subnav grey: #7c7c7c span orange: #f2a852 header red: #cd5060 body link orange: #d78b32 body link hover red: #cd5060 */ body {margin:20px 0 0 0; padding:0; background-image:url(images/pattern.jpg); background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif; color:#666666; line-height:150%; font-size:80%} h1,h2,h3,h4 {margin:0; padding:0;} p {margin:0 0 20px 0; padding:0;} ul,li {margin:0; padding:0; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0;} * html .clearfix { height: 1px; } .clearfix { display: block; min-width: 0; _height: 1%;} div.pageWrapper {margin:0 auto; width:980px} a {cursor:pointer} /*header logo*/ div.pageWrapper div.header {height: 185px;} div.pageWrapper div.header div {float:left;} div.pageWrapper div.header div.logo {width:215px;} div.pageWrapper div.header div.logo h1 {width:142px; padding:0px; margin:0px; float: left;} div.pageWrapper div.header div.logo h1 a {padding:0px; margin-top:4px; height:161px; width:214px; display:block; background:url(images/newlogo.gif) no-repeat 0px 0px;} div.pageWrapper div.header div.logo h1 a span{display:none;} /*main navigation*/ div.pageWrapper div.header div.nav {float:right;position:relative;top:68px;width:750px;} div.pageWrapper div.header div.nav ul {} div.pageWrapper div.header div.nav ul li {display:inline-table; float:left; list-style-type:none;padding:0px 15px 0 0;} div.pageWrapper div.header div.nav ul li a { height:20px; overflow:hidden; font-weight: bold; font-size:11px; letter-spacing: 2px; font-family: Helvetica, Arial, sans-serif; color:#fff;; text-decoration: none;line-height: 33px;vertical-align: top;} div.pageWrapper div.header div.nav ul li a:hover {color:#ffce94} div.pageWrapper div.header div.nav ul li a.live {color:#ffce94} /*generic body styles*/ div.pageWrapper div.content {margin-bottom: 0px;} div.pageWrapper div.content div {float:left; margin-top: 0px;} .bold-body{color:#d78b32; font-weight:bold;} .italic{font-style:italic;} .orange{color:#d78b32;} div.pageWrapper div.content div.colOne h2{background-repeat:no-repeat; overflow:visible; margin-bottom:20px;} /*homepage specific*/ div.pageWrapper div.content div.colOneTwoCols {width:270px; margin-left: 20px; margin-right:50px;} * html div.pageWrapper div.content div.colOneTwoCols {margin-left:-20px;} div.pageWrapper div.content div.colOneTwoCols h1 {font-family:Georgia, Times New Roman, serif; font-weight:normal; font-style:italic; font-size: 22px; line-height: 27px; color:#cd5060; margin-top:0px; /* height:30px; */ overflow:visible;} div.pageWrapper div.content div.colOneTwoCols p {margin-bottom:40px;} div.pageWrapper div.content div.colTwoTwoCols {width:620px;} div.pageWrapper div.content div.colTwoTwoCols h1 {font-family:Georgia, Times New Roman, serif; font-weight:normal; font-style:italic; color:#cd5060; font-size: 22px; line-height: 27px; margin-top:0px; /* height:50px; */ overflow:visible;} div.pageWrapper div.content div.colTwoTwoCols h1 span {color:#f2a852} div.pageWrapper div.content div.colTwoTwoCols p {margin-bottom:30px;} /*column widths*/ div.pageWrapper div.content div.colOne {width:190px; margin-left:20px; margin-right:20px; margin-top: 0px; } div.pageWrapper div.content div.colTwo {width:365px; margin-right:25px;} div.pageWrapper div.content div.colThree {width:360px;} /*press specific columns*/ div.pageWrapper div.content div.colTwoPress {width:700px;} /*headers*/ div.pageWrapper div.content div.colOne h2 {font-family:Georgia, Times New Roman, serif; font-size: 22px;font-weight:normal; font-style:italic; color:#cd5060; overflow:visible; margin-bottom: 20px;} div.pageWrapper div.content div.colOne ul li a {font-family:Georgia, Times New Roman, serif; font-weight:normal; font-style:italic; color:#7c7c7c; margin-top:0px; height:35px; overflow:visible; display: block;} div.pageWrapper div.content div.colOne ul li a:hover {color:#d78b32} div.pageWrapper div.content div.colOne ul li a.live {color:#d78b32} /*k*/ div.pageWrapper div.content div.colTwoPress h2 {font-family:Georgia, Times New Roman, serif; font-size: 22px;font-weight:normal; font-style:italic; color:#cd5060; overflow:visible; margin-bottom: 5px;} div.pageWrapper div.content div.colTwoPress h1 {font-family:Georgia, Times New Roman, serif; font-weight:normal; font-style:italic; color:#d78b32; font-size: 18px; line-height: 23px; margin-top:0px; /* height:50px; */ overflow:visible;} div.pageWrapper div.content div.colTwo h2 {font-family:Georgia, Times New Roman, serif; font-size: 12px;font-weight:bold; font-style:italic; color:#cd5060; overflow:visible; margin-bottom: 0px;} div.pageWrapper div.content div.colThree h2 {font-family:Georgia, Times New Roman, serif; font-size: 12px;font-weight:bold; font-style:italic; color:#cd5060; overflow:visible; margin-bottom: 0px;} /*k new press*/ div.pageWrapper div.content div.colTwo a {font-family:georgia, times, serif; font-style:italic; font-weight:normal; padding-bottom:3px; color:#d78b32; display:inline; text-decoration:none; font-size:12px;} div.pageWrapper div.content div.colTwo a:hover{color:#cd5060;} .download{font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; font-weight:normal; font-style:italic;} div.pageWrapper div.content div.colTwo{overflow:auto;} div.pageWrapper div.content div.colTwo p {margin-bottom: 12px;} div.pageWrapper div.content div.colThree a {font-family:georgia, times, serif; font-style:italic; font-weight:normal; padding-bottom:3px; color:#d78b32; display:inline; text-decoration:none; font-size:12px;} div.pageWrapper div.content div.colThree a:hover{color:#cd5060;} .download{font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; font-weight:normal; font-style:italic;} div.pageWrapper div.content div.colThree{overflow:auto;} div.pageWrapper div.content div.colThree p {margin-bottom: 12px;} /*locations headers div.pageWrapper div.content div.colOneLocations h2{background-repeat:no-repeat; height:0px; overflow:hidden; padding-top:23px; margin-bottom:15px;} div.pageWrapper div.content div.colOneLocations h2.location-hdr{background-image:url(images/header/hdr-locations.gif);} div.pageWrapper div.content div.colTwoLocations h2{background-repeat:no-repeat; height:0px; overflow:hidden; padding-top:23px; margin-bottom:15px;} div.pageWrapper div.content div.colTwoLocations h2.contact{background-image:url(images/header/hdr-contact.gif);} body link orange: #d78b32 body link hover red: #cd5060 */ /*NEW locations headers*/ div.pageWrapper div.content div.colOneLocations h2, div.pageWrapper div.content div.colTwoLocations h2 {font-family:Georgia, Times New Roman, serif; font-size: 22px;font-weight:normal; font-style:italic; color:#cd5060; padding-top:0px; height:23px; overflow:hidden;} /*left column subnav*/ div.pageWrapper div.content div.colOne ul {} div.pageWrapper div.content div.colOne li {list-style-type:none;} div.pageWrapper div.content div.colOne li a {display:block; overflow:hidden; font-size: 16px;text-decoration: none} /*left column subnav-philosophy div.pageWrapper div.content div.colOne li a.approach{background:url(images/subnav/ourapproach-off.gif) no-repeat;} div.pageWrapper div.content div.colOne li a.approach:hover{background:url(images/subnav/ourapproach-on.gif) no-repeat;} div.pageWrapper div.content div.colOne li a.approach-active{background:url(images/subnav/ourapproach-on.gif) no-repeat;} div.pageWrapper div.content div.colOne li a.ingredients{background:url(images/subnav/ingredients-off.gif) no-repeat;} div.pageWrapper div.content div.colOne li a.ingredients:hover{background:url(images/subnav/ingredients-on.gif) no-repeat;} div.pageWrapper div.content div.colOne li a.ingredients-active{background:url(images/subnav/ingredients-on.gif) no-repeat;} div.pageWrapper div.content div.colOne li a.gelatovs{background:url(images/subnav/gelatovs-off.gif) no-repeat;} div.pageWrapper div.content div.colOne li a.gelatovs:hover{background:url(images/subnav/gelatovs-on.gif) no-repeat;} div.pageWrapper div.content div.colOne li a.gelatovs-active{background:url(images/subnav/gelatovs-on.gif) no-repeat;} */ /*left column subnav-ourstory div.pageWrapper div.content div.colOne li a.who-we-are{background:url(images/subnav/who-off.gif) no-repeat;} div.pageWrapper div.content div.colOne li a.who-we-are:hover{background:url(images/subnav/who-on.gif) no-repeat;} div.pageWrapper div.content div.colOne li a.who-we-are-active{background:url(images/subnav/who-on.gif) no-repeat;} div.pageWrapper div.content div.colOne li a.idea-born{background:url(images/subnav/born-off.gif) no-repeat;} div.pageWrapper div.content div.colOne li a.idea-born:hover{background:url(images/subnav/born-on.gif) no-repeat;} div.pageWrapper div.content div.colOne li a.idea-born-active{background:url(images/subnav/born-on.gif) no-repeat;} */ /*left column subnav-ourgelato div.pageWrapper div.content div.colOne li a.flavors{background:url(images/subnav/flavors-off.gif) no-repeat;} div.pageWrapper div.content div.colOne li a.flavors:hover{background:url(images/subnav/flavors-on.gif) no-repeat;} div.pageWrapper div.content div.colOne li a.flavors-active{background:url(images/subnav/flavors-on.gif) no-repeat;} div.pageWrapper div.content div.colOne li a.flavor-month{background:url(images/subnav/flavormonth-off.gif) no-repeat;} div.pageWrapper div.content div.colOne li a.flavor-month:hover{background:url(images/subnav/flavormonth-on.gif) no-repeat;} div.pageWrapper div.content div.colOne li a.flavor-month-active{background:url(images/subnav/flavormonth-on.gif) no-repeat;} div.pageWrapper div.content div.colOne li a.cakes{background:url(images/subnav/cakes-off.gif) no-repeat;} div.pageWrapper div.content div.colOne li a.cakes:hover{background:url(images/subnav/cakes-on.gif) no-repeat;} div.pageWrapper div.content div.colOne li a.cakes-active{background:url(images/subnav/cakes-on.gif) no-repeat;} */ /*left column subnav-services div.pageWrapper div.content div.colOne li a.party-pack{background:url(images/subnav/party-pack-off.gif) no-repeat;} div.pageWrapper div.content div.colOne li a.party-pack:hover{background:url(images/subnav/party-pack-on.gif) no-repeat;} div.pageWrapper div.content div.colOne li a.party-pack-active{background:url(images/subnav/party-pack-on.gif) no-repeat;} div.pageWrapper div.content div.colOne li a.party-cart{background:url(images/subnav/party-cart-off.gif) no-repeat;} div.pageWrapper div.content div.colOne li a.party-cart:hover{background:url(images/subnav/party-cart-on.gif) no-repeat;} div.pageWrapper div.content div.colOne li a.party-cart-active{background:url(images/subnav/party-cart-on.gif) no-repeat;} div.pageWrapper div.content div.colOne li a.take-out{background:url(images/subnav/take-out-off.gif) no-repeat;} div.pageWrapper div.content div.colOne li a.take-out:hover{background:url(images/subnav/take-out-on.gif) no-repeat;} div.pageWrapper div.content div.colOne li a.take-out-active{background:url(images/subnav/take-out-on.gif) no-repeat;} */ /*body copy nav*/ div.pageWrapper div.content div.colTwo ul {} div.pageWrapper div.content div.colTwo li {list-style-type:none;} div.pageWrapper div.content div.colTwo li a {display:block; text-decoration:none; color:#d78b32; font-style:italic; font-size:13px;} div.pageWrapper div.content div.colThree ul {} div.pageWrapper div.content div.colThree li {list-style-type:none;} div.pageWrapper div.content div.colThree li a {display:block; text-decoration:none; color:#d78b32; font-style:italic; font-size:13px;} /*press*/ div.pageWrapper div.content div.colTwoPress a {font-family:georgia, times, serif; font-style:italic; font-weight:bold; padding-bottom:3px; color:#d78b32; display:inline; text-decoration:none; font-size:13px;} div.pageWrapper div.content div.colTwoPress a:hover{color:#cd5060;} .download{font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; font-weight:normal; font-style:italic;} div.pageWrapper div.content div.colTwoPress{overflow:auto;} div.pageWrapper div.content div.colTwoPress p {margin-bottom: 12px;} /*flavor month*/ div.pageWrapper div.content div.colThreeFlavor {width:360px;} div.pageWrapper div.content div.colThreeFlavor a {font-family:georgia, times, serif; font-style:italic; font-weight:normal; padding-bottom:3px; color:#d78b32; display:inline; text-decoration:none; font-size:16px;} div.pageWrapper div.content div.colThreeFlavor a:hover{color:#cd5060;} /*links location*/ div.pageWrapper div.content div.colOneLocations {width:415px; margin-right:25px; margin-left:180px;} div.pageWrapper div.content div.colOneLocations h3 {font-family:georgia, times, serif; font-style:italic; padding-bottom:3px; color:#d78b32; display:inline;} div.pageWrapper div.content div.colTwoLocations {width:360px;} div.pageWrapper div.content div.colTwoLocations h3 {font-family:georgia, times, serif; font-style:italic; padding-bottom:3px; color:#d78b32; display:inline;} div.pageWrapper div.content div.colTwoLocations a {font-size:13px; display:block; text-decoration:none; color:#d78b32; font-style:italic;} div.pageWrapper div.content div.colTwoLocations a:hover {color:#cd5060;} body link orange: #d78b32 body link hover red: #cd5060 /*pop-up*/ #pu_top {background: #d46472; height: 95px;} div.popupWrapper {position:absolute;top:95px;left:50px;width:700px;} div.popupWrapper ul {list-style:none; padding-left:15px; position: relative; top: 10px;} div.popupWrapper div.popupColOne{float:left; width:325px; margin-right:50px;} div.popupWrapper div.popeupColTwo{float:left; width:325px;} .flavor{font-size:14px; font-style:italic; font-family:georgia, times, serif; color:#D78B32;} .date{color:#ff9966; font-size:11px;} .footerImagefesta { background-image: url(images/footer/ftr-home_new_festa.jpg); background-repeat: no-repeat; height: 340px; width: 980px; } /*OLD pop-up headers div.popupWrapper div.popupHeader h2.crema{background-image:url(images/header/hdr-crema.gif); background-repeat:no-repeat; margin-bottom:40px; height:0px; overflow:hidden;} div.popupWrapper div.popupHeader h2.frutta{background-image:url(images/header/hdr-frutta.gif); background-repeat:no-repeat; padding-top:0px; margin-bottom:40px; height:0px; overflow:hidden;} div.popupWrapper div.popupHeader h2.sorbetti{background-image:url(images/header/hdr-sorbetti.gif); background-repeat:no-repeat; padding-top:0px; margin-bottom:40px; height:0px; overflow:hidden;} */ div.popupWrapper div.popupHeader h2 { font-family: Georgia, 'Times New Roman', serif; color:white; font-style: italic; font-weight: normal; margin-bottom: 20px; } /*new footer*/ #newfooter { margin-top: 25px; width: 100%; height: 90px; padding: 30px 0; text-align: center; vertical-align: middle; display: block; background: #d46472; background-image: url(images/footerpattern.jpg); background-repeat: repeat-x; } #festa { width: 290px; font-family: Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; text-align: center; padding-top: 5px; float: left; margin-top: 139px; margin-left: 20px; line-height: 1.4em; } #festa a:link, #festa a:visited { font-family: Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; text-decoration: none; } #festa a:hover, #festa a:active { color: #EBB97B; } #newfooter img{ align:center; }