
*					{
					padding: 0px;
					margin: 0px;
					}

body					{
					background-image: url("images/bg-page.jpg");
					background-repeat: repeat-x;
					background-color: #69805D;
					font-family: verdana, arial, sans-serif;
					}

div.homeTopBannerArea 			{
					display: block;
					background-color: #fff;
					background-image: url("images/bg-homemain2.jpg");
					background-repeat: no-repeat;
					background-position: center bottom;
					height: 410px;
					width: 950px;
					margin: 0px auto 0px auto;
					}

div.topBannerArea 			{
					display: block;
					background-color: #fff;
					height: 118px;
					width: 950px;
					margin: 0px auto 0px auto;
					}


div.logoArea				{
					display: inline;
					float: left;
					width: 362px;
					padding: 0px 0px 0px 20px;
					margin: 10px 0px 0px 6px;
					}

div.topLinksArea			{
					display: inline;
					float: left;
					width: 562px;
					}
div.topLinksArea ul			{
					display: inline;
					float: left;
					width: 532px;
					padding: 90px 30px 0px 0px;
					margin: 0px;
					list-style-type: none;
					font-size: 15px;
					}
div.topLinksArea ul li			{
					display: inline;
					float: right;
					padding: 0px;
					margin: 0px 0px 0px 30px;
					}
div.topLinksArea ul li a		{
					color: #5F466E;
					text-decoration: none;
					}
div.topLinksArea ul li a:hover		{
					text-decoration: underline;
					}

div.mainNavArea				{
					display: inline;
					float: left;
					width: 205px;
					padding: 0px;
					margin: 0px 0px 0px 30px;
					}
div.mainNavArea ul			{
					display: inline;
					float: left;
					width: 205px;
					padding: 0px;
					margin: 30px 0px 0px 0px;
					list-style-type: none;
					}
div.mainNavArea ul li			{
					display: inline;
					float: left;
					width: 205px;
					padding: 0px;
					margin: 0px 0px 9px 0px;
					}
div.mainNavArea ul li a			{
					display: inline;
					float: left;
					background-color: #A0AF99;
					width: 186px;
					border: 1px solid #fff;
					padding: 5px 0px 4px 17px;
					margin: 0px;
					-moz-border-radius: 7px;
					border-radius: 7px;
					color: #fff;
					font-weight: bold;
					font-size: 15px;
					}
div.mainNavArea ul li a:hover		{
					background-color: #D6E0C9;
					color: #5F466E;
					text-decoration: none;
					}
#aboutPage div.mainNavArea ul li a.aboutLink, #productsPage div.mainNavArea ul li a.productsLink, #insituPage div.mainNavArea ul li a.insituLink, #artPage div.mainNavArea ul li a.artLink, #bespokePage div.mainNavArea ul li a.bespokeLink, #aftercarePage div.mainNavArea ul li a.aftercareLink, #newseventsPage div.mainNavArea ul li a.newseventsLink, #contactPage div.mainNavArea ul li a.contactLink, #commentsPage div.mainNavArea ul li a.commentsLink
					{
					background-color: #D6E0C9;
					color: #5F466E;
					}

div.mainNavArea ul ul			{
					display: inline;
					float: left;
					width: 205px;
					padding: 0px;
					margin: 0px 0px 2px 0px;
					list-style-type: none;
					}
div.leftCol div.mainNavArea ul ul	{
					margin-top: 8px;
					}
div.leftCol div.mainNavArea ul ul li		{
					display: inline;
					float: left;
					width: 205px;
					padding: 0px;
					margin: 0px 0px 5px 0px;
					text-align: left;
					}
div.leftCol div.mainNavArea ul ul li a		{
					display: inline;
					float: left;
					background-color: transparent;
					background: none;
					width: 185px;
					padding: 0px 0px 0px 20px;
					margin: 0px;
					border: none;
					color: #755786;
					font-weight: bold;
					font-size: 13px;
					}
div.leftCol div.mainNavArea ul ul li a:hover	{
					background-color: transparent;
					border: none;
					color: #000;
					}

