@charset "utf-8";







body {
	width:100%; height:100%;
	background:#22272c url(http://elisasbakery.com/images/bg1.jp) center fixed;
	margin: 0;
	padding: 0;
	font-family :Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: black;
	line-height:26px;
}
.hours{ font-size:14px; text-align:center;}
img {
	border: 0;
}
.main{ position:absolute; z-index:2; top:0; left:0; width:100%; height:100%;}
.fullscrean{position:fixed;  top:0; left:0; width:100%;}
.cl {
	clear: left;
}
td{border:0px solid #eee;}
td strong{ font-size:22px; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight:bold; letter-spacing:1px;clear:both;}
td img{ border:0px solid #240e10;
-moz-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 5px #888;
box-shadow: 10px 10px 5px #888;

}

.next{ padding:15px;  background:#621421; color:#fff; text-decoration:none; -moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;}
.previous{ padding:15px;  background:#621421; color:#fff; text-decoration:none; margin-right:3px; -moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;}

.fl {
	float: left;
	padding-right: 10px;
}
.fr {
	float: right;
	padding: 15px;
}
a {
	color:#800000;
}
a:hover {
	color:#B97446;
}
#logo .inner-phone {
	color: #FFF;
	font-weight: bold;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	font-size: 25px;
	margin: 10px 0 0 0;
}
.inner-address {
	color: #DFC286;
	line-height: 16px;
	margin: 10px 0;
}
#logo {
	padding: 5px 0 0 4px;
}
#logo-inner { position:absolute; z-index:1; left:-55px;
}
#logo-out {
	position: relative;
	background: url(../images/left-bg.jpg);
	border: 4px white solid;
	width: 200px;
	height: 220px;
	float: left;
	margin: 15px 12px 0 0;
	padding: 0;
}
.order-online {
	margin: 0;
}
#wrapper {
	margin-top: 0;
	width: 980px;
	position:relative; margin:auto;

}
#wrapper-first {
	margin-top: 0;
	width: 980px;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	background-color: #0D0701;
}

.ft{ width:1000px; margin: auto;}
.ft img{ position:relative; z-index:4; left:460px; margin-top:-3px;}

#center-wrapper-first {
	width: 800px;
	margin: auto;
	background-color: #D9BD98;
}
#strip-landing {
	height: 200px;
	min-width: 800px;
	max-width: 100%;
	background: #000;
	margin-top: 240px;
}
#inner-wrapper {
	position: relative;
	width: 945px;
	margin: 0 auto;
	padding: 5px 0 0 0;
}
#left-side {
	margin-left: 0px; margin-top:50px;
	position: relative;
	width:	220px;
	height: 845px;
	float: left;
	background:url(../images/left-bg.jpg) no-repeat; 
    box-shadow: 1px 1px 20px #000;

}
#nav {
	color:	#FFF;
	font-family: "Times New Roman", Times, serif; margin-top:200px;
}
/*
#nav li:hover {
	background-color: #000;
	color: white;	
}
*/
#nav ul {
	margin: 20px 0 15px 0;
	padding: 0;
}
.clear {
	clear: both;
}

h1{font-family:ITC; font-size:40px; font-weight:normal; line-height:50px;}

