@charset "utf-8";
/* CSS Document */ /* Code written by Matthew Meyer at MediabyMatt.com*/

body {
	margin: auto;
	background: url(sitePics/background.png) repeat-x #14335c;
	font: Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	text-align: center;
}

h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.4em;
  color: #000000;
}

h2 {
  margin-top: -2px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.0em;
  text-align: left;
  color: #000000;
}

h3 {
  margin-bottom: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.3em;
  text-align: left;
  color: #000000;
}

/* CLASSES */

.style1 {
	margin-top: 7px;
	margin-bottom: 11px;
	font-size: 13px;
	line-height: 1.4em;
	text-align: left;
}

.style2 {
	margin-bottom: 5px;
	font-size: 13px;
	line-height: 1.6em;
	text-align: left;
}

.style3 {
	margin-bottom: 5px;
	font-size: 11px;
	color: #FF0000;
	line-height: 1.4em;
	text-align: left;
}

.style4 {
	margin-bottom: 5px;
	font-size: 13px;
	line-height: 1.6em;
	text-align: left;
}

.style5 {
	margin-bottom: 5px;
	font-size: 23px;
	line-height: 1.5em;
	text-align: left;
}

.style6 {
	margin-bottom: 5px;
	font-size: 16px;
	line-height: 1.2em;
	text-align: left;
}

.subtitle {
	margin-top: 1px;
	margin-bottom: 5px;
}

.subtitle2 {
	margin-top: -5px;
	margin-bottom: 5px;
}

.gorapids {
	padding: 0 0 0 24px;
}

.gallerypic{
	margin-top: -15px;
}

.weddinggallerypic{
	margin-top: -20px;
}

.divider_cakes{
	margin-top: 10px;
}

.a{
  color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

p, ul, li{
  margin: 0 0 0 0;
}

.signature{
  float: right;
}

.m{
  font-size: 11px;
}

.size{
  font-size: 10px;
}

.by{
  font-size: 8px;
  color: #E5E5E5;
}
/* End of CLASSES */

/* Container holds all the info in the center */

#container {
  text-align: left;
  margin-left:auto;
  margin-right:auto;
  width: 800px;
  padding: 0px 0px 0px 0px;
}

/* Header image and navigation buttons */

  #header {
    background: url(sitePics/header.png) no-repeat;
    width: 800px;
    height: 144px;
  }

  #navigation {
	background: url(sitePics/menuBG.jpg) no-repeat;
	width: 800px;
	height: 61px;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
  	border-left: 1px solid #000000;
  }
  	
	#home_btn{
	  width: 138px;
  	  height: 61px;
	  float: left;
	}
  
  	#about_btn, cakes_btn, wedding_btn, goodies_btn, contact_btn{
	  width: 132px;
  	  height: 61px;
	  float: left;
	}

	.home_btn{
  	  display: block;
	  position: relative;
	  z-index: 6;
  	  width: 138px;
  	  height: 61px;
	  background: url(sitePics/home_btn2.png) no-repeat;
	  float: left;
	}
	.home_btn:hover{ 
  	  background-position: 0 -61px;
	}

	.about_btn{
  	  display: block;
	  position: relative;
	  z-index: 6;
  	  width: 132px;
  	  height: 61px;
 	  background: url(sitePics/about_btn.png) no-repeat;
	  float: left;
	}
	.about_btn:hover{ 
  	  background-position: 0 -61px;
	}

	.cakes_btn{
  	  display: block;
	  position: relative;
	  z-index: 6;
  	  width: 132px;
  	  height: 61px;
 	  background: url(sitePics/cakes_btn.png) no-repeat;
	  float: left;
	}
	.cakes_btn:hover{ 
  	  background-position: 0 -61px;
	}

	.wedding_btn{
  	  display: block;
	  position: relative;
	  z-index: 6;
  	  width: 132px;
  	  height: 61px;
 	  background: url(sitePics/wedding_btn.png) no-repeat;
	  float: left;
	}
	.wedding_btn:hover{ 
  	  background-position: 0 -61px;
	}
	
	.goodies_btn{
  	  display: block;
	  position: relative;
	  z-index: 6;
  	  width: 132px;
  	  height: 61px;
 	  background: url(sitePics/goodies_btn.png) no-repeat;
	  float: left;
	}
	.goodies_btn:hover{ 
  	  background-position: 0 -61px;
	}
	
	.contact_btn{
  	  display: block;
	  position: relative;
	  z-index: 6;
  	  width: 132px;
  	  height: 61px;
 	  background: url(sitePics/contact_btn.png) no-repeat;
	  float: left;
	}
	.contact_btn:hover{ 
  	  background-position: 0 -61px;
	}
	
