/* guides */
.white{
	border:1px solid #ffffff;
}
/* tags */
html{
	background:#000000;
	background: url('/images/bg-site.gif') #000000 0px -2px repeat-x;
}
body{
	padding:0px;
	margin:0px;
	text-align:left;
}
h1{
	font-size:3em;
	color:#ffffff;
	margin:0px;
}
	h1 span{
		color:#00A0DD;
	}
	h1 a{
		color:#ffffff;
	}
h2{
	font-size:2.6em;
	margin-bottom:0.8em;
}
h3{
	font-size:2.6em;
	margin:0.2em 0em 0.4em 0em;
	color:#ffffff;
}
h4{
	margin:0.5em 0em 0.8em 0em;
	font-size:2em;
}
p{
	line-height:1.6em;
	font-size:1.1em;
}

/* site */
.body-img{
	border:2px solid #8b8a8d;
}
#site{
	width:1148px;
	margin-left:auto;
	margin-right:auto;
}

#header{
	width:100%;
	height:118px;
}
	#header #logo{
		margin-top:40px;
		margin-left:15px;
		float:left;
	}
	#header #translation-link{
		width:75px;
		color:#ffffff;
		float:right;
		margin:55px 15px 0px 0px;
	}
		#header #translation-link a{
			color:#00A0DD;
			font-weight:bold;
			text-decoration:none;
		}

h2.inner-page{
	background-color:#00A0DD;
	color:#ffffff;
	font-size:2.4em;
	padding:5px 0px 5px 15px;
	margin-bottom:0px;
}

#content{
	background:url(/images/hero-home.jpg) no-repeat 50% 0%;
	width:948px;
	float:left;
}
	.contact-us #content{
		background:url(/images/hero-contact.jpg) no-repeat 50% 0%;
	}
	.our-menus #content{
		background:url(/images/hero-our-menus.jpg) no-repeat 50% 0%;
	}
	.about-us #content{
		background:url(/images/hero-about.jpg) no-repeat 50% 0%;
	}
	.contact-us #content, .franchise-information #content{
		background:url(/images/hero-contact.jpg) no-repeat 50% 0%;
	}
	.make-a-booking #content{
		background:url(/images/hero-booking.jpg) no-repeat 50% 0%;
	}
	.locations #content{
		background:url(/images/hero-locations.jpg) no-repeat 50% 0%;
	}
.modal h2{
	font-size:1.6em;
	margin:0.4em 0em 0.6em 0em;
}
	#menu-container{
		background:url(/images/bg-menu.png) repeat-y;
		width:300px;
		padding:17px 0px 17px 0px;
		height:266px;
		margin-bottom:47px;
	}
		#menu-container h1{
			text-indent:15px;
			margin-bottom:5px;
		}
		#menu-container ul{
			margin:0px;
		}
			#menu-container ul li{
				list-style:none;
				font-size:1.8em;
				margin-left:0px;
				text-indent:10px;
				line-height:1.5em;
				border-left:8px solid #343434;
			}
			#menu-container ul li#current{
				border-left:8px solid #00A0DD;
			}
			#menu-container ul li:hover{
				border-left:8px solid #00A0DD;
			}
				#menu-container ul li a{
					color:#00A0DD;
					text-decoration:none;
				}

	.pod{
		width:276px;
		height:284px;
		padding:14px 14px 14px 14px;
		float:left;
	}
		.pod h2{
			color:#ffffff;
			line-height:0.6em;
			margin-top:0px;
		}
		.pod p{
			color:#ffffff;
		}
	#welcome.pod{
		background:#00A0DD;
		clear:left;
	}
