html, body {
	background-image:url(images/bkgrdTile.gif);
	background-color:#28170f;
	height:100%;
	margin: 0 auto;
	padding: 0;
}

#outer {height: 100%; overflow: hidden; position: relative; width: 100%;}
#outer[id] {display: table; position: static;}
#middle {margin-top: expression((document.getElementById('outer').offsetHeight - document.getElementById('middle').offsetHeight)/2);}
#middle[id] {display: table-cell; vertical-align: middle; position: static;}		
#inner {width: 950px; margin-left: auto; margin-right: auto;} /* for all browsers*/

/* for explorer only */
/* optional: #inner[id] {position: static;} */

#container {
	margin:auto;
	width:950px;
}

@font-face {
 font-family: Rockwell;
 src: url("rockwell-webfont.eot") /* EOT file for IE */
}
@font-face {
 font-family: Rockwell;
 src: url("Rockwell.ttf") /* TTF file for CSS3 browsers */
}


#top {
	background-image:url(images/tartTop.gif);
	background-repeat:no-repeat;
	float:none;
	height:250px;
	width:950px;
}

#topCurve {
	background-image:url(images/tartTopCurve.gif);
	background-repeat:no-repeat;
	float:none;
	height:25px;
	width:950px;
}

#menu {
	background-image:url(images/tartMenu.gif);
	background-repeat:no-repeat;
	float:none;
	height:25px;
	width:950px;
}

#menu ul {
	list-style:none;
	margin:0px;
	padding:0px;
	text-align:center;
}

#menu ul li {
	display:inline;
	margin-right:5px;
}

#left {
	background-image:url(images/tartLeft.gif);
	background-repeat:no-repeat;
	float:left;
	height:450px;
	width:75px;
}

#cakesCol1 {
	height:561px;
	margin:0px;
	padding:0px;
	width:790px;
}

#cakesCol2 {
	height:412px;
	margin:0px;
	padding:0px;
	width:790px;
}

#cakesImg1 {
	float:left;
	height:521px;
	margin:0px;
	padding:0px;
	width:300px;
}

#cakesImg2 {
	background-image: url(images/productsCakes_04.gif);
	height:229px;
	margin:0px;
	padding:0px;
	width:790px;
}

#cakesImg3 {
	float:left;
	height:412px;
	margin:0px;
	padding:0px;
	width:300px;
}

#cakesImg4 {
	background-image: url(images/productsCakes_07.gif);
	height:277px;
	margin:0px;
	padding:0px;
	width:790px;
}

#cakesImg5 {
	background-image: url(images/productsCakes_09.gif);
	height:420px;
	margin:0px;
	padding:0px;
	width:790px;
}

#cakesTitle {
	float:left;
	height:40px;
	margin:0px;
	padding:0px;
	width:790px;
}

#cakesText1 {
	float:left;
	font-size:13px;
	height:481px;
	margin:0px;
	padding:0px;
	width:490px;
}

#cakesText2 {
	float:left;
	font-size:13px;
	height:412px;
	margin:0px;
	padding:0px;
	width:490px;
}

#cakesText3 {
	font-size:13px;
	height:149px;
	margin:0px;
	padding:0px;
	width:790px;
}

#cateringImg {
	height:253px; 
	margin:0px;
	padding:0px;
	width:790px;
}

#cateringText1{
	font-size:13px;
	height:200px;
	margin:0px;
	padding:0px;
	width:790px;
}

#cateringText2{
	font-size:13px;
	height:auto;
	margin:0px;
	padding:0px;
	width:790px;
}

#cateringTitle {
	height:40px;
	margin:0px;
	padding:0px;
	width:790px;
}

#colLeft {
	float:left;
	font-size:18px;
	height:450px;
	margin:0px;
	padding:0px;
	width:250px;
}

#colRight {
	background-color:#670001;
	float:left;
	font-size:18px;
	height:110px; /*120 - 10(padding top) */
	margin:0px;
	margin-left:335px;
	margin-top:340px;
	padding-left:5px;
	padding-top:10px;
	width:210px; /*215 - 5(padding left)*/
}


#content {
	background-color:#1f140e;
	float:left;
	height:450px;
	overflow:hidden;
	width:800px;
}

#contentHome {
	background-image:url(images/contentHome.jpg);
	background-repeat:no-repeat;
	float:left;
	height:450px;
	width:800px;
}

#cookiesCol {
	height:710px;
	margin:0px;
	padding:0px;
	width:790px;
}

#cookiesImg {
	background-image:url(images/productsCookies_04.gif);
	float:left;
	height:710px;
	margin:0px;
	padding:0px;
	width:300px;
}

#cookiesText {
	float:left;
	font-size:13px;
	height:710px;
	margin:0px;
	padding:0px;
	width:490px
}

#cookiesTitle {
	height:40px;
	margin:0px;
	padding:0px;
	width:790px;
}

#corporateTitle {
	height:40px;
	margin:0px;
	padding:0px;
	width:800px;
}

#corporateText {
	float:left;
	font-size:13px;
	height:auto;
	margin:0px;
	padding:0px;
	width:500px;
}
#corporateImg {
	float:left;
	height:300;
	margin:0px;
	padding:0px;
	width:300px;
}

#cupcakeListHolder {
	height:385px;
	margin:0px;
	padding:0px;
	width:790px;
}

#cupcakeList {
	float:left;
	font-size:14px;
	height:385px;
	margin:0px;
	padding:0px;
	width:501px;
}

