/* 
** Boyd's Bay CSS
** Design by R&B
*/
/*---------------------------------------------------------------------------*/

	/* @group Document */

	body {
		background: #100d0a url('../images/design/body-bg.png');
	}

	.container {
		margin: 0 auto;
		overflow: hidden;
		position: relative;
		right: 1px;
		width: 961px;
	}
	
	/* @end */
	
/*---------------------------------------------------------------------------*/
	
	/* @group Typography - This should have been defined in .formatted */	
	
	h1,h2,h3,h4,h5,h6,
	h1 span,h2 span,
	h3 span,h4 span,
	h5 span,h6 span {
		font-family: 'georgia', 'verdana', sans-serif;
		color: #85bd3c;
	}
	
	h1 {font-size: 180%;}			
	h2 {font-size: 160%;}			
	h3 {font-size: 140%;}
	h4 {font-size: 120%;}
	h5 {font-size: 110%;}
	
	p,
	* span,
	strong,
	a.more,
	ul li,
	blockquote,
	.description,
	dd {
		color: #535254;
	}	

	strong {
		font-weight: bold;
	}
	
	a:hover {
		text-decoration: underline;
	}
	
	a:hover img {
		border: 0;
		vertical-align: middle;
	}
	
	/* @end */

/*---------------------------------------------------------------------------*/

	/* @group Formatted */	

	.formatted h1.bar {
		background: url('../images/design/title-bg.png') repeat-x;
		padding: 5px 0 5px .5em;
		letter-spacing: 1px;
		color: #FFF;
	}

	.formatted h1.bar span {
		color: #FFF;
	}
	
	.formatted .v-list h2 span {
		text-transform: lowercase;
		font-variant: small-caps;
		color: #535254;
		margin-left: 10px;
	}
	
	.formatted p.description,
	.formatted p.datetime {
		font-weight: bold;
	}
	
	.formatted #content-container .section-footer p {
		margin: 1em;
	}
	
	.formatted span.caption	{
		background: #70C900 url('../images/design/title-bg.png') repeat-x top;
		color:#FFF;
		z-index: 10;
		width: 136px;
		height: 35px;
		display: block;
		padding: .5em 2px;
		text-align: center;
		cursor: hand;
	}	
	
	.formatted .section a,
	.formatted .section-footer a {
		font-size: 125%;
		color: #85bd3c;
		padding: 5px;
		margin: 0 4px;
	}		
	
	.formatted a.link-btn,
	.formatted input.link-btn {
		font-size: 105%;
		color: #FFF;
		background: url('../images/design/title-bg.png') repeat-x;
		padding: .5em 1em;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}
	
	.formatted a.link-btn:hover, 
	.formatted input.link-btn:hover {
		color: #000;
		text-decoration: none;
		border: 0;
	}

	#content-container .section-footer a.file {
		margin: 0;
	}
		
	/* Lists */
	.formatted dl {
		padding: 2em 1em;
	}
	
	.formatted dt {
		font-weight: bold;
		float: left;
		clear: left;
	}
	
	.formatted dd {
		display: block;
		margin-left: 61px;
	}
	
	.formatted dt,
	.formatted dd {
		line-height: 1.9;
	}
	
	.formatted dl.search {
		padding-top: 0;
	}
	.formatted dl.search dd {
		clear: both;
		line-height: 1.4;
		margin: 0 0 0.5em 0;
	}
	
	.formatted ul li a {
		text-decoration: none;
		border: 0;
	}
	
	.formatted ul li a:hover {
		border-bottom: 1px dotted;
		color: #85bd3c;
	}
	
	.formatted ul.content-list li.list-item a:hover {
		border: 0;
		text-decoration: none;
	}
	
	.formatted ul li a:hover span {
		color: #000;
	}
	
	.formatted ul li {
		list-style-type: square;
	}			
	
	.formatted ul.content-list {
		padding: .5em;
		margin: 0;
		float: left;
	}
	
	.formatted ul.content-list li.list-item {
		float: left;
		display: block;
		width: 140px;
		height: 175px;
		margin: 5px;
		position: relative;
		overflow: hidden;
	}
	.formatted ul.content-list li.list-item img {
		width: 140px;
		height: 140px;
	}
		
	#content .formatted #content-container .section-footer	ul.testimonials {			
		color: #aaa;
		margin: 0 0 1.5em 2em;
	}
	
		#content .formatted #content-container .section-footer	ul.testimonials li {
			list-style-type: square;
		}
		
	#content .formatted #content-container .section-footer	ul.related-studies {
		color: #aaa;
		margin: 0 0 0 .5em;
	}
	
		#content .formatted #content-container .section-footer	ul.related-studies li {
			list-style: none;
			height: 45px;
		}
		
		#content .formatted #content-container .section-footer	ul.related-studies li a {
			list-style: none;
			padding: 15px 0;
			
			margin-left: 0.3em;
		}
		
		#content .formatted #content-container .section-footer	ul.related-studies li img {
			margin-right: .3em;		
		}

	.formatted.column-a .v-list {
		margin: 1em;
		width: 95%;
	}
	.formatted.column-a .v-list li {
		border-top: 1px dotted #77af20;
		list-style-type: none;
		float: left;
	}
	.formatted.column-a .v-list li div {
		float: left;
		width: 440px;
	}
	.formatted.column-a #news.v-list li div {
		width: 590px;
	}
	
	.formatted.column-a .v-list li div h2 {
		margin: 0;
	}
	.formatted.column-a .v-list li img {
		height: 140px;
		float: right;
		width: 140px;
		margin: .5em 0 1em .5em;
	}
	
	/* @end */