#nav ul li {
	width: 220px; position:relative;
	line-height: 30px;
	margin: 0;
	list-style-type: none;
}
#nav ul li:hover {
}
#nav li a {
	font-size:18px; /*font-family:ITC;*/ letter-spacing:0px; font-style:normal; border-bottom:dotted 0px #120a0a;
	margin-left: 50px;
	padding-left: 0px;
	font-weight: normal;
	text-decoration: none;
	display: block; /* makes the whole box clickable, not just the text*/
	color: #EEDCA4;
	text-shadow: 2px 1px 6px #000; /* FF3.5+, Opera 9+, Saf1+, Chrome */
}
#nav a:hover {
	color:#bd8109;
}
#nav .inner-nav {
	list-style:none;
	margin-left: -20px;
}
.email-list {
	font-size: 12px;
	padding-right: 10px;
	padding-left: 20px;
	font-family: Verdana, Geneva, sans-serif;
	color: #E6D6AF;
	line-height: 22px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.email-list strong {
	color:#FFC46D;
}
.ct{background:#FFF; min-height:310px; width:725px;}
#right-side {
	float: right;
	width: 725px;
box-shadow: 1px 1px 20px #000; margin-top:50px;
}
.no-sd{box-shadow: 0px 0px 0px #fff;}
#banner {
	margin-top:0px;
}
#inner-banner {
	margin-top:15px;
}
.bottom{ text-align:center; line-height:70px;}
.e {
	font-size: 35px;
	color:#FFC46D;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.form-index{ background:#fff; height:30px; line-height:30px; color:#111; border-radius: 15px; border:0; padding-left:10px;}

.submit-index{ background:#fff; height:30px; line-height:30px; color:#111; border-radius: 15px; border: solid 1px #CCC; cursor:pointer;}

.form{ background:#F3F1CD; height:30px; line-height:30px; width:150px; color:#111; border-radius: 15px; border:solid 1px #CCC; padding-left:10px;
-moz-box-shadow: 1px 1px 5px #888;
-webkit-box-shadow: 1px 1px 5px #888;
box-shadow: 1px 1px 5px #888;
 }

.submit{ background:#ccc; height:30px; line-height:30px; color:#111; border-radius: 15px; border:0; cursor:pointer;}

/* start of custom css for form */


/*
.text-field{background:#F3F1CD; border:0; color:#111; border-radius: 15px; padding-left:10px;
-moz-box-shadow: 1px 1px 5px #888;
-webkit-box-shadow: 1px 1px 5px #888;
box-shadow: 1px 1px 5px #888;
}
*/
#main_body textarea.medium {
	height: 10em;
}

#main_body textarea.textarea {
	background:#F3F1CD; border:0; color:#111; border-radius: 15px; padding-left:10px;
-moz-box-shadow: 1px 1px 5px #888;
-webkit-box-shadow: 1px 1px 5px #888;
box-shadow: 1px 1px 5px #888;
}

#main_body input.medium {
	width: 50%;
}

#main_body input.text {
	border: 4px solid #EFEFEF;
	border-radius: 8px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset;
	outline: medium none;
	background: none repeat scroll 0 0 #F3F1CD;
	padding:6px 0 6px 6px;
	color:#666666;
	font-size:100%;
	margin:0;
}

#main_body form li div
{
	color:#444;
	margin:0 4px 0 0;
	padding:0 0 8px;
}

#main_body form li span
{
	color:#444;
	float:left;
	margin:0 4px 0 0;
	padding:0 0 8px;
}

.welcome {

	position: relative; background:#FFF;
	width: 725px; min-height:578px;
	margin-right: 10px;
}
.dots{ color:#CCC}
.welcome p {
	padding: 0 30px 0 30px;
	margin-top: 0;
	font-size: 11px;
	line-height: 20px;
}
.title {
	margin-left: 30px;
	margin-top: 10px;
	margin-bottom: 0px;
}

.right{ float:right; margin-left:20px;}

.under-welcome {
	width:760px;
}
.welcome .welcome-line p {
	position: relative;
	height: 40px;
	margin: 0;
	font-family:ITC; font-size:50px; font-weight:normal; line-height:60px; padding-bottom:20px;

}
#left-side .facebook a {
	font-size: 12px;
	margin: 80px 30px 0 30px;
	line-height: 70px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration:none;
}
.welcome .welcome-line p span a:hover {
	color: #000;
}
.welcome .welcome-line p span img {
	padding-left: 7px;
}
.first-box {
	width: 400px; background:#220d12 url(../images/55.jpg); padding-top:10px;
	height: 140px;
	float:left; margin-left:10px;
	background-position: top; color:#FFF; box-shadow: 1px 1px 4px #000;

}