.productScreensPage ul.subNav a.productScreensLink, .productFurniturePage ul.subNav a.productFurnitureLink, .productArboursPage ul.subNav a.productArboursLink, .productHurdlesPage ul.subNav a.productHurdlesLink, .productClimbersPage ul.subNav a.productClimbersLink, .productBasketsPage ul.subNav a.productBasketsLink, .insituProjectPage ul.subNav a.insituProjectLink, .insituGalleryPage ul.subNav a.insituGalleryLink, .bespokeGalleryPage ul.subNav a.bespokeGalleryLink, .artGalleryPage ul.subNav a.artGalleryLink
					{
					color: #000;
					}

div.homePageArea			{
					display: block;
					background-color: #fff;
					background-image: url("images/bg-homeshadow.gif");
					background-repeat: repeat-x;
					width: 950px;
					margin: 0px auto 0px auto;
					padding: 40px 0px 0px 0px;
					font-size: 14px;
					line-height: 145%;
					}

div.homeLeftCol				{
					display: inline;
					float: left;
					width: 490px;
					padding: 0px;
					margin: 0px 0px 0px 30px;
					}
div.homeLeftCol div.quotesArea		{
					display: inline;
					float: left;
					width: 490px;
					margin: 20px 0px 20px 0px;
					}
div.homeLeftCol div.quotesArea h2	{
					padding: 0px 0px 0.3em 0px;
					margin: 0px;
					}
div.homeLeftCol div.quotesArea p	{
					padding: 0px 0px 1.3em 0px;
					margin: 0px;
					}
div.homeLeftCol div.quotesAreaBorder	{
					width: 466px;
					padding: 10px 10px 5px 10px;
					border: 2px solid #D8DFD4;
					-webkit-border-radius: 14px;
					-moz-border-radius: 14px;
					border-radius: 14px;
					}


div.homeRightCol			{
					display: inline;
					float: left;
					width: 370px;
					padding: 50px 0px 0px 0px;
					margin: 0px 30px 0px 30px;
					}

div.homeFeatureBox 			{
					display: inline;
					float: left;
					background-color: #E0DCE0;
					width: 340px;
					padding: 0px 15px 0px 15px;
					margin: 0px 0px 20px 0px;
					-webkit-border-radius: 14px;
					-moz-border-radius: 14px;
					border-radius: 14px;
					}
div.homeFeatureBox h2 			{
					padding: 15px 0px 0.2em 0px;
					margin: 0px;
					}
div.homeFeatureBox p 			{
					padding: 0px 0px 0.4em 0px;
					margin: 0px;
					}
div.homeFeatureBox ul 			{
					display: block;
					margin: 0px 0px 1.3em 150px;
					}
div.homeFeatureBox ul li		{
					margin: 0px 0px 0.1em 0px;
					padding: 0px 0px 0 5px;
					}
div.homeFeatureBox img.imageLeft	{
					border: none;
					padding: 0px;
					margin: 0px 0px 14px 0px;
					-webkit-border-radius: 0 0 0 11px;
					-moz-border-radius: 0 0 0 11px;
					border-radius: 0 0 0 11px;
					}


div.tweetArea	 			{
					display: inline;
					float: left;
					background-color: #D6E0C9;
					width: 340px;
					padding: 10px 15px 10px 15px;
					margin: 0px 0px 20px 0px;
					-webkit-border-radius: 14px;
					-moz-border-radius: 14px;
					border-radius: 14px;
					font-size: 15px;
					}
div.tweetArea h2 			{
					background-image: url("images/icon-twitter.png");
					background-repeat: no-repeat;
					background-position: left top;
					padding: 5px 0px 5px 46px;
					margin: 0px 0px 0px 0px;
					font-size: 17px;
					font-family: Georgia, "Times New Roman", serif;
					font-style: italic;
					}

div.twitterFollowArea			{
					display: inline;
					float: left;
					width: 340px;
					padding: 0px;
					margin: 0px 0px 0px 0px;
					}

