@import url("../../css/reset.css");

body {
	background-color: #496D0D;
	margin: 0px auto;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 14px;
	width: 1000px;
}

#imgbackground img {

  height: auto;

  left: 0px;

  position: absolute;

  top: 0px;

  width: 100%;

  z-index: 0;

}

#golfy {
	width: 1000px;
	margin: 0px auto;
	position: absolute;
	z-index: 1;
	padding-top: 30px;
	float: left;
	clear: none;
}

	#golfyHeader {
		width: 1000px;
		height: 141px;
		background-image: url(images/header-text.jpg);
		background-repeat: no-repeat;
		float: left;
		clear: none;
	}
	
	#navigation {
		width: 996px;
		height: 53px;
		border-left: 2px solid #FFFFFF;
		border-right: 2px solid #FFFFFF;
		border-bottom: 2px solid #FFFFFF;
		background-color: #9ec10e;
		float: left;
		clear: none;
	}
	
		#menu {
			width: 996px;
			height: 53px;
			background: url(images/menu-sprite.jpg);
			margin: 0; padding: 0;
			position: relative;
		}
		
		#menu li {
			margin: 0;
			padding: 0; 
			list-style: none;
			position: absolute;
			top: 0;
		}
		
		#menu li, #menu a {
			height: 53px;
			display: block;
		}
		
		#button1a { left: 0; width: 63px; }
		#button2a { left: 63px; width: 120px; }
		#button3a { left: 183px; width: 135px; }
		#button4a { left: 318px; width: 108px; }
		#button5a { left: 426px; width: 87px; }
		#button6a { left: 513px; width: 182px; }
		#button7a { left: 695px; width: 206px; }
		#button8a { left: 901px; width: 95px; }
		
		#button1a a:hover { background: transparent url(images/menu-sprite.jpg) 0 -53px no-repeat; }
		#button2a a:hover { background: transparent url(images/menu-sprite.jpg) -63px -53px no-repeat; }
		#button3a a:hover { background: transparent url(images/menu-sprite.jpg) -183px -53px no-repeat; }
		#button4a a:hover { background: transparent url(images/menu-sprite.jpg) -318px -53px no-repeat; }
		#button5a a:hover { background: transparent url(images/menu-sprite.jpg) -426px -53px no-repeat; }
		#button6a a:hover { background: transparent url(images/menu-sprite.jpg) -513px -53px no-repeat; }
		#button7a a:hover { background: transparent url(images/menu-sprite.jpg) -695px -53px no-repeat; }
		#button8a a:hover { background: transparent url(images/menu-sprite.jpg) -901px -53px no-repeat; }
		
		#button1aCurrent { left: 0; width: 63px; background: transparent url(images/menu-sprite.jpg) 0 -53px no-repeat; }
		#button2aCurrent { left: 63px; width: 120px; background: transparent url(images/menu-sprite.jpg) -63px -53px no-repeat; }
		#button3aCurrent { left: 183px; width: 135px; background: transparent url(images/menu-sprite.jpg) -183px -53px no-repeat; }
		#button4aCurrent { left: 318px; width: 108px; background: transparent url(images/menu-sprite.jpg) -318px -53px no-repeat; }
		#button5aCurrent { left: 426px; width: 87px; background: transparent url(images/menu-sprite.jpg) -426px -53px no-repeat; }
		#button6aCurrent { left: 513px; width: 182px;background: transparent url(images/menu-sprite.jpg) -513px -53px no-repeat; }
		#button7aCurrent { left: 695px; width: 206px; background: transparent url(images/menu-sprite.jpg) -695px -53px no-repeat; }
		#button8aCurrent { left: 901px; width: 95px; background: transparent url(images/menu-sprite.jpg) -901px -53px no-repeat; }
		
	#inner {
		width: 996px;
		min-height: 374px;
		border-left: 2px solid #FFFFFF;
		border-right: 2px solid #FFFFFF;
		background-color: #FFFFFF;
		background-image: url(images/inner-bg.jpg);
		background-repeat: repeat-x;
		background-position: top;
		float: left;
		clear: none;
	}
	
		#left {
			width: 255px;
			min-height: 374px;
			margin-right: 3px;
			margin-left: 10px;
			text-align: justify;
			float: left;
			clear: none;
		}
		
		#left img {
			margin-top: 22px;
		}
		
			#left li {
				list-style: none;
			}
		
		#right {
			width: 716px;
			min-height: 374px;
			padding-right: 12px;
			background-image: url(images/content-middle.jpg);
			background-repeat: repeat-y;
			background-position: top left;
			margin-top: 14px;
			float: left;
			clear: none;
		}
		
			#contentTop {
				width: 716px;
				height: 20px;
				background-image: url(images/content-top.jpg);
				background-repeat: no-repeat;
				float: left;
				clear: none;
			}
			
			#content {
				width: 676px;
				min-height: 330px;
				background-image: url(images/content-bg.jpg);
				background-repeat: no-repeat;
				background-position: top;
				padding: 0px 20px;
				text-align: justify;
				float: left;
				clear: none;
			}
			
				#contentLeft {
					width: 328px;
					margin-right: 10px;
					float: left;
					clear: none;
				}
				
				#contentLeftContact {
					width: 298px;
					margin-right: 10px;
					float: left;
					clear: none;
				}
				
					.wpcf7-form img {
						border: 1px solid #000000;
						vertical-align: middle;
					}
				
				#contentRight {
					width: 328px;
					margin-left: 10px;
					float: left;
					clear: none;
				}
				
				#contentRightContact {
					width: 358px;
					margin-left: 10px;
					float: left;
					clear: none;
				}
			
				h1.pageTitle {
					font-size: 24px;
					font-weight: bold;
					margin: 0px;
					margin-bottom: 20px;
				}
				
				.photoTable img {
					border: 1px solid #D4E08E;
					padding: 4px;
					background-color: #FFFFFF;
				}
				
				.mainPhoto {
					border: 1px solid #D4E08E;
					margin-left: 10px;
					padding: 4px;
					background-color: #FFFFFF;
				}
				
				.booked {
					background-color: #CC3300;
					color: #FFFFFF;
					font-weight: bold;
				}
				
				#teeTimeTable tr:hover {
					background-color: #D4E08E;
				}
			
			#contentBottom {
				width: 716px;
				height: 20px;
				background-image: url(images/content-bottom.jpg);
				background-repeat: no-repeat;
				float: left;
				clear: none;
			}

	#bottom {
		width: 1000px;
		height: 12px;
		background-image: url(images/bottom.jpg);
		background-repeat: no-repeat;
		float: left;
		clear: none;
	}
	
	#footer {
		width: 1000px;
		color: #FFFFFF;
		font-size: 11px;
		float: left;
		clear: none;
	}
	
		#footerLeft {
			width: 500px;
			text-align: left;
			float: left;
			clear: none;
		}
		
			#footerLeft a:link {
				color: #FFFFFF;
			}
			
			#footerLeft a:visited {
				color: #FFFFFF;
			}
			
			#footerLeft a:hover {
				color: #FFFFFF;
			}
		
		#footerRight {
			width: 500px;
			text-align: right;
			float: left;
			clear: none;
		}
		
/* Fancy warnings, messages, errors */
#warning {
	border: 1px solid;
	padding:10px 10px 10px 50px;
	margin-bottom: 10px;
	margin-top: 10px;
	background-repeat: no-repeat;
	background-position: 10px center;
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url(images/warning.jpg);
	clear:both;
}

#message {
	border: 1px solid;
	padding:10px 10px 10px 50px;
	margin-bottom: 10px;
	margin-top: 10px;
	background-repeat: no-repeat;
	background-position: 10px center;
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url(images/message.jpg);
	clear:both;
}
	
#error {
	border: 1px solid;
	padding:10px 10px 10px 50px;
	margin-bottom: 10px;
	margin-top: 10px;
	background-repeat: no-repeat;
	background-position: 10px center;
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url(images/error.jpg);
	clear:both;
}