.t1{ font-size:156px; line-height:200px; color:#CCC; clear:both; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-style:italic;}

.t2{ font-size:156px; ine-height:200px; color:#CCC; clear:both; float:right; font-family:"Times New Roman", Times, serif}

.first-box p {
	width: 350px;
	padding-left: 30px;
	line-height: 26px;
	color: #fff;
	text-decoration: none;
	line-height: 15px;
	font-size: 10px;
}
.first-box p strong {
	font-size: 16px;0;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.first-box ul {
	margin-top: -5px;
	padding-top: 0;
	list-style: url(../images/triangle-orange.png);
}
.first-box ul li {
	line-height: 15px;
	font-size: 10px;
}
.about {
	width: 500px;
	line-height: 26px;
}
.second-box {
	width:300px;
	height: 150px;
	background: #fff;
	border: white solid 0px;
	float:left;
	margin-left: 0px;
	line-height: 18px; box-shadow: 1px 1px 4px #000;
}
.ct img{box-shadow: 0px 0px 0px #000;}

.second-box p {
	color: #E6BB26;
	padding: 0px 10px;
}
.second-box p a {
	color: #E6BB26;
	font-size: 11px;
	padding: 0px 10px;
}
.second-box p strong {
	font-size: 14px;
}

.clear{ clear:both;}

.footer {
	clear: both;
	text-align: center; background:#FFF;
	padding: 5px 0;
	width:730px;
	height: 40px;
	position: relative;
	bottom: 0;
}
.footer a {
	color: white;
}
.footer-first {
	clear: both;
	color: #030;
	text-align: center;
	padding: 0;
	margin: 30px 0 0 0;
	width: 750px;
	padding: 0 0 30px 0;
	position: relative;
	bottom: 0;
}
.footer-first a {
	color: #030;
}
.black {
	color: #000;
}
.inner-footer {
	color: #FFF;
	text-align: center;
	width:980px;
	float: right;
	position: relative;
	bottom: 0;
}
.inner-footer a {
	color: #FFF;
}
#bg-content {
	position: relative;
	width: 764px;
	background-color: #D4C199;
	padding: 0;
	margin: 0;
}
#content {
	margin-top: 15px;
	padding: 20px 30px;
}
.float-pic {
	float: left;
	top: 0px;
	padding-right: 20px;
	vertical-align: top;
}
.pasta-bg {
	background-image: url(http://elisasbakery.com/images/pasta-merge.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}
.bg-bakery {
	background-image: url(http://elisasbakery.com/images/bread-merge.png);
	background-repeat: no-repeat;
	background-position:bottom right;
}
.bg-about {
	background-image: url(http://elisasbakery.com/images/bg-about.png);
	background-repeat: no-repeat;
	background-position:bottom right;
}
.bg-salads {
	background-image: url(http://elisasbakery.com/images/salads-merge.png);
	background-repeat: no-repeat;
	background-position:bottom right;
}
.inner-title {
	color: #632000;
	text-decoration: underline;
	font-weight:bold;
	font-size: 14px;
}
.sub-inner-title {
	color: #632000;
	font-size: 10px;
	font-style: italic;
	margin-top: -15px;
	padding-top: 0;
	text-decoration:none;
}
#content ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 500px;
}
#content ul li {
	width: 200px;
	float: left;
}
#nav ul .current {
	color: #ED770E;
	background: #000;
}
.comment {
	font-size: 11px;
}
#content .one-column li {
	width: 400px;
	float: left;
}
.pdf-link {
	width: 200px;
	float: right;
	padding-top: 10px;
}
.pdf-link a {
	text-decoration: none;
	color: #000;
}
.pdf-link a:hover {
	color: #900;
}
.go-up {
	color: #FFF;
	background-image:url(../images/arrow-up.png);
	background-repeat: no-repeat;
	background-position:bottom;
	height: 70px;
	width: 70px;
	position: fixed;
	bottom: 0;
	text-align:center;
	line-height: 85px;
}
.go-up:hover {
	background-image:url(../images/arrow-up-long.png);
}
.go-up a {
	color: #FFF;
	display: block;
}
.catering-nav {
	text-align: justify;
	color: #FFF;
	background-color: #000;
	padding: 10px 0;
	font-size: 12px;
}
.catering-nav a {
	color: #D4C199;
	text-decoration: none;
	padding: 5px 8px;
}
.catering-nav a:hover {
	color: #FFF;
	background-color: #AB5521;
}
.map {
	margin-right: 100px;
}
/*.popup li { height: 24px;}*/
.popup li span img {
	height: 0;
	width: 0;
	border-width: 0;
}
.popup li span:hover img {
	position: absolute;
	top: 350px;
	left: 440px;
	height: 254px;
	width: 300px;
	border: white 2px solid;
}
.popup li .has-pic {
	padding-right: 30px;
	background:url(../images/camera_20.png) right no-repeat;
}
.popup2 li span img {
	height: 0;
	width: 0;
	border-width: 0;
}
.popup2 li span:hover img {
	position: absolute;
	top: 850px;
	left: 440px;
	height: 254px;
	width: 300px;
	border: white 2px solid;
}
.popup2 li .has-pic {
	padding-right: 30px;
	background:url(../images/camera_20.png) right no-repeat;
}
.has-pic {
	text-decoration:underline;
	cursor: pointer;
}
.top-text {
	height: 140px;
	position: relative;
	width: 350px;
	float:left;
}
#inner-bg {
	width: 945px;
	background: url(../images/bg-image2.jpg);
	margin: 0;
	padding: 0;
}
#inner {
	padding: 30px 50px;
}
#inner-nav {
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	margin: 0 0 0 0;
	padding: 0;
	width: 950px;
	height: 65px;
	background: url(../images/nav-bg.png) no-repeat;
	text-align: center;
	line-height: 70px;
}
#inner-nav ul {
	margin-left: -10px;
}
#inner-nav ul li {
	float: left;
	margin: 0 13px 0 0;
	list-style-type: none;
}
#inner-nav ul li a {
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	background: url(../images/triangle-orange.png) no-repeat;
	padding-left: 12px;
	background-position:left center;
	display: block; /* makes the whole box clickable, not just the text*/
	color: #EEDCA4;
	text-shadow: 2px 1px 6px #000; /* FF3.5+, Opera 9+, Saf1+, Chrome */
}
#inner-nav ul li a:hover {
	color:#E9C578;
	text-decoration: none;
}
/**inner nav with extra catering tab**/
#inner-nav2 {
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	margin: 0;
	padding: 0;
	width: 950px;
	height: 65px;
	background: url(../images/nav-bg.png) no-repeat;
	text-align: center;
	line-height: 70px;
}
#inner-nav2 ul {
	margin-left: -9px;
}
#inner-nav2 ul li {
	float: left;
	margin: 0 18px 0 0;
	list-style-type: none;
}
#inner-nav2 ul li a {
	font-weight: bold;
	font-size: 15px;
	text-decoration: none;
	background: url(../images/triangle-black.png) no-repeat;
	padding-left: 12px;
	background-position:left center;
	color:#620000;
	text-shadow: 2px 1px 4px #FFF;
	display: block; /* makes the whole box clickable, not just the text*/
}
#inner-nav2 ul li a:hover {
	color: #BB8266;
	font-size: 15px;
	text-decoration: none;
}
/**end of extra nav catering**/

