/*GLOBAL OPTIONS*/
html {font-size: 100.1%;}
body {
	font: 64% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	background: #bfe1e1 url(/gardenforwildlife/images/bg-body.gif) repeat-x 0 231px;
}
form {
	display: inline;
	padding: 0;
	margin: 0;
}
fieldset {
	padding: 0;
	margin: 0;
	display: block;
	border-style: none;
}


/* KJ replaced with same styles as box a 
a {
	text-decoration: underline;}
	
a:hover {
	text-decoration: none;}
*/

a {
	color: #a0410d;
	text-decoration: none;
}
a:hover {text-decoration: underline;}
	
img {border-style: none;}

/*text to image replacment*/
.hidden-text, .main-nav a, .top-menu a, .desc-column h2, .gallery-title, .btn-go2, .btn-certify a {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
/*MAIN CONTAINER*/
#main {
	margin: 0 auto;
	width: 936px;
	position: relative;
	padding-top: 78px;
}
/*HEADER*/
#header {
	height: 78px;
	width: 100%;
	background: url(/gardenforwildlife/images/bg-header.gif) no-repeat 0 100%;
	position: absolute;
	left: 0;
	top: 0;
}
/*logo*/
.logo {
	margin: 0;
	position: absolute;
	z-index: 10;
	top: 11px;
	left: 7px;
	background: url(/gardenforwildlife/images/logo.gif) no-repeat;
	width: 166px;
	height: 55px;
}
.logo a {
	height: 100%;
	width: 100%;
}
/*main-nav*/
.main-nav {
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	top: 37px;
	right: 8px;
}
.main-nav li {float: left;}
.main-nav a {height: 25px;}
.main-nav a.home {
	width: 90px;
	background: url(/gardenforwildlife/images/txt-home.gif) no-repeat;
}
.main-nav a.about {
	width: 73px;
	background: url(/gardenforwildlife/images/txt-about.gif) no-repeat;
}
.main-nav a.wildlife {
	width: 85px;
	background: url(/gardenforwildlife/images/txt-wildlife.gif) no-repeat;
}
.main-nav a.global {
	width: 145px;
	background: url(/gardenforwildlife/images/txt-global-warming.gif) no-repeat;
}
.main-nav a.outside {
	width: 152px;
	background: url(/gardenforwildlife/images/txt-outside.gif) no-repeat;
}
.main-nav a.magazines {
	width: 102px;
	background: url(/gardenforwildlife/images/txt-magazines.gif) no-repeat;
}
.main-nav a.shop {
	width: 89px;
	background: url(/gardenforwildlife/images/txt-shop.gif) no-repeat;
}
.main-nav a:hover, .main-nav li.active a {background-position: 0 100%;}
/*top-menu*/
.top-menu {
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	top: 0;
	right: 202px;
}
.top-menu li {
	float: left;
	margin-left: 8px;
	display: inline;
}
.top-menu a {height: 25px;}
.top-menu a.donate {
	background: url(/gardenforwildlife/images/txt-donate.gif) no-repeat;
	width: 64px;
}
.top-menu a.newsletter {
	background: url(/gardenforwildlife/images/txt-newsletter.gif) no-repeat;
	width: 92px;
}
.top-menu a.kids {
	background: url(/gardenforwildlife/images/txt-kids.gif) no-repeat;
	width: 82px;
}
/*search-form*/
.search-form {
	position: absolute;
	right: 10px;
	top: 0;
	padding: 3px;
	width: 182px;
	height: 19px;
	overflow: hidden;
	background: url(/gardenforwildlife/images/bg-search-form.gif) no-repeat;
}
.search-form input {
	width: 103px;
	height: 13px;
	border: 1px solid #fff;
	background: #bfe1e1;
	padding: 2px 7px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #00573d;
	float: left;
	margin-right: 4px;
}
.search-form label {
	float: left;
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	line-height: 17px;
}
/*CONTAINER*/
#container {
	height: 1%;
	padding: 0 8px;
	overflow: hidden;
	background: url(/gardenforwildlife/images/bg-container.png) repeat-y;
}
/*green-title*/
.green-title {
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
	height: 59px;
	line-height: 59px;
	background: #95c764 url(/gardenforwildlife/images/bg-green-title.jpg) no-repeat 100% 0;
}
.green-title li {
	display: inline;
	color: #c8fa98;
	font: bold 20px/59px "Times New Roman", Times, serif;
	padding-left: 26px;
	background: url(/gardenforwildlife/images/img-breadcrums-separator.gif) no-repeat 10px 50%;
}
.green-title li:first-child {
	padding-left: 14px;
	background: none;
}
.green-title a {
	font-size: 30px;
	color: #fff;
	text-decoration: none;
}
/*column-holder*/
.column-holder {
	width: 100%;
	overflow: hidden;
}
.sidebar1 {
	width: 163px;
	float: left;
}
/*sub-nav*/
.sub-nav {
	padding: 0 0 10px;
	margin: 0 0 7px;
	list-style: none;
	border-top: 1px solid #6baf57;
	background: url(/gardenforwildlife/images/bg-sub-nav-roll-last.gif) no-repeat 0 100%;
}
.sub-nav li {
	width: 100%;
	overflow: hidden;
	vertical-align: top;
}
.sub-nav a {
	height: 1%;
	display: block;
	background: url(/gardenforwildlife/images/bg-sub-nav-roll.gif) repeat-x 0 100%;
	line-height: 25px;
	font-size: 11px;
	color: #00573d;
	padding-left: 13px;
	text-decoration: none;
}
.sub-nav a:hover, .sub-nav a.active {background-position: 0 0;}
.sub-nav a.last {
}
.sub-nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.sub-nav li li a {
	background: #effde2 url(/gardenforwildlife/images/bg-sub-nav-roll2.gif) repeat-x !important;
	line-height: normal;
	padding: 5px 0 5px 15px;
}
.sub-nav li li a:hover, .sub-nav li li a.active {background-color: #fff !important;}
/*banner-list*/
.banner-list {
	padding: 0;
	margin: 0;
	list-style: none;
}
.banner-list li {
	margin-bottom: 7px;
	width: 100%;
	vertical-align: top;
}
.banner-list img {display: block;}
/*menu*/
.menu {
	padding: 0 0 1px;
	margin: 0 0 10px;
	list-style: none;
	background: #d9f6f6 url(/gardenforwildlife/images/img-dotted-v-separator.gif) repeat-x 0 100%;
}
.menu li {
	background: url(/gardenforwildlife/images/img-dotted-v-separator.gif) repeat-x;
	color: #00573d;
	font-size: 11px;
	width: 100%;
	vertical-align: top;
	padding-top: 1px;
}
.menu a {
	color: #00573d;
	text-decoration: none;
	padding: 6px 0 6px 15px;
	height: 1%;
	display: block;
}
.menu a:hover {text-decoration: underline;}
/*share-this*/
.share-this {
	color: #007236;
	font-size: 10px;
	line-height: 17px;
	background: url(/gardenforwildlife/images/ico-share-this.gif) no-repeat 0 52%;
	padding: 0 0 0 20px;
	position: relative;
	margin-left: 16px;
	float: left;
}
/*content*/
.content {
	float: right;
	width: 729px;
	padding-right: 9px;
	overflow: hidden;
}
/*gallery-holder*/
.gallery-holder {
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}
/*desc-column*/
.desc-column {
	float: right;
	width: 191px;
	padding-top: 14px;
}
.desc-column h2 {
	width: 100%;
	margin: 0 0 10px;
}
.desc-column h2.making-habitat {
	height: 33px;
	background: url(/gardenforwildlife/images/txt-making-wildife.gif) no-repeat;
}
.desc-column p {
	color: #61685a;
	font-size: 11px;
	line-height: 14px;
	margin: 0 0 10px;
	letter-spacing: -1px;
}
.desc-column-text {padding: 0 10px 0 12px;}
.desc-column .menu {background-color: #effde2;}
.desc-column .menu a {
	color: #b24c14;
	padding-left: 40px;
}
.desc-column .menu a.ico1 {background: url(/gardenforwildlife/images/ico-1.gif) no-repeat 15px 50%;}
.desc-column .menu a.ico2 {background: url(/gardenforwildlife/images/ico-2.gif) no-repeat 6px 50%;}
.desc-column .menu a.ico3 {background: #fff url(/gardenforwildlife/images/ico-3.gif) no-repeat 13px 50%;}
/*boxes*/
.boxes {
	width: 110%;
	overflow: hidden;
	padding-bottom: 10px;
}
.box {
	float: left;
	width: 166px;
	height: 204px;
	padding: 8px;
	background: url(/gardenforwildlife/images/bg-photo-box.gif) no-repeat;
	overflow: hidden;
}
.box h3 {
	background: #017b91 url(/gardenforwildlife/images/bg-photo-box-title-blue.gif) no-repeat;
	line-height: 27px;
	color: #fff;
	padding-left: 15px;
	margin: 0;
	font-size: 11px;
}
.box p {
	color: #464646;
	font-size: 11px;
	margin: 7px 10px 0 15px;
}
.box p a {
	color: #a0410d;
	text-decoration: none;
}
.box p a:hover {text-decoration: underline;}
.box-gray {
	background: url(/gardenforwildlife/images/bg-photo-box-gray.gif) no-repeat;
	width: 100%;
	height: 100%;
	text-align: center;
}
.box-gray h3 {
	margin-bottom: 4px;
	background: none;
	text-align: left;
}
.box-gray a {
	color: #d7d9d6;
	font-size: 10px;
	text-decoration: none;
	line-height: 21px;
}
.box-gray a:hover {text-decoration: underline;}
.box-gray img {display: block;}
/*FOOTER*/
#footer {
	background: #bfe1e1 url(/gardenforwildlife/images/bg-footer.gif) no-repeat;
	width: 100%;
	overflow: hidden;
	padding: 8px 0 30px;
}
.footer-banner {
	float: left;
	margin: 68px 25px 0 12px;
}
#footer div {
	overflow: hidden;
	height: 1%;
}
/*footer-nav*/
.footer-nav {
	padding: 0;
	margin: 0 0 20px;
	list-style: none;
	line-height: 28px;
	font-size: 10px;
	font-weight: bold;
	color: #00573d;
	width: 100%;
	overflow: hidden;
}
.footer-nav li {
	float: left;
	padding-left: 25px;
	background: url(/gardenforwildlife/images/img-footer-separator3.gif) no-repeat 10px 50%;
	height: 28px;
}
.footer-nav li:first-child {background: none;}
.footer-nav a {
	color: #00573d;
	text-decoration: none;
}
.footer-nav a:hover {text-decoration: underline;}
.footer-nav a.share-this {margin: 6px 0 3px;}
#footer p {
	color: #464646;
	font-size: 10px;
	line-height: 14px;
}
#footer p a {color: #464646;}
.footer-list {
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 9px;
	line-height: 18px;
}
.footer-list li {
	padding-left: 9px;
	background: url(/gardenforwildlife/images/img-footer-separator2.gif) no-repeat 3px 50%;
	display: inline;
}
.footer-list li:first-child {
	padding: 0;
	background: none;
}
.footer-list a {
	color: #00573d;
	text-decoration: none;
}
.footer-list a:hover {text-decoration: underline;}
/*gallery-area*/
.gallery-wrapper {
	float: left;
	margin-top: 5px;
	margin-right: -12px;
	position: relative;
}
.gallery-area {
	width: 524px;
	height: 304px;
	overflow: hidden;
	padding: 11px;
	background: url(/gardenforwildlife/images/bg-gallery-area.png) no-repeat;
}
/*gallery-nav*/
.gallery-nav {
	padding: 0 0 0 4px;
	margin: 0;
	list-style: none;
	position: absolute;
	left: 10px;
	top: 11px;
	z-index: 10;
}
.gallery-nav li {float: left;}
.gallery-nav a {
	float: left;
	color: #a0410d;
	font-size: 10px;
	letter-spacing: -1px;
	text-transform: uppercase;
	text-decoration: none !important;
	margin-right: -12px;
}
.gallery-nav a span {
	float: left;
	height: 36px;
	line-height: 24px;
	cursor: pointer;
}
.gallery-nav a span.left {padding-left: 12px;}
.gallery-nav a span.right {
	width: 12px;
	overflow: hidden;
	position: relative;
}
.gallery-nav a.active span.left {background: url(/gardenforwildlife/images/img-gallery-nav-left.png) no-repeat;}
.gallery-nav a.active span.right {background: url(/gardenforwildlife/images/img-gallery-nav-right.png) no-repeat;}
/*gallery-menu*/
.gallery-menu {
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	right: 12px;
	top: 10px;
	z-index: 10;
}
.gallery-menu li {
	float: left;
	padding-left: 1px;
}
/*carusel*/
#carusel {
	width: 522px;
	overflow: hidden;
	height: 100%;
	position: relative;
}
#carusel ul {
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 9999px;
}
#carusel li {
	float: left;
	width: 524px;
	height: 100%;
	position: relative;
	overflow: hidden;
}
#carusel li img {
	margin-top: 23px;
	display: block;
}
/*gallery-title*/
.gallery-title {
	position: absolute;
	top: 88px;
	right: 17px;
}
/*titles*/
.why-create {
	width: 399px;
	height: 87px;
	background: url(/gardenforwildlife/images/txt-why-create.png) no-repeat;
}
.provide-food {
	width: 262px;
	height: 87px;
	background: url(/gardenforwildlife/images/txt-provide.png) no-repeat;
}
.sources-of {
	width: 260px;
	height: 87px;
	background: url(/gardenforwildlife/images/txt-sources.png) no-repeat;
}
.saftey {
	width: 251px;
	height: 87px;
	background: url(/gardenforwildlife/images/txt-saftey.png) no-repeat;
}
.shelter {
	width: 290px;
	height: 89px;
	background: url(/gardenforwildlife/images/txt-shelter.png) no-repeat;
}
.friendly {
	width: 268px;
	height: 89px;
	background: url(/gardenforwildlife/images/txt-friendly.png) no-repeat;
}
.certify {
	width: 304px;
	height: 89px;
	background: url(/gardenforwildlife/images/txt-certify.png) no-repeat;
}
/*orange-box*/
.orange-box {
	position: absolute;
	top: 177px;
	right: 21px;
}
.orange-box div {
	width: 270px;
	height: 51px;
	background: url(/gardenforwildlife/images/bg-orange-bar.png) no-repeat;
	overflow: hidden;
}
.orange-box p {
	font-size: 11px;
	color: #fff;
	float: left;
	padding: 9px 0 0 20px;
	margin: 0;
	width: 215px;
}
.btn-go2 {
	float: left;
	width: 25px;
	height: 35px;
	background: url(/gardenforwildlife/images/btn-go2.gif) no-repeat 50% 50%;
	margin-top: 7px;
	position: relative;
}
.head-line {
	position: absolute;
	right: 27px;
	top: 32px;
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: -1px;
}
.head-line a {color: #fff;}
/*main-column*/
.main-column {
	float: left;
	width: 512px;
	padding-top: 18px;
}
.main-column h1 {
	margin: 0 0 5px;
	font-size: 18px;
	color: #fff;
	/*text-transform: uppercase;*/
	background: #017b91;
	line-height: 40px;
	padding: 0 13px;
}
.main-column h2 {
	color: #017b91;
	font-size: 18px;
	margin: 0 0 10px;
}
.main-column h3 {
	color: #017b91;
	font-size: 15px;
	margin: 0 0 10px;
}

.main-column p {
	color: #363636;
	margin: 0 0 14px;
	font-size: 11px;
}
/*btn-certify*/
.btn-certify {
	display: block;
	height: 1%;
	overflow: hidden;
	padding: 0 5px;
}
.btn-certify a {
	float: right;
	width: 132px;
	height: 37px;
	background: url(/gardenforwildlife/images/btn-certify-now.gif) no-repeat;
}
/*info-box*/
.info-box {
	float: left;
	width: 166px;
	margin-right: 17px;
}
.info-box .title {
	display: block;
	color: #fff;
	line-height: 31px;
	font-size: 13px;
	background: url(/gardenforwildlife/images/bg-green-title.gif) no-repeat;
	padding-left: 10px;
}
.info-box .menu {background-color: #effde2;}
.info-box .menu a {
	color: #b34c14;
	padding-left: 20px;
	background: url(/gardenforwildlife/images/bull-green.gif) no-repeat 7px 10px;
}

/*Tips page - KJ added*/

.green-box {
	float: left;
	width: 166px;
	margin-right: 17px;
}
.green-box .title {
	display: block;
	color: #fff;
	line-height: 31px;
	font-size: 13px;
	background: url(/gardenforwildlife/images/bg-green-title.gif) no-repeat;
	padding-left: 10px;
}
.green-box .menu {background-color: #effde2;}
.green-box .menu a {
	color: #b34c14;
	padding-left: 20px;
	background: url(/gardenforwildlife/images/bull-green.gif) no-repeat 7px 10px;
}
/*bullet-regular*/
.bullet-regular {
	padding: 0 0 25px 19px;
	margin: 0;
	list-style: disc;
}
.bullet-regular li {
	padding-left: 11px;
	padding-left: 2px;
	font-size: 11px;
	line-height: 16px;
}
.bullet-regular a:hover {text-decoration: underline;}
.bullet-regular a {color: #017b91;text-decoration:none;}

/*bullet-list*/
.bullet-list {
	padding: 0 0 25px 19px;
	margin: 0;
	list-style: none;
}
.bullet-list li {
	padding-left: 11px;
	background: url(/gardenforwildlife/images/bull-blue.gif) no-repeat 0 7px;
	font-size: 11px;
	line-height: 16px;
}
.bullet-list a:hover {text-decoration: underline;}
.bullet-list a {color: #017b91;text-decoration:none;}
/*sub-column*/
.sub-column {
	float: right;
	width: 166px;
	padding: 3px 7px 0 0;
}
.sub-column .info-box {
	float: none;
	margin: 0 auto;
}
.sub-column .info-box .title {background-image: url(/gardenforwildlife/images/bg-blue-title.gif);}
.sub-column .info-box .menu {background: #fff;}
.sub-column .info-box .menu a {
	background: none;
	padding-left: 8px;
}
.sub-column .box {
	margin: 0 -8px;
	position: relative;
	float: none;
}
.sub-column .box h3 {background: #00573d url(/gardenforwildlife/images/bg-photo-box-title-green.gif) no-repeat;}
/*sponsored-box*/
.sponsored-box {margin-bottom: 20px;}
.sponsored-box img {display: block;}
.sponsored-box strong {
	font-size: 8px;
	display: block;
	color: #00573d;
	font-weight: normal;
	line-height: 15px;
}
