/* @override http://www.bobfoxs.com/public/css/layout.css */

/************************************************
Contents
************************
1. Page Wrapper
2. Header Banner
	2.1. Logo
	2.2. Text Updates
3. Main Image
4. Navigation
5. Content
	5.1 Main Content Area
		5.1.1 Homepage Images 
	5.2 Side Content Area
6. Footer

************************************************/


/* 1. Page Wrapper */
#wrapper {
	margin: 10px auto;
	padding: 0;
	width: 1000px;
	border: 1px solid #d4ae6d;
	background: #040404 url('../img/bg-large.gif') repeat-x;
	}
	
	/* 2. Header Banner */
	#heading {
		margin: 0;
		padding: 0;
	
		}
		
		/* 2.1. Logo */
		#logo {
			width: 300px;
			height: 133px;
			font-size: 2.5em;
			color: #c89e4c;
			position: relative;
			float: left;
			display: inline;
			text-transform: uppercase;
			}

			#logo span {
				position: absolute;
				display: block;
				width: 100%;
				height: 100%;
				background: url("../img/logo.gif") no-repeat;
				}
		
		/* 2.2. Text Updates */
		#text-updates {
			margin: 15px 50px 0 0;
			padding: 0 0 0 15px;
			width: 275px;
			border-left: 1px solid #d9b270;
			float: right;
			display: inline;
			font-family: 'Arial';
			text-transform: uppercase;
			letter-spacing: 1px;
			}

			#text-updates h4 {
				padding: 0 0 4px;
				color: #d9b270;
				font-size: 1.4em;
				font-family: 'Times';
				}

			#text-updates p {
				padding: 4px 0 6px;
				width: 215px;
				color: #d9b270;
				font-size: 0.8em;
				}

			#text-updates form {
					padding: 2px 0;
					height: 17px;
				}

				#text-updates form label {
					margin: 0 2px 0 0;
					color: #d9b270;
					height: 17px;
					line-height: 17px;
					display: block;
					float: left;
					letter-spacing: 0px;
					font-size: 0.8em;
					}

				#text-updates form #mobile-number {
						width: 143px;
						height: 15px;
						border: 1px solid #d9b270;
						background: #352305;
						color: #f3daaf;
						float: left;
					}
				
				#text-updates form #mobile-go { margin: 0 0 0 5px; float: left; }

	
	/* 3. Main Image */
	#main-image {
		margin: 0;
		padding: 0;
		width: 1000px;
		height: 282px;
		clear: both;
		}
		#main-image img {
	width: 1000px;
	height: 282px;
}

	/* 4. Navigation */
	#navigation {
		margin: 1px 0 0;
		padding: 0;
		width: 950px;
		height: 43px;
		clear: both;
		}

		#navigation ul {
			margin: 0px auto;
			padding: 0;
			height: 43px;
			position: absolute;
			display: inline;
			color: #fff;
			list-style: none;			
			float: none;
			margin-left: 50px;
		
		}

			* html #navigation ul { margin: -3px 0 0 60px; } /* Hack to stop IE from dropping down 3 pixels */

			#navigation ul li {
				margin: 0;
				padding: 0;
				height: 43px;
				position: absolute;
				top: 0;
				}

				#navigation ul li, ul li a {height: 43px;/*\*/overflow: hidden;/**/display: block;}	
				#navigation ul li a {text-indent: -9999px; text-decoration: none;}

	#homemenu			{left: 0; width: 86px; background: transparent url("../img/nav_home.gif") 0px -86px no-repeat;}
	#musicmenu			{left: 86px; width: 91px; background: transparent url("../img/nav_music.gif") 0px -86px no-repeat;}
	#sportmenu			{left: 177px; width: 95px; background: transparent url("../img/nav_sport.gif") 0px -86px no-repeat;}
	#gallerymenu		{left: 272px; width: 127px; background: transparent url("../img/nav_gallery.gif") 0px -86px no-repeat;}
	#news-eventsmenu	{left: 399px; width: 203px; background: transparent url("../img/nav_news.gif") 0px -86px no-repeat;}
	#locationmenu		{left: 399px; width: 142px; background: transparent url("../img/nav_location.gif") 0px -86px no-repeat;}
	#contact-usmenu		{left: 715px; width: 169px; background: transparent url("../img/nav_contact.gif") 0px -86px no-repeat;}
	#golf-societymenu		{left: 541px; width: 190px; background: transparent url("../img/nav_golf.gif") 0px -86px no-repeat;}
	
	#homemenu a:hover			{background: transparent url("../img/nav_home.gif") 0px -43px no-repeat;}
	#musicmenu a:hover			{background: transparent url("../img/nav_music.gif") 0px -43px no-repeat;}
	#sportmenu a:hover			{background: transparent url("../img/nav_sport.gif") 0px -43px no-repeat;}
	#gallerymenu a:hover		{background: transparent url("../img/nav_gallery.gif") 0px -43px no-repeat;}
	#news-eventsmenu a:hover	{background: transparent url("../img/nav_news.gif") 0px -43px no-repeat;}
	#locationmenu a:hover		{background: transparent url("../img/nav_location.gif") 0px -43px no-repeat;}
	#contact-usmenu a:hover		{background: transparent url("../img/nav_contact.gif") 0px -43px no-repeat;}
	#golf-societymenu a:hover		{background: transparent url("../img/nav_golf.gif") 0px -43px no-repeat;}

	/* These styles make the selected state of each nav item display to match the corresponding id in the body tag. */ 
	#navigation ul li a.active { border-bottom: 1px solid #040404; }
	#homemenu a.active, #homemenu a.active:hover				{background: transparent url("../img/nav_home.gif") top left no-repeat;border-bottom: 1px solid #040404;}
	#musicmenu a.active, #musicmenu a.active:hover				{background: transparent url("../img/nav_music.gif") top left no-repeat;border-bottom: 1px solid #040404;}
	#sportmenu a.active, #sportmenu a.active:hover				{background: transparent url("../img/nav_sport.gif") top left no-repeat;border-bottom: 1px solid #040404;}
	#gallerymenu a.active, #gallerymenu a.active:hover			{background: transparent url("../img/nav_gallery.gif") top left no-repeat;border-bottom: 1px solid #040404;}
	#news-eventsmenu a.active, #news-eventsmenu a.active:hover	{background: transparent url("../img/nav_news.gif") top left no-repeat;border-bottom: 1px solid #040404;}
	#locationmenu a.active, #locationmenu a.active:hover		{background: transparent url("../img/nav_location.gif") top left no-repeat;border-bottom: 1px solid #040404;}
	#contact-usmenu a.active, #contact-usmenu a.active:hover	{background: transparent url("../img/nav_contact.gif") top left no-repeat;border-bottom: 1px solid #040404;} 
	#golf-societymenu a.active, #golf-societymenu a.active:hover	{background: transparent url("../img/nav_golf.gif") top left no-repeat;border-bottom: 1px solid #040404;} 

	
	/* 5. Content */
	#content {
		clear: both;
		padding: 50px 40px;
		width: 920px;
		}
		
		/* 5.1 Main Content Area */
		#main {
			margin: 0;
			padding: 0;
			width: 600px;
			float: left;
			display: inline;
			font-size: 1.1em;
			}
			
			/* 5.1.1 Homepage Images */
			#sidebar-images {
				text-align: right;
				}

				#sidebar-images a img.hImage {
					
					display: inline;
					margin-bottom: 10px;
					border: 1px solid #d9b270;
					
					}

		
		/* 5.2 Side Content Area */
		#side {
			margin: 58px 0 0 0px;
			padding-left: 54px ;
			width: 250px;
			float: left;
			display: inline;
			}

			#events-list {
				margin: 0;
				padding: 0;
				margin-top: 10px;
				border-bottom: 1px solid #d29b37;
				border-top: 1px solid #d29b37;
				}

				#events-list li {
					margin: 0;
					padding: 0;
					border-bottom: 1px solid #242424;
					
					}

				#events-list li a {
					margin: 0;
					padding: 5px;
					width: 240px;
					height: 24px;
					line-height: 24px;
					font-size: 1.1em;
					}
					
					#events-list li a:hover {
						background: #141414;
						color: #d29b37;
					}

				.list-end-link {
					float: right;
					padding: 5px;
					background: #242424;
					}


	/* 6. Footer */
	#footer {
		clear: both;
		width: 920px;
		margin: 0px auto;
				}
		
		#footer #copyright {
				margin: 30px auto;
				text-align: center;
			}

/*---- sIFR ---*/
.sIFR-active #main h2, #main-home h2 {
	visibility: hidden;
	font-family: Verdana;
	font-size: 26px;
	line-height: 1em !important;
	color: #d29b37;
}

.sIFR-active #side h3, #side-home h3, #main h3, #main-home h3 {
	visibility: hidden;
	font-family: Verdana;
	font-size: 18px;
	line-height: 1em !important;
}

.sIFR-active #main h3, #main-home h3 { width: 600px; }
.sIFR-active #side-home h3, #side h3 { width: 250px; }

.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

.sIFR-unloading .sIFR-flash {
  visibility: hidden !important;
}

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
	color: #d29b37;
}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}

/*---- Header styling ---*/