/* COLORS

BG (olive): #606051;
HR lime green: #b2d233;
Content font color (dark olive): #444437;
Light Pink: #f9c4d9;
Darker Pink: #f38ab4;

/* ======== DomainName.com Screen Stylesheet ::
Created:	Mo-Day-Year Initials http://www.iBecCreative.com
Updated: 	Mo-Day-Year Initials, Mo-Day-Year Initials
TOC:		Resets; HTML & Body; Links; Typography; Lists; Tables;
			Classes; Template; Navigation; Page Styles; Forms; Other;
----------------------------------------------------------------- */

@font-face {
	font-family: 'F25ExecutiveRegular';
	src: url('f25_executive.eot');
	src: local('F25 Executive'), local('F25Executive'), 
	url('f25_executive.woff') format('woff'), 
	url('f25_executive.ttf') format('truetype'), 
	url('f25_executive.svg#F25Executive') format('svg');
}

/* ======== Resets ::
----------------------------------------------------------------- */
body, address, blockquote, h1, h2, h3, h4, h5, h6, p, pre, dl, ol,
ul, dd, dt, li, fieldset, form {margin:0;padding:0;}

/* ======== HTML & Body ::
----------------------------------------------------------------- */
html {font-size:100.01%;height:100%;}
body { 
height:100%;
font:62.5%/1.4 Verdana, Geneva, sans-serif;;
background: #606051; 
color:#fff;}

/* ======== Links ::
----------------------------------------------------------------- */
a {outline: none !important;}
a,a:visited,a:focus {color:#f38ab4; text-decoration:none;}
a:active, a:focus, a:hover {text-decoration:underline;}
a img {border:none;}

/* ======== Typography ::
----------------------------------------------------------------- */
/* ==== Resets for Nested elements 
- Helpful for Relative Font Size Sites (Not Needed for Fixed Font Size Sites) ==== */
blockquote p, p blockquote, div div, div li, div p,div dt,div dd,
li li, li li li,ul ul, p address, p pre, pre p,
td address, td h1, td h2, td h3, td h4, td li, td dd, td dt, td p, td pre {font-size: 100%;}
h1, h2, h2, h3, h4, h5 {color:#f38ab4;}

abbr,acronym {text-decoration: none;border:0}
address, h1, h2, h3, h4, h5, h6, dd, dt, li, p, pre {padding:.4em 0;}
h1 {font-size:1.9375em; font-weight:normal;}
h2 {font-size:1.7em;}
h3 {font-size:1.6em;}
h4 {font-size:1.4em;}
h5 {font-size:1.2em;}
h6 {font-size:1.1em;}
address,blockquote,div,dd,dt,li,p,th,td {font-size:1.2em;}
dt {font-weight:bold;}
pre {font-size: 12px;}
q:before,q:after {content:'';}

/* ======== Tables ::
----------------------------------------------------------------- */
table {
border:none;
border-collapse:collapse;
border-spacing:0;
overflow:hidden;
word-wrap:break-word; }
caption, th, td {text-align: left;vertical-align:top;}

/* ======== General Purpose Classes ::
----------------------------------------------------------------- */
/* Note: If using CMSMS move into 'classes' stylesheet for TinyMCE */
.alignLeft {text-align:left;}
.alignRight {text-align:right;}
.alignCenter { text-align:center; }
.center {text-align:center;}
.clear {clear:both;padding:0;margin:0;line-height:0;}
.floatLeft {float:left;}
.floatRight {float:right;}
.hidden {display:none;}
.inline {display:inline;}
.large {font-size:20px;font-weight:bold;}
.light {color:#999;}
.small {font-size:10px;font-weight:normal;}
.imagetext { font-size: 0; text-indent: -1000000px; }





.pageWidthWrapper {
	width: 997px;
	margin: 0 auto;
	position:relative;
}

.hrLimeBottom {
	border-bottom: 6px solid #b2d233;	
}

.hrLimeTop {
	border-bottom: 6px solid #b2d233;	
}

#logoWrapper {
	height: 0;
	overflow: visible;
	z-index: 1000;
	position: relative;
}

#headerWrapper {
	height: 120px;
	position:relative;
	z-index: 1;
}

#contentWrapper {
	background: url(../images/bg-repeat.png) top left repeat;
	color: #444437;
	z-index: 0;
}

#contentWrapper .pageWidthWrapper {
	background: url(../images/left-col-bg.jpg) top left repeat-y #fff;
}

