/**
    * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
    * http://cssreset.com
    */
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed,
    figure, figcaption, footer, header, hgroup,
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section {
    display: block;
    }
    body {
    line-height: 1;
    }
    ol, ul {
    list-style: none;
    }
    blockquote, q {
    quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    content: '';
    content: none;
    }
    table {
    border-collapse: collapse;
    border-spacing: 0;
    }
	
	
	
#blue {  /*Div for main section with a blue background */
	background:#9cd3cd; /*Light blue/green */
	border-top:5px solid #e2b557; /*gold */
	padding-bottom:200px; /*Height of the footer */
	border-bottom:2px solid #e2b557;
	background-image:url(img/bg.png);  /*image is the wallpaper pattern */
	position:relative;

	}

/*=========================== General =============*/
	
body{
	position:relative;
	font-family: 'Source Sans Pro', sans-serif;
	line-height:150%;
	color:#333;

}

h1{
	font-size:;
}

h2{
	font-size:25px;
	padding:20px 0 10px;
}

h3{
	font-size:25px;
	padding:20px 0 5px;
}

h4{
	font-size:20px;
}

p{
	font-size:16px;
	padding:5px 0 ;
}


a{
	color:#6CF; /* Light Blue */
	text-decoration:none;
}

a:hover{
	color:#69F;
}

em{
	font-weight: bold;
}

/*=========================== #top  =============*/



		#top{
			padding:20px 0px;
			width:960px;
			text-align:center;
			margin:0 auto;
			overflow:hidden;
		}
				
					#logo{
						float:left;	
					}
					
							#logo img{
								width:108px;
								height:80px;
								}
					
					
					#LH{
						float:left;
						margin-left:10px;
					}
					
							#LH img{
								width: 310px;
								height:81px;
							}
					
					#bevegan{
						float:right;
						margin-top:10px;
					}
					

/*=========================== nav  =============*/	


header nav {
	width:960px;
	margin:0 auto;
	overflow:hidden;
	border-top: 1px solid #efd15f;  /*Dark Yellow */
	border-bottom: 1px solid #efd15f; /*Dark Yellow */
	height:40px;

}

#nav ul{
	display:inline;
}

			#nav li{
				display:inline-block;
				padding:10px 15px;	
				
				  -webkit-transition: all 0.2s;
				  -moz-transition: all 0.2s;
				  -ms-transition: all 0.2s;
				  -o-transition: all 0.2s;
				  transition: all 0.2s;						
			}
			
			#nav a, #nav a:visited{
				text-decoration:none;
				color:#333;
				font-size:18px;

			}
						
			#nav li:hover{
				background-color:#efd15f;
					
			}
			
						#nav li ul{
							display:none;
							position:absolute;
							margin:3px 0 0 -15px; 
							background-color:#efd15f;  /*Dark Yellow */
							width:163px;
							
							opacity: 0;
							  visibility: hidden;
							  -webkit-transiton: opacity 0.2s;
							  -moz-transition: opacity 0.2s;
							  -ms-transition: opacity 0.2s;
							  -o-transition: opacity 0.2s;
							  -transition: opacity 0.2s;

						}
									
						#nav li:hover ul{
							display:block;
							opacity: 1;
  							visibility: visible;
						}
						
						#nav li ul li{
							display:block;
							padding:10px 15px;

						}
						
						#nav li ul li:hover{
							background-color: #e4be31;  /*Darker Yellow */
						}

			#nav_fb{
				float:right;
				position:relative;
				top:-30px;
			}
			#nav_fb a{
				color:#333;
				text-decoration:none;
			}
			#nav_fb a:hover{
				color:#6CF;
			}
			
			
