/*
Theme Name: The Lingnan
Version: 1.0
Author: Overhaul Media
*/

body{
}

.topDrop{
	position: absolute;
	width: 100%;
	height: 14px;
	background: url('images/topDrop.png');
}

#masterContainer{
	width: 100%;
	height: auto;
	overflow: hidden;
	position: absolute;
	margin: 0px auto;
}



.arrowed{
	text-transform: uppercase;
	text-decoration: none;
	font-size: 18px;
	color: #000;
	font-weight: normal;
	padding: 0px 0 3px 35px;
	background: url('images/arrowed.png') center left no-repeat;
}

	.arrowed:hover{
		background: url('images/arrowedHover.png') center left no-repeat;
	}

	#header{
		position: fixed;
		top: 0;
		z-index: 100;
		height: 74px;
		width: 100%;
		background: url('images/headerBG.jpg');	
	}

		#header .container{
			height: 74px;
		}
		
			#header .container #logo{
				float: left;
				margin-top: 12px;
			}
			
			.menu{
				float: right;
			}
			
				.menu li{
					margin-left: 20px;
					height: 74px;
					list-style: none;
					float: left;
				}
			
					.menu li a{
						line-height: 74px;
						text-decoration: none;
						font-size: 16px;
						color: #ffd800;
					}
					
						.menu li:hover{
							background: url(images/navDot.png) top center no-repeat;
						}
						
						.menu .nodot:hover{
							background: none;
						}
			
						.menu li:hover ul{
							display: block;
						}
			
					.menu li a{
						line-height: 74px;
						text-decoration: none;
						font-size: 16px;
						color: #ffd800;
					}
					
						.menu li ul{
							-moz-box-shadow: 0px 5px 5px #000;
							-webkit-box-shadow: 0px 5px 5px #000;
							box-shadow: 0px 5px 5px #000;
							background: url("images/headerBG.jpg") repeat scroll 0 0 transparent;
							display: none;
							margin: 0 0 0 -10px;
    						padding: 0 10px 8px;
						    position: absolute;
						}
			
							.menu li ul li{
								margin: 0 0 0 0;
								height: auto;
								float: none;
							}
							
								.menu li ul li a{
									line-height: 12px;
								}
			
				#headerFacebook a{
					display: block;
					width: 30px;
					height: 74px;
					background: url('images/headerFacebook.png') left center no-repeat;
				}
				/*
					#headerFacebook a:hover{
						background: url('images/headerFacebook_hover.png') left center no-repeat;
					}
				*/
				#headerTwitter a{
					display: block;
					width: 30px;
					height: 74px;
					background: url('images/headerTwitter.png') left center no-repeat;
				}
				/*
					#headerTwitter a:hover{
						background: url('images/headerTwitter_hover.png') left center no-repeat;
					}
				*/
	#bottomHeader{
		margin-top: 74px;
		width: 100%;
		height: 36px;
		background: url('images/bottomHeader.jpg');
	}
	
	#home{
		width: 100%;
		height: 736px;
		background: url('images/homeBg.jpg') top center no-repeat #000;
	}
	
		#home h1{
			float: left;
			margin-bottom: 38px;
			margin-top: 109px;
			text-transform: uppercase;
			font-size: 60px;
			font-weight: bold;
			color: #ffd800;
			width:500px;
		}
	
		#home p{
			letter-spacing: 1px;
			width: 713px;
			float: left;
			font-size: 15px;
			color: #fdfdfd;
		}
		
		#tweetDiv{
			margin-top: 20px;
			border-top: #836e01 1px solid;
			width: 100%;
			float: left;
			height: 100px;
		}
	
			#tweetDiv ul{
				padding: 0;
				margin: 0;
				width: 340px;
				float: left;
				font-weight: normal;
			}
			
				#tweetDiv ul li{
					margin-top: 20px;
					letter-spacing: 1px;
					color: #fff;
					font-size: 11px;
					list-style: none;
				}
				
					#tweetDiv ul li a{
						color: #FFD800;
						text-decoration: none;
					}
					
						#tweetDiv ul li a:hover{
							text-decoration: underline;
						}
				
					#tweetDiv .time{
						color: #b4b4b4;
					}
				
		#bigLogo{
			margin-top: 109px;
			margin-left: 740px;
			position: absolute;
			background: url('images/bigLogo.png') no-repeat;
			width: 395px;
			height: 395px;
		}
				
		#topPlate{
			margin-left: 380px;
			position: absolute;
			background: url('images/homeDish.png') no-repeat;
			width: 854px;
			height: 804px;
		}
	
	#about{
		width: 100%;
		height: 507px;
		background: url('images/yellowRainbows.jpg') top center;
	}
	
		#about h2{
			position: relative;
			z-index: 20;
			margin-top: 80px;
			float: left;
			color: #000;
			font-size: 20px;
			margin-bottom: 5px;
		}
	
		#about h1{
			position: relative;
			z-index: 20;
			clear: both;
			float: left;
			margin-bottom: 10px;
			text-transform: uppercase;
			font-size: 60px;
			font-weight: bold;
			color: #000;
		}
	
		#about p{
			line-height: 25px;
			font-weight: bold;
			margin-top: 15px;
			width: 718px;
			float: left;
			color: #000;
			font-size: 14px;
		}
	
		#coinForeground{
			margin: -55px 0 0 -205px;
			width: 188px;
			height: 637px;
			position: absolute;
			background: url('images/coinForeground.png') bottom left no-repeat;
			z-index: 99;
		}
		
		#coinBackground{
			z-index: 0;
			margin: 116px 0 0 108px;
			width: 226px;
			height: 415px;
			position: absolute;
			background: url('images/coinBackground.png') bottom left no-repeat;
		}
	
	#neon{
		width: 100%;
		height: 507px;
		background: url('images/blackRainbows.jpg') top center repeat-y #000;	
	}
	
		#neon h1{
			position: relative;
			z-index: 20;
			clear: both;
			float: left;
			margin-top: 89px;
			margin-bottom: 10px;
			text-transform: uppercase;
			font-size: 60px;
			font-weight: bold;
			color: #ffd800;
			width:500px;
		}
		
		#neon p{
			line-height: 25px;
			width: 716px;
			float: left;
			color: #fff;
			position: relative;
			z-index: 20;
		}
	
		#shrimpDish{
			position: absolute;
			margin-left: 700px;
			background: url('images/shrimpDish.png') bottom left no-repeat;
			width: 433px;
			height: 675px;
		}
	
		#chopsticks1{
			position: absolute;
			margin-left: 900px;
			width: 219px;
			height: 600px;
			background: url('images/chopsticks1.png') bottom left no-repeat;
		}
		
		#dragonMirror{
			margin-left: -83px;
			position: absolute;
			width: 123px;
			height: 570px;
			background: url('images/dragonMirror.png') bottom left no-repeat;
		}
		
		#neonSign{
			margin-left: -346px;
			position: absolute;
			width: 251px;
			height: 1457px;
			background: url('images/neonSign.png') bottom left no-repeat;
		}
		
	#slideshow{
				max-height: 478px !important;
				background-color: none;
			}	
		
	#menu{
		width: 100%;
		height: 755px;
		background: url('images/menu.jpg') top center no-repeat #0c0200;	
	}
	
		#menu h2{
			position: relative;
			z-index: 20;
			margin-top: 90px;
			float: left;
			color: #fff;
			font-size: 20px;
			margin-bottom: 5px;
		}
	
		#menu h1{
			position: relative;
			z-index: 20;
			clear: both;
			float: left;
			margin-bottom: 10px;
			text-transform: uppercase;
			font-size: 60px;
			font-weight: bold;
			color: #ffd800;
		}
		
		#menu p{
			color: #fff;
		}
	
		#menuNav{
			float: right;
		    height: 27px;
		    margin-bottom: -55px;
		    margin-right: 200px;
			margin-left: 25px;
		    padding-top: 28px;
		    position: relative;
		    width: 310px;
		    z-index: 999;
		}
		
			#menu #nav{
				float: right;
				margin-top: 8px;
			}
			
			.no_bg{
				background-color:transparent !important;
				width: 100%;
			}
		
				#menu #nav a{
					margin: 2px;
					float: left;
					display: block;
				    height: 9px;
				    line-height: 100;
				    overflow: hidden;
				    width: 9px;
				    background: url('images/whiteMenuDot.png') no-repeat top left;
				}
				
					#menu #nav .activeSlide{
						background: url('images/yellowMenuDot.png') no-repeat top left;
					}
		
				#menuNav #next{
					margin-left: 10px;
					display: block;
					width: 26px;
					height: 26px;
					float: right;
					line-height: 100;
				    overflow: hidden;
					background: url('images/sliderArrowRight.png') no-repeat top left;
				}
				
					#menuNav #next:hover{
						background: url('images/sliderArrowRightHover.png') no-repeat top left;
					}
				
				#menuNav #prev{
					margin-right: 10px;
					display: block;
					width: 26px;
					height: 26px;
					float: right;
					line-height: 100;
				    overflow: hidden;
					background: url('images/sliderArrowLeft.png') no-repeat top left;
				}
				
					#menuNav #prev:hover{
						background: url('images/sliderArrowLeftHover.png') no-repeat top left;
					}
			
		#menu table{
			width: 760px;
		}
		
			#menu table tr td{
				font-size: 12px;
				padding-right: 40px;
				padding-bottom: 15px;
				width: 340px;
				float: left;
				font-weight: normal;
				letter-spacing: 1px;
				line-height: 20px;
				color: #ffffff;
				list-style: none;
			}
			#menu .three_menu table tr td{
				line-height:16px;
			}
			
		  #menu table tr .one_col{
			  width: 100%;
			  }
			
			/*#menu table tr .set_menus{
				padding-right: 28px;
			}*/
			
			
			
			#menu table tr th{
				font-size: 18px;
				color: #ffd800;
				font-weight: normal;
				letter-spacing: 1px;
				text-transform: uppercase;
			}
				
				#menu table tr th span{
					font-size: 12px;
				}
						
				#menu table tr td span{
					color: #fff;
					font-weight: bold ;
				}
	
		#crackChopstickFront{
			margin-left: 750px;
			z-index: 13;
			position: absolute;
			width: 592px;
			height: 2150px;
			background: url('images/crackChopstickFront.png') bottom left no-repeat;
		}
		
		#crackChicken{
			margin-left: 730px;
			position: absolute;
			z-index: 12;
			width: 733px;
			height: 1827px;
			background: url('images/crackChicken.png') bottom left no-repeat;
		}
		
		#crackChopstickBack{
			margin-left: 960px;
			position: absolute;
			z-index: 11;
			width: 329px;
			height: 1720px;
			background: url('images/crackChopstickBack.png') bottom left no-repeat;
		}
		
		#beer{
			margin-left: 1020px;
			position: absolute;
			z-index: 10;
			width: 211px;
			height: 780px;
			background: url('images/beer.png') bottom left no-repeat;
		}
		
	#gallery{
		height: 605px;
		width: 100%;
		background: url('images/gallery.jpg') top center no-repeat #000;
	}
	
		#gallery h2{
			position: relative;
			z-index: 20;
			margin-top: 90px;
			float: left;
			color: #ffd800;
			font-size: 20px;
			margin-bottom: 5px;
		}
	
		#gallery h1{
			position: relative;
			z-index: 20;
			clear: both;
			float: left;
			margin-bottom: 40px;
			text-transform: uppercase;
			font-size: 60px;
			font-weight: bold;
			color: #fff;
		}
	
		#gallery #thumbs img{
			border: 2px solid #7c0706;
			margin: 6px;
		}
	
		#teapot{
			margin-left: -127px;
			position: absolute;
			height: 805px;
			width: 193px;
			background: url('images/teapot.png') bottom left no-repeat;
		}
	
		#rice{
			margin-left: 815px;
			position: absolute;
			height: 2425px;
			width: 327px;
			z-index: 50;
			background: url('images/rice.png') bottom left no-repeat;
		}
		
		#soysauce{
			position: absolute;
			height: 1700px;
    		margin-left: 870px;
			width: 58px;
			background: url('images/soysauce.png') bottom left no-repeat;
		}
	
	#dynasty{
		height: 605px;
		width: 100%;
		background: url('images/spiralpattern.jpg') top center repeat-x #000;
	}
	
		#theQuons{
			width: 100%;
			height: 605px;
			background: url('images/qwon_family.png') no-repeat bottom center;
		}
		
	.anaid_logo{
		display: block;
		float:right;
		margin: 527px 0px 0px 0px;
		background-image:url(images/anaid_logo.png);
		background-repeat:no-repeat;
		height: 37px;
		width: 126px;
		position:relative;
		z-index:80;
	}
		
	.city_logo{
		display: block;
		float:right;
		margin: 480px 0 0 -117px;
		background-image:url(images/cityLogo.png);
		background-repeat:no-repeat;
		height:48px;
		width: 128px;
		position:relative;
		z-index:80;
	}
			
		
	#aboutDynasty{
		padding-top: 25px;
		width: 100%;
		height: 103px;
		background: url('images/greyRainbows.jpg') top center repeat #000;
	}
	
		#aboutDynasty p{
			width: 460px;
			color: #fff;
			float: left;
			font-size: 14px;
			letter-spacing: 1px;
			line-height: 18px;
			font-weight: normal;
		}
	

	
	#faq{
		height: 605px;
		width: 100%;
		background: url('images/faq.jpg') top center no-repeat #ffc600;
	}
	
		#faq h2{
			width: 100%;
			text-transform: uppercase;
			letter-spacing: 1px;
			clear: both;
			position: relative;
			z-index: 20;
			float: left;
			color: #6a0906;
			font-weight: bold;
			font-size: 20px;
			margin-bottom: 5px;
		}
	
		#faq h1{
			margin-top: 90px;
			position: relative;
			z-index: 20;
			clear: both;
			float: left;
			margin-bottom: 10px;
			text-transform: uppercase;
			font-size: 60px;
			font-weight: bold;
			color: #000;
		}
		
		.faqSelect{
			float: left;
		    margin-left: 20px;
		    margin-top: 106px;
		    position: relative;
		    z-index: 99;
		}
		
		#deliveryQ,
		#diningQ{
			width: 702px;
			float: left;
			clear: both;
		}
		
		.faqmenu{
			padding: 0;
			float: left;
		}
		
			.faqmenu li{
				clear: both;
				list-style: none;
			}
			
				.faqmenu li ul{
					float: left;
				}
		
				.faqmenu .question{
					letter-spacing: 1px;
					font-weight: bold;
					font-size: 14px;
					color: #6a0906;
					text-decoration: none;
				}
				
					.faqmenu .question:hover{
						color: #6c0c09;
					}
				
				.faqmenu .currentQuestion{
					color: #6c0c09;
				}
				
					.faqmenu .answer{
						padding: 10px 0;
						width: 650px;
						display: block;
						float: left;
						font-weight: normal;
						color: #000;
					}
	
		#vases{
			position: absolute;
			height: 3050px;
    		margin-left: 870px;
			width: 489px;
			background: url('images/vases.png') bottom left no-repeat;
		}
		
	
	
	#contact{
		height: 768px;
		width: 100%;
		background: url('images/contact.jpg') top center no-repeat #6a0a07;
	}
	
		#contact h2{
			position: relative;
			z-index: 20;
			margin-top: 90px;
			float: left;
			color: #ffd800;
			font-size: 20px;
			margin-bottom: 5px;
		}
	
		#contact h1{
			position: relative;
			z-index: 20;
			clear: both;
			float: left;
			margin-bottom: 10px;
			text-transform: uppercase;
			font-size: 60px;
			font-weight: bold;
			color: #fff;
		}
		
		
	
		#lamp{
			position: absolute;
			height: 3350px;
    		margin-left: 850px; /* 696px; */
			width: 304px;
			background: url('images/lamp.png') bottom left no-repeat;
		}