* {
	border-style: none;
	border-color: inherit;
	border-width: 0;
	padding: 0 0 0 0;
	margin: 0;
	outline: none;
	list-style: none;
}



html, body  {
	height: 100%; 
}


body {
	font-size:14px;
	font-family:Arial;
	text-align:left;
	color:#fff;
	background:#42210b url(../../images/bg.png) top center repeat-x;
	
}

a:link {color: #fff; text-decoration: none; }
a:active {color: #fff; text-decoration: none; }
a:visited {color: #fff; text-decoration: none; }
a:hover {color: #fff; text-decoration:underline; }


::-moz-selection{
background: #fff;
color: #f69d9a;
} 

::selection {
background: #fff;
color: #f69d9a;
} 


h1 { font-size:57px; font-family: Archer; font-style: italic;  color: #f3776f }
h2 { font-size:35px; font-family: Archer; font-style: italic;  color: #000 }





#menu_box1 {
width: 100%;
height: 65px;
position: fixed;
z-index: 100;
}

#menu_box2 { 
width: 960px; 
height: 65px; 
text-align: left;
margin: 0 auto;
position: relative;
z-index: 100;
}




.menu {
	width: 410px;
	height: 65px;
	background: transparent url(../../images/menu.png) no-repeat;
	position: relative;
	top:2px;
	left: 0px;
	z-index: 100;
}
.menu li {
	display: inline;
}
.menu li a:link, .menu li a:visited, .menu li div {
	position: absolute;
	top: 0;
	height: 65px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}



	.menu #home_menu a:link, .menu #home_menu a:visited , .menu #home_menu div{
		left: 0;
		width: 65px;
		
	}
	.menu #home_menu a.normal:hover, .menu #home_menu a.normal:focus, .menu #home_menu div{
		background: transparent url(../../images/menu.png) no-repeat left -65px;
	}
	.menu #home_menu.active a:link, .menu #home_menu.active a:visited {
		background: transparent url(../../images/menu.png) no-repeat left -65px;
		cursor: default;
	}
	

	.menu #about_menu a:link, .menu #about_menu a:visited , .menu #about_menu div{
		left: 65px;
		width: 68px;
	}
	.menu #about_menu a.normal:hover, .menu #about_menu a.normal:focus, .menu #about_menu div{
		background: transparent url(../../images/menu.png) no-repeat -65px -65px;
	}
	.menu #about_menu.active a:link, .menu #about_menu.active a:visited {
		background: transparent url(../../images/menu.png) no-repeat -65px -65px;
		cursor: default;
	}
	
	.menu #tarts_menu a:link, .menu #tarts_menu a:visited , .menu #tarts_menu div{
		left: 133px;
		width: 56px;
	}
	.menu #tarts_menu a.normal:hover, .menu #tarts_menu a.normal:focus, .menu #tarts_menu div{
		background: transparent url(../../images/menu.png) no-repeat -133px -65px;
	}
	.menu #tarts_menu.active a:link, .menu #tarts_menu.active a:visited {
		background: transparent url(../../images/menu.png) no-repeat -133px -65px;
		cursor: default;
	}
	
	.menu #cookies_menu a:link, .menu #cookies_menu a:visited , .menu #cookies_menu div{
		left: 189px;
		width: 77px;
	}
	.menu #cookies_menu a.normal:hover, .menu #cookies_menu a.normal:focus, .menu #cookies_menu div{
		background: transparent url(../../images/menu.png) no-repeat -189px -65px;
	}
	.menu #cookies_menu.active a:link, .menu #cookies_menu.active a:visited {
		background: transparent url(../../images/menu.png) no-repeat -189px -65px;
		cursor: default;
	}
	
	.menu #menus_menu a:link, .menu #menus_menu a:visited , .menu #menus_menu div{
		left: 266px;
		width: 68px;
	}
	.menu #menus_menu a.normal:hover, .menu #menus_menu a.normal:focus, .menu #menus_menu div{
		background: transparent url(../../images/menu.png) no-repeat -266px -65px;
	}
	.menu #menus_menu.active a:link, .menu #menus_menu.active a:visited {
		background: transparent url(../../images/menu.png) no-repeat -266px -65px;
		cursor: default;
	}
	
	.menu #contact_menu a:link, .menu #contact_menu a:visited , .menu #contact_menu div{
		left: 334px;
		width: 76px;
	}
	.menu #contact_menu a.normal:hover, .menu #contact_menu a.normal:focus, .menu #contact_menu div{
		background: transparent url(../../images/menu.png) no-repeat -334px -65px;
	}
	.menu #contact_menu.active a:link, .menu #contact_menu.active a:visited {
		background: transparent url(../../images/menu.png) no-repeat -334px -65px;
		cursor: default;
	}
	


