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

 
body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
	margin: 0px auto; padding: 0px; border: 0px;
}

body { 
	font-family: georgia, times new roman, serif; 
	background: #00a94f;  	
	background-image: url(jcimages/background-tile.jpg);
	background-repeat: repeat-x;
	background-position: center top
	}

#main {

}



.container {  
     width: 990px;
     padding: 0; 

} 

#navigation{
	width: 220px;
	float:left;
	display:inline;
	
}

#navigation h1 {
	background: url(jcimages/logo.jpg) no-repeat;
	width: 220px;
	height:242px;
	text-indent: -9999px;
}



#openingtimes h3 {
	font-size: 16px;  
	color: #ffffff;  
}

#openingtimes {
	background: #009747;
	clear: both;
	padding-top:30px;
	padding-left:30px;
	padding-bottom:40px;
	line-height:150%;
	font-size: 12px;  
	color: #ffffff;  
}

#navfooter {
	background: url(jcimages/nav-hair.jpg) no-repeat;
	width: 220px;
	height: 369px;  

}

#header {
	background: #00a94f;
	width: 740px;
	height: 538px;
	float:left;



} 

ul#menu {
	list-style: none;
}

ul#menu li { 
	display: block;
	display:inline;
}
	
ul#menu li a {
	line-height:190%;
	float:left;
	background-image: url(jcimages/nav-background.jpg);
	width:220px;
	font-size: 14px; 
	color: #ffffff;
	text-decoration: none;
	text-indent: 30px;
	}
	
	ul#menu li a.home {
		width: 220px; height:29px; background-position: 0 0;	
	}
	
	ul#menu li a.meettheteam {
		width: 220px; height: 29px; background-position: 0 0;	
	}
	
	ul#menu li a.contactus {
		width: 220px; height:29px; background-position: 0 0;	
	}
	
	ul#menu li a.pricelist {
		width: 220px; height:29px; background-position: 0 0;	
	}
	
	ul#menu li a.offers {
		width: 220px; height:29px; background-position: 0 0;	
	}
	
	ul#menu li a.newsevents {
		width: 220px; height:30px; background-position: 0 0;	
	}

	
	
	ul#menu li a.home:hover, ul#menu li a.home:focus {
		background-position: 0 -29px;	
	}
	
	ul#menu li a.meettheteam:hover, ul#menu li a.home:focus {
		background-position: 0 -29px;	
	}
	
	ul#menu li a.contactus:hover, ul#menu li a.home:focus {
		background-position: 0 -29px;	
	}
	
	ul#menu li a.pricelist:hover, ul#menu li a.home:focus {
		background-position: 0 -29px;	
	}
	
	ul#menu li a.offers:hover, ul#menu li a.home:focus {
		background-position: 0 -29px;	
	}
	
	ul#menu li a.newsevents:hover, ul#menu li a.home:focus {
		background-position: 0 -29px;	
	}
	
	ul#menu li a:hover {
		
		font-weight:bold;
	}

	

#bodycontent {
	background: #00a94f;
	width: 740px;
	padding-bottom:100px;
	float:left;
	display:inline;


}

#content {
	margin-bottom:50px;
	padding-top: 30px;
	padding-left:30px;
	float:left;
	width:480px;
	background: #00a94f;

}


#content h1 {
	
	font-size: 30px;  
	color: #ffffff; 
	font-weight:lighter;
}

#content h2 {
	
	font-size: 20px;  
	color: #ffffff; 
	font-weight:lighter;
}

#content h4 {
	
	font-size: 30px;  
	color: #d9e127; 
	font-weight:lighter;
}

#content p {
	line-height:150%;

	font-size:12px;
	color:#ffffff;
}



#content a {
	display:inline;
	text-decoration: underline;
	font-size: 12px;  
	color: #d9e127;
}

#content a:hover {
		color:#00a94f;
		background: #d9e127;
		text-decoration:none;
}

#rightcolumn {
	float:left;
	display:inline;
	width:230px;
	height:300px;
	background: #00a94f;

} 

#footerhair {
position:relative;
	width:960px;
	height:136px;
	clear:both;
	background-image:url(jcimages/footer-hair.jpg);
  	background-repeat:no-repeat;
}

#footer {
	padding-top:20px;
	position:relative;
	clear: both; 
	background: #ffffff;
	
	
}

#footer a.link {
		text-decoration:none;
		font-size: 10px;  
		color: #00a94f;
}

#footer a.link:hover {
		text-decoration:underline;
}

#copyright {
	font-size: 10px;  
	color: #464646;
	padding-top: 20px;
	padding-bottom: 50px;
	padding-left: 30px;
}

#copyright h1{
	font-size: 10px;  
	color: #00a94f;

}