/*---------------------------------------------------------------------------*/

	/* @group Forms */
	
	form#contact-form {
		clear: both;
	}

	/* @end */

/*---------------------------------------------------------------------------*/

	/* @group Main */

	#main {
		background: #00249a url('../images/design/main-bg.jpg') no-repeat bottom center;
		padding: 23px 0 0 0;
	}
	#main .container {
		background: #FFFFFF;
	}
	
	#main #google-map {
		float: right;
		width: 370px;
		margin-top: 5em;
	}
		#main #google-map a {
			display: block;
			background: url('../images/design/block-arrow-green.png') no-repeat center right;
			text-align: right;
			padding: .5em;
			padding-right: 2em;
			color: #85bd3c;
		}

	/* @end */

/*---------------------------------------------------------------------------*/

	/* @group Header */

	#header {
		height: 172px;
	}
	#header h1 {
		background: url('../images/design/logo.png') no-repeat;
		height: 172px;
		left: 3px;
		position: absolute;
		top: 3px;
		width: 180px;
	}
	#header h1 a {
		display: block;
		height: 172px;
		text-indent: -1000em;
		width: 180px;
	}

	#header ul {
		margin: 3px 2px 0 0;
		padding: 134px 0 0 0;
		float: right;
		height: 35px;
		width: 772px;
		background: url('../images/design/menu-bg.jpg') no-repeat;
	}
	
	#header ul li {
		float: left;
		display: block;
		height: 35px;
	}

	#header ul li a {
		display: block;
		background: url('../images/design/menu-normal.png') no-repeat;
		height: 35px;
		text-indent: -1000em;
	}
	
	#header ul li a:hover {
		background: url('../images/design/menu-hover.png') no-repeat;
	}
	
	#header ul li.selected a {
		background: url('../images/design/menu-hover.png') no-repeat bottom left;		
	}	

	#header #menu-home a {
		width: 62px;
	}
	
	#header #menu-nursery a {
		background-position: -62px 0;
		width: 73px;
	}
	
	#header #menu-services a {
		background-position: -135px 0;
		width: 78px;
	}
	
	#header #menu-commercial a {
		background-position: -213px 0;
		width: 101px;
	}
	
	#header #menu-specials a {
		background-position: -314px 0;
		width: 76px;
	}
	
	#header #menu-garden-centre a {
		background-position: -390px 0;
		width: 121px;
	}
	
	#header #menu-about-us a {
		background-position: -511px 0;
		width: 84px;
	}
	
	#header #menu-resources a {
		background-position: -595px 0;
		width: 91px;
	}
	
	#header #menu-contact a {
		background-position: -686px 0;
		width: 86px;
	}
	
	#header #mailing-list {
		position: absolute;
		top: 45px;
		right: 3px;
		z-index: 50;
		width: 510px;
		padding: .5em;
		height: 55px;
		background: url('../images/design/mailing-list-header.png') repeat-x;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-bottomleft: 5px;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
	}
	
	#header #mailing-list h4 {
		float: left;
		width: 242px;
		color: #FFF;
		font-size: 130%;
		font-weight: normal;
		line-height: 1.25;
	}
	
	#header #mailing-list h4 a {
		color: #FFF;
		display: block;
		font-size: x-small;
		margin-top: 2px;
	}
	
	#header #mailing-list form {
		float: left;
		margin-left: 10px;
		width: auto;
	}

	#header #mailing-list label {
		float: left;
		clear: left;
		width: 40px;
		color: #FFF;
		height: 25px;
		margin-top: 2px;
	}

	#header #mailing-list #mailing-name,
	#header #mailing-list #mailing-email {
		display: block;
		float: left;
		color: #535254;
		width: 160px;
		border: 0;
		padding: 3px;
		margin-top: 2px;
	}

	#header #mailing-list #mailing-submit {
		text-indent: -1000em;
		border: 0px;
		height: 20px;
		width: 20px;
		position: absolute;
		right: 15px;
		top: 20px;
		background: url('../images/design/block-arrow.png') no-repeat;
	}
	
	#header #mailing-list #mailing-submit:hover {
		background: url('../images/design/block-arrow-green.png') no-repeat;
	}

	/* @end */
	