#order_here {
	width: 110px;
	height: 90px;
	background: url(../../images/order_here.png) no-repeat;
	position: absolute;
	right: 4px;
	top: 0;
	margin:0;
	padding: 0;
	z-index: 100;
}
#order_here li {
	display: inline;
}
#order_here li a:link, #order_here li a:visited, #order_here li div {
	position: absolute;
	top: 0;
	height: 90px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}



	#order_here li a:link, #order_here li a:visited , #order_here li div{
		left: 0;
		width: 110px;
	}
	#order_here li a.normal:hover, #order_here li a.normal:focus, #order_here li div{
		background: url(../../images/order_here.png) no-repeat left -90px;
	}
	
	





.clickme {
	width: 409px;
	height: 355px;
	background: url(../../images/2tarts-clickme.jpg) no-repeat;
	position: absolute;
	left: 4px;
	top: 195px;
	margin:0;
	padding: 0;
	z-index: 10;
}

.clickme li a:link, .clickme li a:visited, .clickme li div {
	position: absolute;
	top: 0;
	height: 355px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}

.clickme li a:link, .clickme li a:visited , .clickme li div{
	left: 0;
	width: 409px;
}

.clickme li a.normal:hover, .clickme li a.normal:focus, .clickme li div{
	background: url(../../images/2tarts-clickme.jpg) no-repeat left -355px;
}

.clickme li a:active, .clickme li div.click {
	background: url(../../images/2tarts-clickme.jpg) no-repeat left -710px;
}