/* HOME page */
	
  #content{
	position: relative;
	z-index: 1;
	width: 800px;
	height: 710px;
	background: url(sitePics/contentBG.jpg) no-repeat;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	overflow: hidden;
  }

  	#main_column{
	  padding: 15px 15px 15px 15px;
	  width: 384px;
	  height: auto;
	  font-size: 13px;
	  font-family: Arial, Helvetica, sans-serif;
	  float: left;
	}
  
  		#welcome, quality{
		  width: 384px;
		  float: left;
		  text-align: left;
		}
		
		#creativity{
		  padding: 5px 0 0 0;
		  width: 384px;
		  float: left;
		  text-align: left;
		}
		
  	#right_column{
	  padding: 15px 15px 15px 15px;
	  width: 355px;
	  height: auto;
	  float: left;
	}

	  #cake2{
		position: relative;
		z-index: 5;
		top: 15px;
		left: 384px;
	    width: 540px;
	    height: 683px;
      }

/* ABOUT US page*/

  #content_about{
	width: 800px;
	background: url(sitePics/background-content.jpg) repeat-y;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	overflow: hidden;
  }
  
  #about_main{
	  padding: 15px 10px 15px 20px;
	  width: 550px;
	  font-family: Arial, Helvetica, sans-serif;
	  color: #000000;
	  float: left;
	}
	
	#store_pic{
		margin: 10px 15px 0 0;
		width: 200px;
		height: 200px;
		float: left;
	}
  
  #about_right_column{
	  padding: 60px 15px 15px 10px;
	  width: 190px;
	  height: auto;
	  color: #000000;
	  float: right;
	}

	#member{
	  padding: 0 0 20px 0;
	  width: 190px;
	  float: left;
	}

	#awards{
	  width: 190px;
	  float: left;
	}
	
/* CAKES and WEDDING CAKES page */

  #content_cakes{
	width: 800px;
	background: url(sitePics/background-content.jpg) repeat-y;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	overflow: hidden;
  }
  
  #cakes_main{
	  padding: 15px 20px 15px 20px;
	  width: 800px;
	  font-family: Arial, Helvetica, sans-serif;
	  color: #000000;
	  float: left;
	}
  
  	#enter_gallery{
		padding: 0 0 10px 105px;
		float: left;
		width: 550px;
	}
  
  #cakes_left_column{
	  padding: 10px 20px 15px 0px;
	  width: 360px;
	  color: #000000;
	  float: left;
	}
  
    #flavors{
	  width: 360px;
	  float: left;
	}
  		
		#flav1, flav2{
		  width: 180px;
		  float: left;
		  color: #000000;
		}

    #fillings{
	  margin-top: 20px;
	  width: 360px;
	  float: left;
	}
  
  		#fill1, fill2{
		  width: 180px;
		  float: left;
		  color: #000000;
		}

  	#frostings{
	  margin-top: 20px;
	  width: 360px;
	  float: left;
	}
  
  		#frost1{
		  width: 360px;
		  float: left;
		  color: #000000;
		}

  #cakes_right_column{
	  padding: 10px 20px 15px 20px;
	  width: 360px;
	  color: #000000;
	  float: left;
	}

	#cake_pricing{
	  width: 360px;
	  float: left;
	}

	  #pricing1{
		  width: 280px;
		  float: left;
		  color: #000000;
		}
		
		#pricing2{
		  width: 50px;
		  float: left;
		  color: #000000;
		}

	#coupon{
	  padding: 20px 0 0 0;
	  width: 360px;
	  float: left;
	}	
		
		#coupon1{
		  margin-top: -15px;
		  margin-bottom: -5px;
		  width: 260px;
		  float: left;
		  color: #000000;
		}
		
		#coupon2{
		  margin-top: -15px;
		  margin-bottom: -10px;
		  width: 100px;
		  float: left;
		  color: #000000;
		}

	#unique{
	  padding: 20px 0 0 0;
	  width: 360px;
	  float: left;
	}
	
		#unique1{
		  width: 360px;
		  float: left;
		  color: #000000;
		}
		
