body {
	background: #4b5d00 url(../images/bg_03.jpg) repeat top center;
	font: normal  14px/1.5em Arial, Helvetica Neue, Helvetica, sans-serif;
}
div {
	position : relative;
}

/*
	Headings - Typography
*/
h1 {
	height : 114px;
	width : 333px;
	text-indent : -9999px;
	background:transparent url(../images/logo.gif) no-repeat top left;
	margin-top : 16px;
	
}

h2 {
	
}
	h2#caption {
		text-indent : -9999px;
		width : 500px;
		height : 200px;
	}
		h2.homepage{
			background:transparent url(../images/title/homepage.png) no-repeat top left;
		}
		h2.about{
			background:transparent url(../images/title/aboutTitle.png) no-repeat top left;
		}
		h2.tennis{
			background:transparent url(../images/title/tennisTitle.png) no-repeat top left;
		}
		h2.multi{
			background:transparent url(../images/title/multiTitle.png) no-repeat top left;
		}
		h2.fiveaside{
			background:transparent url(../images/title/fiveasideTitle.png) no-repeat top left;
		}
		h2.floodlights{
			background:transparent url(../images/title/floodlightsTitle.png) no-repeat top left;
		}
		h2.fencing{
			background:transparent url(../images/title/fencingTitle.png) no-repeat top left;
		}
		h2.services{
			background:transparent url(../images/title/servicesTitle.png) no-repeat top left;
		}
		h2.pagenotfound{
			background:transparent url(../images/title/404Title.png) no-repeat top left;
		}

h3 {
	font-size : 36px;
	/*color : #032400;*/
	color : #45610d;
	margin-bottom : 16px;
	font-weight: normal;
	
}

h4 {
	font-size : 28px;
	margin-bottom : 5px;
	font-weight: normal;
	color : rgb(220,210,220);
	
}

h5,h6 {
	
}

/*
	Basic Links
*/
a {
	color : rgb(180,211,115);
}
	p a {
		text-decoration: none;
	}
		p a:hover {
			text-decoration: underline;
		}



/*
	Typography - Basic generic styles
*/
p {
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.6em;
}
	.section p {
	/*	color : #f8eee0;*/
/*	color : #032400;*/
		color : #123500;
		
	}


/*
	Navigation - Layout and Type
*/
#nav {
	background:#2e221c url(../images/bg_01.jpg) repeat-x top center;
	width : 100%;
	height : 168px;
}


	#nav a {
		text-decoration: none;
		color : rgb(168,148,133);
		font-weight: normal;
		font-variant: normal;
		font-style : normal;
		font: 11px Verdana, sans-serif;
		display: block;
		position : relative;
		}
	#nav ul li{
		display : inline;
		position : relative;
		float : left;
		width : 140px;
		height : 28px;
	}
		#nav ul li a{
			float : left;
			width : 140px;
			height : 28px;
			background:transparent url(../images/navSprite.png) no-repeat;
			background-position: -84px 0px;
			text-align: center;
			padding-top : 10px;
			
		}
			#nav ul li a:hover{
				background-position: -84px -38px;
			}
			
			#nav ul li.nav-hover a, #nav ul li a.currentPage {
				background-position: -84px -38px;
			}
			
			#nav li:hover {
				visibility:		inherit; /* fixes IE7 'sticky bug' */
			}
		#nav ul li > ul {
				top: auto;
				left: auto;
				}
				
		#nav ul li ul {
			display: none;
			position: absolute; 
			top: 38px;
			left: 0;
			width : 140px;
			z-index: 99;
			  }
		#nav ul li ul li{
			border: 1px solid #333;
			border-top: 0px;
			color : #FFF;
			height : 38px;
			background:transparent url(../images/navSprite.png) no-repeat;
			background-position: 0px -76px;
		}
		
		#nav ul li ul li a{
			color : #FFF;
			height : 27px;
			padding-top : 11px;
			margin : 0px;
		}
		#nav ul li ul li a:hover{
			background-position: 0px -130px;
		}
		
				#nav ul li:hover ul { display: block; }
		


/*
	Header - Layout
*/
#header {
	margin-bottom : 100px;
}

#headerImage {
	position : absolute;
	top : -147px;
	right : -66px;
}

/*
	Main Body Layouts
*/
#mainBody {
	background:transparent url(../images/bg_02.jpg) repeat-x top center;
	width : 100%;
}

.section {
	width : 100%;
	margin : 0px;
	padding: 20px 0px 20px 0px;
}
	.section p {
		float : left;
}
		.section p + p {
			margin-top : 20px;
		
		}
		.section p + h3 {
			margin-top : 30px;
		
		}
	
	.section .sliderText {
		width : 420px;
	}
		.section .sliderTextRight {
			width : 450px;
		}
	.section p.sapcaText {
		width : 720px;
	}
	
	.section h3 {
		width : 560px;
		line-height : 1.5;
		float : left;
	}
	.section h4 {
		width : 390px;
		line-height : 1.5;
		float : left;
	}
	.section img {
		float : left;
	}
		.section img.logo {
			margin-top : 0px;
			margin-right : 35px;
			margin-left : 0px;
			border : 2px solid #333;
			
		}
		
		div.twoInARow	{
			float: left;
			width: 400px;
			margin-right : 20px;
			margin-bottom : 20px;
			min-height : 100px;
			padding : 10px;
		}
			div.twoInARow + div.twoInARow {
				margin-right : 0px;
			}
			div.twoInARow + div.twoInARow + div.twoInARow {
				margin-right : 20px;
			}
			div.twoInARow + div.twoInARow + div.twoInARow + div.twoInARow {
				margin-right : 0px;
			}
				div.twoInARow ul#provideList {
					width : 500px;

				}
					div.twoInARow #provideList li{
						width : 185px;
						color : #222;
					}	
			div.twoInARow p {
				margin-left : 20px;
			}
				div.twoInARow p + h4 {
					margin-top : 20px;
				}
	div.section div#areaofoperation .textHolder, div.section div#areaofoperation .imageHolder {
		height : 200px;
	}
		div.section div#areaofoperation .imageHolder img {
			margin-top : 0px;
		}
		div.section div#areaofoperation .textHolder p, div.section div#areaofoperation .textHolder h3 {
			padding : 0px 10px;
		}
