/* 
	Current Themes:
		siteStyles[0] = "arranBay";
		siteStyles[1] = "mudBrick"; 
		siteStyles[2] = "palmBeach";
		siteStyles[3] = "stonyBatter";
		siteStyles[4] = "teWhau";
	
	Notes:		
		- The JS theme is initially blank (in the css) then updated in our JS function to prevent the user seeing the themes changing on DOM ready
		- NON-JS users inherit the theme with .js-disabled on the body

		- .js-disabled : A class added to the body only when JS is disabled [[ .js-disabled, .js-disabled #nav, .js-disabled #footerwrapper  ]]
		- .defaultTheme : A class added to the body by JQUERY ON DOM ready [[ .defaultTheme, .defaultTheme #nav, .defaultTheme #footerwrapper  ]]
			- This lets our theme inherit from the default theme, e.g if .mudBrick #nav has no theme-specific BG it will inherit one from the defaultheme
		
		- The default theme must be placed higher in the CSS file than the other themes, (otherwise '!important' will be required)

		So to stylise any element in a theme, simply prefix it with the class of the theme
			- E.G .mudBrick #myDiv p { color: white; }
*/


/* Arran Bay */ 
	/* Arran Bay has been set as the default theme for NON-JS (.js-disabled) & JS users (.defaultTheme) */
	 .arranBay, .js-disabled, .defaultTheme { background:#1d3a58 url(../headers/arran_bay_wharf.jpg) no-repeat; }
	 .arranBay #nav, .js-disabled #nav, .defaultTheme #nav	{ background: url(../images/navbg.png) repeat; }
	 .arranBay #footerwrapper, .js-disabled #footerwrapper, .defaultTheme #footerwrapper { background: url(../images/f_footer.jpg) no-repeat top center #1D3A58; }
	 
/* Matiatia */
	 .matiatia { background:#1d3a58  url(../headers/matiatia.jpg) no-repeat top center }
	 .matiatia #nav	{}
	 .matiatia #footerwrapper {}	
	
/* Oneroa */
	 .oneroa { background:#1d3a58 url(../headers/oneroa.jpg) no-repeat top center; }
	 .oneroa #nav	{}
	 .oneroa #footerwrapper {}

/* Onetangi */
	 .onetangi { background:#1d3a58 url(../headers/onetangi.jpg) no-repeat top center; }
	 .onetangi #nav	{}
	 .onetangi #footerwrapper {}

/* Palm Beach */
	 .palmBeach { background:#1d3a58 url(../headers/palm_beach.jpg) no-repeat top center; }
	 .palmBeach #nav	{}
	 .palmBeach #footerwrapper {}

/* Putiki Bay */
	 .putikiBay { background:#1d3a58  url(../headers/putiki_bay.jpg) no-repeat top center }
	 .putikiBay #nav	{}
	 .putikiBay #footerwrapper {}	

/* Rocky Bay */
	 .rockyBay { background:#1d3a58 url(../headers/rocky_bay.jpg) no-repeat top center }
	 .rockyBay #nav	{}
	 .rockyBay #footerwrapper {}	

/* Stony Batter */
	 .stonyBatter { background:#1d3a58  url(../headers/stony_batter.jpg) no-repeat top center }
	 .stonyBatter #nav	{}
	 .stonyBatter #footerwrapper {}

/* Surfdale */
	 .surfdale { background:#1d3a58  url(../headers/surfdale.jpg) no-repeat top center }
	 .surfdale #nav	{}
	 .surfdale #footerwrapper {}
	
/* Vineyards Section */

/* Mud Brick Cellar */
	 .mudBrickCellar { background:#92754a url(../headers/vineyard_mudbrick_cellar.jpg) no-repeat top center }
	 .mudBrickCellar #nav	{ }
	 .mudBrickCellar #footerwrapper {}

	 
/* Mud Brick  */
	 .mudBrick { background:#535529 url(../headers/vineyard_mudbrick.jpg) no-repeat top center }
	 .mudBrick #nav	{ }
	 .mudBrick #footerwrapper {}

	 
/* Wine Leaves */
	 .wineLeaves { background:#1d3a58  url(../headers/vineyard_wineleaves.jpg) no-repeat top center }
	 .wineLeaves #nav	{ }
	 .wineLeaves #footerwrapper {}
	 
/* Wine Bottles */
	 .wineBottles { background:#1d3a58  url(../headers/vineyard_winebottles.jpg) no-repeat top center }
	 .wineBottles #nav	{ }
	 .wineBottles #footerwrapper {}
	 
/* Cable Bay */
	 .cableBay { background:#1d3a58  url(../headers/vineyard_cablebay.jpg) no-repeat top center }
	 .cableBay #nav	{}
	 .cableBay #footerwrapper {}

/* Olives */
	 .olives { background:#1d3a58  url(../headers/vineyard_olives.jpg) no-repeat top center }
	 .olives #nav	{}
	 .olives #footerwrapper {}

/* Stonyridge */
	 .stonyridge { background:#1d3a58  url(../headers/vineyard_stonyridge.jpg) no-repeat top center }
	 .stonyridge #nav	{}
	 .stonyridge #footerwrapper {}
	 
/* Te Whau */
	 .teWhau { background:#bbcde0  url(../headers/vineyard_tewhau.jpg) no-repeat top center }
	 .teWhau #nav	{}
	 .teWhau #footerwrapper {}