/* general reset */
body{
	margin:0;
	font:11px Arial, Helvetica, sans-serif;
	color:#7a7a7a;
	min-width:900px;
	background:url(../images/bg-body.jpg);
}


body.track {
	background:url(../images/trackandcourt.jpg);
	}

body.court {
	background:url(../images/court.jpg);
	}


body.turf {
	background:url(../images/grass.jpg);
	}


img {border-style:none;}

sup {
	font-size:11px;
	
	}

#contactinfo {
	
	padding:0px;
	margin:0px;
	}	

#contactinfo td {font-size:12px;}

.lbl{
	font-weight:bold;
	text-align:left;
	width:10%;
	}
	
#contactinfo td h3 {
	padding-top:20px;
	
	}

form div{margin:.5em 0;clear:both;}
label{display:block;}
legend{font-weight:bold;}
input[type="radio"],input[type="checkbox"], .radio, .checkbox{margin:0 .25em 0 0;}
legend{padding:2px 5px;}	
form div.col{clear:none;}form div.first{clear:both;}
form div{overflow:hidden;}

input[type="text"], input[type="password"], textarea, .field, .area, select{
	border:1px solid #aaa;
	padding:5px;
	background:#fff;
	width:220px;
	line-height:1em;
	margin:0;
	}
select{width:312px;}
textarea, .area{overflow:auto; height:150px; width:220px;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus, .focus{background:#f5f5f5;outline:none;}
.submit{}
button{
	border:none;
	background:#555;
	color:#fff;
	padding:0 2.5em;
	height:2em;
	line-height:2em;
	cursor:pointer;
	}
	
.note, .success, .error{display:block;}
.error, span.required{color:#900;}
.success{color:#060;}
.note{font-weight:bold;}
.notvalid{border:1px solid #900 !important;}
	


a {
	text-decoration:none;
	color:#f78f1e;
}
a:hover {text-decoration:underline;}
input, textarea, select {
	font:100% Arial, Helvetica, sans-serif;
	vertical-align:middle;
	color:#7a7a7a;
}
form, fieldset {
	margin:0;
	padding:0;
	border-style:none;
}
#wrapper {
	width:899px;
	margin:0 auto;
	background:#fff;
	padding:20px 2px 2px 2px;
}
#header {
	height:1%;
	padding:0 13px 7px 26px;
}
* html #header {padding:0 13px 4px 26px;}
#header:after {
	clear: both;
	content:"";
	display: block;
}
#header h1{
	margin:0;
	text-indent:-9999px;
	overflow:hidden;
	width:196px;
	height:69px;
	background:url(../images/logo-new.png) no-repeat;
}

#header h1.sports{
	margin:0;
	text-indent:-9999px;
	overflow:hidden;
	width:196px;
	height:69px;
	background:url(../images/sports-logo-new.png) no-repeat;
}

