html, body {width:100%;}
body {
	margin:0;
  	color:#000;
	width:580px;
	padding:0 10px;
	font:12px arial,sans-serif;
	background:#202020;	
}
img{border:none;}
a{
	text-decoration:none;
	color:#fff;
	outline:none;
}
a:hover{text-decoration:none;}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border:none;
}

/* example 1 */
ul.example1,
ul.example3 {
	height:47px;
	width:580px;
	padding:0;
	margin:0;
	list-style:none;
	position:relative;
}
ul.example1 li,
ul.example3 li {
	float:left;
	padding:0; 
	position:relative;
	z-index:1;	
	display:inline;
	line-height:35px;
	margin:0 5px 0 15px;
	text-align:center;
}	
ul.example3 li {line-height:43px;}
ul.example1 li a,
ul.example3 li a {
	text-align:center;
	padding:0 15px;
}
ul.example1 li.bg,
ul.example3 li.bg {
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	width:100px;
	background:url(../images/blue-bg.gif) no-repeat 50% 0;
}
ul.example3 li.bg {background:url(../images/dark-bg.gif) repeat-x;}
ul.example1 li.bg a,
ul.example3 li.bg a {
	display:block;
	width:100%;
	padding:0;
	background:url(../images/blue-lbg.gif) no-repeat;
} 
ul.example3 li.bg a {background:url(../images/dark-lbg.gif) no-repeat;}
ul.example1 li.bg a span,
ul.example3 li.bg a span {
	height:47px;
	display:block;
	text-align:center;
	background:url(../images/blue-rbg.gif) no-repeat 100% 0;
}
ul.example3 li.bg a span {background:url(../images/dark-rbg.gif) no-repeat 100% 0;}

/* example 2 */
ul.example2 {
	height:36px;
	float:left;
	padding:0;
	margin:0;
	list-style:none;
	position:relative;
	padding:1px 20px;
	background:#666;
}
ul.example2 li {
	float:left;
	padding:0; 
	position:relative;
	z-index:1;	
	border-left:1px solid #fff;
	display:inline;
	line-height:35px;
	text-align:center;
}	
ul.example2 li.first {border:none;}
ul.example2 li a {
	text-align:center;
	padding:0 15px;
}
ul.example2 li.bg {
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	padding:0 0 0 1px;
	border:none;
}
ul.example2 li.bg a {
	display:block;
	border:1px solid #09F;
	background:#000066;
} 
ul.example2 li.bg a span {
	display:block;
	text-align:center;
}