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

body, html {font-family: Arial, Helvetica, sans-serif; font-size: 75%; color: #000000; margin: 0 auto; text-align: center; background: #caebfc;}

#wrapper {margin: 0 auto; text-align: center; width: 800px;}



/*#container {margin-top: 25px; width: 800px;}*/

#header {background-image: url(../images/logoNav.jpg); background-repeat: no-repeat; float:left; width:800px; text-align: center; height: 106px}



#headerContent {background-image: url(../images/logoContent.png); background-repeat: no-repeat; width:800px; text-align: center; margin-top: 5px;}

#mainNav {float:left;margin-top: 49px; width: 500px;}

#mainNav ul {margin-top: 0 !important; margin-left: 15px; padding: 0}

#mainNav li { list-style: none; float: left; white-space: no-wrap; padding: 0 30px 0 0; margin-top: 7px;}

#container2 {margin:0 auto; width: 700px;}

#bgContentContainer {background-image: url(../images/content-bg.png); background-repeat: repeat-y; margin: 0 auto; text-align: center; margin-top: -5px}

#bgContainer {background-image: url(../images/container-bg.png); background-repeat: repeat-y; width: 800px;}

#left { _font-size: 1.1em; text-align: left; _margin: 0 0 55px !important; _padding: 35px 0 0 55px }

#right {float: right;}

.left {text-align:  left;}

#rightContent {float: left;}

.right {float: left; width: 200px; height: 400px; background-image:url(../images/New-Photos-Oh-Snap1.png); _background-image: url(../images/New-Photos-Oh-Snap.png); background-repeat: no-repeat; background-position: 17px bottom; display: block; }

.right a span {visibility: hidden;}

#cakeFact {background-image:url(../images/cake_facts.png); background-position:bottom center; background-repeat: no-repeat; height: 130px}

.mainImage {background-image:url(../images/tv.jpg);background-repeat:no-repeat; float:left; height:337px; margin:35px 0 0 55px; _margin: 0 0 55px !important; _padding: 0; width:315px; text-align: left;}

#welcome {float: left; font-size: 1.2em; width: 210px; height: 50px; margin: 53px 0 0 0; background-image: url(../images/welcome.png); background-repeat: no-repeat; padding: 35px 0 0 5px; text-align: left;}

#bottom{background-image: url(../images/bottombg.jpg); background-repeat: no-repeat; height:60px;
padding: 30px 0 0 675px; font-family: Arial, Helvetica, sans-serif; font-weight: bolder;}

#contentBottom {background-image: url(../images/contentBottom.png); background-repeat:no-repeat; height: 82px;}

#footer { width: 800px; *padding:5px 0; text-align: center; margin:0 auto; }

#footer ul {text-align:center !important; *width: 800px; *padding: 0 180px 0 0; margin: 0 auto; list-style:none; 
padding: 7px 0 0 0;}

.footer li{ display: inline; white-space:normal; text-transform: capitalize; font-size: 12px; font-weight: 400; text-align:center; list-style:none;}

#flashcontent {}

#sitemap {float: left;}

.mainText { font-size: 1.1em; text-align: left; padding: 20px 0 0 45px}

.mainText li {font-size: 1.2em;}

.flavors li {list-style-image: none;list-style-type: none; font-size: 1.2em;}

.flavorsLeft {float: left; width: 300px}

.flavorsRight {float: left; width: 300px}

.image {padding-right: 50px;}

/*----------------------------------Utilities------------------------------------------------*/

.mainText p {margin-bottom: .7em; padding: 0 55px 0 20px; font-size: 1.2em; text-align:left;}

#cakeFact p {text-align: center; font-size: 1.2em; padding: 0 20px 20px 20px; margin: 0}

.h1Home {color: #FFFFFF; font-size: 9px; margin: 0}

.mainText h1, h2, h3 {font-size: 1.7em; color: #000000; padding: 5px 5px 0 12px;}

/*.mainText li {list-style: none; background-image:url(../images/mini-cupcake.png); background-repeat:no-repeat;}*/

.flavors h2 {padding: 0;}

.p {margin: .7em;}

.order  {font-size: 10px}

#footer a {color:#000000; text-decoration: none;}

#footer a:hover {color: #EA3B28; text-decoration: none;}

.orders {font-size: 1.1em; font-family:Arial, Helvetica, sans-serif;font-weight: bold; text-decoration: underline;}

#contactform {font-size: 1.2em; width: 100%; padding:0; margin:0;}