#cupcakeList ul{
	font-size:13px;
	margin:0px;
	padding-left:15px;
	padding-top:15px;
}
/*
#cupcakeList ul li{
	margin:0px;
	padding:0px;
}
*/
#cupcakeListRight {
	float:left;
	font-size:13px;
	height:385px;
	margin:0px;
	padding:0px;
	width:289px;
}

#cupcakeMiddle {
	background-image:url(images/productsCupcakes_05.gif);
	background-repeat:no-repeat;
	font-size:13px;
	height:288px;
	margin:0px;
	padding:0px;
	width:790px;
}

#cupcakeMidText {
	font-size:13px;
	margin:0px;
	padding:0px;
	width:790px;
}

#cupcakeEnd {
	background-image:url(images/productsCupcakes_07.gif);
	background-repeat:no-repeat;
	font-size:13px;
	height:406px;
	margin:0px;
	padding:0px;
	width:790px;
}

#cupcakeTitle {
	font-size:13px;
	margin:0px;
	padding:0px;
	width:790px;
}

#desertsImg {
	float:left;
	height:410px;
	margin:0px;
	padding:0px;
	width:250px;
}

#desertsText {
	float:left;
	font-size:13px;
	height:410px;
	margin:0px;
	padding:0px;
	width:550px;
}


#right {
	background-image:url(images/tartRight.gif);
	background-repeat:no-repeat;
	float:left;
	height:450px;
	width:75px;
}

#bottom {
	background-image:url(images/tartBottom.gif);
	background-repeat:no-repeat;
	float:none;
	clear:both;
	height:50px;
	width:950px;
}

#orderText {
	font-size:13px;
	height:auto;
	margin:0px;
	padding:0px;
	width:800px;
}

.s14 {
	font-size:14px;
}

#seasonalImg {
	float:left;
	height:410px;
	margin:0px;
	padding:0px;
	width:300px;
}

#seasonalText {
	float:left;
	font-size:13px;
	height:410px;
	margin:0px;
	padding:0px;
	width:500px;
}

.seeMore {
	margin:0px;
	padding:0px;
	padding-left:676px;
}

.headerText {
	color:#000;
	font-family: Rockwell, Verdana, Arial, sans-serif;
	font-size:24px;
	padding:0px;
	padding-left:394px;
	padding-top:176px;
	margin:0px;
}

#pastriesImg {
	float:left;
	height:410px;
	margin:0px;
	padding:0px;
	width:360px;
}

#pastriesTitle {
	float:left;
	height:40px;
	margin:0px;
	padding:0px;
	width:800px;
}

#pastriesText {
	float:left;
	font-size:13px;
	height:410px;
	margin:0px;
	padding:0px;
	width:440px;
}

.priceText {
	font-size:13px;
	height:auto;
	margin:0px;
	padding:0px;
	width:790px;
}

#priceTitle {
	height:80px;
	margin:0px;
	padding:0px;
	width:790px;
}

#weddingsCol1 {
	height:150px;
	margin:0px;
	padding:0px;
	width:790px;
}

#weddingsCol2 {
	height:267px;
	margin:0px;
	padding:0px;
	width:790px;
}

#weddingsTitle {
	height:40px;
	margin:0px;
	padding:0px;
	width:790px;
}

#weddingsText1 {
	float:left;
	font-size:13px;
	height:150px;
	margin:0px;
	padding:0px;
	width:500px;
}

#weddingsText2 {
	float:left;
	font-size:13px;
	height:267px;
	margin:0px;
	padding:0px;
	width:500px;
}

#weddingsImg1 {
	float:left;
	height:150px;
	margin:0px;
	padding:0px;
	width:290px;
}

#weddingsImg2 {
	float:left;
	height:267px;
	margin:0px;
	padding:0px;
	width:290px;
}


.text {
	color:#f5f0da;
	font-family: Rockwell, Verdana, Arial, sans-serif;
}

.white {
	color:#ffffff;
}

.black {
	color:#000000;
}

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

.black a:hover{
	color:#000000;
	text-decoration:underline;
}

/*---------------FlexiScroll Start----------------*/

#mycustomscroll {
	/* Typical fixed height and fixed width example */
	float:left;
	height: 450px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	width: 790px;
}

#mycustomscroll-flexcroll-vscroller {
	height:450px;
	width: 10px;
	background-color:#1f140e;
	position: relative;
	margin-left:790px;
	z-index:9999;
	/*  Enable following line if you want to keep the scrollbase visible at all times
	visibility: visible !important; 
	*/
}

#mycustomscroll-flexcroll-hscroller {
	height: 10px;
	background-color:#1f140e;
	position: relative;
	margin: 0px;
	margin-top:440px;
	padding:0px;
	/*  Enable following line if you want to keep the scrollbase visible at all times
	visibility: visible !important; 
	*/
}

#mycustomscroll-flexcroll-vscroller .flexcroll-scrollbar {
	height:20px;
	width: 10px; /* This initial size is later set by fleXcroll, unless forced by user */
	background-color:#f5f0da;
	position: absolute; /* position needs to be absolute */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0px;
	padding:0px;
}

#mycustomscroll-flexcroll-hscroller .flexcroll-scrollbar {
	height: 10px; /* This initial size is later set by fleXcroll, unless forced by user */
	background-color:#f5f0da;
	position: absolute; /* position needs to be absolute */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0px;
	padding:0px;
	
}
