div#navigation{
	height: 50px;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	background:url("../images/menu.png") 0 0 no-repeat; 
}

/* General Settings */
div#navigation ul{
	margin:0;
	padding:0;
}

ul#tabnav {				
  text-align: center;
  margin: 1em 0 1em 0; 
  font: bold 13px arial; 
  list-style-type: none;
  padding: 3px 10px 3px 10px; 
}


ul#tabnav li { 
	display: inline;
	text-indent:-9999em;
}

ul#tabnav li, ul#tabnav a { 
	float: left; 
	width: 99px;
    height:50px; 
    padding: 0;
    background-color: transparent;
}  



li#home 	a:hover { background:url("../images/menu.png") -1px  -51px no-repeat; } 
body#home 	li#home a{ background:url("../images/menu.png") -2px  -101px no-repeat; } 

li#mortgages 	a:hover { background:url("../images/menu.png") -100px  -51px no-repeat; } 
body#mortgages 	li#mortgages a{ background:url("../images/menu.png") -100px  -101px no-repeat; } 

li#property 	a:hover { background:url("../images/menu.png") -199px  -51px no-repeat; } 
body#property 	li#property a{ background:url("../images/menu.png") -199px  -101px no-repeat; }



/* mortgages and property */
div#sideMenu{
	width: 200px;
	float: left;
	font-family: arial;
	font-size: 0.8em;
	margin-left: -10px;
}
div#sideMenu li{
	list-style-type: none;
}

ul#sideMenuList{
	width: 200px;
} 
  
#sideMenuList li{    
	display:block;  
	margin:0;  
	padding:0;
	text-decoration: none;
	background-color: white;
	padding-top:1px;
	padding-left: 3px;
	margin-bottom: 3px;
}
#sideMenuList a {    
	display:block;  
	margin:0;  
	padding:0;
	text-decoration: none;
	background-color: white;
	border-bottom: 1px solid grey;
	padding-top:1px;
	padding-left: 3px;
	margin-bottom: 3px;
}	

#sideMenuList a:hover {
	background-color: #085085;
	color: white;
}

#sideMenuList a:active {
	font-weight: bold;
}



/*remove borders from links in firefox*/
a:active{
outline: none;
}
a:focus{
-moz-outline-style: none;
}