.twitterDate				{
					font-size: 10px;
					white-space: nowrap;
					}



div.pageArea				{
					display: block;
					background-color: #fff;
					background-image: url("images/bg-contentpage.jpg");
					background-repeat: no-repeat;
					width: 950px;
					margin: 0px auto 0px auto;
					font-size: 13px;
					}
div.pageFeature				{
					display: inline;
					float: left;
					background-image: url("images/bg-bottomfeature.png");
					background-repeat: no-repeat;
					background-position: right bottom;
					width: 950px;
					padding: 0px 0px 70px 0px;
					}

div.leftCol				{
					display: inline;
					float: left;
					width: 205px;
					padding: 0px;
					margin: 0px 20px 0px 15px;
					}
div.leftCol div.mainNavArea		{
					margin-left: 0px;
					}
div.leftCol div.mainNavArea ul		{
					margin-top: 75px;
					}

div.rightCol				{
					display: inline;
					float: left;
					background-image: url("images/bg-contentarea.png");
					background-repeat: no-repeat;
					background-position: center top;
					height: auto;
					min-height: 400px;
					width: 630px;
					padding: 30px 30px 40px 30px;
					margin: 45px 20px 0px 0px;
					font-size: 14px;
					line-height: 145%;
					}
div.rightCol h1				{
					line-height: 135%;
					}

ul.productLargeLinks			{
					display: inline;
					float: left;
					width: 630px;
					padding: 0px;
					margin: 0px;
					list-style-type: none;
					}
ul.productLargeLinks li			{
					display: inline;
					float: left;
					width: 190px;
					padding: 0px;
					margin: 0px 10px 20px 10px;
					}
ul.productLargeLinks li a		{
					display: inline;
					float: left;
					background-color: #A0AF99;
					background-image: url("images/bg-product-screens.jpg");
					background-repeat: no-repeat;
					height: 28px;
					width: 179px;
					padding: 156px 0px 0px 5px;
					margin: 0px;
					border: 3px solid #A0AF99;
					color: #fff;
					font-size: 17px;
					text-decoration: none;
					}
ul.productLargeLinks li a:hover		{
					background-color: #D6E0C9;
					border-color: #D6E0C9;
					color: #5F466E;
					}

ul.productLargeLinks li a.screensLink				{
					background-image: url("images/bg-product-screens.jpg");
					}
ul.productLargeLinks li a.furnitureLink	{
					background-image: url("images/bg-product-furniture.jpg");
					}
ul.productLargeLinks li a.arboursLink	{
					background-image: url("images/bg-product-arbours.jpg");
					}
ul.productLargeLinks li a.hurdlesLink	{
					background-image: url("images/bg-product-hurdles.jpg");
					}
ul.productLargeLinks li a.climbersLink	{
					background-image: url("images/bg-product-climbers.jpg");
					}
ul.productLargeLinks li a.basketsLink	{
					background-image: url("images/bg-product-baskets.jpg");
					}

table.contentTable			{
					display: table;
					border-collapse: collapse;
					padding: 0px;
					margin: 0px 0px 1.3em 0px;
					}
table.contentTable th, table.contentTable td
					{
					display: table-cell;
					padding: 0px 20px 6px 0px;
					vertical-align: top;
					}
table.contentTable td.tablePrice	{
					text-align: center;
					}
table.contentTable p			{
					padding: 0px;
					margin: 0px;
					}

div.quotesArea				{
					display: inline;
					float: left;
					width: 630px;
					margin: 0px 0px 20px 0px;
					}
div.quotesArea p			{
					padding: 0px 0px 0.3em 0px;
					margin: 0px;
					}
div.quotesAreaBorder			{
					width: 606px;
					padding: 10px 10px 5px 10px;
					border: 2px solid #D8DFD4;
					}


/* image gallery styles */
#gallery				{
					margin-bottom: 20px;
					}
div.pic					{
					display: inline;
					float: left;
					margin: 0 15px 15px 0;
					width: 162px;
					height: 200px;
					overflow: hidden;
					}