/* WEDDING CAKES part */

	#servings{
	  width: 360px;
	  float: left;
	}

	  	#serve1{
		  width: 75px;
		  float: left;
		  color: #000000;
		}
		
		#serve2{
		  width: 285px;
		  float: left;
		  color: #000000;
		}		
		
		#serve_extra{
		  width: 360px;
		  float: left;
		  color: #000000;
		}
		
	#fountain{
	  padding: 20px 0 0 0;
	  width: 360px;
	  float: left;
	}

	  	#fount1{
		  width: 235px;
		  float: left;
		  color: #000000;
		}
		
		#fount2{
		  width: 120px;
		  float: right;
		  color: #000000;
		}
		
	#info{
	  padding: 20px 0 0 0;
	  width: 360px;
	  float: left;
	}	
		
		#pdf1{
		  width: 260px;
		  float: left;
		  color: #000000;
		}
		
		#pdf2{
		  margin-top: -5px;
		  width: 100px;
		  float: left;
		  color: #000000;
		}
		
	#note{
	  padding: 20px 0 0 0;
	  width: 360px;
	  float: left;
	}
	
		#note1{
		  width: 360px;
		  float: left;
		  color: #000000;
		}
/* GALLERY pages */

#content_cake-gallery{
	width: 800px;
	background: url(sitePics/background-content.jpg) repeat-y;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	overflow: hidden;
  }
  
  #cake-gallery_main{
	  padding: 15px 20px 15px 20px;
	  width: 800px;
	  font-family: Arial, Helvetica, sans-serif;
	  color: #000000;
	  float: left;
	}
	
	#cake-wedding_main{
	  padding: 15px 20px 15px 20px;
	  width: 800px;
	  font-family: Arial, Helvetica, sans-serif;
	  color: #000000;
	  float: left;
	}
  
  #cake-gallery_left_column{
	  padding: 5px 18px 5px 0px;
	  margin-left: -3px;
	  margin-top: 10px;
	  margin-bottom: 5px;
	  width: 127px;
	  color: #000000;
	  float: left;
	  border-right: solid #000000 1px;
	}
    
/* CAKE GALLERY BUTTONS */
	
	#adult_btn, animals_btn, baby_btn, bridal_btn, child_btn, general_btn, graduation_btn, holiday_btn, sports_btn, religious_btn{
  	    width: 127px;
  	    height: 43px;
	    float: left;
	}
	
	.adult_btn{
  	    display: block;
  	    width: 127px;
  	    height: 43px;
 	    background: url(sitePics/adult_btn.png) no-repeat;
	    float: left;
	}
	.adult_btn:hover{ 
  	  background-position: 0 -43px;
	}
  	
	.animals_btn{
  	    display: block;
  	    width: 127px;
  	    height: 43px;
 	    background: url(sitePics/animals_btn.png) no-repeat;
	    float: left;
	}
	.animals_btn:hover{ 
  	  background-position: 0 -43px;
	}
	
	.baby_btn{
  	    display: block;
  	    width: 127px;
  	    height: 43px;
 	    background: url(sitePics/baby_btn.png) no-repeat;
	    float: left;
	}
	.baby_btn:hover{ 
  	  background-position: 0 -43px;
	}
	
	.bridal_btn{
  	    display: block;
  	    width: 127px;
  	    height: 43px;
 	    background: url(sitePics/bridal_btn.png) no-repeat;
	    float: left;
	}
	.bridal_btn:hover{ 
  	  background-position: 0 -43px;
	}
	
	.child_btn{
  	    display: block;
  	    width: 127px;
  	    height: 43px;
 	    background: url(sitePics/child_btn.png) no-repeat;
	    float: left;
	}
	.child_btn:hover{ 
  	  background-position: 0 -43px;
	}
	
	.general_btn{
  	    display: block;
  	    width: 127px;
  	    height: 43px;
 	    background: url(sitePics/general_btn.png) no-repeat;
	    float: left;
	}
	.general_btn:hover{ 
  	  background-position: 0 -43px;
	}
	
	.graduation_btn{
  	    display: block;
  	    width: 127px;
  	    height: 43px;
 	    background: url(sitePics/graduation_btn.png) no-repeat;
	    float: left;
	}
	.graduation_btn:hover{ 
  	  background-position: 0 -43px;
	}
	
	.holiday_btn{
  	    display: block;
  	    width: 127px;
  	    height: 43px;
 	    background: url(sitePics/holiday_btn.png) no-repeat;
	    float: left;
	}
	.holiday_btn:hover{ 
  	  background-position: 0 -43px;
	}
	
	.sports_btn{
  	    display: block;
  	    width: 127px;
  	    height: 43px;
 	    background: url(sitePics/sports_btn.png) no-repeat;
	    float: left;
	}
	.sports_btn:hover{ 
  	  background-position: 0 -43px;
	}
	
	.religious_btn{
  	    display: block;
  	    width: 127px;
  	    height: 43px;
 	    background: url(sitePics/religious_btn.png) no-repeat;
	    float: left;
	}
	.religious_btn:hover{ 
  	  background-position: 0 -43px;
	}
	