.imageHolder {
	width : 200px;
	float : left;
}
.textHolder {
/*	width : 530px;*/
	width : 640px;
	float : left;
	padding-right : 20px;
}
	.textHolder, .twoInARow {
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 10px;
		-moz-border-radius-bottomright: 10px;
		-moz-border-radius-bottomleft: 10px;
		-webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
		}

	.imageHolder + .textHolder {
		padding-right : 0px;
		padding-left : 20px;
		
	}
	#multi .textHolder {
		width : 580px;
		padding : 10px 20px;
		margin-left : 20px;
	}
	
ul#provideList {
	float : left;
	width : 580px;
}
	#provideList li{
		float : left;
		width : 290px;
		color : #2b2e2f;
		letter-spacing : 1px;
		font-size : 18px;
	}
		#provideList li img{
			margin-left : 0px;
			margin-top : -20px;
			margin-right : 5px;
		}

		#provideList li a{
			text-decoration: underline;
			color : #2b2e2f;
			
			
		}
			#provideList li a:hover{
				text-decoration: none;
			}


		
ul.bodyList {
	list-style: disc inside ;
	margin-left : 40px;
	color : #123500;
	font-weight: bold;
}	
	ul.bodyList li {
		float : left;
		width : 100%;
	}		
			

/*
	Footer
*/	
#footer {
/*	background: #CCC url(../images/footerMetalicDark.jpg) repeat top left;*/
	background: #333 url(../images/footerMetalicHorizontal.jpg) repeat-x top left;
	padding-top : 40px;
	padding-bottom : 20px;
	color : rgb(220,210,220);
	
	text-shadow: rgb(3,3,3) -1px -1px 0px;
	

}
	#footer a {
		text-decoration: none;
		color : rgb(167,193,223);
		
	}
		#footer a:hover {
			text-decoration: underline;
		}


	
	#footer #contactNumber {
		width : 460px;
		float : left;
	}
		#footer #contactNumber p {
			font-size : 22px;
			margin-bottom : 4px;
		}
	
		#footer h4 a {
			color : rgb(220,210,220);
			text-decoration: none;
			
		}
	
	#footer #contactAddress {
		float : left;
		width : 400px;
		text-align : right;
	}
		#footer #contactAddress .email {
			font-size : 22px;
		}
#footer .sapca {
	width: 180px;
	height: 83px;
	display: block;
	text-indent: -9999px;
	background: transparent url('../images/sapcaFooter.png') no-repeat top left;
	margin-left: -2px;
	
}
/*
	Easy Slider
*/

.sliderHold{
	float : left;
	border : 5px solid #333333;
	margin-left : 100px;
	margin-top : -50px;
}
#fiveaside .sliderHold{
	margin-left : 0px;
	margin-top : 0px;
}
		.leftSlider {
			margin-left : 0px;
			margin-right : 100px;
			margin-top : 0px;
		}
		.sliderHold img{
			padding : 0px;
			margin : 0px;
		}
	.slider {
		height:241px;
		overflow:hidden;
	}
	.slider ul, .slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	.slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:300px;
		height:241px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
/*		left:0px;*/
		top:10px;
		}	
	#nextBtn, #nextBtn2{ 
		left:300px;
		}
	#prevBtn, #prevBtn2{ 
		left:-60px;
		}													
	#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{  
		display:block;
		float : left;
		background-color : #333;
		color : #fff;
		text-decoration : none;
		text-transform: lowercase;
		letter-spacing : 2px;
		padding : 10px;
		
		border : 2px solid #333;
		
		-moz-border-radius-topleft: 0px;
		-moz-border-radius-topright: 10px;
		-moz-border-radius-bottomright: 10px;
		-moz-border-radius-bottomleft: 0px;
		-webkit-border-top-left-radius: 0px;
		-webkit-border-top-right-radius: 10px;
		-webkit-border-bottom-left-radius: 0px;
		-webkit-border-bottom-right-radius: 10px;
		}
		
	#prevBtn a, #prevBtn2 a {
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 0px;
		-moz-border-radius-bottomright: 0px;
		-moz-border-radius-bottomleft: 10px;
		-webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 0px;
		-webkit-border-bottom-left-radius: 10px;
		-webkit-border-bottom-right-radius: 0px;
		}
	
/* 
	SLIMBOX 
*/

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../images/slimbox/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../images/slimbox/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../images/slimbox/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../images/slimbox/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}



/*
	Site tool kit
*/
.wrap {
	margin : 0 auto;
	width : 860px;
}

.showgrid {
	background : transparent url(../images/grid.png) repeat-y top center;
}

hr {
	background: transparent url(../images/hr.png) repeat-x  top left;
	width : 100%;
	height : 4px;
	border : 0px;
	margin : 0px;
}

.tenpercent {
	background: transparent url(../images/10percent.png) repeat top left;
}

.fifteenpercent {
	background: transparent url(../images/15percent.png) repeat top left;
}

.left {
	float : left;
}

.right {
	float : right;
}

#fourOfour {
	height : 300px;
}

/*
	Clears
*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}