/* CSS Document */

/*Main navigation*/

A:link {font-family: 'Lato', sans-serif;
		font-size:12px;
		color: #efa72d;
		text-decoration:underline;
}

A:visited {font-family: 'Lato', sans-serif;
           font-size:12px;
		   color:#efa72d;
           text-decoration:underline;
} 

A:hover {font-family: 'Lato', sans-serif;
         font-size:12px;
		 color:#FFFFFF;
		 text-decoration:none;
		 background-color:#efa72d;
}

/*End main nav*/

/*Body Nav*/

A.BodyNav:link {font-family: 'Lato', sans-serif;
		font-size:12px;
		color: #efa72d;
		text-decoration: underline;
}

A.BodyNav:visited {font-family: 'Lato', sans-serif;
           font-size:12px;
		   color:#efa72d;
		   text-decoration: underline;
} 

A.BodyNav:hover {font-family: 'Lato', sans-serif;
         font-size:12px;
		 text-decoration:none;
		 color:#FFFFFF;
		 background-color:#efa72d;
}

A.bignav:link {font-family: 'Lato', sans-serif;
		font-size:14px;
		color: #efa72d;
		text-decoration:underline;
}

A.bignav:visited {font-family: 'Lato', sans-serif;
           font-size:14px;
		   color:#efa72d;
           text-decoration:underline;
} 

A.bignav:hover {font-family: 'Lato', sans-serif;
         font-size:14px;
		 color:#FFFFFF;
		 text-decoration:none;
		 background-color:#efa72d;
}

/*Body Nav*/

/*Bottom Quicknav*/

A.FooterNav:link {font-family: 'Lato', sans-serif;
		font-size:10px;
		color: #ffffff;
		text-decoration: underline;
}

A.FooterNav:visited {font-family: 'Lato', sans-serif;
           font-size:10px;
		   color:#ffffff;
		   text-decoration: underline;
} 

A.FooterNav:hover {font-family: 'Lato', sans-serif;
         font-size:10px;
		 text-decoration:underline;
		 color: #333333;
}

/*End Quicknav*/

/*Home Page Top Nav*/

ul.homebtn a {
	display: block;
	width: 100px;
	height: 50px;
	background: URL(../images/navigation/home_link.png);
	float:left;
}

ul.homebtn a:hover, .selected a {
	background-position: right bottom;
	
}

ul.sitemapbtn a {
	display: block;
	width: 100px;
	height: 50px;
	background: URL(../images/navigation/sitemap_link.png);
	float:left;
}

ul.sitemapbtn a:hover, .selected a {
	background-position: right bottom;
	
}

ul.facebook a {
	display: block;
	width: 110px;
	height: 50px;
	background: URL(../images/navigation/facebook_link.png);
	float:left;
}

ul.facebook a:hover, .selected a {
	background-position: right bottom;
	
}

ul.linktree a {
	display: block;
	width: 110px;
	height: 50px;
	background: URL(../images/navigation/linktree_link.png);
	float:left;
}

ul.linktree a:hover, .selected a {
	background-position: right bottom;
	
}

ul.instagram a {
	display: block;
	width: 110px;
	height: 50px;
	background: URL(../images/navigation/instagram_link.png);
	float:left;
}

ul.instagram a:hover, .selected a {
	background-position: right bottom;
	
}

/*End Home Page Top Nav*/

/*Main Nav*/

ul.about a {
	display: block;
	width: 250px;
	height: 50px;
	background: URL(../images/navigation/about_us_link.png);
	float:left;
}

ul.about a:hover, .selected a {
	background-position: right bottom;
	
}

ul.locksmiths a {
	display: block;
	width: 250px;
	height: 50px;
	background: URL(../images/navigation/locksmith_services_link.png);
	float:left;
}

ul.locksmiths a:hover, .selected a {
	background-position: right bottom;
	
}

ul.diy a {
	display: block;
	width: 250px;
	height: 50px;
	background: URL(../images/navigation/diy_shop_link.png);
	float:left;
}

ul.diy a:hover, .selected a {
	background-position: right bottom;
	
}

ul.contact a {
	display: block;
	width: 250px;
	height: 50px;
	background: URL(../images/navigation/contact_us_link.png);
	float:left;
}

ul.contact a:hover, .selected a {
	background-position: right bottom;
	
}

/*End Main Nav*/

/*Contact Nav*/

ul.contactemail a {
	display: block;
	width: 300px;
	height: 40px;
	background: URL(../images/contact/contact_email_link.png);
	float:left;
}

ul.contactemail a:hover, .selected a {
	background-position: right bottom;
	
}

ul.contactfacebook a {
	display: block;
	width: 300px;
	height: 40px;
	background: URL(../images/contact/contact_facebook_link.png);
	float:left;
}

ul.contactfacebook a:hover, .selected a {
	background-position: right bottom;
	
}

/*End Contact Nav*/