/*==========================================================================

	Template Elements Stylesheet
	____________________________________________________________

	Client:		SBRC - Bjelke Petersen Dam
	Date:		15th May 2013
	Author:		Edge Marketing Solutions
	Website:	http://yallakoolpark.com.au/
	Version:	3.2

===========================================================================*/

	/* [Generic Template Styles] */

/*=========================================================================*/

	/* [Homepage Template Styles] */

	.rotator-arrow
	{
		display: block;
		float: left;
		width: 215px;
		height: 26px;
		z-index: 500;
		position: relative;
		margin: 0 0 0 55px;
		z-index: 100px;

		background-image: url(../images/bg-rotator-arrow.png);
		background-repeat: no-repeat;
	}

/*=========================================================================*/

	/* [Header Template Styles] */

	a.h-logo
	{
		display: block;
		float: left;
		width: 289px;
		height: 137px;
		margin: 10px 0 0 35px;

		background-image: url(../images/logo-header-yallakool-park.png);
		background-repeat: no-repeat;

		text-indent: -4000px;
		letter-spacing: -3999px;
		text-decoration: none;
	}

	#site-header a.btn-booking
	{
		float: right;
		display: block;
		padding: 30px 0 0 0;

		background-image: url(../images/btn-booking-bg.png);
		background-repeat: no-repeat;
		background-position: center top;

		font-size: 26px;
		color: #10BEFB;
		font-family:"Times New Roman", Times, serif;
		text-align: center;
		text-decoration: none;
	}

		#site-header a.btn-booking:hover
		{
			background-position: center -136px;

			color: #04327B;
		}

	a.btn-social
	{
		display: block;
		float: right;
		width: 23px;
		height: 23px;
		margin-top: 28px;

		background-repeat: no-repeat;

		text-indent: -4000px;
		letter-spacing: -3999px;
		text-decoration: none;
	}

		a.btn-social:hover
		{
			background-position: 0 -23px;
		}

		a.btn-twitter
		{
			margin-right: 30px;
			background-image: url(../images/btn-twitter.png);
		}

		a.btn-facebook
		{
			margin-right: 10px;
			background-image: url(../images/btn-facebook.png);
		}

	.h-contact
	{
		float: right;
		margin: 31px 30px 0 0;

		font-size: 20px;
		color: #868686;
		font-family: "Times New Roman", Times, serif;
	}

/*=========================================================================*/

	/* [Feature Navigation Template Styles] */

	.feature-navigation
	{
		float: left;
		width: 100%;
		padding: 16px 0;

		border-bottom: 15px solid #043A91;
	}

		.feature-navigation .details
		{
			float: left;
			width: 340px;
			margin: 0 0 0 18px;
		}

			.feature-navigation .details h2
			{
				font-size: 30px;
				font-style: italic;
			}

			.feature-navigation .details a:link,
			.feature-navigation .details a:visited
			{
				padding: 8px 14px;
				float: left;

				background-color: #FDDE06;

				color: #212121;
				font-family: "Times New Roman", Times, serif;
				font-size: 24px;
				text-transform: uppercase;
				text-decoration: none;
			}

			.feature-navigation .details a:hover
			{
				background-color: #04327B;

				color: #ffffff;
			}

		.feature-navigation ul
		{
			float: right;
			width: 590px;
			margin: 10px 0 0 0;
			padding: 0;

			list-style-type: none;

			background-image: url(../images/icon-booking-arrow-right.png);
			background-repeat: no-repeat;
			background-position: 0 center;
		}

			.feature-navigation ul li
			{
				float: right;
				margin: 0 0 0 15px;
			}

			.feature-navigation ul li a.feature-item
			{
				width: 172px;
				height: 113px;
				display: block;

				background-repeat: no-repeat;
				background-image: url(../images/btn-accommodation.jpg);

				text-decoration: none;
				text-indent: -4000px;
				letter-spacing: -3999px;
			}

				.feature-navigation ul li a.item1
				{
					background-position: 0 0;
				}

				.feature-navigation ul li a.item1:hover
				{
					background-position: 0 -113px;
				}

				.feature-navigation ul li a.item2
				{
					background-position: -172px 0;
				}

				.feature-navigation ul li a.item2:hover
				{
					background-position: -172px -113px;
				}

				.feature-navigation ul li a.item3
				{
					background-position: -344px 0;
				}

				.feature-navigation ul li a.item3:hover
				{
					background-position: -344px -113px;
				}