#welcome p{
		margin:0px;
		padding:0px;
		line-height:16px;
	
	}
		#welcome h2{
			width:70%;
			margin:0px;
			padding:0px;
			margin-bottom:15px;
		}
		#welcome h4{
			font-size:1.6em;
			color:#000000;
		}
	#latest-offers.pod{
		background:url(/images/bg-pod.gif) 50% 0% no-repeat;
		padding:2px;
		margin-left:16px;
		position:relative;
		width:300px;
	}
		#latest-offers.pod img.pod-img{
			position:absolute;
			left:2px;
		}
			#latest-offers .latest-offer{
				position:absolute;
				top:151px;
				left:2px;
				height:145px;
				padding:0px 15px 15px 15px;
				width:274px;
				background:url(/images/bg-latest-offers-fade.png) repeat-x;
				color:#39b54a;
			}
			#latest-offers ul{
				margin:0px;
			}
				#latest-offers ul li{
					list-style:none;
					display:none;
					overflow:hidden;
				}
				#latest-offers .latest-offer a{
					color:#ffffff;
					font-weight:bold;
					text-decoration:none;
				}
				#latest-offers .latest-offer p{
					color:#00A0DD;
				}
					#latest-offers .latest-offer a:hover{
						text-decoration:underline;
					}
					#latest-offers .latest-offer .offer-detail{
						display:none;
					}
				.hidden{
					display:none;
				}
				#latest-offers-modal img{
					float:right;
					margin:0px 0px 15px 15px;
				}
				#latest-offers-modal h3{
					color:#000000;
				}
				#latest-offers-modal h4{
					font-size:1.4em;
				}
					#latest-offers .previous{
						position:absolute;
						top:100px;
						left:-11px;
						z-index:1000;
					}
					#latest-offers .next{
						position:absolute;
						top:100px;
						left:289px;
						z-index:1000;
					}
		#signup.pod{
			background:url(/images/bg-latest-offers.gif) 50% 0% no-repeat;
			padding:2px;
			width:304px;
			position:relative;
			margin-left:14px;
		}
			#signup.pod .para-spacing{
				margin-top:35px;
			}
			#signup.pod img.pod-img{
				position:absolute;
			}
				#signup #signup-detail{
					position:absolute;
					top:151px;
					height:145px;
					padding:0px 15px 15px 15px;
					width:274px;
					background:url(/images/bg-latest-offers-fade.png) repeat-x;
					color:#39b54a;
					overflow:hidden;
				}
					#signup #signup-detail p{
						color:#00A0DD;
					}
					#signup #signup-detail a{
						color:#ffffff;
						font-weight:bold;
						text-decoration:none;
					}
						#signup #signup-detail a:hover{
							text-decoration:underline;
						}
#footer{
	clear:both;
	padding-top:60px;
}
	#footer #logo-pingpong{
		margin-right:95px;
	}
	#footer #logo-pingpongshop{
		margin-right:95px;
	}
	#footer #logo-pingpongnow{
		margin-right:90px;
	}

	#footer p,#footer a{
		text-align:center;
		color:#00A0DD;
	}
	#footer #logo-twitter,#footer #logo-facebook{
		margin-bottom:15px;
	}
	
/* contact page */
#contact-banner{
	height:191px;
	width:949px;
	background:url(/images/bg-banner-contact.png);
}
	#contact-banner h2{
		margin:0px 0px 12px 15px;
		padding-top:100px;
		color:#ffffff;
	}
		#contact-banner ul{
			margin:0px 0px 0px 15px;
		}
			#contact-banner ul li{
				list-style:none;
				float:left;
				display:block;
				margin:0px 35px 0px 0px;
			}
				#contact-banner ul li a{
					color:#ffffff;
					font-size:2em;
					text-decoration:none;
				}
	.contact-pod{
		padding-top:20px;
	}
		.contact-pod p{
			color:#00A0DD;
		}
	.hcard p{
		margin:0px;
	}
		.hcard .action{
			color:#ffffff;
		}

/* menus */
.menu-pod{
	float:left;
	width:225px;
	margin-right:16px;
}
	.menu-pod h3{
		color:#ffffff;
		font-size:1.6em;
		margin-top:16px;
	}
	.menu-pod p{
		margin-bottom:0px;
	}
	#childrens-menu.menu-pod{
		margin:0px;
	}
	.menu-pod img{
		border:1px solid #e8e0dc;
		margin-bottom:16px;
	}
	a.gallery-link{
		font-size:1.3em;
		width:213px;
		display:block;
		height:25px;
		color:#ffffff;
		padding:5px 0px 0px 10px;
		background:url(/images/icon-link.gif) no-repeat 195px 50% #00A0DD;
		margin-bottom:16px;
	}
	#childrens-menu p{
		color:#00A0DD;
		margin-bottom:16px;
	}
	