#leftCol {
	width: 281px;
	float: left;
	overflow: hidden;
	min-height: 450px;
}

#homeSplash {
	height: 469px;	
}

#homeSplash #leftCol {
	width: 316px;
	height: 469px;
}

.homeSplash_multicolorChocolate {
	background: url(../images/homeSplash-multicolorChocolate.jpg) top left no-repeat;	
}

#homeSplash_Mid {
	float: left;
	margin: 0 0 0 10px;
	width: 305px;
	height: 469px;
	background: url(../images/homeSplash-center.png) top left no-repeat;
}

#rightCol {
	float: right;
	width: 	714px;
}

#rightColWrapper {
	width: 675px;
	margin: 20px 0 0 20px;
}

#homeSplash #rightCol {
	width: 363px;
	float: left;
}

#homeSplash #rightCol #rightColWrapper {
	width: 360px;
	margin: 10px 3px 0 0px;
}

#subNav {
	width: 186px;
	float: left;
	border-right: 3px solid #f38ab4;
	position: relative;
	left: 3px;
	padding: 0 0 2em 0;
}

#subNav h2 {
	font-weight: normal;
	text-transform: uppercase;
}

#subNav ul {
	list-style: none;	
}

#subNav ul li {
	display: block;
	padding: 0.5em 1em;
}

#subNav ul li a {
	color: #444437;
	letter-spacing: 0.2em;
}

#subNav ul li a:hover {
	text-decoration: none;	
	border-bottom: 1px dotted #f9c4d9;
}

#subNav ul li.active {
	background: #f38ab4;
}

#subNav ul li.active a {
	color: #fff;	
}

#mainContentArea {
	float: left;
	width: 483px;
	border-left: 3px solid #f38ab4;
	position:relative;
}

#homeSplash #mainContentArea {
	width: 360px;
	border: none;
}

#mainContent {
	width: 446px;
	padding: 0 20px;
}

#mainContent {
	font-size: 11px;	
}

#mainContent h5 {
	margin: 0.4em 0 0.8em 0;
	color: #444437;
	font-size: 11px;
	font-weight: normal;
}


#mainContent .greenBox {
	background: #D1E482;
	margin: 0 0 1em 0;
}

#mainContent .greenBox ul {
	margin: 0;
	padding: 0;
}

#mainContent .greenBox ul li {
	background: none;
	margin: 0;
	padding: 0.25em 0;
}

#mainContent .gbLc {
	float: left;
	width: 55%;
	padding: 1em 1em 0.5em 1em;
}

#mainContent .gbRc {
	float: right;	
	width: 40%;	
	text-align: center;
}

#mainContent .gbLc .note {
	color: #9c9c9c;	
}

#mainContent .gbRc a, #mainContent a.linkButton {
	font-family: 'F25ExecutiveRegular', F25ExecutiveRegular, Verdana, Geneva, sans-serif;	
	color: #ffffff;
	text-transform: uppercase;
	background: #b2d233;
	border: none;
	padding: 0.75em 0;
	font-size: 14px;
	display: block;
	cursor: pointer;
	font-weight: normal;
	text-align: center;
}

#mainContent a.linkButton {
	padding: 0.75em 2em;
	float: left;
}

#mainContent a.linkButton:after {
	 content: ".";  
	 display: block; 
	 height: 0; 
	 clear: both; 
	 visibility: hidden; 	
}


#mainContent .gbRc strong { 
	font-size: 14px;
	display: block;
	padding: 1.25em 0;
	text-transform: uppercase;
	color: #606051;
	font-weight: normal;
}

#mainContent ul {
	list-style: none;
	padding: 0 0 1em 0;
}

#mainContent li {
	margin: 0.25em 0;
	padding: 0 0 0 1.75em;
	background: url(../images/green-bullet.png) 0.75em 0.5em no-repeat #fff;
}


#homeSplash #mainContent {
	width: 340px;
	padding: 0 5px 0 10px;
}

h1, .title {
	font-family: 'F25ExecutiveRegular', F25ExecutiveRegular, Verdana, Geneva, sans-serif;	
	color: #c5c5c5;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: 2em;
}

#mainContent h1 {
	font-size: 2.19em;
	padding: 0 0 0.4em 0;
}

#mainContent strong {
	font-size: 1.25em;
	font-family: 'F25ExecutiveRegular', F25ExecutiveRegular, Verdana, Geneva, sans-serif;	
	color: #f38ab4;
	text-transform: uppercase;
}