/*---------------------------------------------------------------------------*/

	/* @group Content */
		
	#content ul.pagination {
		display: block;
		position: relative;
		left: 25%;
	}
	
	#content ul.pagination li {
		list-style-type: none;
	}
	
	#content ul.pagination li a {
		float: left;
		display: block;
		padding: .2em .5em;
		margin: 0 .5em;
		background: #85bd3c;
		color: #FFF;
	}
	
	#content ul.pagination li a:hover {
		color: #000;
		border-bottom: none;
	}
	
	#content ul.block-list {
		margin: 3px 0px;
		list-style-type: none;
	}		

		#content .content-container ul.block-list li {
			font-family: 'Trebuchet MS';
			background: url('../images/design/block-list-bg.png') repeat-x ;
			border-bottom: 1px solid white;	
			list-style-type: none;
		}

		#content ul.block-list li:hover {
			background: url('../images/design/block-list-hover.png') repeat-x;
			text-decoration: underline;
			color: #FFF;
		}			
		
		#content ul.block-list li a {
			padding: .5em;
			font-size: 120%;
			color: #FFF;
			display: block;
			text-align: right;
			text-decoration: none;
			background: url('../images/design/block-arrow.png') no-repeat 10px center;
		}
		
		#content ul.block-list li a span img {
			float: left;
		}
		
		#content ul.block-list li a:hover {
			border-bottom: none;
			color: #FFF;
		}
		
	#testimonials li {
		margin: 1em 0;
	}
		#testimonials li.testimonial p {
			margin: 0;
		}
		
		#testimonials p.author strong {
			font-style: italic;
		}
	
	#content #content-container .image-row ul {
		margin: 8px 0 0 -2px;			
	}
		#content #content-container .image-row ul li {
			width: 140px;
			height: 140px;
			list-style-type: none;
			margin-bottom: 5px;
		}			
		
		#content .column-a.formatted .v-list {
			margin: 1em;
			width: 95%;
		}
		
	#content .contact-details dd a.directions {
		display: block;
		background: url('../images/design/block-arrow-green.png') no-repeat center right;
		color: #85bd3c;
		height: 20px;
		width: 150px;
	}
	
	#content .contact-details dd a:hover,
	#content #google-map a.googlelink:hover {
		border-bottom: none;
	}
	
	strong.members {
		text-transform: uppercase;
	}

	a.more {
		display: block;
		text-align: right;
		background: url('../images/design/block-arrow.png') no-repeat center right;
		padding-right: 25px;
		height: 20px;
	}
	
		#content .formatted a.more:hover {
			color: #77af20;
			background: url('../images/design/block-arrow-green.png') no-repeat center right;
			border-bottom: none;
		}
		
	
	/* Block Styles */
	
	#content {
		padding-top: 2px;
	}
	
		#content .column-a {
			float: left;
			width: 632px;				
			padding: 3px 0 0 3px;
			margin: 0 0 1.5em;
		}
					
			#content .column-a .a {
				float: left;	
				padding: 0px;	
			}			
			
			#content .column-a .b {
				float: right;
				width: 310px;
				padding: 0px;
			}

		#content #content-container {
			position: relative;
			float: left
		}
			#content #content-container .description {		
				float: left;
				border-right: 1px solid #77af20;	
				width: 475px;
			}		
			#content #content-container .image-row {
				float: right;
				width: 145px;
				margin-right: 12px;
			}
		
			#content .formatted .section {
				margin: 1em 0;
			}
			
			#content .formatted .section-footer {
				border-top: 1px solid #77af20;
				clear: both;
				margin: 1em;
				width: 615px;
				display: block;
			}
	
	
	/* Slideshows */
	#content .awards-sidebar-slideshow,
	#content .awards-slideshow,
	#content .main-slideshow {
		background: #FFF;
		overflow: hidden;
		position: relative;
	}
	
	#content .main-slideshow {		
		width: 635px;
		height: 240px;
		margin-bottom: 3px;		
	}
	
	#content .awards-slideshow {		
		width: 220px;
		height: 190px;
		margin: 35px auto;
	}
	
	#content .awards-sidebar-slideshow {
		width: 300px;
		height: 220px;
		margin-bottom: 5px;
	}
	
	#content .image	{
		display: none;
		position: absolute;
		right: 0;
		top: 0;
	}
	
	#content .current {
		display: block;
	}
	
	
	
	/* @end */
		