/* End of CAKE GALLERY BUTTONS */
	
  #cake-gallery_right_column{
	  padding: 10px 20px 15px 19px;
	  width: 610px;
	  color: #000000;
	  float: left;
	}
  
  #cake-wedding_column{
      margin: 0 0 0 -4px;
	  padding: 15px 20px 15px 0px;
	  width: 775px;
	  color: #000000;
	  float: left;
	}
  
    #pic_back{
	  margin-right: 5px;
	  margin-bottom: 5px;
	  width: 79px;
	  height: 58px;
	  background: #FFFFFF;
	  border: #CCCCCC solid 1px;
	  float: left;
	}
	
	.pic_back{
	  margin-right: 5px;
	  margin-bottom: 5px;
	  width: 79px;
	  height: 58px;
	  background: #FFFFFF;
	  border: #CCCCCC solid 1px;
	  float: left;
	}
  
 	#cake_pic{
	  padding: 2px 0 0 2px;
	  width: 75px;
	  height: 50px;
	  background-color: #FFFFFF;
	  float: left;
	}
	
	.cake_pic{
	  padding: 2px 0 0 2px;
	  width: 75px;
	  height: 50px;
	  background-color: #FFFFFF;
	  float: left;
	}
	
/* CANDY & GOODIES page */

  /* Class just for this page. */
  .goody_img{
  margin: 5px 0px 5px 5px;
  }
  
  #content_goodies{
	width: 800px;
	background: url(sitePics/background-content.jpg) repeat-y;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	overflow: hidden;
  }
  
  #goodies_main{
	  padding: 15px 20px 15px 20px;
	  width: 800px;
	  font-family: Arial, Helvetica, sans-serif;
	  color: #000000;
	  float: left;
	}
  
  #goodies_left_column{
	  padding: 10px 20px 15px 0px;
	  width: 360px;
	  color: #000000;
	  float: left;
	}
  
    #candy{
	  width: 360px;
	  float: left;
	}
  		
		#candy1, candy2{
		  width: 180px;
		  float: left;
		  color: #000000;
		}

  		#candypics{
		  width: 360px;
		  float: left;
		}
		
		#candy_prices{
		  width: 360px;
		  float: left;
		  color: #000000;
		}
  
    #specialty{
	  margin-top: 20px;
	  width: 360px;
	  float: left;
	}
  
  		#special1, special2{
		  width: 180px;
		  float: left;
		  color: #000000;
		}
  
  		#specialpics{
		  width: 360px;
		  float: left;
		}
  
  		#special_prices{
		  margin-bottom: -1px;
		  width: 360px;
		  float: left;
		  color: #000000;
		}
  
  	#cheesecakes{
	  margin-top: 20px;
	  width: 360px;
	  float: left;
	}
  
  		#cheesecake1, cheesecake2{
		  width: 180px;
		  float: left;
		  color: #000000;
		}
		
  		#cheesecakepics{
		  width: 360px;
		  float: left;
		}

		#cheesecake_prices{
		  width: 360px;
		  float: left;
		  color: #000000;
		}

  #goodies_right_column{
	  padding: 10px 20px 15px 20px;
	  width: 360px;
	  color: #000000;
	  float: left;
	}

	#bars{
	  width: 360px;
	  float: left;
	}

	  #bars1, bars2{
		  width: 180px;
		  float: left;
		  color: #000000;
		}

  		#barspics{
		  width: 360px;
		  float: left;
		}

		#bars_prices{
		  margin-bottom: -4px;
		  width: 360px;
		  float: left;
		  color: #000000;
		}

	#cookies{
	  padding: 20px 0 0 0;
	  width: 360px;
	  float: left;
	}
	
		#cookie1, cookie2{
		  width: 180px;
		  float: left;
		  color: #000000;
		}
  
  		#cookiepics{
		  width: 360px;
		  float: left;
		}
		
		#cookie_prices{
		  width: 360px;
		  float: left;
		  color: #000000;
		}
		
	#other_items{
	  padding: 20px 0 0 0;
	  width: 360px;
	  float: left;
	}
	
		#other1, other2{
		  width: 180px;
		  float: left;
		  color: #000000;
		}

  		#otherpics{
		  width: 360px;
		  float: left;
		}
		
		#other_prices{
		  width: 360px;
		  float: left;
		  color: #000000;
		}
		
	#recipe{
	  padding: 20px 0 0 0;
	  width: 360px;
	  float: left;
	}
	
		#recipe1{
		  margin: -22px 0 5px 0;
		  width: 260px;
		  float: left;
		  color: #000000;
		}	
		
		#recipe2{
		  width: 100px;
		  float: left;
		}
		
	#note_goodies{
	  padding: 20px 0 0 0;
	  width: 360px;
	  float: left;
	}
	
		#note_goodies1{
		  width: 360px;
		  float: left;
		  color: #000000;
		}
