/* =reset (ONLY EDIT THE FONT FAMILY)******************************** */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
body {font:13px verdana,helvetica,clean,sans-serif;}
table {font-size:inherit;font:100% verdana,helvetica,clean,sans-serif;}
select, input, textarea {font:99% verdana,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;}
body * {line-height:1.22em;}

.clear:after {clear:both;content:"."; display:block;height:0;visibility:hidden;}
.clear {display:block;overflow:hidden;}
.hidden {position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;}
.text-indent {text-indent:-32697px;}

/* =elements ***************************** */
a:link		{color: #660000;}
a:active	{color: #660000;}
a:visited	{color: #660000;}
a:hover		{color: #660000;text-decoration:none;}

/* =classes ***************************** */

.image-right {float:right;padding: 0 10px 10px 10px;}
.image-left {float:left;padding: 0 20px 10px 0;}

/* =grids ***************************** */

html {text-align:center;}
body {text-align:left;margin:0 auto;width:901px;}

#header {position:relative;height:83px;text-indent:-32697px;background:url(../../images/header.jpg) no-repeat 0 0;}

.body {position:relative;float:left;width:901px;padding:3px 0 10px;background-color:#fff;background-repeat:no-repeat;background-position:0 0;}
#body-home {background-image:url(../../images/body-top-home.jpg)}
#body-sub {background-image:url(../../images/body-top-sub.jpg)}
#body-landscape {background-image:url(../../images/body-top-landscape.jpg)}
#body-playground {background-image:url(../../images/body-top-playground.jpg)}

#main {float:right;width:650px;margin-top:80px;padding-top:19px;background:url(../../images/content-top.gif) no-repeat 0 0;}
#main h1 {font-size:152%;position:absolute;left:251px;top:3px;width:580px;height:55px;overflow:hidden;padding:5px 30px 10px;font:bold italic 185%/1.2em georgia,"times new roman",times,serif;color:#fff;}
#body-sub #main h1 {background:#437447 url(../../images/corner-dk-green.gif) no-repeat right bottom;}
#body-landscape #main h1 {background:#6eae84 url(../../images/corner-lt-green.gif) no-repeat right bottom;}
#body-playground #main h1 {background:#9a1225 url(../../images/corner-red.gif) no-repeat right bottom;}
#main h2 {font-size:122%;color:#437447;margin:1.5em 0 0.25em;}
#main h3 {font-size:107%;color:#437447;margin:1.5em 0 0.25em;}
#main p {margin:0 0 1em;line-height:1.4em;word-spacing:0.05em;}
#main ul {margin:1em 3em 1em;list-style-type:square;}
#main ul li {line-height:1.4em;word-spacing:0.05em;}

#body-home #main {margin-top:360px;}
#body-home #main h1 {position:static;width:auto;height:auto;padding:0;font:bold normal 136%/1.2em verdana,helvetica,clean,sans-serif;color:#437447;}

#content {padding:10px 20px 20px;background:url(../../images/content-right.gif) repeat-y right 0;}

#main #content p {margin:20px 0 0 0}

#main #content #faq {list-style:none;}
#main #content #faq .question {font-weight:bold;}
#main #content #faq .answer {margin: 5px 0 5px 10px;}

#main #content #color-samples {}
#main #content #color-samples img {border: 1px solid #437447;margin: 10px 15px 5px 10px;}
#main #content #color-samples a {}

#main #content .testimonial {border-top:1px solid #437447;margin: 15px 20px 15px; 0;}
#main #content .testimonial p {margin: 10px}

#main #content table#coverage-chart {margin: 15px 20px 15px 10px;border: 2px solid #437447;}
#main #content table#coverage-chart tr {padding: 15px;border: 2px solid #437447;}
#main #content table#coverage-chart td {padding: 10px;background-color: #c2dbc4;border: 1px solid #437447;}
#main #content table#coverage-chart td.main {width:225px;}



#side-content {float:left;width:241px;}
#nav {padding-bottom:26px;background:url(../../images/nav-bottom.gif) no-repeat 0 bottom;}
#nav ul {padding:20px 5px 5px;list-style:none;background:url(../../images/nav-bg.gif) repeat-y 0 0;}
#nav ul li {display:inline;}
#nav ul li a {display:block;padding:0 30px;font-size:92%;line-height:2em;text-decoration:none;font-weight:bold;color:#437447;border-bottom:1px solid #437447;}
#nav ul li.first a {border-top:1px solid #437447;}
#nav ul li a:hover {background:#437447;color:#fff;}

#footer {clear:both;padding:20px 0 0;background:#437447 url(../../images/footer-top.gif) no-repeat 0 0;}
#footer p {font-size:85%;line-height:2.5em;text-align:center;color:#fff;}
#footer p a {color:#fff;}

.cta-usp {position:relative;text-indent:-32697px;font-size:1px;line-height:1px;}
.cta-usp a {position:absolute;outline:0;}
.cta-usp ul {list-style:none;}
#cta-fade {width:640px;height:214px;}
#cta-fade li {width:640px;height:214px;}
#cta-fade li.red { background:url(../../images/cta-home-benefits.jpg) no-repeat;}
#cta-fade li.black { background:url(../../images/cta-home-benefits-2.jpg) no-repeat;}
#cta-home-benefits {position:absolute;left:251px;top:3px;width:640px;height:214px;}
#cta-home-benefits-discover {left:28px;top:145px;width:284px;height:55px;}
#cta-home-coverage {left:28px;top:145px;width:284px;height:55px;}
#cta-home-benefits-chart, #cta-home-benefits-chart-2 {left:375px;top:145px;width:250px;height:55px;}
#coverage-estimate, #coverage-estimate-2 {position:absolute;left:350px;top:10px;width:260px;height:124px;text-indent: -9999px;}

#cta-content-nav {position:absolute;left:326px;top:227px;width:490px;height:125px;list-style:none;background:url(../../images/cta-content-nav.jpg) no-repeat 0 0;}
#cta-content-nav-playground {left:0;top:0;width:112px;height:125px}
#cta-content-nav-landscape {left:126px;top:0;width:112px;height:125px}
#cta-content-nav-equestrian {left:252px;top:0;width:112px;height:125px}
#cta-content-nav-sports {left:378px;top:0;width:112px;height:125px}
#cta-side-order {margin-top:10px;width:241px;height:321px;background:url(../../images/cta-side-order.jpg) no-repeat 0 0;}
#usp-side-affiliations {list-style:none;padding:28px 0 10px;background:#437447 url(../../images/logo-ul-bottom.jpg) no-repeat 0 bottom;}
#usp-side-affiliations li {text-align:center;margin:5px 0;}
/*#usp-side-affiliations li {width:152px;height:57px;margin:10px auto;}
#usp-side-affiliations-ada {background:url(/assets/images/logo-ada.gif) no-repeat 0 0;}
#usp-side-affiliations-ipema {background:url(/assets/images/logo-ipema.gif) no-repeat 0 0;}*/

input[type=text], textarea {border:1px solid #999;}

/**lightbox**/

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 

	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
#caption {color:#1d1d1d;}