/*---------------------------------------------------------------------------*/

	/* @group Sidebar */
	
	/* Sidebar Typography */
	#content .column-b .box h2 {
		letter-spacing: .5px;
		color: #FFF;
		font-size: 170%;
	}
	
	#content .column-b #specials h2 {
		text-indent: -1000em;
		background: url('../images/design/boyd-specials.gif') no-repeat;
		height: 80px;
	}
	
	#content .column-b #career h2 span,
	#content .column-b #search h2 span {
		color: #c7f92e;
	}
	
	#content .column-b #news-events h2 span,
	#content .column-b #news-events h3 {
		color: #77af20;
	}
	
	#content .column-b .box h3 {
		font-size: 110%;
	}
	
	#content .column-b #career h3 {
		color: #c5f82f;
	}
	
	#content .column-b .box p {
		margin: 0;
	}
	
	#content .column-b #news-events p, #content .column-b #news-events span,
	#content .column-b #career p, #content .column-b #career span {
		color: #FFF;
	}
	
	#content .column-b #career a,
	#content .column-b #news-events a {
		color: #FFF;
		display: block;
	}
	
	#content .column-b #specials a,
	#content .column-b #specials strong {
		display: block;
	}
	
	#content .column-b .box a:hover {
		text-decoration: none;
	}
			
	
	/* Sidebar Lists */
	
	#content .column-b .box ul {
		margin-bottom: 8px;
	}
	
		#content .column-b .box li {
			padding: 5px 0;
			background: url('../images/design/block-arrow-green.png') no-repeat center right;
			border-bottom: 1px dotted #77af20;
		}
	
		#main #content .column-b .box li.last {
			border: none;
		}
		
	#content .column-b #specials ul {
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
	}
	
	#content .column-b #news-events ul {
		border-top: 1px solid #FFF;
		border-bottom: 1px solid #FFF;
	}
	
	#content .column-b #career ul {
		border-top: 1px solid #c5f82f;
		border-bottom: 1px solid #c5f82f
	}
	
		#content .column-b #career li {
			background: url('../images/design/block-arrow.png') no-repeat center right;
			border-bottom: 1px dotted #FFF;
		}
	
	/* Sidebar Block Styles */
	
	#content .column-b {
		float: right;
		width: 315px;
		padding: 3px 2px 0 0;	
		margin-right: 0px;		
	}
	
	#content .box {
		padding: 5px 10px 5px 5px;
		margin-bottom: 5px;
	}
	
		#content .box img {
			margin-left: -5px;
			width: 315px;
		}
		
		#content .box span img {
			width: 19px;
			height: 19px;
			float: right;
		}
		
		.box h3 {
			display: inline;
		}
	
		#content .box-footer {
			background: url('../images/design/rss-trans.png') no-repeat left center;
		}
		
			#content .box-footer a {
				color: #535254;
				font-weight: bold;
				margin-left: 25px;
				display: block;
				height: 20px;
			}
			
	#content #specials {
		padding: 5px 5px 5px 0;
	}
			
	#content #news-events {
		background: #383839;
	}
	
	#content #career,
	#content #search {
		background: #73bb01 url('../images/design/career-bg.png') no-repeat top;
	}
	
	#content #search {
		height: 80px;
	}
	
	#content #search form {
		width: auto;
	}
	
	/* @end */	
		
/*---------------------------------------------------------------------------*/

	/* @group Sidebar */
	
	#content .column-b #search #search-q {
		width: 250px;
		margin-top: 10px;
		color: #535254;
		padding: 3px 2px;
	}
	
	#content .column-b #search #search-submit {
		text-indent: -1000em;
		border: 0px;
		height: 21px;
		width: 20px;
		margin-left: 5px;
		background: url('../images/design/block-arrow.png') no-repeat;
	}
	
	/* @end */	
	
/*---------------------------------------------------------------------------*/

	/* @group Footer */

	#footer {
		background: url('../images/design/footer-bg.jpg') no-repeat top center;
		overflow: hidden;
		clear: both;
	}
	#footer .container {
		padding: 32px 0 24px 0;
	}
	#footer .container .column {
		float: left;
		margin: 0 0 0 24px;
		width: 163px;
	}
	#footer h5,
	#footer h5 * {
		color: #78b124;
		font-family: 'georgia', 'verdana', sans-serif;
		font-weight: bold;
	}
	#footer p,
	#footer ul {
		font-size: 0.9em;
		margin: 0 0 1em 0;
	}
	
	#footer p,
	#footer p *,
	#footer ul,
	#footer ul * {
		color: #bbbbbb;
		line-height: 1.3;
	}

	/* @end */

/*---------------------------------------------------------------------------*/