#header h1 a{
	display:block;
	height:100%;
}
ul#nav {
	margin:0;
	padding:1px 0 0;
	list-style:none;
	float:right;
	font-weight:bold;
	position:relative;
	z-index:100;
}
ul#nav li{
	float:left;
	padding:0 0 2px 20px;
	position:relative;
}
ul#nav li a{
	color:#666;
	cursor:pointer;
}
ul#nav li a:hover, ul#nav li:hover a, ul#nav li.hover a{
	text-decoration:none;
	color:#fead00;
	border:0;
}
ul#nav li a span{
	float:left;
	padding-right:3px;
}
ul#nav li a em{
	float:left;
	width:9px;
	height:5px;
	background:url(../images/arrow01.gif) no-repeat 100% 0;
	margin-top:5px;
}
ul#nav li a:hover em, ul#nav li:hover a em, ul#nav li.hover a em{
	background:url(../images/arrow02.gif) no-repeat 100% 0;
}
ul#nav li:hover .drop, ul#nav li.hover .drop {left:16px;}
.drop {
	width:141px;
	position:absolute;
	left:-9999px;
	top:13px;
	padding-top:11px;
	background:url(../images/none.gif);
}
.safari3 .drop {padding-top:7px;}
.drop-b {
	height:11px;
	font-size:1px;
	background:url(../images/bg-drop-b.png) no-repeat;
}
.drop ul{
	margin:0;
	padding:3px 2px 0;
	list-style:none;
	background:url(../images/bg-drop-c.png) repeat-y;
	overflow:hidden;
	width:137px;
}
.drop ul li{
	padding:0 0 1px!important;
	width:100%;
}
.drop ul li a{
	display:block;
	width:113px;
	padding:4px 12px 5px;
	color:#666 !important;
}
.drop ul li a:hover{
	color:#666 !important;
	background:#ececec;
}
#main {
	position:relative;
}
.main-t {
	position:absolute;
	top:0;
	left:0;
	width:899px;
	height:50px;
	background:url(../images/bg-main-t.png) no-repeat;
	z-index:99;
}
.intro {
	width:100%;
	position:relative;
	padding-top:2px;
	border-bottom:1px solid #000;
}
.intro img{display:block;}
.intro-text {
	position:absolute;
	left:42px;
	top:63px;
	width:390px;
	color:#fff;
	font-size:12px;
	line-height:17px;
}
.intro-text h2{
	margin:0 0 11px;
	font:bold 18px/24px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.intro-text h2 strong{color:#fead00;}
.intro-text h2 strong.sports{color:#009646;}
.intro-text p {
	margin:0;
	font-weight:bold;
}
.esop-box {
	position:absolute;
	left:-3px;
	bottom:0px;
	width:720px;
	height:77px;
	background:url(../images/bg-esop.png) no-repeat;
	padding:15px 0 0 13px;
}
.esop-box .logo{
	float:left;
	width:59px;
	height:59px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/esop-logo.gif) no-repeat;
	margin:5px 11px 0 0;
}
.esop-box .logo a{
	display:block;
	height:100%;
}


.esop-box .piclogo{
	float:left;
	width:9px;
	height:59px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/pic-logo.gif) no-repeat;
	margin:5px 11px 0 0;
}
.esop-box .piclogo a{
	display:block;
	height:100%;
}


.esop-box .queslogo{
	float:left;
	width:59px;
	height:59px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/question.gif) no-repeat;
	margin:5px 11px 0 0;
}
.esop-box .queslogo a{
	display:block;
	height:100%;
}


.esop-box .recyclelogo{
	float:left;
	width:59px;
	height:59px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/recycle.png) no-repeat;
	margin:5px 11px 0 0;
}
.esop-box .recyclelogo a{
	display:block;
	height:100%;
}



.esop-box .azlogo{
	float:left;
	width:59px;
	height:59px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/arizona.gif) no-repeat;
	margin:5px 11px 0 0;
}
.esop-box .azlogo a{
	display:block;
	height:100%;
}


.esop-box .text {
	float:left;
	width:580px;
	color:#585859;
	line-height:12px;
}
.esop-box .text strong{
	font-size:14px;
	font-style:italic;
	color:#2a2a2a;
	line-height:normal;
}


.esop-box .text p span{
	font-style:italic;
}

.esop-box .text p {margin:4px 0 0;}
.section {
	background:url(../images/bg-section-c.gif) repeat-y;
}

.sports-section {
	background:url(../images/sports-bg-section-c.gif) repeat-y;
}

.section .holder{
	background:url(../images/bg-section-t.gif) no-repeat;
}

.sports-section .holder{
	background:url(../images/sports-bg-section-t.gif) no-repeat;
}

.section .frame, .sports-section .frame{
	background:url(../images/bg-section-b.gif) no-repeat 0 100%;
	overflow:hidden;
	height:1%;
	padding:18px 0 40px 3px;
	position:relative;
}

.sports-section .frame{
	background:url(../images/sports-bg-section-b.gif) no-repeat 0 100%;
}

.section .box, .sports-section .box {
	float:left;
	width:250px;
	padding:0 19px 0 27px;
}
* html .section .box, .sports-section .box {padding:0 17px 0 27px;}
.section .heading, .sports-section .heading {
	padding:0 0 11px 103px;
}
.section .heading h2, .sports-section .heading h2{
	margin:0 auto;
	height:13px;
	text-indent:-9999px;
	font-size:1px;
}