div.picImage				{
					display: inline;
					float: left;
					width: 160px;
					height: 160px;
					border: 1px solid #dedede;
					overflow: hidden;
					padding: 0px;
					margin: 0px 0px 3px 0px;
					}
div.pic img				{
					display: block;
					height: 160px;
					margin: 0px auto;
					}
div.pic p				{
					font-size: 11px;
					line-height: 125%;
					}
div.nomargin				{
					margin-right:0px;
					}
/* end image gallery styles */


div.newsBox				{
					display: inline;
					float: left;
					width: 630px;
					padding: 0px 0px 0px 0px;
					margin: 0px 0px 30px 0px;
					border-bottom: 2px solid #D8DFD4;
					}
div.newsBox div.newsDate		{
					display: inline;
					float: left;
					width: 630px;
					padding: 0px;
					margin: 0px;
					font-size: 11px;
					font-style: italic;
					}
div.newsBox h2				{
					padding: 0px;
					margin: 0px 0px 5px 0px;
					font-size: 18px;
					}
div.newsBox #gallery			{
					margin-bottom: 0px;
					}

div.newsBox div.pic			{
					margin-bottom: 1.3em;
					height: 162px;
					}
div.newsBox div.picImage		{
					margin-bottom: 0;
					}


div.footerArea				{
					display: block;
					background-image: url("images/bg-footershadow.gif");
					background-repeat: no-repeat;
					background-position: center top;
					width: 900px;
					margin: 0px auto 0px auto;
					padding: 6px 20px 40px 30px;
					font-size: 11px;
					color: #C3CFBE;
					}



p					{
					padding: 0px 0px 1.3em 0px;
					margin: 0px;
					}

a					{
					text-decoration: none;
					color: #45670A;
					}
a:hover					{
					text-decoration: underline;
					color: #9CB220;
					}

h1					{
					display: block;
					margin: 0px 0px 0.9em 0px;
					padding: 0px;
					font-size: 2.4em;
					font-weight: normal;
					font-family: Georgia, "Times New Roman", serif;
					font-style: italic;
					color: #755786;
					}
h2					{
					display: block;
					margin: 1.0em 0px 0.6em 0px;
					padding: 0px;
					font-size: 1.5em;
					font-weight: normal;
					line-height: 130%;
					}
h3					{
					display: block;
					margin: 1.2em 0px 0.2em 0px;
					padding: 0px;
					font-size: 1.2em;
					font-weight: normal;
					}
ul					{
					margin: 0px 0px 1.3em 20px;
					}
ol					{
					margin: 0px 0px 1.3em 35px;
					}
li					{
					margin: 0px 0px 0.3em 0px;
					padding: 0px 0px 0 10px;
					}

div.clear				{
					display: block;
					clear: both;
					font-size: 0px;
					height: 0px;
					}

img.imageLeft				{
					display: block;
					float: left;
					margin: 0px 15px 1.3em 0px;
					border: 1px solid #E0E0E0;
					}
img.imageRight				{
					display: block;
					float: right;
					margin: 0px 0px 1.3em 15px;
					border: 1px solid #E0E0E0;
					}
img.imageCenter				{
					display: block;
					margin: 0px auto 1.3em auto;
					border: 1px solid #E0E0E0;
					}
input, textarea				{
					border: 1px solid #5F5F5F;
					padding: 2px;
					font-size: 1em;
					}
select					{
					border: 1px solid #5F5F5F;
					font-size: 1em;
					}
input.checkbox				{
					border: none;
					}
input.send				{
					font-weight: bold;
					font-size: 1.2em;
					text-transform: uppercase;
					padding: 2px 10px;
					color: #00704B;
					}
.bold					{
					font-weight: bold;
					}
.italic					{
					font-style: italic;
					}
.right					{
					text-align: right;
					}

.noBreak				{
					white-space: nowrap;
					}

.smallText				{
					font-size: 0.8em;
					}

iframe#un1fyEditContent_ifr * { background: none !important;}

.mceContentBody * { background: none !important;}




