@charset "utf-8";
/* CSS Document */

@import url('reset.css');
@import url('text.css');

/* GLOBAL STYLES */
.container {
	float:left;
	display:inline;
	clear:both;
	width:100%;
}

.inner-container {
	width:960px;
	margin:0 auto;
}

.left {
	float:left;
	display:inline;
}

.right {
	float:right;
	display:inline;
}

.clear {
	clear:both;
}

.width49 {
	width:49%;
}

.width100 {
	width:100%;
}

.noLeftPad {
	padding-left:0px !important;
}

select.textbox {
	float:left;
	display:inline;
	background-color:#B58958;
	border:5px solid #c8bdb4;
	width:80px;
	height:35px;
	color:#5B4D42;
	font-size:13px;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-right:5px;
}

input.textbox {
	float:left;
	display:inline;
	clear:both;
	background-color:transparent;
	border:none;
	background-image:url(../images/bg/input-bg.gif);
	background-repeat:no-repeat;
	width:221px;
	height:15px;
	padding:10px;
	color:#5B4D42;
	font-size:13px;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
}

textarea.textbox {
	float:left;
	display:inline;
	clear:both;
	background-color:transparent;
	border:none;
	background-image:url(../images/bg/textbox-bg.gif);
	background-repeat:no-repeat;
	width:221px;
	height:96px;
	padding:10px;
	color:#5B4D42;
	font-size:13px;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
}
/* MAIN STYLES */
body {
	background-color:#d2d3d3;
	background-image:url(../images/bg/body-background.jpg);
	background-repeat:repeat;
	background-position:top center;
	position: relative;
}

.pantry-bg {
	background-image:url(../images/bg/pantry-bg.jpg) !important;
}

#header {
	float:left;
	display:inline;
	position:relative;
	width:960px;
}

	#logo {
		position:absolute;
		top:0;
		left:0;
		width:222px;
		height:342px;
		z-index:15;
	}
	
	#top-buttons {
		float:right;
		display:inline;
		width:730px;
		height:100px;
		overflow:visible;
	}
	
		#rations-button {
			float:left;
			display:inline;
			position:relative;
			width:259px;
			margin-left:28px;
		}
		
		#whats-on-button {
			float:left;
			display:inline;
			position:relative;
			width:364px;
			margin-left:290px;
		}
			.top-link-image {
				position:absolute;
				top:0px;
				right:0px;
				z-index:1;
			}
			.top-link-text {
				position:absolute;
				top:0px;
				left:0px;
				z-index:5;
			}
		
	#shelf-buttons {
		float:right;
		display:inline;
		position:relative;
		background-image:url(../images/bg/shelf.png);
		background-repeat:no-repeat;
		background-position:bottom right;
		width:482px;
		margin-right:27px;
		padding-bottom:7px;
	}
		
		
		#shelf-btn-left {
			float:right;
			display:inline;
			position:relative;	
			width:223px;
			height:99px;
			margin-right:5px;
		}
			
			#shelf-btn-left .shelf-link-text {
				position:absolute;
				top:44px;
				right:0px;
				z-index:1;
			}
		
		#shelf-btn-right {
			float:right;
			display:inline;
			position:relative;	
			width:176px;
			height:70px;
			margin-top:24px;
			margin-right:25px;
		}
			.shelf-link-image {
				position:absolute;
				top:0;
				left:0;
				z-index:1;
			}
			
			.shelf-link-text {
				position:absolute;
				top:36px;
				right:0px;
				z-index:1;
			}
	
	#navigation {
		float:right;
		display:inline;
		width:730px;
		margin-top:1px;
		text-align:center;
	}
		#navigation li{
			display:inline;
			padding-left:21px;
		}

	#image-holder {
		float:left;
		display:inline;
		position:relative;
		width:959px;
		height:392px;
		margin-top:10px;
	}
		#image-container {
			float:left;
			display:inline;
			position:relative;
			width:917px;
			height:355px;
			margin-top:17px;
			margin-left:20px;
			z-index:5;
		}

			#google-map {
				float:left;
				display:inline;
				width:917px;
				height:355px;
			}
	
		.overlay-left {
			position:absolute;
			top:1px;
			left:0;
			z-index:10;
		}
	
		.overlay-top {
			position:absolute;
			top:0;
			left:37px;
			z-index:10;
		}
	
		.overlay-right {
			position:absolute;
			top:0;
			right:0;
			z-index:10;
		}
	
		.overlay-bottom {
			position:absolute;
			bottom:0;
			left:37px;
			z-index:10;
		}

	#main-content {
		float:left;
		display:inline;
		clear:both;
		width:960px;
		margin-top:25px;
	}
		
		#left-column {
			width:245px;
			text-align:center;
			padding-right:20px;
		}
		
			#left-column li {
				padding-bottom:10px;
			}
		
		#right-column {
			width:695px;
			text-align:left;
		}

#footer {
	min-height:137px;
	height:auto !important;
	height:137px;
	background-image:url(../images/bg/footer-background.jpg);
	background-repeat:repeat-x;
	padding-top:20px;
}

	#footer .right {
		text-align:right;
	}
	
/* CSS Sign up */

#overlay {
	width: 100%;
	height: 100%;
	background-color: #000000;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9998;
}

#sign-up-holder {
	position: absolute;
	width: 400px;
	top: 0;
	left: -400px;
	z-index: 9999;
}

	#sign-up-header {
		width: 400px;
		height: 15px;
		float: left;
		display: inline;
		background-image: url(../images/bg/form-header.png);
		background-repeat: no-repeat;
		overflow: hidden;
	}

	#sign-up-form {
		width: 350px;
		float: left;
		display: inline;
		padding: 10px 25px;
		background-image: url(../images/bg/form-repeat.png);
	}

		#sign-up-form p {
			margin: 0px;
			padding: 0px;
		}

	#sign-up-footer {
		width: 400px;
		height: 15px;
		float: left;
		display: inline;
		background-image: url(../images/bg/form-footer.png);
		background-repeat: no-repeat;
		overflow: hidden;
	}

	#sign-up-form iframe {
		border: 0;
		background-image: url(../images/bg/body-background.jpg);
	}
	
/* Royal Celebration Styles */

.royal-celebration-btn {
	float: left;
    display: inline;
    margin: 5px 1px 5px 47px;
}

/* End Royal Celebration Styles */