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

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
img {border: none;}
a {color: #da2d76; text-decoration:none;}
a:hover { border-bottom: 1px dashed #da2d76;}

body {background:url(../images/bg.jpg) top center repeat-x #d1d3c7; font-family:Verdana, Geneva, sans-serif;}

.wrapper, .footer {width: 970px; margin: 0 auto;}

.header {padding-top: 15px;}
.logo {float: left;} .logo a:hover {border: none;}
.contact {float: right; font-size: .7em; background:#f9f9f6 url(../images/bg_top_right.jpg) no-repeat; width: 300px; padding: 6px 12px 10px; margin-top: 20px;}
.phone {width: 90px; padding: 2px 13px 10px; background:url(../images/phone.jpg) no-repeat;position: relative; top: -1px;}
.bump {position: relative; top: 3px;}
.nav {float: left; clear: both; padding-top: 15px;}
.nav a {font-family: "Times New Roman", Times, serif; text-decoration: none; color: #000; display:block; width: 100%; height: 10px; padding: 9px 0 21px; background: url(../images/nav.jpg) no-repeat; font-size: 1.2em; margin: 0;} 
.nav a:hover {color: #FFF; background-position: -160px 0px; border: none;}
.nav ul li {list-style: none; display: block; float:left; height: 40px; width: 157px; margin-right: 4px; text-align:center;}
.topMain {clear:both;}

.main {margin-top: 40px; overflow: hidden; padding-bottom: 30px; font-size: .8em;}

.recent {background: #f4f4f4 url(../images/recent.jpg) no-repeat -1px 0px; padding: 40px 14px 5px; margin: 0 0 15px; border: 1px solid #e3e5da; position: relative;}
.more {position: absolute; top: -1px; right: 0;}
.recent a:hover {border: none;}
.cake img {border: 1px solid #c3c5b7;}

hr {color: #bfbfba; border-bottom: 1px #fff solid; clear:both;}
.leftCol {float: left; width: 570px;}
.leftCol p {
	padding: 0 15px;
	margin: 7px 0;
	line-height: 1.4em;
	font-size: .8;
	font-weight: normal;
}
.list {margin: 7px 15px; list-style:inside; list-style-image:url(../images/list-image.png);}
.rightCol {float: right; width: 333px; color: #000;}
.links {color: #000; background: #f2f2f2 url(../images/blank_big.jpg); border: 1px solid #c3c5b7; padding-top:15px; padding-left:25px; padding-bottom:13px;} .links a:hover {color: #da2d76; border: none;}
.block { padding: 20px 30px 0;} .block a:hover {border: none;}
.flavor {margin: 7px 15px; list-style:inside; list-style-image:disk);}

.footer {padding: 20px 0 30px; font-size:.8em;}
.footRight {float: right; width: 365px; text-align:right;}
.footRight li {display:inline; margin-left: 10px;}

.pink {color: #da2d76;}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
.wrapper .main .leftCol p {


}
