body {
	margin: 0;
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	width: 100%;
	
}

/* 0. DIV CONTROL*/


.sf-menu {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; display: block; 
	
}
.sf-menu * {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.sf-menu {
	LINE-HEIGHT: 1;
}

.sf-menu {
	text-align: left;
}

/*controls the dimensions of all href buttons. DO NOT EDIT*/
.sf-menu A {
	PADDING-RIGHT: 1em; PADDING-LEFT: 1em;  TEXT-DECORATION: none; 
	BACKGROUND: url(trpnt.gif); 
}

.sf-menu A {
	 DISPLAY: block; POSITION: relative; COLOR: #fff;
	
	
}

/* this controls the background color or background image when you hover over any link within the SF MENU DIV*/
.sf-menu A:hover {
	text-decoration: underline;
}

.sf-menu LI {
	FLOAT: left; POSITION: relative; 
	BACKGROUND: url(ordo.gif); 

}

/* 1. LINKS CONTROL */

/* this controls the background color or background image of the main LI links (Home, Portfolio, Resume and Contact)*/
.sf-menu LI {
 HEIGHT: 2.4em;
 	
}


/* UL CONTAINER for LIs Web Design and Visual */
.sf-menu UL {
	WIDTH: 50em; HEIGHT: 6em; POSITION: absolute; TOP: -999em; display: block; 
}

.sf-menu UL LI {
	WIDTH: 100%;
	LEFT: 2.4em;
	HEIGHT: 6em;
	BACKGROUND: url(trpnt.gif); 
}


/* this controls the background color of Interactive and Visual Work links */
.sf-menu LI LI {
	WIDTH: 7.5em; HEIGHT: 1em; padding-top: 0.2em;
}

/* controls positioning for the LIs under the Portfolio link. */
.sf-menu LI:hover UL {
	Z-INDEX: 99; LEFT: 0; TOP: 2.4em; 
}












.sf-menu A:active {
	 outline: 0
}


/* 3. SUB-LINKS CONTROL */

.sf-menu LI:hover {
	VISIBILITY: inherit;
}



UL.sf-menu LI:hover LI UL {
	TOP: -999em
}


/* controls positioning for Web Design and Flash (the LIs contained inside the LI known as Interactive)*/
UL.sf-menu LI LI:hover UL {
	LEFT: 6.5em; TOP: 0px
}




UL.sf-menu LI LI:hover LI UL {
	TOP: -999em
}
UL.sf-menu LI LI.sfHover LI UL {
	TOP: -999em
}
UL.sf-menu LI LI LI:hover UL {
	LEFT: 10em; TOP: 0px
}