/* CSS Document */

/*------- Main Navigation Top Up State --------*/

ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

li
{
margin-left: 0px;
padding: 0px;
list-style: none;
}

.topnav 
{ 
width: 400px;
height: 27px;
float:left;
margin: 0px;
padding: 0px;
} 

.topnav li
{ 
display: inline; 
margin-left: 0px;
padding: 0px;
} 

.topnav li a
{ 
background-image: url(../assets/menu.png);
height:0;
float:left;
overflow:hidden;
padding-top:27px;
margin: 0px;
} 

.topnav li.home a
{
width: 55px;
background-position: 0px 0px; 
}

.topnav li.about a
{
width: 80px;
background-position: -55px 0px; 
}

.topnav li.services a
{
width: 76px;
background-position: -135px 0px; 
}

.topnav li.prices a
{
width: 66px;
background-position: -211px 0px; 
}

.topnav li.contact a
{
width: 76px;
background-position: -277px 0px; 
}

/*------- Main Navigation Hover State --------*/

.topnav li.home a:hover
{
width: 55px;
background-position: 0px -28px; 
}

.topnav li.about a:hover
{
width: 80px;
background-position: -55px -28px; 
}

.topnav li.services a:hover
{
width: 76px;
background-position: -135px -28px; 
}

.topnav li.prices a:hover
{
width: 66px;
background-position: -211px -28px; 
}

.topnav li.contact a:hover
{
width: 76px;
background-position: -277px -28px; 
}


/*------- Main Navigation Current Page State --------*/

.topnav li.home a#first
{
width: 55px;
background-position: 0px -28px; 
}

.topnav li.about a#second
{
width: 80px;
background-position: -55px -28px; 
}

.topnav li.services a#third
{
width: 76px;
background-position: -135px -28px; 
}

.topnav li.prices a#forth
{
width: 66px;
background-position: -211px -28px; 
}

.topnav li.contact a#fifth
{
width: 76px;
background-position: -277px -28px; 
}