.title-banner {
	position: relative;
	width: 946px;
	height: 140px;
background:  margin: 0;
	padding: 0;
}
.title-banner p {
	margin: 0;
	padding: 45px 0 0 35px;
	;
	font-size: 24px;
	color: #FFF;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bold;
}
.title-banner-raintree {
	position: relative;
	width: 946px;
	height: 140px;
	background: url(../images/title-banner.png) no-repeat;
	margin: 0;
	padding: 0;
}
.title-banner-raintree p {
	margin: 0;
	padding: 45px 0 0 35px;
	font-size: 28px;
	color: #841F1A;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bold;
}
.title-banner-express {
	position: relative;
	width: 946px;
	height: 140px;
	background: url(../images/title-banner.png) no-repeat;
	margin: 0;
	padding: 0;
}
.title-banner-express p {
	margin: 0;
	padding: 45px 0 0 35px;
	font-size: 28px;
	color: #e4d5bb;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bold;
}
.title-banner-on33 {
	position: relative;
	width: 946px;
	height: 140px;
	background: url(../images/title-banner.png) no-repeat;
	margin: 0;
	padding: 0;
}
.title-banner-on33 p {
	margin: 0;
	padding: 45px 0 0 35px;
	font-size: 28px;
	color: #841F1A;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bold;
}

