body
{
	background: transparent url(../images/woodBg.jpg) repeat scroll top left;
	margin: 0px;
	width:100%;
}
img
{
	border: 0px;
	margin: 0px;
}
td
{
	font:normal normal 100 13px/18px verdana;
	color:#ffffff;
}
#logo
{
	background: transparent url(../images/citycakescafe-logo.png) no-repeat scroll top left;
	position:absolute;
	width:232px;
	height:205px;
	display:table;
}
a
{
	font: normal normal 100 13px/14px verdana;
	color: #c7f5d3;
	text-decoration:none;
}
a:hover
{
	text-decoration:underline;
}	
#downloadMenu
{
	font: normal normal 100 18px/2em century gothic;
	color: #ffffa7;
}
#downloadMenu img
{
	vertical-align: middle;
}
/*-----------------------------------------------home page banner-----------------------------------------------*/
#homeBanner
{
	margin-top: 2px;
	background: transparent url(../images/citycakescafe-homeBannerBg.png) repeat-x scroll top left;
	width: 100%;
	height: 410px;
	display: table;
}
#homeBanner #shell
{
	width: 1000px;
	margin: 20px auto 0px auto;
	font: normal normal 100 18px/0px century gothic;
	color: #ffffa7;
}
#homeBanner #shell span
{
	position: absolute;
	width: 1000px;
	display: table;
	text-align: right;
	z-index: 1;
	margin:0px;
}
#homeBannerImg
{
	width: 1000px;
	position:absolute;
	float:none;
	height:216px;
	margin: 95px 0px 0px 0px;
	background: transparent url(../images/citycakescafe-homeBannerImg.png) repeat-x scroll top left;
}
#bizName
{
	padding-left:230px;
	margin:0px;
	text-align:left;
}
#slogan
{
	padding:18px 0px 0px 230px;
	margin:0px;
}
/*-----------------------------------------------sub page top banner-----------------------------------------------*/
#banner
{
	background: transparent url(../images/citycakescafe-BannerBg.png) repeat-x scroll top left;
	width: 100%;
	height: 266px;
	display: table;
}
#banner #shell
{
	width: 1000px;
	margin: 20px auto 0px auto;
	display: table;
	font: normal normal 100 18px/6px century gothic;
	color: #ffffa7;
}
#banner #shell span
{
	position: absolute;
	width: 1000px;
	display: table;
	text-align: right;
	z-index: 1;
}
#bannerImg
{
	width: 998px;
	position:absolute;
	display:table-cell;
	margin: 89px 0px 0px 0px;
	padding:0px auto 0px auto;
	font: normal normal 100 19px/59px century gothic;
	color: #360c00;
	z-index:0;
	text-align:right;
	height:30px;
}
/*-----------------------------------------------menu-----------------------------------------------*/
#menu
{
	margin: 35px 0px 0px 0px;
	position:inherit;
	padding: 10px 0px 0px 225px;
}
#menu ul
{
	list-style: none;
	height: 56px;
	margin: 0px;
	padding: 0px;
}
#menu li
{
	background: transparent url(../images/citycakescafe-menuBtnRight.png) no-repeat scroll top right;
	float: left;
	margin: 0px 9px 0px 9px;
	border: dotted 0px #afedeb;
}
#menu p
{
	background: transparent url(../images/citycakescafe-menuBtnLeft.gif) no-repeat scroll top left;
	padding: 0px;
	margin: 0px;
	width:100%;
}
#menu li a
{
	font: normal normal 100 13px/14px century gothic;
	color: #c7f5d3;
	text-decoration: none;
	display: block;
	background: transparent url(../images/citycakescafe-menuBtnCover.gif) repeat-x scroll top left;
	padding: 5px 18px 20px 18px;
}
#menu li a:hover
{
	background: transparent none;
	font: normal normal 100 13px/14px century gothic;
	color: #003e10;
	display: block;
}
#menu li a#activePage
{
	background: transparent none;
	font: normal normal 100 13px/14px century gothic;
	color: #003e10;
	display: block;
}


#menu li ul {list-style:none; position:absolute; display:none; margin:1px 0px 0px 0px; z-index:100;}
#menu li:hover ul {display:block; margin:0px; padding:0px;}
#menu li ul li {float:none; background-image:none; margin:0px; padding:0px;}
#menu li ul li a {margin:0px; border:solid 1px #55abac; border-top:0px; background:#b4efe9; height:30px; font:normal normal 100 15px/30px century gothic; padding:0px 25px 0px 25px; color:#4a1a04;}
#menu li ul li a:hover {margin:0px; border:solid 1px #55abac; border-top:0px; background:#70bfc0; height:30px; font:normal normal 100 15px/30px century gothic; padding:0px 25px 0px 25px; color:#ffffff;}


