/*
<div class="h-nav">
		<ul>
			<li class="first-option"><a href="#">Link1</a></li>
			<li><a href="#">Link2</a></li>
			<li><a href="#">Link3</a></li>
			<li><a href="#">Link4</a></li>
		</ul>
	</div>
*/
/*Horizontal Navigation*/
.h-nav{
width:900px; margin:0 auto;
overflow: hidden; padding-top:30px; clear:both;
/*background:url(../images/nav-bg-x.jpg) repeat-x;*/
}

.h-nav ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font:14px;
list-style-type: none;
float:left;
}

.h-nav li{
display: inline;
margin: 0;
}

.h-nav li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding:8px 8px 11px 9px; /*padding inside each tab*/
font-size:13px;
color: white;
font-family:Arial;
border-right:1px solid #b55f5f; border-left:1px solid #630707;
}

.h-nav li a:visited{
/*color: white;*/
}

.h-nav li a:hover, .h-nav li.selected a, .selected{
color:#990000;
background:#fff url(../images/nav-hover.jpg) repeat-x center top; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}
.first-option a { border-left:none !important;}
li.last-option { padding-left:100px !important; float:right;width:290px; /*reduce the 'padding-left' property if adding new li elements*/}
li.last-option a {border-right:none !important;}