/*=========================== index banner  =============*/	

		
#content{
	width:960px;
	margin:0 auto;
}			

	#banner{
		margin-top:10px;
		width: 100%;
		overflow:hidden;
	}
	
				#banner_left{
					background: #87ddf5;
					width:70%;
					height:120px;
					color:#FFF;
					text-align:center;
					float:left;
				}
							
							#banner_left h2{
								font-size:30px;
								padding-top:40px;
							}
				
				#banner_right{
					float:left;
					width:30%;
					height:100px;
				}


/*=========================== index  slider  =============*/	

#slideshow{
	z-index: -10;
	position: relative;
}

#fssPrev{display:none;}
#fssNext{display:none;}				


/*=========================== about  banner =============*/	

#banner_right_about{
	float:left;
	width:30%;
	height:120px;
	background-color:#b6db84; /* light green */
}

	#news_left{
		float:left;
		padding:30px 20px 20px 40px;
	}
	
	#news_left img{
		width:35px;
	}
		
	
	#news_right{
		float:right;
		margin:15px 60px 0 0;
		color:#FFF;
	
	}
					#news_right h3, #news_right h4, #news_right p{
						padding:0;
					}
					
					#news_right:hover{
						color:#399;
					}

/*=========================== about  main =============*/	
			
			#main{
				overflow:hidden;
			}
				
						#main_left{
							width:67%;
							float:left;
							margin-right:28px;
							
						}
						
						#main_right{
							float:left;
							width:30%;
							height:650px;
						}
			
/*=========================== menu  banner =============*/		

#banner_left_menu{
	background: #87ddf5; /*light blue */
	width:70%;
	height:120px;
	color:#FFF;
	text-align:center;
	float:left;
}

			#banner_left_menu ul li{
				float:left;
				font-size:26px;
				padding-top:40px;
				height:120px;
				
			}
			
			#banner_left_menu a{
				color:#FFF;
				padding:40px 40px ;
				
			}
			
			#banner_left_menu ul li:hover{
				background:#68ccf6;
				cursor:pointer;
				
			}
			 .this{
				background:#68ccf6;
			}
				
			
				
#banner_right_menu{
	float:left;
	width:30%;
	height:120px;
	background-color:#b6db84; /* light green */
}		


/*=========================== menu Main  =============*/


			.label{
				overflow:hidden;
			}
			.label h3, .label h4{
				float:left;
			}
			.label img{
				float:left;
				padding: 20px 0 5px 10px;
			}
				

#main_right_dessert{
	float:left;
	width:30%;
							
}

			#key{
				padding:20px 130px 0px ;
				border-top: 1px solid #efd15f;  /*Dark Yellow */
				overflow:hidden;
				float:left;
				margin-top:20px;
				width:100%;
			}
			
			.key_line{
				float:left;
				overflow:hidden;
				
			}
			
			.key_line img{
				float:left;
				padding-top:2px;
			}
			
			.key_line p{
				float:left;
				padding:0 10px;
				font-size:16px;
			}
			
			

/*=========================== catering  banner =============*/		

#banner_left_catering{
	background: #87ddf5; /*light blue */
	width:70%;
	height:120px;
	color:#FFF;
	text-align:center;
	float:left;
}

			#banner_left_catering ul li{
				float:left;
				font-size:26px;
				padding-top:40px;
				height:120px;
				
			}
			
			#banner_left_catering a{
				color:#FFF;
				padding:40px 11.8px ;
				
			}
			
			#banner_left_catering ul li:hover{
				background:#68ccf6;
				cursor:pointer;
				
			}
			 .this{
				background:#68ccf6;
			}
				
			
				
#banner_right_catering{
	float:left;
	width:30%;
	height:120px;
	background-color:#b6db84; /* light green */
}	

/*=========================== catering main =============*/	

			.label2{
				overflow:hidden;
			}
			.label2 h4{
				float:left;
			}
			.label2 img{
				float:left;
				padding-left:10px;
			}


#main_right_ordering{
	float:left;
	width:30%;
							
}	
			#terms{
				font-size:14px;
				margin-top:30px;
			}
			
			#terms_head{
				font-weight:bold;
				border-bottom: 2px solid #b6db84; /* light green */
			}
				