#about-us-inside {
	
	position:relative;
	float: left;
	width: 800px;
	background-image:url(../images/bg-image3.jpg) no-repeat;
	margin-top: 15px;
}
#promo-email-side {
	position:relative;
	float: left;
	width: 400px;
	margin-top: 30px;
}
#promo-coupon-side {
	position:relative;
	float: right;
	width: 360px;
}
.to-print {
	text-align: right;
}
.to-print a {
	text-decoration: none;
}
.note {
	font-size:13px;
	font-style:italic;
	color: 	#630;
	text-align: center;
	margin: 0 20px 0 20px;
}
.daily {
	background: url(../images/bg-image.jpg) no-repeat;
}
.day {
	font-size: 26px;
	font-weight: bold;
	font-family: Tahoma, Geneva, sans-serif;
	margin: 0;
	padding: 25px 0 0 0;
	text-transform: uppercase;
	color: #600;
	text-shadow: 1px 1px 4px #888; /* FF3.5+, Opera 9+, Saf1+, Chrome */
}
#left-info {
	position:relative;
	float: left;
	width: 370px;
	margin: 0;
}
#left-info p {
	font-size: 15px
}
#info-right {
	position:relative;
	float: right;
	width: 400px;
}
#left-menu-nav {
	position:relative;
	float: left;
	width: 400px;
	margin: 0;
	text-decoration: none;
}
#left-menu-nav ul li {
	padding: 0;
	padding: 7px 0;
}
#left-menu-nav p {
	font-weight: bold;
	text-decoration:underline;
}
#left-menu-nav .small {
	font-weight:normal;
	font-size: 11px;
	font-style:italic;
	text-decoration:none;
	line-height: 16px;
	margin-top: -10px;
}
#left-menu-nav ul {
	list-style:url(../images/triangle-black.png) outside;
	margin: 0;
	padding: 0 0 0 15px;
	line-height: 20px;
}
#left-menu-nav a {
	text-decoration: none;
}
#menu-right {
	position:relative;
	float: right;
	width: 640px;
	margin-right: -5px;
}
#menu-right img {
	border: #FFF 2px solid;
}
.first-letter {
	margin-right: -25px;
}
#bottom-page {
	margin:0;
	background: url(../images/left-bg.jpg) repeat-x;
	text-align: center;
}
#bottom-page img {
	margin: 5px 5px 0 5px;
}
.option1 {
	position: relative;
	width: 225px;
	height: 420px;
	float: left;
	padding: 0;
	margin: 10px 15px 0 35px;
	background-image: url(../images/left-bg.jpg);
	background-repeat: no-repeat;
	background-position:  0 70px;
	text-align:center;
}
.option1 .location, .option2 .location, .option3 .location {
	text-decoration: none;
	margin: 20px 0 0 0;
	line-height: 27px;
	color: white;
	font-size: 14px;
}
.location-title {
	font-family: 'Playball', cursive;
	font-size: 28px;
	margin: 15px 0 0 0;
}
.location-title-small {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 17px;
	margin: 5px;
}
a:hover .location-title {
	color: #C00
}
.inner-content{ width:660px; margin:auto; min-height:400px;}

.option2 {
	position: relative;
	width: 225px;
	height: 420px;
	float: left;
	padding: 0;
	margin: 10px 15px 0 10px;
	background-image: url(../images/left-bg.jpg);
	background-repeat: no-repeat;
	background-position:  0 70px;
	text-align:center;
}
.option3 {
	position: relative;
	width: 225px;
	height: 420px;
	float: left;
	padding: 0;
	margin: 10px 10px 0 10px;
	background-image: url(../images/left-bg.jpg);
	background-repeat: no-repeat;
	background-position:  0 70px;
	text-align:center;
}
#top-welcome {
	margin: 0 40px 2px 40px;
	padding: 10px 0 0 0;
}
.shadow {
	border: none;
	margin: -50px 0 0 0;
	background: url(../images/shadow.png) no-repeat;
	background-position: bottom;
}
.phone {
	font-size: 23px;
	color: white;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	margin: 10px 0;
}
.border-white {
	border: 2px solid white;
}




@font-face {
 font-family: ITC;
 src: url("../fonts/ITCEdscr.eot") /* EOT file for IE */
}
@font-face {
 font-family: ITC;
 src: url("../fonts/ITCEdscr.TTF") /* TTF file for CSS3 browsers */
}

.mask{ position:absolute; z-index:100000; background:#FFF; width:100%; height:100%; top:0; left:0;}

.top-message{ position: fixed; z-index:20; top:0px; height:33px; width:100%; line-height:32px; background:url(../images/top.jpg) repeat-x; color:#fff;}
.top-message a{ color:#FFF; text-decoration: none;}
.message{ position:relative; width:1000px; margin:auto;}



.move-1{ position:relative; float:right; width:25px; height:26px; background:url(../images/top-bt.png)}
.move-2{ position:absolute; z-index:2; right:0; top:-32px; width:25px; height:26px; background:url(../images/top-bt1.png)}

.share{ position:absolute; z-index:1000; }