/*Reset*/
*, HTML, BODY, DIV, DL, DT, DD, UL, OL, LI, H1, H2, H3, H4, H5, H6, PRE, FORM, LABEL, FIELDSET, INPUT, P, BLOCKQUOTE, TH, TD
{
	margin: 0;
	padding: 0;
}
OL, UL, LI
{
	list-style: none;
}
#container
{
	width: 400px;
	margin-left: auto;
	margin-right: auto;
}
#container H2
{
	font: normal bold 40px Cambria, Tahoma;
	margin-top: 100px;
	line-height: 1;
	letter-spacing: -3px;
}
#topmain-nav
{
	clear: both;
	margin-top: 0px;
}
#topmain-nav UL LI
{
	float: left;
}
#topmain-nav LI
{
}
/*menu-styling ] on / hover states [*/
#topmain-nav UL LI A
{
	background-image:url(../2012images/nav-bg4.png);
	height: 33px;
	text-decoration: none;
	display: block;
}
#topmain-nav UL LI A.home
{
	width: 112px;
	text-indent: -99999em;
}
#topmain-nav UL LI A.home:hover
{
	background-position: 0px -66px;
}
#topmain-nav UL LI A.first
{
	width: 124px;
	background-position: -112px 0;
	text-indent: -99999em;
}
#topmain-nav UL LI A.first:hover
{
	background-position: -112px -66px;
}
#topmain-nav UL LI A.third
{
	width: 164px;
	background-position: -236px 0;
	text-indent: -99999em;
}
#topmain-nav UL LI A.third:hover
{
	background-position: -236px -66px;
}

/*Active state ] i have only defined  styles for home, product links [*/
#topmain-nav UL LI.selected A.home
{
	background-position: 0px -33px;
}
#topmain-nav UL LI.selected A.products
{
	background-position: -97px -33px;
}