.pink_box { width: 100%; position: relative; background-color: #f69d9a; padding: 13px; }
.pink_box #tl { background: url(../../images/pink_box.png) no-repeat left top; width: 13px; height: 13px; position: absolute; top: 0; left: 0; }
.pink_box #tr { background: url(../../images/pink_box.png) no-repeat right top; width: 13px; height: 13px; position: absolute; top: 0; right: 0; }
.pink_box #bl { background: url(../../images/pink_box.png) no-repeat left bottom; width: 13px; height: 13px; position: absolute; bottom: 0; left: 0; }
.pink_box #br { background: url(../../images/pink_box.png) no-repeat right bottom; width: 13px; height: 13px; position: absolute; bottom: 0; right: 0; }

.white_box { width: 100%; position: relative; background-color: #fff; padding: 13px; }
.white_box #tl { background: url(../../images/white_box.png) no-repeat left top; width: 13px; height: 13px; position: absolute; top: 0; left: 0; }
.white_box #tr { background: url(../../images/white_box.png) no-repeat right top; width: 13px; height: 13px; position: absolute; top: 0; right: 0; }
.white_box #bl { background: url(../../images/white_box.png) no-repeat left bottom; width: 13px; height: 13px; position: absolute; bottom: 0; left: 0; }
.white_box #br { background: url(../../images/white_box.png) no-repeat right bottom; width: 13px; height: 13px; position: absolute; bottom: 0; right: 0; }

.white_box2 { width: 100%; position: relative; background-color: #fff; padding: 13px; }
.white_box2 #tl { background: url(../../images/white_box2.png) no-repeat left top; width: 13px; height: 13px; position: absolute; top: 0; left: 0; }
.white_box2 #tr { background: url(../../images/white_box2.png) no-repeat right top; width: 13px; height: 13px; position: absolute; top: 0; right: 0; }
.white_box2 #bl { background: url(../../images/white_box2.png) no-repeat left bottom; width: 13px; height: 13px; position: absolute; bottom: 0; left: 0; }
.white_box2 #br { background: url(../../images/white_box2.png) no-repeat right bottom; width: 13px; height: 13px; position: absolute; bottom: 0; right: 0; }

.beige_box { width: 100%; position: relative; background-color: #f9f3ea; padding: 13px; }
.beige_box #tl { background: url(../../images/beige_box.png) no-repeat left top; width: 13px; height: 13px; position: absolute; top: 0; left: 0; }
.beige_box #tr { background: url(../../images/beige_box.png) no-repeat right top; width: 13px; height: 13px; position: absolute; top: 0; right: 0; }
.beige_box #bl { background: url(../../images/beige_box.png) no-repeat left bottom; width: 13px; height: 13px; position: absolute; bottom: 0; left: 0; }
.beige_box #br { background: url(../../images/beige_box.png) no-repeat right bottom; width: 13px; height: 13px; position: absolute; bottom: 0; right: 0; }

/*------------------Movables-----------------------*/
.movables { width: 17280px; height: 157px; position: absolute; top: 550px; z-index: 20 }
.movables li { display: block; width: 960px; height: 157px; margin: 0 960px; position: relative; float: left; }
.movables img { cursor: pointer; position: absolute ; }
/*------------------Home-----------------------*/
.movables li.home .brownies { left: 0px; bottom: 0px; }
.movables li.home .cookies { left: 130px; bottom: 0; z-index: 30 }
.movables li.home .cakeslices { left: 834px; bottom: 0}
.movables li.home .doughnuts { left: 1040px; bottom: 0; z-index: 30 }
.movables li.home .threetier { left: -200px; bottom: 0px }

/*------------------About-----------------------*/
.movables li.about .bigcupcakes { left: -6px; bottom: -5px }
.movables li.about .facebookcookie { right: 200px; bottom: 0 }
.movables li.about .twittercookie { right: 100px; bottom: 0 }
.movables li.about .brownies { left: -208px; bottom: 0px; }
/*------------------Tarts-----------------------*/

.movables li.tarts .tarts-shelf { left: 70px; bottom: -2px }
.movables li.tarts .sandwich { left: 57px; bottom: 0; z-index: 30 }
.movables li.tarts .cupcakes { left: -100px; bottom: 5px }
.movables li.tarts .doughnuts { left: 765px; bottom: 0; z-index: 30 }
.movables li.tarts .threetier { left: 830px; bottom: 0px }


/*------------------Cookies-----------------------*/
.movables li.cookies .cookies { left: 250px; bottom: 0; z-index: 30 }
.movables li.cookies .facebookcookie { right: 70px; bottom: 0 }
.movables li.cookies .twittercookie { right: -75px; bottom: 0 }
.movables li.cookies .fiftyfootcookie { right: 290px; bottom: 0 }
.movables li.cookies .cakeslices { left: 834px; bottom: 0 }
.movables li.cookies .sandwich { left: 147px; bottom: 0; z-index: 30 }
.movables li.cookies .brownies { right: -90px; bottom: 0px; }
.movables li.cookies .bigcupcakes { left: -6px; bottom: -5px }

/*------------------Menus-----------------------*/
.movables li.menus .brownies { left: 1040px; bottom: 0px; }
.movables li.menus .cupcakes { left: 843px; bottom: 5px }
.movables li.menus .tarts-shelf { left: 366px; bottom: -2px }
.movables li.menus .sandwich { left: 600px; bottom: 0; z-index: 30 }
.movables li.menus .cookies { left: -320px; bottom: 0; z-index: 30 }
.movables li.menus .cakeslices { left: -6px; bottom: 0 }
.movables li.menus .doughnuts { left: -123px; bottom: 0 }

/*------------------Contact-----------------------*/
.movables li.contact .cakeslices { left: -6px; bottom: 0 }
.movables li.contact .facebookcookie { right: 200px; bottom: 0 }
.movables li.contact .twittercookie { right: 100px; bottom: 0 }
.movables li.contact .fiftyfootcookie { right: 0px; bottom: 0 }
/*------------------Movables End-----------------------*/


.pages {
	width:17280px;
	height: 760px;
	position:relative;
	
}

.pages #home, .pages #about, .pages #tarts, .pages #cookies, .pages #menus, .pages #contact {
	width: 960px;
	height: 760px;
	margin: 0 960px;
	float: left;
	position: relative;
}


.pages #home { }
.pages #home .left {
width: 409px;
padding-right: 71px;
position: absolute;
left: 0;
top: 0;
}

.pages #home .left h1 { margin-top: 70px }
.pages #home .left p { color: #f69d9a }

.pages #home .right {
width: 600px;
min-height: 400px;
position: absolute;
left: 480px;
top: 0;
}

.pages #home .right #logo { margin-top: 82px; }
.pages #home .right .coffee_popup { position: absolute; width: 390px;height: 310px; right: 120px; top: 130px; color: #000; font-size: 13px; display: none }
.pages #home .right .coffee_popup h2 { text-align: center }
.pages #home .right .coffee_popup p { padding: 10px }
.pages #home .right #address { margin-top: -30px; margin-left: 90px; cursor: pointer }

/* --------------------------------------------------------------------------------- */
.pages #about #plus { margin: 70px auto; margin-bottom: 0; display: block; width: 450px }
.pages #about #about_image { float: left; padding-right: 10px;  }
.pages #about .pink_box { height: 276px; overflow: hidden; width: 934px; }
.pages #about .text { padding: 15px 7px 15px 0; }
.pages #about .title { font-size: 28px; font-family: Archer; font-style: italic; font-weight: 500; color: #ffdedb;  line-height: 20px  }
.pages #about #map_button { float: right; padding: 10px 0 0 10px}
/* --------------------------------------------------------------------------------- */
.pages #tarts { }
.pages #tarts h1 { margin-top: 70px }
.pages #tarts .pink_box { width: 614px; height: 366px; overflow: hidden; }
.pages #tarts #tarts_pic { position: absolute; right: 0; top: 80px; }
.pages #tarts .title { font-size: 20px; font-family: Archer; font-style: italic; font-weight: 500; color: #42210B; padding: 10px 0 0 0; }
.pages #tarts .text { width: 310px; font-size: 14px; font-family: Archer; font-style: normal; color: #fff; padding: 0; margin: 0; line-height: 0px; border-right: 2px solid #42210B;  }
.pages #tarts .text a { text-decoration: none; display: block; padding: 1px 0; }
.pages #tarts #description_box { width: 300px; position: absolute; right: 13px; top: 77px; text-align: center;   }
.pages #tarts #description_box .description div { width: 206px; padding-top: 176px; margin: 10px auto; background: url(../../images/tarts_desc.png) no-repeat; display: none; position: absolute; top: 34px; left: 47px; }
/* --------------------------------------------------------------------------------- */
.pages #cookies {  }
.pages #cookies .left { width: 580px; position: relative; top: 80px }
.pages #cookies .left img { padding-bottom: 12px }
.pages #cookies .left img.space { padding-left: 15px }
.pages #cookies .right { width: 360px; position: absolute; right: 0; top: 70px; }
.pages #cookies .title { font-size: 20px; font-family: Archer; font-style: italic; font-weight: 500; color: #42210B; padding: 10px 0 20px 0; }
/* --------------------------------------------------------------------------------- */


.pages #menus {  }
.pages #menus #sample_menu_bg { background: url(../../images/2tarts-sample-menu-bg.png) no-repeat; position: relative; top: 66px; height: 484px; width: 100% }




.sample_menu {
	width: 860px;
	height: 210px;
	background: url(../../images/2tarts-sample-menu.png) no-repeat left -210px;
	position: relative;
	top: 150px;
	left: 50px;
}
.sample_menu li {
	display: inline;
}
.sample_menu li a:link, .sample_menu li a:visited, .sample_menu li div {
	position: absolute;
	top: 0;
	height: 210px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}



	.sample_menu #bridal_menu a:link, .sample_menu #bridal_menu a:visited , .sample_menu #bridal_menu div{
		left: 0;
		width: 172px;
	}
	.sample_menu #bridal_menu a:hover, .sample_menu #bridal_menu a:focus, .sample_menu #bridal_menu div{
		background: url(../../images/2tarts-sample-menu.png) no-repeat left top;
	}

	.sample_menu #tapas_menu a:link, .sample_menu #tapas_menu a:visited , .sample_menu #tapas_menu div{
		left: 172px;
		width: 172px;
	}
	.sample_menu #tapas_menu a:hover, .sample_menu #tapas_menu a:focus, .sample_menu #tapas_menu div{
		background: url(../../images/2tarts-sample-menu.png) no-repeat -172px top;
	}
	.sample_menu #sides_menu a:link, .sample_menu #sides_menu a:visited , .sample_menu #sides_menu div{
		left: 344px;
		width: 163px;
	}
	.sample_menu #sides_menu a:hover, .sample_menu #sides_menu a:focus, .sample_menu #sides_menu div{
		background: url(../../images/2tarts-sample-menu.png) no-repeat -344px top;
	}
	.sample_menu #entrees_menu a:link, .sample_menu #entrees_menu a:visited , .sample_menu #entrees_menu div{
		left: 507px;
		width: 210px;
	}
	.sample_menu #entrees_menu a:hover, .sample_menu #entrees_menu a:focus, .sample_menu #entrees_menu div{
		background: url(../../images/2tarts-sample-menu.png) no-repeat -507px top;
	}
	.sample_menu #desserts_menu a:link, .sample_menu #desserts_menu a:visited , .sample_menu #desserts_menu div{
		left: 717px;
		width: 143px;
	}
	.sample_menu #desserts_menu a:hover, .sample_menu #desserts_menu a:focus, .sample_menu #desserts_menu div{
		background: url(../../images/2tarts-sample-menu.png) no-repeat -717px top;
	}
	
