/* Empire Martial Arts CSS Document - navIGATION */

/* Main nav list */

.navbar {
	width:920px;
	height:35px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	padding-left:10px;
	position:static;
}

ul.list {
	list-style:none;
	margin:0;
	width:920px;
	padding:0;
	border-collapse:collapse
}

ul.list li {
	display:inline;
	position:relative;
	float:left;
	text-align:center;
}

ul.list li a{
	display:inline;
	position:relative;
	float:left;
	margin-bottom:0px;
	text-align:center;
	clear:both;
}


ul.list li a.nav1 {
	width:96px;
	height:35px;
	padding:0;
	margin:0px;
	text-indent:-999em;
	background:url(images/btn-one.jpg) right top no-repeat;
	cursor:pointer;
}

ul.list li a.nav1:hover {
	width:96px;
	height:35px;
	padding:0;
	margin:0;
	text-indent:-999em;
	background:url(images/btn-one-over.jpg) right top no-repeat;
	cursor:pointer;
}

ul.list li a.nav2 {
	width:112px;
	height:35px;
	padding:0;
	margin:0;
	text-indent:-999em;
	background:url(images/btn-two.jpg) right top no-repeat;
	cursor:pointer;
}

ul.list li a.nav2:hover {
	width:112px;
	height:35px;
	padding:0;
	margin:0;
	text-indent:-999em;
	background:url(images/btn-two-over.jpg) right top no-repeat;
	cursor:pointer;
}

ul.list li a.nav3 {
	width:113px;
	height:35px;
	padding:0;
	margin:0;
	text-indent:-999em;
	background:url(images/btn-three.jpg) right top no-repeat;
	cursor:pointer;
}

ul.list li a.nav3:hover {
	width:113px;
	height:35px;
	padding:0;
	margin:0;
	text-indent:-999em;
	background:url(images/btn-three-over.jpg) right top no-repeat;
	cursor:pointer;
}

ul.list li a.nav4 {
	width:108px;
	height:35px;
	padding:0;
	margin:0;
	text-indent:-999em;
	background:url(images/btn-four.jpg) right top no-repeat;
	cursor:pointer;
}

ul.list li a.nav4:hover {
	width:108px;
	height:35px;
	padding:0;
	margin:0;
	text-indent:-999em;
	background:url(images/btn-four-over.jpg) right top no-repeat;
	cursor:pointer;
}

ul.list li a.nav5 {
	width:89px;
	height:35px;
	padding:0;
	margin:0;
	text-indent:-999em;
	background:url(images/btn-five.jpg) right top no-repeat;
	cursor:pointer;
}

ul.list li a.nav5:hover {
	width:89px;
	height:35px;
	padding:0;
	margin:0;
	text-indent:-999em;
	background:url(images/btn-five-over.jpg) right top no-repeat;
	cursor:pointer;
}

ul.list li a.nav6 {
	width:88px;
	height:35px;
	padding:0;
	margin:0;
	text-indent:-999em;
	background:url(images/btn-six.jpg) right top no-repeat;
	cursor:pointer;
}

ul.list li a.nav6:hover {
	width:88px;
	height:35px;
	padding:0;
	margin:0;
	text-indent:-999em;
	background:url(images/btn-six-over.jpg) right top no-repeat;
	cursor:pointer;
}

ul.list li a.nav7 {
	width:120px;
	height:35px;
	padding:0;
	margin:0;
	text-indent:-999em;
	background:url(images/btn-seven.jpg) right top no-repeat;
	cursor:pointer;
}

ul.list li a.nav7:hover {
	width:120px;
	height:35px;
	padding:0;
	margin:0;
	text-indent:-999em;
	background:url(images/btn-seven-over.jpg) right top no-repeat;
	cursor:pointer;
}

/* ######### Chrome Menu ######### */
#chromemenu{

}
/* ######### Style for Drop Down Menu ######### */
.dropmenudiv{
position:absolute;
top: 0;
border-bottom-width: 0;
margin-top:0;
line-height:15px;
z-index:200;
color: #FFFFFF;
visibility: hidden;
}

.dropmenudiv a{
width: auto;
display: block;
text-indent: 4px;
padding: 4px 0;
text-decoration: none;
color: #FFFFFF;
background-color:#000033;
font-family:"Century Gothic", Tahoma, Arial, sans-serif;
font-size: 12px;
font-weight:100;
text-align: left;
border-bottom: #116797 1px solid;
margin:0;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*Theme Change here*/

color: #FFFFFF;
background-color:#333333;
text-decoration: none;
}
/* ######### End Drop Down Menu ######### */