.sports-section .heading a.courts{
	width:100px;
	background:url(../images/txt-courts.gif) no-repeat 100% 0;
	padding-left:4px;
	display:block;
	text-indent:-9999px;
}

.sports-section .heading a.running{
	width:127px;
	background:url(../images/txt-running.gif) no-repeat 100% 0;
	padding-left:14px;
	display:block;
	text-indent:-9999px;
}

.sports-section .heading a.turf{
	width:124px;
	background:url(../images/txt-turf.gif) no-repeat 100% 0;
	padding-left:12px;
	display:block;
	text-indent:-9999px;
}

.section .heading a.maintenance{
	width:120px;
	background:url(../images/txt-maintenance.gif) no-repeat 100% 0;
	padding-left:7px;
	display:block;
	text-indent:-9999px;
}
.section .heading a.sports{
	width:100px;
	background:url(../images/txt-sports.gif) no-repeat 100% 0;
	padding-left:8px;
	display:block;
	text-indent:-9999px;
}
.section .heading a.public-works{
	width:130px;
	background:url(../images/txt-public-works.gif) no-repeat 100% 0;
	display:block;
	text-indent:-9999px;
}
.section .description, .sports-section .description  {
	overflow:hidden;
	width:260px;
	padding-bottom:8px;
	margin-left:-7px;
	position:relative;
}
.section .photo-holder, .sports-section .photo-holder {
	float:left;
	width:151px;
	height:122px;
	padding:4px 5px;
	background:url(../images/bg-photo-holder.gif) no-repeat;
	margin-right:8px;
}
.section .photo-holder img, .sports-section .photo-holder img{display:block;}


.sports-section .photo-holder-med {
	float:left;
	width:263px;
	height:122px;
	padding:4px 5px;
	background:url(../images/bg-photo-holder-med.gif) no-repeat;
	margin-right:8px;
}
.sports-section .photo-holder-med img{display:block;}


.section .description ul, .sports-section .description ul{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	width:89px;
	line-height:18px;
}
.section .description ul a, .sports-section .description ul a{
	text-decoration:underline;
	color:#404041;
}
.section .description ul a:hover, .sports-section .description ul a:hover{text-decoration:none !important;}
.section p, .sports-section p {
	margin:0;
	line-height:14px;
}
#two-columns {
	background:url(../images/bg-two-columns2.gif) repeat-y;
}

#two-sports-columns {
	background:url(../images/sports-bg-two-columns2.gif) repeat-y;
}

#two-columns .holder, #two-sports-columns .holder{
	background:url(../images/bg-two-columns.gif) no-repeat 0 100%;
	padding:62px 40px 103px 12px;
	height:1%;
	overflow:hidden;
	position:relative;
}

#two-sports-columns .holder{
	background:url(../images/sports-bg-two-columns.gif) no-repeat 0 100%;
}
#content {
	float:right;
	width:545px;
	line-height:15px;
	padding-top:5px;
}
.content-holder {
	overflow:hidden;
	width:100%;
	padding-bottom:20px;
	min-height:400px;
	*height:auto !important;
 	*height:400px;

}

.content-holder h2 {
	line-height:18px;
	
	}
* html .content-holder {padding-bottom:17px;}
*+html .content-holder {padding-bottom:17px;}
#content .description-box{
	float:right;
	width:235px;
	margin:35px 0 0 15px;
}

#content .description-box .panel{
	border:1px solid #F90; 
	background-color:#E9E9E9;
	margin-bottom:20px;
	width:220px;
}

#content .description-box .panel .paneltop{
	background-color:#F90;
}

#content .description-box .panel .panelcontent{
	padding:0 10px 0px;
}

#content .description-box .panel p {
	padding:5px 5px 8px 30px; 
	font-weight:bold; 
	font-size:14px; 
	color:#FFF; 
	background:url(../images/pdf_icon.png) no-repeat;
}