/*=========================== cakes  main  =============*/		

#main_right_cakes{
	float:left;
	width:30%;
							
}	

			.price_list{
				overflow:hidden;
				border-bottom: 4px solid #b6db84; /* light green */
				margin-bottom:10px;
			}
			
						.float_left{
							float:left;
						}
						
						.float_right{
							float:right;
						}
						.price{
							
							font-size:20px;
							position:relative;
							
						}
						
								.ul_cakes li{
									overflow:hidden;
									border-bottom: 0.5px dashed gray;
									
		
								}			
										.ul_cakes .li_chocolateplate{
											padding-top:15px;
											border-bottom: 0 ;
										}
										
								.ul_brownies li{
									Overflow:hidden;
								}
			
/*=========================== party platters  main  =============*/	

.ul_partyplatters li{
	padding:10px 0;
}

/*=========================== hot food  main  =============*/	

			.label3{
				overflow:hidden;
			}
			.label3 li{
				float:left;
			}
			.label3 img{
				float:left;
				padding: 10px 0 10px 7px;
			}

.h3_underline{
	border-bottom: 4px solid #b6db84; /* light green */
}

			.ul_hotfood li{
			overflow:hidden;
			padding:10px 0;
		
			}
			
			.ul_hotfood .price{
				font-size:18px;
			}

/*=========================== notzarella/Products banner =============*/	

#banner_left_products{
	background: #87ddf5; /*light blue */
	width:66.7%;
	height:120px;
	color:#FFF;
	text-align:center;
	float:left;
	
}

			#banner_left_products ul li{
				float:left;
				font-size:26px;
				padding-top:40px;
				height:120px;
				
			}
			
			#banner_left_products a{
				color:#FFF;
				padding:30px 22px ;
				
			}
			
			#banner_left_products ul li:hover{
				background:#68ccf6;
				cursor:pointer;
				
			}					
				
#banner_right_products{
	float:left;
	width:33.3%;
	height:120px;
	background-color:#b6db84; /* light green */
}		

/*=========================== notzarella/Products main =============*/

#main_products{
	width:960px;
	
}
	#main_products h3{
		padding-bottom:20px;
	}

.column{
	width:33.3%;
	float:left;
}


/*=========================== contact banner =============*/	



/*=========================== contact main =============*/	

.details_wrapper{
	padding:20px 0;
	
}

	.details{
		padding:10px 0;
		overflow:hidden;
	}
			.details_left, .details_left_2{
				float:left;
				padding-right:20px;
			}
			
			.details_right{
				float:left;
				font-size:18px;
				position:relative;
				top:-5px;
			}
			.details_right_2{
				padding-bottom:30px;
			}
		



			
/*=========================== footer  =============*/	

footer {
	margin:auto;
	width:960px;
	margin-top:30px;
	border-top:1px solid #efd15f; 
	overflow:hidden;
}

#footer_left{
	float:left;
	width:70%;
	margin:auto;
	padding-top: 30px;
}
			
			footer nav li{
				float:left;
				padding: 0 15px;
			}
			
			footer nav li:first-child{
				padding:0;
				padding-right:15px;
			}
			
			footer nav li a{
				font-size:14px;
				color:#333;
				text-decoration:none;
			}
			
			footer nav li a:hover{
				color:#6CF; /* light blue */

			}

#footer_right{
	float:left;
	width: 30%;
	height:170px;
	padding-top: 30px;
	font-size:16px;
	overflow:hidden;
	
}

			#footer_h{
				font-size:18px;
				font-weight:600;
				padding-bottom:5px;
				padding-right: 40px;
				float:left;
			}
				
			
			h6{
				font-size:20px;
				font-weight:600;
			}
			
			#footer_right p{
				padding-top:5px;
			}
			
			#copy{
				font-size:12px;
				padding-top:70px;
				text-align:center;
			}