/* CSS Document */

.mainbox{
		border-style: solid;
		border-width: 1px;
		border-color: #cccccc;
		}

body	{background-color: #ffffff;
		font-family: Lucida Sans Unicode, Verdana, Helvetica, sans-serif;
		font-size: 12px;
		color: #660066;
		}

td		{font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #666666;
		}
		
h4		{color: #660066;
		font-size: 14px;
		font-family: Arial, Helvetica, sans-serif;
		}
		
h5      {font-size:x-small;
  		padding:0 .5ex;
   		border-top:1px solid #ccc;
   		border-left:1px solid #ccc;
   		margin-left:-.5ex;}		
		
.textarea {background-color: #ffffe0;
		font-family: Lucida Sans Unicode, Verdana, Helvetica, sans-serif;
		font-size: 12px;
		color: #660066;
	}
	
.lowerarea {background-color: #ffffe0;
		border-top: #7d517d 3px solid;
		font-family: Lucida Sans Unicode, Verdana, Helvetica, sans-serif;
		font-size: 12px;
		color: #660066;
	}	

.sidebar {background-color: #ffffe0;
		font-family: Lucida Sans Unicode, Verdana, Helvetica, sans-serif;
		font-size: 12px;
		color: #ffffe0;
		BORDER-LEFT: #7d517d 3px solid;
	}
	
.footer {background-color: #f6f6f6;
		border-top: #cccccc 3px solid;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #999999;
		}
		
.sides {BORDER-LEFT: #7d517d 1px solid;
		BORDER-right: #7d517d 1px solid;
}
		
.infobox {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
	}
	
.vert_link {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
	}
	
.linkbox {
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffcc;
	}
	
.linkbox2 {
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffcc;
	}
	
.portfolio_info {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.portfolio_info_last {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
	
.flashbox {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}

.hrznline_thin {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #3399ff;
	}
	
.hrznline_thick {
	border-bottom-width: 7px;
	border-bottom-style: solid;
	border-bottom-color: #3399ff;
	}
		
.vert_nav {font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #000000;
		}
		
.id_box {font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 16px;
		color: #333333;
		}
		
a:link      {color: #333333;
		text-decoration: underline;
		}

a:visited	{color: #666666;
		text-decoration: none;
		}

a:hover	{color: #333333;
		text-decoration: none;
		}

a:active	{color: #333333;
		text-decoration: none;
		}
		
.button {
BORDER-RIGHT: #660066 1px solid;
BORDER-TOP: #660066 1px solid;
FONT-SIZE: 12px;
BORDER-LEFT: #660066 1px solid;
COLOR: #ffffe0;
BORDER-BOTTOM: #660066 1px solid;
FONT-FAMILY: Arial, Helvetica, sans-serif;
BACKGROUND-COLOR: #735b7f;
BORDER-COLOR: #ffffff;
WIDTH: 50px;
}		
<style>
/* Apply CSS to any UL (Unorderd List) with the class name 'menu' */
.menu
{
	border: none;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 134px;
}
/* Collapse the List Item Tags */
.menu li { display: inline; }

/* Make the links block elements and give them padding and some style */
.menu a, .menu a:visited
{
	color:  #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	background-color: #ffffff;
	display: block;
	padding: 5px;
	border-right: 10px solid #ffffff;
}

/* Specify the rollover style for the links */
.menu a:hover
{
	border-right: 10px solid #3399ff;
	background-color: #f6f6f6;
	color: #666666;
}
</style>

<ul class="menu">
<li><a href="http://www.phenixwebdesign.com/">Home</a></li>
<li><a href="http://www.phenixwebdesign.com/services.htm">Home</a></li>
<li><a href="http://www.phenixwebdesign.com/faqs.htm">FAQs</a></li>
<li><a href="http://www.phenixwebdesign.com/pricing.htm">Pricing</a></li>
<li><a href="http://www.phenixwebdesign.com/portfolio.htm">Portfolio</a></li>
<li><a href="http://www.phenixwebdesign.com/links.htm">Links</a></li>
<li><a href="http://www.phenixwebdesign.com/contact.htm">Contact</a></li>
<li><a href="http://www.phenixwebdesign.com/clientarea.htm">Client Area</a></li>
</ul>