/* 
Title:     	Eye4Homes.co.uk
Author:    	me@lynseybuckley.me.uk
date:   	September 2006
*/

/* navigation
---------------------------------------------------------- */			
			#nav { width: 762px; height: 31px; margin: 0; padding: 0; border-bottom: 6px solid #4D1111;}
			
			#nav-buttons ul{ width: 762px; height: 31px; list-style-type: none; margin: 0; padding: 0;}
			#nav-buttons li { display: inline; float: left; margin: 0; margin-right: 1px;}
			
			li.youraccount { background-image: url(../images/nav/your-account.jpg); background-repeat: no-repeat; width: 126px; height: 31px; display: block;}

				li.youraccount a { background-image: url(../images/nav/your-account.jpg);
				background-repeat: no-repeat; background-position: -126px 0; width: 126px;
				height: 0; display: block; padding-top: 31px; color: #000; overflow: hidden;}
			li.youraccount a:hover { background-position: 0 -31px; z-index: 50;}			
			li.youraccount a:link, li.youraccount a:visited { height: 31px; he\ight:0;}
			* html li.youraccount a:hover { height: 31px; he\ight:0;}


			li.newaccount { background-image: url(../images/nav/new-account.jpg); background-repeat: no-repeat; width: 126px; height: 31px; display: block;}
			li.newaccount a { background-image: url(../images/nav/new-account.jpg); background-repeat: no-repeat; background-position: -126px 0; width: 126px; height: 0; display: block; padding-top: 31px; color: #000; overflow: hidden;}
			li.newaccount a:hover { background-position: 0 -31px; z-index: 50;}
			
			* html li.newaccount a:link, * html li.newaccount a:visited { height: 31px; he\ight:0;}
			* html li.newaccount a:hover { height: 31px; he\ight:0;}
			
			li.home { background-image: url(../images/nav/homepage.jpg); background-repeat: no-repeat; width: 85px; height: 31px; display: block;}
			li.home a { background-image: url(../images/nav/homepage.jpg); background-repeat: no-repeat; background-position: -85px 0; width: 85px; height: 0; display: block; padding-top: 31px; color: #000; overflow: hidden;}
			li.home a:hover { background-position: 0 -31px; z-index: 50;}
			
			* html li.home a:link, * html li.home a:visited { height: 31px; he\ight:0;}
			* html li.home a:hover { height: 31px; he\ight:0;}

			li.buyer { background-image: url(../images/nav/buyer.jpg); background-repeat: no-repeat; width: 55px; height: 31px; display: block;}
			li.buyer a { background-image: url(../images/nav/buyer.jpg); background-repeat: no-repeat; background-position: -55px 0; width: 55px; height: 0; display: block; padding-top: 31px; color: #000; overflow: hidden;}
			
			* html li.buyer a:link, * html li.buyer a:visited { height: 31px; he\ight:0;}

			li.seller { background-image: url(../images/nav/seller.jpg); background-repeat: no-repeat; width: 62px; height: 31px; display: block;}
			li.seller a { background-image: url(../images/nav/seller.jpg); background-repeat: no-repeat; background-position: -62px 0; width: 62px; height: 0; display: block; padding-top: 31px; color: #000; overflow: hidden;}
			
			* html li.seller a:link, * html li.seller a:visited { height: 31px; he\ight:0;}

			li.qanda { background-image: url(../images/nav/q&a.jpg); background-repeat: no-repeat; width: 61px; height: 31px; display: block;}
			li.qanda a { background-image: url(../images/nav/q&a.jpg); background-repeat: no-repeat; background-position: -61px 0; width: 61px; height: 0; display: block; padding-top: 31px; color: #000; overflow: hidden;}
			li.qanda a:hover { background-position: 0 -31px; z-index: 50;}
			
			* html li.qanda a:link, * html li.qanda a:visited { height: 31px; he\ight:0;}
			* html li.qanda a:hover { height: 31px; he\ight:0;}

			li.contact { background-image: url(../images/nav/contactus.jpg); background-repeat: no-repeat; width: 91px; height: 31px; display: block;}
			li.contact a { background-image: url(../images/nav/contactus.jpg); background-repeat: no-repeat; background-position: -91px 0; width: 91px; height: 0; display: block; padding-top: 31px; color: #000; overflow: hidden;}
			li.contact a:hover { background-position: 0 -31px; z-index: 50;}
			
			* html li.contact a:link, * html li.contact a:visited { height: 31px; he\ight:0;}
			* html li.contact a:hover { height: 31px; he\ight:0;}

			li.local { background-image: url(../images/nav/local-businesses.jpg); background-repeat: no-repeat; width: 128px; height: 31px; display: block;}
			li.local a { background-image: url(../images/nav/local-businesses.jpg); background-repeat: no-repeat; background-position: -128px 0; width: 128px; height: 0; display: block; padding-top: 31px; color: #000; overflow: hidden;}
			li.local a:hover { background-position: 0 -31px; z-index: 50;}
			
			* html li.local a:link, * html li.local a:visited { height: 31px; he\ight:0;}
			* html li.local a:hover { height: 31px; he\ight:0;}

			li.links { background-image: url(../images/nav/links.jpg); background-repeat: no-repeat; width: 57px; height: 31px; display: block;}
			li.links a { background-image: url(../images/nav/links.jpg); background-repeat: no-repeat; background-position: -57px 0; width: 57px; height: 0; display: block; padding-top: 31px; color: #000; overflow: hidden;}
			li.links a:hover { background-position: 0 -31px; z-index: 50;}
			
			* html li.links a:link, * html li.links a:visited { height: 31px; he\ight:0;}
			* html li.links a:hover { height: 31px; he\ight:0;}

			li.advertise { background-image: url(../images/nav/advertise.jpg); background-repeat: no-repeat; width: 89px; height: 31px; display: block;}
			li.advertise a { background-image: url(../images/nav/advertise.jpg); background-repeat: no-repeat; background-position: -89px 0; width: 89px; height: 0; display: block; padding-top: 31px; color: #000; overflow: hidden;}
			li.advertise a:hover { background-position: 0 -31px; z-index: 50;}
			
			* html li.advertise a:link, * html li.advertise a:visited { height: 31px; he\ight:0;}
			* html li.advertise a:hover { height: 31px; he\ight:0;}
			
			* html #nav-buttons a:hover { height: 31px; he\ight: 0;}
			#nav-buttons a { display: block; height: 0; overflow: hidden; }
			/* hack for older versions of IE with incorrect box model */
			* html #nav-buttons a:link, * html #nav-buttons a:visited { height: 31px; he\ight: 0;}
			/* TOP Navigation rollovers ENDS */
			
			.last { margin-right: 0;}