#subNav h2 {
	padding: 0.25em 0 0.4em 0;
	font-size: 1.4em;
}

#footerWrapper {
	padding: 0 0 2em 0;	
}

#footerLeft {
	float: left;
	width: 263px;
}

#footerLeft span, #footerRight span {
	display: block;
	color: #fff;
	font-size: 0.916em;
	padding: 0.3em 0;
}

.footerhr {
	height: 0px;
	width: 75%;
	border-top: 1px solid #fff;
	margin: 0.75em 0;
}

#footerMid {
	float: left;
	width: 180px;
	margin: 0 0 0 40px;
}

.footerText input, .footerText textarea {
	font-family: Verdana, Geneva, sans-serif;	
	border: none;
	width: 160px !important;
	font-size: 0.9167em;
	margin: 0 0 5px 0;
	padding: 6px 10px;
	float: left;	
}

.footerText textarea {
	font-family: Verdana, Geneva, sans-serif;
	height: 40px;
	overflow: auto;
}

#footerOrderForm label {
	display: none;	
}

.footerSubmit, .submit input.fbsubmit {
	font-family: 'F25ExecutiveRegular', F25ExecutiveRegular, Verdana, Geneva, sans-serif;	
	color: #ffffff;
	text-transform: uppercase;
	background: #b2d233;
	border: none;
	padding: 3px 8px;
	float: right;
	cursor: pointer;
}

#footerOrderForm .submit {
	width: 180px !important;	
}

#footerRight {
	float: left;
	margin: 0 0 0 14em;
	width: 220px;
}


#footerError p {
	color: red;
	padding: 0 !important;
	margin: 0 0 5px 0 !important;	
}

#footerWrapper a, #footerWrapper a:visited, #footerWrapper a:focus {color:#fff; text-decoration:none;}
#footerWrapper a:hover { color: #f38ab4; text-decoration: underline; }

#footerRight a {
	text-transform: uppercase;	
}

#subNav #subGallery {
	height: 385px;
	overflow: auto;
	position: relative;
}

#subNav #subGallery a {
	display: block;
	height: 60px;
	width: 175px;
	overflow: hidden;
	margin: 0 0 5px 0;
	position: relative;	
	z-index: 100;	
}

#subNav #subGallery a img {
	position: relative;
	top: -100px;
	left: -25%;
	float: left;
	z-index: 0;
}
#gallery .galleryItem {
	float:left;
	position: absolute;
	width: 450px;
	overflow-x: hidden;
	overflow-y: visible;
}

.galleryCaption  {
	text-align: left;
	padding: 5px 0;
}

#gallery {
	height: 0px;
	overflow: hidden;
}

#mainContent legend {
	display: none;
}

#mainContent fieldset {
	border: none;
	width: 400px;
}

#mainContent .formline {
	clear: left;
	margin: 0 0 4px 0;
}

#mainContent .formline label {
	display: block;	
	float: left;
	margin: 0em 1em 0em 0;
	height: 24px;
	line-height: 24px;
	width: 80px;
	text-align: right;
}

#mainContent .formline input[type="text"] {
	float: left;
	height: 22px;
	line-height: 22px;
	padding: 1px 6px;
	background: url(../images/form-input-bg.png) top left no-repeat #fff;
	border: 0px solid #fff;
	font-family: Verdana, Geneva, sans-serif;	
	width: 212px;
	font-size: 1em;	
}

#mainContent .formline textarea {
	float: left;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 22px;
	padding: 1px 6px;	
	background: url(../images/form-textarea-bg.png) top left no-repeat #fff;
	font-size: 1em;
	border: 0px solid #fff;
	height: 127px !important;	
	width: 283px !important;
	overflow: hidden;
}

.submit {
	width: 386px;	
	clear: both;
	margin: 0.25em 0;
}

.formClear {
	clear: both;	
}

.error_message ul {
	margin: 0 0 1em 0;
}

.error_message li {
list-style: none;
margin: 0 0 0.5em 92px !important;
padding: 0;
color: red;
}

.navbullet {
	background: transparent !important;	
}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			100%; /* left offset of submenus need to match (see below) */	
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0em;
	top:			33px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	z-index: 2;
}

#headerWrapper .pageWidthWrapper ul.sf-menu {
	float: right;
	margin: 45px 0 1em 0px;
	font-size: 1.123em;
}