.home-page #homeNav
{
	background: transparent none;
	font: normal normal 100 13px/14px century gothic;
	color: #003e10;
	display: block;
}
.about-us-page #aboutNav
{
	background: transparent none;
	font: normal normal 100 13px/14px century gothic;
	color: #003e10;
	display: block;
}
.ordering-page #orderingNav
{
	background: transparent none;
	font: normal normal 100 13px/14px century gothic;
	color: #003e10;
	display: block;
}
.wedding-cakes-page #cakesNav
{
	background: transparent none;
	font: normal normal 100 13px/14px century gothic;
	color: #003e10;
	display: block;
}
.menu-items-page #menuNav 
{
	background: transparent none;
	font: normal normal 100 13px/14px century gothic;
	color: #003e10;
	display: block;
}
.contact-page #contactNav
{
	background: transparent none;
	font: normal normal 100 13px/14px century gothic;
	color: #003e10;
	display: block;
}
#jsddm
{
	margin: 0;
	padding: 0;
}
#jsddm li ul
{
	margin: 0;
	padding: 0;
	position: relative;
	visibility: hidden;
	z-index: 99;
	float: none;
	max-width: 350px;
}
#jsddm li ul li
{
	float: none;
	display: inline;
	margin: 0px !important;
}
#jsddm li ul li a
{
	width: auto;
	display: block;
}
#jsddm li ul li a:hover
{
	background: #84DBDA;
}
/*-----------------------------------------------content-----------------------------------------------*/
h1
{
	font: normal normal 100 25px/25px century gothic;
	color: #c8f4d3;
	margin: 0px 0px 25px 0px;
}
#content
{
	width: 1000px;
	margin: 0px auto 50px auto;
	font: normal normal 100 12px/21px verdana;
	color: #e0e0e0;
}
#content em
{
	background: url(../images/hover.png) no-repeat;
	width: 280px;
	height: 45px;
	position: absolute;
	top: -85px;
	left: -15px;
	text-align: center;
	padding: 40px 12px 10px 0px;
	font-style: normal;
	z-index: 2;
	display: none block;
}
#content #homeLeft
{
	width: 680px;
	margin: 0px;
	padding: 0px;
	display: table;
	float: left;
	text-align: left;
}
#content #homeRight
{
	width: 320px;
	margin: 0px;
	padding: 0px;
	display: table;
	float: right;
	text-align: right;
}
/*-----------------------------------------------menu page content-----------------------------------------------*/
#menuCategory
{
	width:272px;
	background:transparent url(../images/citycakescafe-categoryBg.png) repeat-y scroll 0px 0px;
	float:left;
	margin: 0px 30px 0px 0px;
}
#menuCategory ul
{
	list-style:none;
	margin:0px 0px 5px 0px;
	padding:0px 0px 20px 35px;
}
#menuCategory li
{
	float:none;
	width: 95%;
	font:normal normal 100 13px/24px verdana;
	color:#451604;
}
#menuCategory li a
{
	color:#451604;
	text-decoration:none;
}
#menuCategory li a:hover
{
	color:#833010;
	text-decoration:underline;
}	
#menuContent
{
	width:698px;
	margin:0px;
	padding:0px;
	float:right;
}
.productImgBdr
{
	border:solid 5px #623b25;
	display:block;
}
/*-----------------------------------------------footer-----------------------------------------------*/
#footer
{
	width: 100%;
	background: transparent url(../images/citycakescafe-footBG.png) repeat-x scroll top left;
	display: table;
}
#footer #wrapper
{
	width: 1000px;
	margin: 65px auto 0px auto;
	float: none;
}
#footer #wrapper div
{
	width: 200px;
	height: 155px;
	margin: 0px 32px 0px 0px;
	display: table;
	float: left;
}
#footer #wrapper span
{
	font: normal normal 16px/25px century gothic;
	color: #3b1101;
	border-bottom: solid 1px #3b1101;
	display: block;
	margin-bottom: 10px;
}
#footer a 
{
	font: normal normal 13px/22px verdana;
	text-decoration: none;
	color: #9d6956;
}
#footer a:hover
{
	color: #3e1302;
}
#footer #wrapper a
{
	display: block;
}
#footer #extend
{
	background: #fffbf3;
	width: 100%;
	display: table;
	min-height: 150px;
}
#footer .textMargin
{
	margin: 0px 12px 4px 0px;
}
#footer .signature 
{
	color: #3B1101;
	font-size: 85%;
	text-align: right;
	margin: 0 20px 20px 0px;
	font: normal normal 10px verdana;
}
#footer .signature a 
{
	font: normal normal 10px verdana;
}
.floatRight 
{
	float: right;
}
.floatLeft 
{
	float: left;
}
/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Insignificant stuff, for demo purposes */

	.panel h2.title { margin-bottom: 10px }
	noscript div { background: #ccc; border: 1px solid #900; margin: 20px 0; padding: 15px; }

/* Most common stuff you'll need to change */

	.coda-slider-wrapper { padding: 0px 0; height:325px; background:transparent url(../Images/cityCakesHomeSliderBg.png) no-repeat scroll 81px 15px;  }
	.coda-slider { }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { overflow: auto !important; width:425px; padding: 0px 0px 0px 0px; }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 425px; height:299px; } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 425px;}
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 0px }
	
	/* Arrow styling */
	.coda-nav-left a { background:transparent url(../images/arrowLeft.png) no-repeat scroll center; color: #fff; padding: 220px 20px 0px 0px; width: 73px; height:73px; }
	.coda-nav-right a { background:transparent url(../images/arrowRight.png) no-repeat scroll center; color: #fff; padding: 220px 0px 0px 20px; width: 73px; height:73px; }
	
	/* Tab nav */
	.coda-nav ul li a.current { background: transparent }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding:10px 0px 0px 0px; margin: 0px; position:absolute; }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { background:transparent color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }