@charset "UTF-8";
/* CSS Document */


/* --------------------| BODY |-------------------- */

html, body {
font-size: 12px;
color: #000000;
width: 100%;
height: 100%;
margin-top:15px;
}

body {
background:url(images/background/kennedy_landscaping_mainbg.png) no-repeat #000000;
font-family:Tahoma, Geneva, sans-serif;
}

/* --------------------| GENERAL TEXT |-------------------- */

.blue { 	color: #454a82; }

a {
color: #454a82;
}

a:hover {
	text-decoration: underline;
}

h1,h2,h3,h4,h5,h6,
h1 *, h2 *, h3 *, h4 *, h5 *, h6 * {
font-weight: normal;
}

h2{
font-size: 24px;
text-transform: uppercase;
color:  #2f2f2f;
font-family:Tahoma, Geneva, sans-serif;
margin-bottom:20px;
}

strong {
font-weight: bold;
}

em {
font-style: oblique;
}

p{
line-height: 20px;
color: #2f2f2f;
font-family:Tahoma, Geneva, sans-serif;
padding:20px 20px
margin-bottom:15px;
}



/* --------------------| GENERAL CRAP |-------------------- */

.clear {
clear:both;
display: block;
}

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

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.clear10 {height:10px; clear:both;}
.clear15 {height:15px; clear:both;}
.clear20 {height:20px; clear:both;}
.clear30 {height:30px; clear:both;}
.clear45 {height:45px; clear:both;}
.clear40 {height:40px; clear:both;}
.clear60 {height:60px; clear:both;}

.right { float: right !important; }
.left { float: left !important; }

.textRight { text-align: right; }
.textLeft { text-align: left; }


/* --------------------| MAIN CONTENT AREA |-------------------- */


#contentContainer{
	width: 900px;
	margin: 0 auto 0 auto;
	height: auto;
	display:block;
}


/* --------------------| HEADER AND NAV |-------------------- */

#header {
height: 117px;
background-color:#FFF;

}

	#header a {
	float: left;
	width:auto;
	}
	
	#topPic{
		border: 5px solid #000;
		float:right;
		margin:17px 5px 0 0;
		display:inline-block;
		height:69px;
		}
	
	
	
#navMain{
height: 38px;
width: 900px;
background:url(images/navigation/kennedy_landscaping_navbg.png) no-repeat #FFF left;
margin:5px 0 ;
float:left;
}
	
	#navMain ul {
	float: right;
	margin:3px 0 0 235px;
	
	}
	
	
		#navMain ul li {
		float: left;
		}
			
			
		 #navMain ul li a{
		background-image: url(images/navigation/kennedy_landscaping_nav.png);
		background-repeat: no-repeat;
		height: 32px;
		display: block;
		
		}
		
			#navMain .home{
			background-position: -11px 0;
			width:106px;}
			
			#navMain .home:hover{
			background-position: -11px -32px;
			}
			
			#navMain .active .home{
			background-position: -11px -32px;
			width:106px;
			}
			
			#navMain .services{
			background-position:-117px 0;
			width:147px;
			}
				
			#navMain .services:hover{
			background-position:-117px -32px;
			}
				
			#navMain  .active .services{
			background-position:-117px -32px;
			width:147px;
			}
				
			#navMain .projects{
			background-position:-264px 0;
			width:131px;
			}
				
			#navMain .projects:hover{
			background-position:-264px -32px;
			}
				
			#navMain .active .projects{
			background-position:-264px -32px;
			}
				
			#navMain .sustainability{
			background-position: -395px 0;
			width:169px;
			}
					
			#navMain .sustainability:hover{
			background-position: -395px -32px;
			}
					
			#navMain .active .sustainability{
			background-position: -395px -32px;
			}
					
			#navMain .contact{
			background-position: -564px 0;				
			width: 100px;
			}
					
			#navMain .contact:hover{
			background-position: -564px -32px;
			}
					
			#navMain .active .contact{
			background-position: -564px -32px;
			}
		
		
		
		
		
#leftNav{
height: 169px;
width: 246px;
margin:5px 0 0 0 ;
float:right;
}
	
	#leftNav ul {
	float: right;
	margin:3px 0 10px 0;
	
	}
	
	
		#leftNav ul li {
		float: left;
		}
			
			
		 #leftNav ul li a{
		background-image: url(images/leftSide/kennedy_landscaping_leftNav.png);
		background-repeat: no-repeat;
		width:246px;
		height: 34px;
		display: block;
		
		}
		
			#leftNav .maintenance{
			background-position: -246px -1px;
			}
			
			#leftNav .maintenance:hover{
			background-position:  0 -1px;
			}
			
			#leftNav .maintenanceActive{
			background-position: 0 -1px;			
			}
			
			#leftNav .design{
			background-position:-246px -35px;			
			}
				
			#leftNav .design:hover{
			background-position:0 -35px;
			}
				
			#leftNav  .designActive{
			background-position:0 -35px;			
			}
				
			#leftNav .snow{
			background-position:-246px -70px;			
			}
				
			#leftNav .snow:hover{
			background-position:0 -70px;
			}
				
			#leftNav .snowActive{
			background-position:0 -70px;
			}
				
			#leftNav .green{
			background-position: -246px -105px;	
			height:30px;
			}
					
			#leftNav .green:hover{
			background-position: 0 -105px;
			}
					
			#leftNav .greenActive{
			background-position: 0 -105px;
			height:30px;
			}
					
			#leftNav .memberships{
			background-position: -246px -140px;	
			height: 30px;
			}
					
			#leftNav .memberships:hover{
			background-position: 0 -140px;
			}
					
			#leftNav .membershipsActive{
			background-position: 0 -140px;
			height: 30px;
			}
			
			#leftNav .jobs{
			background-position: -246px -169px;
			}
			
			#leftNav .jobs:hover{
			background-position:  0 -169px;
			}
			
			#leftNav  .jobsActive{
			background-position: 0 -169px;			
			}
			
			#leftNav .commercial{
			background-position:-246px -204px;	
			height:31px;		
			}
				
			#leftNav .commercial:hover{
			background-position:0 -204px;
			}
				
			#leftNav .commercialActive{
			background-position:0 -204px;			
			}
			
			#leftNav .residential{
			background-position: -246px -239px;
			}
			
			#leftNav .residential:hover{
			background-position:  0 -239px;
			}
			
			#leftNav .residentialActive{
			background-position: 0 -239px;			
			}
			
			#leftNav .multihousing{
			background-position:-246px -274px;			
			}
				
			#leftNav .multihousing:hover{
			background-position:0 -274px;
			}
				
			#leftNav  .multihousingActive{
			background-position:0 -274px;			
			}
				
			#leftNav .agricultural{
			background-position:-246px -309px;			
			}
				
			#leftNav .agricultural:hover{
			background-position:0 -309px;
			}
				
			#leftNav .agriculturalActive{
			background-position:0 -309px;
			}

					


				
				
/* --------------------|TEXT AREA |-------------------- */
.mainArea{
	clear:both;
	}
	
	#leftSide{
	width:220px;
	background:url(images/leftSide/kennedy_landscaping_leftNavBg.png);
	float:left;
	padding:10px;
	}
	
	#leftSideNav{
	width:246px;
	float:left;
	padding:10px 0 0 0;
	background:url(images/leftSide/kennedy_landscaping_leftNavBg.png) repeat-x;
	height:450px;
	}
	
.leftNav a{
	background:url(images/leftSide/kennedy_landscaping_leftNav.png);
	width:163px;
	height:30px;
	color:#FFF;
	padding-top:5px;
	display:block;}
	

	.leftP{
		margin-left:5px;}
		
		#rightSide{
			float:left;
			background:url(images/background/kennedy_landscaping_white_bg.png) repeat-x;
			width:614px;
			height:420px;
			margin:0;
			padding:20px;
			display:block;}
			
		#rightSideProjects{
			float:left;
			background:url(images/background/kennedy_landscaping_black_bg.png) repeat-x;
			width:650px;
			height:450px;
			margin:0px;
			padding:0px;
			display:block;}

				#rightSide img{
			margin-bottom:15px;}
			
			ul.contact {
			margin: 0 0 0 40px;
			width:560px;
			font-weight: bold;
			font-size: 14px;
			color:  #2f2f2f;
			font-family:Tahoma, Geneva, sans-serif;}
	
			
			ul.services {
			margin: 0 0 0 40px;
			width:560px;}
			
			.services li{
	list-style:url(images/main/bullet.png);
	margin-bottom:7px;}
	
	
	.blackBox{
		background-color:#000;
		padding:5px;}

.textArealeftNav{
padding:50px 100px 50px 50px;
height: 361px;
width:560px;
float:left;
}


.rightContent{
display:block;
float:left;
height:420px;
margin:0 5px 0 0;
padding:20px 45px 45px 25px;
}	

#mainImage{
margin:5px 0 ;
float:left;
}
			
			
	
		
		/* --------------------|PROJECT LIST |-------------------- */

#projectList{
padding: 30px 30px 0 30px;
height: 20px;
width: 150px;
}

#projectDate{
padding: 30px 30px 0 30px;
height: 20px;
width: 200px;
margin: 60px;
}

#projectAddress{
padding: 30px 30px 0 30px;
height: 20px;
width: 300px;
}

#projectDetail{
padding: 30px 30px 0 30px;
height: 20px;
width: 300px;
}




/* --------------------| FOOTER |-------------------- */

#footer {
height:40px;
width:880px;
background: url(images/footer/kennedy_landscaping_footerb.png) no-repeat;
display:block;
padding:10px 10px 0 10px ;
clear:both;

}

#footer p, #footer a{
	color:#FFF;
	line-height:16px;
	text-decoration:none;
	
}

#footer a:hover{
	text-decoration:underline;
	
	}
#leftFooter{
	float:left;
	margin-left:29px;
	}

#rightFooter{
	float: right;
	margin-right:29px;
	text-align:right;
	}