/* about us*/
.about-pod{
	float:left;
}
.about-pod h2{
	color:#ffffff;
}
#how-to{
	margin-left:16px;
}
#happiness{
	margin-left:80px;
}

/* contact */
.menu-banner{
	background:#00A0DD;
	height:35px;
}
	.menu-banner h2{
		float:left;
		font-size:2.4em;
		margin-left:16px;
		margin-top:3px;
		margin-bottom:0px;
		color:#ffffff;
	}
		.menu-banner ul{
			float:left;
			margin:7px 0px 0px 50px;
		}
		.menu-banner ul li{
			float:left;
			font-size:1.6em;
			list-style:none;
			margin-left:40px;
			color:#ffffff;
		}
		.menu-banner a{
			color:#ffffff;
		}
	#contact-form-container{
		border:2px solid #00A0DD;
		width:580px;
		height:320px;
		padding:10px 20px 20px 20px;
		margin-top:16px;
		position:relative;
		float:right;
	}
		#contact-form-container fieldset{
			
		}
		#contact-form-container label{
			color:#ffffff;
			width:255px;
			clear:left;
			float:left;
			font-size:1.1em;
			line-height:1.2em;
			margin:10px 0px 0px 0px;
			padding-bottom:5px;
			padding-left:15px;
		}
		#contact-form-container input, #contact-form-container select, #contact-form-container textarea{
			clear:left;
			float:left;
			width:234px;
			padding:3px;
			border:2px solid #8b8a8d;
			margin-left:15px;
			width:;
		}
		
		#contact-form-container .left{
			float:left;
		}
		#contact-form-container .right{
				float:right;
		}
	/*	#contact-form-container .confirm-option{
			margin-top:30px;
		} */
		#contact-form-container .confirm-option input{
			float:left;
			width:20px;
			margin-top:20px;
		}
		#contact-form-container .confirm-option label{
			clear:none;
			width:200px;
			margin-left:20px;
			padding-top:5px;
		}
	  #contact-form-container #contact_save{
			height:30px;
			position:absolute;
			top:335px;
			left:350px;
			width:230px;
			border:0px;
			color:#ffffff;
			font-size:1.2em;
			background:url('/images/icon-link.gif') 200px 50% no-repeat #00A0DD;
		}
		#contact-form-container .required-text{
			background:url(/images/icon-required.jpg) 0px 50% no-repeat;
			text-indent:13px;
		}
		#contact-form-container .required label{
			background:url(/images/icon-required.jpg) 0px 30% no-repeat;
			
		}
		.franchise-information .body-img{
			float:left;
			margin:16px 0px 100px 0px;
		}
		.franchise-pod{
			float:left;
			margin:16px 0px 0px 32px;
			width:284px;
		}
		.franchise-pod p{
			color:#00A0DD;
		}
		.address{
			margin-left:60px;
			width:200px;
		}
		.franchise-information .user_errors{
			float:left;
			margin-left:20px;
			width:614px;
		}
		.thank-you p{
			color:#00A0DD;
			margin:1em 0em;
		}
		.menu-selected{
			background:url('/images/icon-link.gif') 0% 50% no-repeat;
			text-indent:25px;
		}
/* make a booking */
.booking-pod{
	float:left;
	width:400px;
	margin-left:32px;
}
	.make-a-booking .body-img{
		float:left;
		margin-top:16px;
	}
	.make-a-booking h2{
		color:#ffffff;
	}
	.booking-pod p,.booking-pod li{
		color:#00A0DD;
		font-size:1.1em;
		line-height:1.6em;
	}
.button, .submit_field{
	margin-top:20px;
	display:block;
	width:220px;
	height:27px;
	text-indent:15px;
	padding-top:8px;
	background:url('/images/icon-link.gif') 190px 50% no-repeat #00A0DD;
	font-size:1.6em;
	color:#ffffff;
}
.submit_field{
	border:0px;
	width:140px;
	background:url('/images/icon-link.gif') 110px 50% no-repeat #00A0DD;
	font-size:1em;
	text-indent:0px;
}

/* locations */
.locations .pod p{
	color:#00A0DD;
}
.hidden{
	display:none;
}

/* steam - yeah baby, freakin steam! */
#steam{
	float:right;
	height:769px;
	width:200px;
	background:url(/images/bg-steam.jpg) no-repeat;
}