/* CONTACT US page */

  #content_contact{
	width: 800px;
	background: url(sitePics/background-content.jpg) repeat-y;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	overflow: hidden;
  }

  #contact_main{
	  padding: 15px 20px 15px 20px;
	  width: 800px;
	  font-family: Arial, Helvetica, sans-serif;
	  color: #000000;
	  float: left;
	}

  #contact_left_column{
	  padding: 10px 20px 15px 0px;
	  width: 380px;
	  font-size: 13px;
	  color: #000000;
	  float: left;
	}

	#contact_info{
	  width: 380px;
	  float: left;
	  font-size: 13px;
	}

		#contact1{
		  line-height: 1.0em;
		  width: 180px;
		  float: left;
		  color: #000000;
		}
		
		#contact2{
		  margin: -16px 0 25px 10px;
		  line-height: 1.1em;
		  width: 190px;
		  float: right;
		  color: #000000;
		}

  #contact_right_column{
	  padding: 10px 20px 15px 20px;
	  width: 340px;
	  color: #000000;
	  float: left;
	}
	
  	#form{
	  margin: 20px 0 0 0;
	  width: 340px;
	  float: left;
	  font-family: Arial, Helvetica, sans-serif;
	  font-size: 13px;
	  line-height: 1.0em;
	}

	  	#form1{
		  line-height: 1.28em;
		  width: 75px;
		  float: left;
		  color: #000000;
		}
		
		#form2{
		  line-height: .8em;
		  width: 265px;
		  float: left;
		  color: #000000;
		}
	
	#hours{
	  margin: 0 0 10px 0;
	  width: 340px;
	  float: left;
	  font-family: Arial, Helvetica, sans-serif;
	  font-size: 13px;
	  line-height: 1.4em;
	}
	
	#map{
	  margin: 22px 0 0 0;
	  width: 380px;
	  float: left;
	  border: solid thin #000000;
	}
	
/* FOOTER */
	
  #footer_home{
	position: relative;
	z-index: 51;
	top: -11px;
    background: url(sitePics/footer.jpg) no-repeat;
    width: 800px;
    height: 98px;
	border: 1px solid #000000;
	float: left;
  }
  
  #footer{
    background: url(sitePics/footer.jpg) no-repeat;
    width: 800px;
    height: 98px;
	border: 1px solid #000000;
	float: left;
  }
  
  #copyright_home{
	margin: -12px 0 0 0;
	background: url(sitePics/copy_swirly.png) no-repeat;
	width: 800px;
	height: 53px;
	float: left;
  }
  
  #copyright{
	margin: -1px 0 0 0;
	background: url(sitePics/copy_swirly.png) no-repeat;
	width: 800px;
	height: 53px;
	float: left;
  }
  
    #copyright_text{
	  padding: 5px 0 0 325px;
	  width: 150px;
	  height: 55px;
	  color: #FFFFFF;
	  font-family: Arial, Helvetica, sans-serif;
	  font-size: 10px;
	  line-height: 1.4em;
	  text-align: center;
	  float: left;
	}