/*=========================================================================*/

	/* [Page Template Styles] */

	#page .column-first
	{
		float: left;
		width: 340px;
		margin: 0 30px 0 0;
	}

	#page .column-second
	{
		float: left;
		width: 288px;

		background-color: #E5E5E5;
	}

		#page .column-second .container
		{
			margin: 25px;
		}

		#page .column-second h2
		{
			padding: 15px 0 17px 0;

			background-color: #FDDE06;

			color: #212121;
			font-size: 26px;
			font-style: italic;
			text-align: center;
		}

	#page .column-third
	{
		float: right;
		width: 288px;

		background-color: #3C5A98;
	}

		#page .column-third h2
		{
			padding: 15px 0 17px 0;

			background-color: #6079AB;

			color: #ffffff;
			font-size: 26px;
			font-style: italic;
			text-align: center;
		}

	ul.sub-navigation
	{
		margin: 0;
		padding: 0;

		list-style-type: none;
	}

		ul.sub-navigation li
		{
			margin: 0 0 2px 0;
		}

		ul.sub-navigation li a:link,
		ul.sub-navigation li a:visited
		{
			display: block;
			padding: 10px;

			background-color: #ebebeb;

			text-decoration: none;
			color: #444444;
		}

		ul.sub-navigation li a:hover
		{
			background-color: #666666;

			color: #ffffff;
		}

		ul.sub-navigation li a.selected
		{
			background-color: #043a91;

			color: #ffffff;
		}

		ul.sub-navigation li a.btn-booking
		{
			padding: 10px;

			background-color: #FDDE06;

			color: #212121;
			font-family: "Times New Roman", Times, serif;
			font-size: 16px;
			text-transform: uppercase;
			text-decoration: none;
		}

		ul.sub-navigation li a.btn-booking:hover
		{
			background-color: #04327B;

			color: #ffffff;
		}

	.box.notes
	{
		font-size:11px;
	}

	.box.notes p
	{
		margin: 5px 0 0 0;
	}

	.fb-container
	{
		float: left;
		width: 248px;
		margin: 10px 0 20px 20px;

		background-color: #ffffff;
	}

/*=========================================================================*/

	/* [News Template Styles] */

	.listing-article
	{
		float: left;
		width: 100%;
		padding: 0 0 15px 0;
		margin: 0 0 15px 0;

		border-bottom: 1px solid #FFFFFF;
	}

		.listing-article h3
		{
			margin: 0 0 5px 0;

			font-size: 13px;
			color: #B4820E;
			font-family: Arial, Helvetica, sans-serif;
			font-weight: bold;
			line-height: 1.4em;
		}

			.listing-article h3 a:link,
			.listing-article h3 a:visited
			{
				text-decoration: none;
				color: #B4820E;
			}

			.listing-article h3 a:hover
			{
				text-decoration: underline;
			}

		.listing-article p
		{
			margin: 0 0 5px 0;
		}

		.listing-article a:link,
		.listing-article a:visited
		{
			color: #B4820E;
		}

/*=========================================================================*/

	/* [Dam Details Template Styles] */

	.dam-information
	{
		float: left;
		width: 980px;
		padding: 16px 0;
		margin: 30px 0 0 60px;

		border-top: 15px solid #FFDF05;
	}

		.dam-information h2
		{
			float: left;
			margin: 10px 0 0 0;
			padding: 0;

			font-size: 35px;
			color: #013154;
			line-height: 0.9em;
		}

		.dam-information .weather
		{
			float: left;
			width: 628px;
			padding: 0 20px;

			border-right: 1px solid #043A91;
		}

		.dam-information .levels
		{
			float: right;
			width: 270px;
		}

			.dam-information .levels .reading
			{
				float: left;
				padding: 30px 0 30px 86px;
				margin: 10px 0 0 40px;

				background-image: url(../images/icon-lake-water-status.png);
				background-repeat: no-repeat;

				font-size: 20px;
				color: #111111;
				font-weight: bold;
			}

			.dam-information .levels .reading-100
			{
				background-position: 0 0;
			}

			.dam-information .levels .reading-80
			{
				background-position: 0 -103px;
			}

			.dam-information .levels .reading-60
			{
				background-position: 0 -201px;
			}

			.dam-information .levels .reading-40
			{
				background-position: 0 -302px;
			}

			.dam-information .levels .reading-20
			{
				background-position: 0 -404px;
			}

	#weather-rss
	{
		float: left;
		width: 480px;
		margin: 0 0 0 30px;
	}

	.weatherItem,
	.weatherForecastItem
	{
		float: left;
		margin: 0 10px 0 0;
	}

	.weatherForecastItem
	{
		padding: 0 0 0 55px;
	}

	.weatherCity
	{
		display: none;
	}

	.weatherLink
	{
		float: left;
		clear: both;
		width: 100%;
		margin: 10px 0 0 0;

		font-size: 11px;
	}

	.weatherForecastDay,
	.weatherTemp
	{
		font-weight: bold;
	}

