body{margin:0px auto;}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {margin:0;	padding:0; list-style:none;}
.sf-menu {line-height:1.0;}
.sf-menu ul {position:absolute;	top:-999em;	width:110px; /* left offset of submenus need to match (see below) */}
.sf-menu ul li {width:100%;}
.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:left; position:relative;}
.sf-menu a {display:block; position:relative;}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {left:0; top:2.5em; /* match top ul list item height */z-index:99;}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {top:-999em;}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {left:130px; /* match ul width */top:0;}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {top:-999em;}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {left:130px; /* match ul width */top:0;}

/*** DEMO SKIN ***/
.sf-menu {float:left; margin-bottom:1em;}
.sf-menu a {
	padding:1px;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  {/* visited pseudo selector so IE6 applies text color*/color:#000000; }
.sf-menu li {font:14px Arial, Helvetica, sans-serif;}
.sf-menu li li {background: url(../images/menubottle.gif) no-repeat; font:14px Arial, Helvetica, sans-serif; height:25px; width:125px; padding: 2px 0 0 3px;}
.sf-menu li li li {background: url(../images/menubottle.gif) no-repeat; font:14px Arial, Helvetica, sans-serif;}

/*fix for IE6*/
.sf-menu li li {background: url(../images/menubottle.gif) no-repeat; font:14px Arial, Helvetica, sans-serif; height:25px; width:125px; _margin-top:2px}
.sf-menu li li li {background: url(../images/menubottle.gif) no-repeat; font:14px Arial, Helvetica, sans-serif;}
/*end fix*/

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { font-weight:bold; outline:0;}


.services{visibility: hidden; margin-left:112px; display: none; margin-top:-35px;}
.of{margin-left:-112px; margin-top:52px;}
.interest{margin-left:112px; margin-top:-34px;}
.contact{margin-left:-112px; margin-top:104px;}



/*fix for IE 6*/
.services{visibility: hidden; _margin-left:114px; display: none; margin-top:-35px;}
.of{_margin-left:-109px; margin-top:52px;}
.interest{_margin-left:114px; margin-top:-34px;}
.contact{_margin-left:-109px; _margin-top:104px;}
/*end fix*/

.nav-indent {
				/*  Hide the text part of the links by moving it waaaayyy offscreen. */
				text-indent:-100000em;
			}

#services {background:url(../images/services.jpg) top left;width: 109px; height: 52px;}
#servicespage #services, #services:hover{background:url(../images/servicesOn.jpg) top left;width: 109px; height: 52px;}
#ofinterest{background:url(../images/ofinterest.jpg);width:110px; height:50px;}
#ofinterestpage #ofinterest, #ofinterest:hover{background:url(../images/ofintereston.jpg);width:110px; height:50px;}
#contact{background:url(../images/contact.jpg);width:108px; height:50px;}
#contactpage #contact, #contact:hover{background:url(../images/contacton.jpg);width:108px; height:50px;}

/*fix for IE 6*/
#ofinterest{background:url(../images/ofinterest.jpg);width:110px; _height:52px;}
#ofinterestpage #ofinterest, #ofinterest:hover{background:url(../images/ofintereston.jpg);width:110px; _height:52px;}
#contact{background:url(../images/contact.jpg);width:108px; _height:52px;}
#contactpage #contact, #contact:hover{background:url(../images/contacton.jpg);width:108px; _height:52px;}
/*fix for IE*/