/* navigation styles (use 'content type' to integrate php) */
/* <?php header("Content-type: text/css"); ?> */
	
div#main_nav_container{
	position: relative;
	float: left;
	overflow: hidden;
	width: 654px;
	}

ul#main_nav{ 
	list-style-type: none;
	margin: 14px 0 0 0;
	padding: 0;
	}
	
div#main_nav ul, div#main_nav li{ 
	display: inline; 
	}

li#nav_home, li#nav_services, li#nav_directors, li#nav_history, li#nav_contact_us{ 
	float: left; 
	width: 129px;
	height: 42px; 
	text-indent: -9999px;
	}
	
li#nav_home a, li#nav_services a, li#nav_directors a, li#nav_history a, li#nav_contact_us a{ 
	display: block; 
	width: 129px;
	height: 42px;
	overflow: hidden; 
	}

li#nav_home{ 
	background-image: url(../images/main_nav/home.gif);
	background-position: top; 
	}
	
li#nav_home a:hover{
	background-image: url(../images/main_nav/home.gif);
	background-position: 0 -42px;
	}
	
li#nav_services{ 
	background-image: url(../images/main_nav/services.gif); 
	background-position: bottom;
	}
	
li#nav_services a:hover{
	background-image: url(../images/main_nav/services.gif);
	background-position: bottom;
	}
	
li#nav_directors{ 
	background-image: url(../images/main_nav/directors.gif); 
	background-position: top;
	}
	
li#nav_directors a:hover{
	background-image: url(../images/main_nav/directors.gif);
	background-position: 0 -42px;
	}
	
li#nav_history{ 
	background-image: url(../images/main_nav/history.gif);
	background-position: top;
	}
	
li#nav_history a:hover{
	background-image: url(../images/main_nav/history.gif);
	background-position: 0 -42px;
	}
	
li#nav_contact_us{ 
	background-image: url(../images/main_nav/contact_us.gif); 
	background-position: top;
	}
	
li#nav_contact_us a:hover{
	background-image: url(../images/main_nav/contact_us.gif);
	background-position: 0 -42px;
	}
	
/* services sub-menu */

ul#services_left{ 
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	
div#services_left ul, div#services_left li{ 
	display: inline; 
	}

li#services_family, li#services_conveyancing, li#services_wap, li#services_das, li#services_fap, li#services_cohabitation, li#services_children, li#services_civpar, li#services_domvio, li#services_hbas, li#services_rm, li#services_toe, li#services_nhal, li#services_hpack, li#services_wills, li#services_paaoe, li#services_cofn, li#services_poa{ 
	float: left; 
	width: 231px;
	height: 12px; 
	text-indent: -9999px;
	margin: 12px 0 0 0;
	}
	
li#services_family a, li#services_conveyancing a, li#services_wap a, li#services_das a, li#services_fap a, li#services_cohabitation a, li#services_children a, li#services_civpar a, li#services_domvio a, li#services_hbas a, li#services_rm a, li#services_toe a, li#services_nhal a, li#services_hpack a, li#services_wills a, li#services_paaoe a, li#services_cofn a, li#services_poa a{ 
	display: block; 
	width: 231px;
	height: 12px;
	overflow: hidden;
	}

li#services_family{ 
	background-image: url(../images/services_buttons/family.jpg);
	background-position: top; 
	}
	
li#services_family a:hover{
	background-image: url(../images/services_buttons/family.jpg);
	background-position: 0 -12px;
	}
	
li#services_conveyancing{ 
	background-image: url(../images/services_buttons/conveyancing.jpg);
	background-position: top; 
	}
	
li#services_conveyancing a:hover{
	background-image: url(../images/services_buttons/conveyancing.jpg);
	background-position: 0 -12px;
	}
	
li#services_wap{ 
	background-image: url(../images/services_buttons/wap.jpg);
	background-position: top; 
	}
	
li#services_wap a:hover{
	background-image: url(../images/services_buttons/wap.jpg);
	background-position: 0 -12px;
	}

