/*
Bay Laurel Culinary
URL: 		http://baylaurelculinary.com
Created by: 	Mike Rusczyk ( hideawaylights / ofad )
For:		aly anderson design
html / css by:	hideawaylights 
page design: aly anderson design
*/

* {
	margin: 0;
	padding: 0;
	line-height: normal;
	}
	
body {
	background: #FAF5DE url(/css/images/main-bg.jpg) no-repeat center top;
	color: #3E4725;
	font-size: 14px;
	font-family: "Times New Roman", Times, Georgia, serif;
	}
	
a {
	text-decoration: none;
	color: #89440B;
	background-color: inherit;
	}
	
	a:hover {
		text-decoration: none;
		color: #848E6C;
		background-color: inherit;
		}
		
em {
	font-size: 13px;
	line-height: 15px;
	display: block;
	margin: 0 0 25px 35px;
	}

	em span {
		display: block;
		text-align: right;
		margin: 3px 0 0 0;
		}
	
h1, h2, h3, h4 {
	text-transform: uppercase;
	font-weight: normal;
	}
	
	#header h1 a {
		text-indent: -9098px;
		display: block;
		width: 204px;
		height: 68px;
		background: transparent url(/css/images/logo.png) no-repeat 0 0;
		position: absolute;
		left: 20px;
		top: 22px;
		}
		
		#header h1 a:hover, #header h1 a:active, #header h1 a:focus {
			background-position: 0 0;
			outline-style: none;
			}
			
h2 {
	font-size: 28px;
	line-height: 34px;
	margin: 0 0 30px 0;
	}
	
	h2 span {
		font-size: 20px;
		line-height: 20px;
		display: block;
		}
	
h3 {
	font-size: 14px;
	line-height: 16px;
	}
	
hr {
	display: none;
	}
		
p {
	margin: 0 0 26px 0;
	line-height: 18px; 
	
/*	line-height: 15px; Aly's spacing */ 
	
	}	
	
ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	}

	ul li {
		font-size: 14px;
		display: block;
		margin: 0 0 25px 0;
		}

/* ------- containers ------ */

#body {
	width: 850px;
	margin: 0 auto;
	}
	
#header {
	width: 820px;
	height: 160px;
	margin: 0 auto;
	position: relative;
	}
	
#wrapit {
	width: 820px;
	margin: 0 auto;
	overflow: auto;
	}
	
#column {
	width: 222px;
	float: left;
	margin: 0;
	}
	
#content {
	width: 495px;
	margin: 0 35px 0 0;
	float: right;
	}
	
#footer {
	width: 820px;
	height: 25px;
	background: transparent url(/css/images/footer.png) no-repeat center;
	margin: 35px auto 35px;                          
	}
	
#info {
	width: 390px;
	margin: 0 auto;
	height: 25px;
	overflow: hidden;
	background: #FAF5DE;
	color: inherit;
	}
	
	#info span {
		display: block;
		text-indent: -9007px;
		width: 127px;
		height: 25px;
		float: left;
		margin: 0 0 0 8px;
		background: transparent url(/css/images/contact-phone.png) no-repeat center left;
		}
		
	#info a {
		display: block;
		text-indent: -9007px;
		width: 245px;
		height: 25px;
		float: right;
		margin: 0 8px 0 0;
		background: transparent url(/css/images/contact-email.png) no-repeat 0 4px;
		}
		
		#info a:hover {
			background-position: 0 -15px;
			}
	
/* -----------------
site specific steeze
--------------------*/

	#nav {
		float: right;
		width: 593px;
		height: 16px;
		background: #3E4725;
		color: inheritz``;
		margin: 74px 0 0 0;
		}	
		
	ul#mainnav {
		margin: 0 auto;
		width: 448px;
		}
		
		ul#mainnav li {
			float: left;
			background: transparent url(/css/images/nav-line.png) no-repeat right 3px;
			height: 16px;
			line-height: 16px;
			margin: 0;
			}
			
			#mainnav li#last {
				background: transparent;
				}
			
				#mainnav li a {
					margin: 3px 14px 0;
					color: #FAF5DE;
					text-indent: -9006px;
					display: block;
					height: 11px;
					width: 53px;
					background: transparent url(/css/images/nav.png) no-repeat 0 0;
					}
					
					#mainnav li a:hover, #mainnav li a:focus {
						background-position: 0 -11px;
						outline-style: none;
						}
						
		/* - - - - nav id related - - - - */
					
				#services #mainnav li a#ourservices {
					background-position: 0 -11px;
					}		
					
			#mainnav li a#menus {
				background-position: -80px 0;
				width: 104px;
				}
				
				#mainnav li a#menus:hover, #ourmenu #mainnav li a#menus   {
					background-position: -80px -11px;
					}

			#header li a#about {
	            background-position: -209px 0;
				width: 41px;
				}
				
				#mainnav li a#about:hover, #aboutus #mainnav li a#about  {
					background-position: -209px -11px;
					}

			#mainnav li a#contact {
				background-position: -296px 0;
				width: 56px;
				}
				
				#mainnav li a#contact:hover, #contactus #mainnav  li a#contact {
					background-position: -296px -11px;
					}
				
			#mainnav li a#friends {
				background-position: -427px 0;
				width: 52px;
				}
				
				#mainnav li a#friends:hover,  #ourfriends #mainnav li a#friends {
					background-position: -427px -11px;
					}
					