.pages #menus .menus_content { position: absolute; top: 2000px; width: 960px; color: #000;}

.pages #menus .menus_content .menu_item { padding-top: 70px;  }
.pages #menus .menus_content .menu_item .white_box2 { height: 600px;  margin-bottom: 1000px; }



.pages #menus .menus_content .menu_item .title { font-size:45px; font-family: Archer; font-style: italic;  color: #f3776f; }
.pages #menus .menus_content .menu_item .title2 { font-size:18px; font-family: Palatino; font-weight: 500;  color: #42210b; }
.pages #menus .menus_content .menu_item .title3 { font-size:14px; font-family: Palatino; font-weight: 500;  color: #42210b; padding-right: 4px  }

.pages #menus .menus_content #tapas p { padding: 2px 0 }

.pages #menus .menus_content .menu_item .nav { position: absolute; height: 24px; bottom: 0; text-align: center; width: 300px; left: 330px; font-size: 16px }
.pages #menus .menus_content .menu_item .nav a { color: #42210b; font-family: Palatino; }

/* --------------------------------------------------------------------------------- */
.pages #contact {  }
.pages #contact .left { width: 409px; padding-right: 71px; position: relative; top: 80px; }
.pages #contact .left p { text-align: center; font-family: Archer; font-weight: 500; font-size: 25px; padding: 6px 0; line-height: 20px }
.pages #contact .left p.title { color: #42210b }
.pages #contact .left p.title2 { color: #42210b; font-size: 14px; padding: 0 }
.pages #contact .left p.text { color: #f69d9a }
.pages #contact .left #map { margin: 15px auto; display: block; }
.pages #contact .right { width: 480px; position: absolute; top: 70px; right: 0 }
.pages #contact .right .white_box { width: 454px ;height: 434px; overflow: hidden; font-family: Archer; font-weight: 500; color: #42210b; font-size: 16px; position: relative }
.pages #contact .right .white_box .title { font-size: 25px; padding-bottom: 10px }
.pages #contact .right .white_box ul li {  vertical-align: bottom; height: 35px; }
.pages #contact .right .white_box ul li span {  }
.pages #contact .right .white_box input { border: 1px solid #fff;; border-bottom: 1px solid #f69d9a; padding: 3px 0; font-size: 16px; color: #42210b; width: 200px }
.pages #contact .right .white_box input:hover { background-color: #fff6f5; border: 1px solid #f69d9a; }
.pages #contact .right .white_box input#field1 { width: 397px }
.pages #contact .right .white_box input#field2 { width: 381px }
.pages #contact .right .white_box input#field3a { width: 200px; margin-right: 15px }
.pages #contact .right .white_box input#field3b { width: 126px }
.pages #contact .right .white_box input#field4 { width: 309px }
.pages #contact .right .white_box input#field5 { width: 406px }
.pages #contact .right .white_box input#field6 { width: 249px }
.pages #contact .right .white_box #details { width: 417px; height: 100px; background: url(../../images/2tarts-contact-details.png) no-repeat; padding: 15px; margin-top: 10px;  overflow: auto; overflow-x: auto; overflow-y: auto; resize: none; font-size: 16px; color: #42210b; }
.pages #contact .right .white_box #details:hover { background-position: 0 -130px }
.pages #contact .right .white_box #submit { width: 100px; height: 48px; background: url(../../images/2tarts-contact-submit.png) no-repeat; position: absolute; left: 190px; top: 410px; border: 0;; }
.pages #contact .right .white_box #submit:active { background-position: 0 -48px }
/* --------------------------------------------------------------------------------- */