li#services_das{ 
	background-image: url(../images/services_buttons/das.jpg);
	background-position: top; 
	}
	
li#services_das a:hover{
	background-image: url(../images/services_buttons/das.jpg);
	background-position: 0 -12px;
	}
	
li#services_fap{ 
	background-image: url(../images/services_buttons/fap.jpg);
	background-position: top; 
	}
	
li#services_fap a:hover{
	background-image: url(../images/services_buttons/fap.jpg);
	background-position: 0 -12px;
	}
	
li#services_cohabitation{ 
	background-image: url(../images/services_buttons/cohabition.jpg);
	background-position: top; 
	}
	
li#services_cohabitation a:hover{
	background-image: url(../images/services_buttons/cohabition.jpg);
	background-position: 0 -12px;
	}
	
li#services_children{ 
	background-image: url(../images/services_buttons/children.jpg);
	background-position: top; 
	}
	
li#services_children a:hover{
	background-image: url(../images/services_buttons/children.jpg);
	background-position: 0 -12px;
	}
	
li#services_civpar{ 
	background-image: url(../images/services_buttons/civp.jpg);
	background-position: top; 
	}
	
li#services_civpar a:hover{
	background-image: url(../images/services_buttons/civp.jpg);
	background-position: 0 -12px;
	}
	
li#services_domvio{ 
	background-image: url(../images/services_buttons/dom_vio.jpg);
	background-position: top; 
	}
	
li#services_domvio a:hover{
	background-image: url(../images/services_buttons/dom_vio.jpg);
	background-position: 0 -12px;
	}
	
li#services_hbas{ 
	background-image: url(../images/services_buttons/hbas.jpg);
	background-position: top; 
	}
	
li#services_hbas a:hover{
	background-image: url(../images/services_buttons/hbas.jpg);
	background-position: 0 -12px;
	}
	
li#services_rm{ 
	background-image: url(../images/services_buttons/rem.jpg);
	background-position: top; 
	}
	
li#services_rm a:hover{
	background-image: url(../images/services_buttons/rem.jpg);
	background-position: 0 -12px;
	}
	
li#services_toe{ 
	background-image: url(../images/services_buttons/toe.jpg);
	background-position: top; 
	}
	
li#services_toe a:hover{
	background-image: url(../images/services_buttons/toe.jpg);
	background-position: 0 -12px;
	}
	
li#services_nhal{ 
	background-image: url(../images/services_buttons/nhal.jpg);
	background-position: top; 
	}
	
li#services_nhal a:hover{
	background-image: url(../images/services_buttons/nhal.jpg);
	background-position: 0 -12px;
	}
	
	li#services_hpack{ 
	background-image: url(../images/services_buttons/hpack.jpg);
	background-position: top; 
	}
	
li#services_hpack a:hover{
	background-image: url(../images/services_buttons/hpack.jpg);
	background-position: 0 -12px;
	}
	
li#services_wills{ 
	background-image: url(../images/services_buttons/wills.jpg);
	background-position: top; 
	}
	
li#services_wills a:hover{
	background-image: url(../images/services_buttons/wills.jpg);
	background-position: 0 -12px;
	}
	
li#services_paaoe{ 
	background-image: url(../images/services_buttons/paaoe.jpg);
	background-position: top; 
	}
	
li#services_paaoe a:hover{
	background-image: url(../images/services_buttons/paaoe.jpg);
	background-position: 0 -12px;
	}
	
li#services_cofn{ 
	background-image: url(../images/services_buttons/cofn.jpg);
	background-position: top; 
	}
	
li#services_cofn a:hover{
	background-image: url(../images/services_buttons/cofn.jpg);
	background-position: 0 -12px;
	}
	
li#services_poa{ 
	background-image: url(../images/services_buttons/poa.jpg);
	background-position: top; 
	}
	
li#services_poa a:hover{
	background-image: url(../images/services_buttons/poa.jpg);
	background-position: 0 -12px;
	}