/*=========================================================================*/

	/* [Footer Template Styles] */

	#footer .column
	{
		float: left;
		margin: 0 60px 0 0;
	}

	#footer ul
	{
		float: left;
		margin: 0 40px 0 0;
		padding: 0;

		list-style-type: none;
	}

/*=========================================================================*/

	/* [Subpage Banner Template Styles] */

	.subpage-banner
	{
		float: left;
		width: 1100px;
		height: 349px;
		position: relative;
		z-index: 100;
		margin: -226px 0 0 0;

		background-color: #0544AB;
	}

	.subpage-banner img
	{
		float: left;
		width: 1070px;
		margin: 15px 0 0 15px;
	}



/*=========================================================================*/

	/* [Alert Template Styles] */

	.alert {
	  padding: 8px 35px 8px 14px;
	  margin-bottom: 20px;
	  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	  background-color: #fcf8e3;
	  border: 1px solid #fbeed5;
	  -webkit-border-radius: 4px;
	     -moz-border-radius: 4px;
	          border-radius: 4px;
	}

	.alert,
	.alert h4 {
	  color: #c09853;
	}

	.alert h4 {
	  margin: 0;
	}

	.alert .close {
	  position: relative;
	  top: -2px;
	  right: -21px;
	  line-height: 20px;
	}

	.alert-success {
	  color: #468847;
	  background-color: #dff0d8;
	  border-color: #d6e9c6;
	}

	.alert-success h4 {
	  color: #468847;
	}

	.alert-danger,
	.alert-error {
	  color: #b94a48;
	  background-color: #f2dede;
	  border-color: #eed3d7;
	}

	.alert-danger h4,
	.alert-error h4 {
	  color: #b94a48;
	}

	.alert-info {
	  color: #3a87ad;
	  background-color: #d9edf7;
	  border-color: #bce8f1;
	}

	.alert-info h4 {
	  color: #3a87ad;
	}

	.alert-block {
	  padding-top: 14px;
	  padding-bottom: 14px;
	}

	.alert-block > p,
	.alert-block > ul {
	  margin-bottom: 0;
	}

	.alert-block p + p {
	  margin-top: 5px;
	}

/*=========================================================================*/

	/* [Slider Styles] */

	#slider
	{
		float: left;
		width: 1070px;
		height: 664px;
		margin: 15px 0 0 15px;
	}

	.slider-wrapper
	{
		float: left;
		width: 1100px;
		height: 679px;
		position: relative;
		z-index: 100;
		margin: -226px 0 0 0;

		background-color: #0544AB;
	}

	.theme-default .nivoSlider
	{
		position:relative;
		background:#fff url(../images/slider-loading.gif) no-repeat 50% 50%;
		margin-bottom:50px;
	}

	.theme-default .nivoSlider img
	{
		position:absolute;
		top:0px;
		left:0px;
		display:none;
	}

	.theme-default .nivoSlider a
	{
		border:0;
		display: block;
	}

	.theme-default .nivo-controlNav
	{
		position:absolute;
		left:50%;
		margin-left:-55px; /* Tweak this to center bullets */
		bottom: 30px;
	}

	.theme-default .nivo-controlNav a
	{
		display:block;
		width: 19px;
		height: 19px;
		background:url(../images/slider-bullets.png) no-repeat;
		text-indent:-9999px;
		border:0;
		margin-right:3px;
		float:left;
	}

	.theme-default .nivo-controlNav a.active
	{
		background-position:0 -19px;
	}

	.theme-default .nivo-directionNav a
	{
		display:block;
		width:30px;
		height:30px;
		background:url(../images/slider-arrows.png) no-repeat;
		text-indent:-9999px;
		border:0;
	}

	.theme-default a.nivo-nextNav
	{
		background-position:-30px 0;
		right:15px;
	}

	.theme-default a.nivo-prevNav
	{
		left:15px;
	}

	.theme-default .nivo-caption
	{
		font-family: Helvetica, Arial, sans-serif;
	}

	.theme-default .nivo-caption a
	{
		color:#fff;
		border-bottom:1px dotted #fff;
	}

	.theme-default .nivo-caption a:hover
	{
		color:#fff;
	}