#content .description-box .panel li {
	margin-bottom:10px;
	
	}

#content .description-box .panel a {
	text-decoration:underline !important;
	color:#404041;
}







#content .description-box img{
	display:block;
}
#content ul {
	margin:0;
	padding:5px 0 20px 3px;
	list-style:none;
}
#content ul li{
	padding:0px 0 5px 12px;
	background:url(../images/bullet.gif) no-repeat 0 5px;
	font-size:12px;
}
#content h2 {
	margin:0 0 15px;
	font-size:18px;
	line-height:22px;
}
#content h3 {
	margin:0 0 6px;
	font-size:14px;
}
#content p {margin:0 0 12px; font-size:12px;}
#sidebar {
	float:left;
	width:237px;
	color:#fff;
}
.sidenav, #two-sports-columns .sidenav{
	border-bottom:1px solid #fd9c33;
	width:100%;
	margin-bottom:11px;
}

#two-sports-columns .sidenav {
	border-bottom:1px solid #c3da0d;
}
#sidebar h3, #two-sports-columns #sidebar h3{
	margin:0 0 5px;
	border-bottom:1px solid #fd9c33;
	font-size:18px;
	text-align:right;
	padding:0 7px 1px 0;
}

#two-sports-columns #sidebar h3{
	border-bottom:1px solid #c3da0d;
}

.sidenav ul {
	margin:0 -9px 13px -8px;
	padding:0;
	list-style:none;
	width:251px;
	position:relative;
	font-size:13px;
	overflow:hidden;
	text-align:right;
	font-weight:bold;
}
.sidenav ul li{
	float:left;
	width:100%;
}
.sidenav ul a{
	display:block;
	color:#fff;
	padding:5px 16px;
	width:219px;
}

.sidenav ul a:hover, .sidenav ul a.active{
	background:#fd9c33;
	text-decoration:none;
}

#two-sports-columns .sidenav ul a:hover, #two-sports-columns .sidenav ul a.active{
	background:#c3da0d;
}

.sidebox a {
	color:#fff;
	font-weight:bold;
	
	}

.sidebox h4{
	margin:0 0 5px 2px;
	font-size:14px;
}
.sidebox img {
	display:block;
}
.sidebox ul {
	margin:0;
	padding:13px 0 0 9px;
	list-style:none;
	line-height:13px;
}
.sidebox ul li{
	padding:0 0 10px 12px;
	background:url(../images/bullet02.gif) no-repeat 0 5px;
}
#two-columns .esop-box{bottom:0px;}
* html #two-columns .esop-box{bottom:-1px;}
#footer {
	width:893px;
	margin:0 auto;
	padding:18px 0 50px 10px;
	text-align:center;
}
#footer ul{
	margin:0;
	padding:0;
	list-style:none;
	font-size:10px;
	color:#fff;
	text-transform:uppercase;
}
#footer ul li{
	display:inline;
	background:url(../images/sep01.gif) no-repeat 0 2px;
	padding:0 2px 0 7px;
}
#footer ul li:first-child {
	padding-left:0;
	background:none;
}
#footer ul li a{color:#fff;}

#footer p a {
		color:#B4B4B4;
	
	}
#footer p {
		color:#B4B4B4;
	
	} 
.picright {
	float:right;
	margin:0 0 10px 10px;
	
	}
	
.picleft {
	float:left;
	margin:0 10px 10px 0px;
	
	}
	
.whattheysay {
	background:url(../images/customerssay.png) no-repeat;
	width:238px;
	height:87px;
	position:absolute;
	float:left;
	bottom:0;
	left:0;
	margin-bottom:90px;
	margin-left:10px;
	
	}
	
/* links back to home page */
a.liketext:link {
	color:#7a7a7a;
	text-decoration:none;
}
a.liketext:visited {
	color:#7a7a7a;
	text-decoration:none;
}
a.liketext:hover {
	color:#7a7a7a;
	text-decoration:none;
}

/*landing page H1 tags */
.h1text {
	font-size:17px;
}