.sf-menu li ul li {
	text-transform: lowercase;
	font-family: Verdana, Geneva, sans-serif;
}

.navbullet span {
	display: block;	
}

.navbullet span {
	color: #fff;	
	padding: .75em 0.25em;
	text-decoration:none;
}

.sf-menu li ul li a {
	text-align: center;
}

.sf-menu li ul li:last-child a {
}
.sf-menu li {
	font-family: 'F25ExecutiveRegular', F25ExecutiveRegular, Verdana, Geneva, sans-serif;	
	text-transform: uppercase;
	color: #fff;
}
.sf-menu li li {
}
.sf-menu li li li {
}
.sf-menu li:hover, .sf-menu li.sfHover {
	outline:		0;
}

.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;		
}

li.sfHover a.nav-cupcakes {
	background: url(../images/nav-cupcakes.png) 0 -91px no-repeat;	
}

a.nav-cupcakes:hover  {
	background: url(../images/nav-cupcakes.png) 0 0px no-repeat !important;	
}

ul.menu-cupcakes li.last-child a {
	background: url(../images/nav-cupcakes.png) 0 -149px no-repeat;	
}

ul.menu-cupcakes li.last-child a:hover  {
	background: url(../images/nav-cupcakes.png) 0 -57px no-repeat !important;	
}

li.sfHover a.nav-events {
	background: url(../images/nav-events.png) 0 -91px no-repeat;	
}

a.nav-events:hover  {
	background: url(../images/nav-events.png) 0 0px no-repeat !important;	
}

ul.menu-events li.last-child a {
	background: url(../images/nav-events.png) 0 -149px no-repeat;	
}

ul.menu-events li.last-child a:hover  {
	background: url(../images/nav-events.png) 0 -58px no-repeat !important;	
}

li.sfHover a.nav-our-story {
	background: url(../images/nav-our-story.png) 0 -91px no-repeat;	
}

a.nav-our-story:hover  {
	background: url(../images/nav-our-story.png) 0 0px no-repeat !important;	
}

ul.menu-our-story li.last-child a {
	background: url(../images/nav-our-story.png) 0 -148px no-repeat;	
}

ul.menu-our-story li.last-child a:hover  {
	background: url(../images/nav-our-story.png) 0 -57px no-repeat !important;	
}

li.sfHover a.nav-contact {
	background: url(../images/nav-contact.png) 0 -91px no-repeat;	
}

a.nav-contact:hover  {
	background: url(../images/nav-contact.png) 0 0px no-repeat !important;	
}

ul.menu-contact li.last-child a {
	background: url(../images/nav-contact.png) 0 -137px no-repeat;	
}

ul.menu-contact li.last-child a:hover  {
	background: url(../images/nav-contact.png) 0 -44px no-repeat !important;	
}

li.sfHover a.nav-news {
	background: url(../images/nav-news.png) 0 -91px no-repeat;	
}

a.nav-news:hover  {
	background: url(../images/nav-news.png) 0 0px no-repeat !important;	
}

ul.menu-news li.last-child a {
	background: url(../images/nav-news.png) 0 -149px no-repeat;	
}

ul.menu-news li.last-child a:hover  {
	background: url(../images/nav-news.png) 0 -58px no-repeat !important;	
}

.sf-menu a:hover {
	color: #fff;
}

.sf-menu li ul li {
	overflow-x: hidden;
}

.sf-menu li ul li a {
	padding: 10px 0px !important;
	color: #606051;	
	background: url(../images/nav-reg.png) top left repeat;
}

.sf-menu li ul li a:hover {		
	background: url(../images/nav-hover.png) top left repeat;
}


ul.sf-menu > li > a {
	color: #fff;	
	padding: 10px 18px;
	text-decoration:none;
}

a.nav-order:hover {
	background: url(../images/nav-order.png) 0 0px no-repeat;	
}

a.nav-photo-gallery:hover {
	background: url(../images/nav-photo-gallery.png) 0 0px no-repeat;	
}

/*

ul.sf-menu > li > a:first-child, .sf-menu > li {
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}

.sf-menu ul li:last-child a, .sf-menu ul li:last-child,
.bottomround
{
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}

*/

#gift{
	top:0;right:10px;position:absolute;width:302px;height:58px;/*background:url('../images/send-cupcakes-as-a-gift.png') no-repeat center;*/
}