/*---------- Sub Nav ---------*/

	#mainnav li {
		position: relative;
		}
		
		#mainnav li:hover ul, #mainnav li.over ul {
			display: block;
			}
		
		#mainnav li li {
			float: none;
			}
		
			#mainnav li li a {
		 		line-height: 16px;
				display: block;
				padding: 0 12px;
				font-size: 10px;
				background: #B8B89D;
				text-indent: 0;
				color: #3E4725;
				margin: 2px 0 0;
				text-transform: uppercase;
				width: auto;
				height: auto;
				letter-spacing: 1px;
		 		}
		
				#mainnav li li a:hover {
					background: #C97135;
					color: #FAF5DE;
					}

			#mainnav li ul {
				display: none;
				position: absolute;
				top: 15px;
				left: 0px;
				height: 200px;
				padding: 2px 0;
				}	
				
			#mainnav li#subserv ul {
				width: 218px;
				}	
				
			#mainnav li#sudmenus ul {
				width: 112px;
				}	

/* = = = = = = = =  Page spacfic styles = = = = = = = =  */

/* --------- Home --------- */

	#home #column {
		width: 278px;
		margin: 0 0 35px 74px;
		}
		
	#home #content {
		width: 415px;
		margin: 292px 50px 0 0;
		background: transparent url(/css/images/home-bar.png) no-repeat top center;
		}
		
		#home h1 a {
			width: 278px;
			height: 539px;
			display: block;
			text-indent: -9006px;
			margin: 35px 0 0 0;
			background: transparent url(/css/images/home-logo.png) no-repeat 0 0;
			}
			
			#home  h1 a:hover, #home  h1 a:active, #home  h1 a:focus {
				outline-style: none;
				}
				
		#home h2 {
			display: block;
			text-indent: -9990px;
			margin: 28px auto;
			width: 119px;
			height: 53px;
			background: transparent url(/css/images/welcome.png) no-repeat 0 0;
			}
			
			#home #content #info {
				width: 265px;
				height: 9px;
				margin: 20px auto;
				text-indent: -9008px;
				background: transparent url(/css/images/home-info.png) no-repeat top center;
				}
			
	/*-------- home nav -------------*/
	
		#home ul {
			width: 372px;
			height: 56px;
			margin: 0 auto;
			background: transparent url(/css/images/home-nav.png) no-repeat 0 0;
			position: relative;
			}
			
			#home ul li {
				background: transparent url(/css/images/home-nav-line.png) no-repeat center right;
				margin: 0;
				height: 14px;
				position: absolute;
				}
				
				#home ul li a {
					display: block;
					text-indent: -9008px;
					background: transparent url(/css/images/home-nav.png) no-repeat 0 0;
					height: 14px;
					margin: 0 12px 0 0;
					}
					
					#home  ul li a:hover, #home ul li a:active, #home  ul li a:focus {
						outline-style: none;
						}
				
	/*----------------------------------------------------------------------*/	
					
				#home ul li#private {
					left: 0;
					top: 0;
					}
					
					#home ul li#private a {
						width: 108px;
						}
						
							#home ul li#private a:hover {
								background-position: 0 -56px;
								}
								
								
				#home ul li#personal {
					left: 133px;
					top: 0;
					}
					
					#home ul li#personal a {
						width: 168px;
						background-position: -133px 0;
						}
						
							#home ul li#personal a:hover {
								background-position: -133px -56px;
								}
				
				
				#home ul li#about {
					left: 324px;
					top: 0;
					background: transparent;
					}
					
					#home ul li#about a {
						width: 51px;
						background-position: -324px 0;
						}
						
							#home ul li#about a:hover {
								background-position: -324px -56px;
								}
								
					
				#home ul li#vip {
					left: 18px;
					top: 20px;
					}
					
					#home ul li#vip a {
						width: 250px;
						background-position: -18px 20px;
						}
						
							#home ul li#vip a:hover {
								background-position: -18px -76px;
								}
								
				
				#home ul li#friends {
					left: 287px;
					top: 20px;
					background: transparent;
					}
					
					#home ul li#friends a {
						width: 66px;
						background-position: -286px 20px;
						}
						
							#home ul li#friends a:hover {
								background-position: -287px -76px;
								}
								
								
				#home ul li#menus {
					left: 82px;
					top: 42px;
					}
					
					#home ul li#menus a {
						width: 119px;
						background-position: -82px 42px;
						}
						
							#home ul li#menus a:hover {
								background-position: -82px -98px;
								}
								
				
				#home ul li#contact {
					left: 226px;
					top: 42px;
					background: transparent;
					}
					
					#home ul li#contact a {
						width: 67px;
						background-position: -226px 42px;
						}
						
							#home ul li#contact a:hover {
								background-position: -226px -98px;
								}
					
	/*----------------------------------------------------------------------*/					

			#home #wrapit {
				width: 822px;
				overflow: auto;
				}
				
/* --------- Our Menu --------- */

		#ourmenu #content h3 {
			margin: 0 0 0 35px	;
			}

		#ourmenu #content ul {
			margin: 0 0 26px 35px;
			}
	
		#ourmenu #content li {
			margin: 0;
			font-size: 12px;
			line-height: 16px; 
			}

/* --------- Our Friends --------- */

	#ourfriends ul.friends {
		list-style-type: none;
		margin: 0 0 26px 35px;
		float: left;
		}

		#ourfriends	ul.friends li {
			display: block;
			margin: 0 0 3px 0;
			line-height: 14px;
			font-size: 12px;
			}

			#ourfriends	ul.friends li a {
				color: #3E4725;
				background-color: inherit;
				}
				
				#ourfriends	ul.friends li a:hover {
					color: #848E6C;
					background-color: inherit;
					}

/* --------- Services --------- */


	#services h2 {
		line-height:36px;
		}
		
		#services h2 span {
			font-size: 35px;
			display: inline;
			}
			
	#services #content ul {
		margin: 0 0 43px 35px;
		}
		
	#services #content li {
		background: transparent url(/css/images/list-dot.png) no-repeat 0 3px;
		padding: 0 0 0 11px;
		color: inherit;
		}