/*================================================================
	
	BLIS WEB AGENCY "NAVIGATION" STYLESHEET
	
	The purpose of stylesheet is to indivually style each item
	that appears in the main navigation.
	
	RULES:
	1. DO NOT USE THIS FOR ANYTHING OTHER THAN ITEMS THAT APPEAR
	WITHIN THE <DIV CLASS="NAVIGATION"></DIV> TAGS

================================================================*/



/* nav_index
----------------------------------------------------------------*/

#nav_index {
margin: 0;
padding: 0;
margin-left: 10px;
display: block;
margin-left: 60px !important;
margin-left: 30px;
}

#nav_index a {
width: 50px;
height: 20px !important; height: 30px;
display: block;
text-align: left;
background: url(/images/nav.png) 0 7px no-repeat;
overflow: hidden;
}

#nav_index a span {
width: 100px;
height: 20px !important; height: 30px;
display: block;
text-align: left;
visibility: hidden;
}

#nav_index a:hover {
width: 50px;
height: 20px !important; height: 30px;
display: block;
text-align: left;
background: url(/images/nav.png) 0 -17px no-repeat;
}

#nav_index .selected {
width: 50px;
height: 20px !important; height: 30px;
display: block;
text-align: left;
background: url(/images/nav.png) 0 -17px no-repeat;
}

/* nav_folio
----------------------------------------------------------------*/

#nav_folio {
margin: 0;
padding: 0;
display: block;
}

#nav_folio a {
width: 57px;
height: 20px !important; height: 30px;
display: block;
text-align: left;
background: url(/images/nav.png) -50px 7px no-repeat;
overflow: hidden;
}

#nav_folio a span {
width: 128px;
height: 20px !important; height: 30px;
display: block;
text-align: left;
visibility: hidden;
}

#nav_folio a:hover {
width: 57px;
height: 20px !important; height: 30px;
display: block;
text-align: left;
background: url(/images/nav.png) -50px -17px no-repeat;
}

#nav_folio .selected {
width: 57px;
height: 20px !important; height: 30px;
display: block;
text-align: left;
background: url(/images/nav.png) -50px -17px no-repeat;
}

/* nav_services
----------------------------------------------------------------*/

#nav_services {
margin: 0;
padding: 0;
display: block;
}

#nav_services a {
width: 50px;
height: 20px !important; height: 30px;
display: block;
text-align: left;
background: url(/images/nav.png) -110px 7px no-repeat;
overflow: hidden;
}

#nav_services a span {
width: 128px;
height: 20px !important; height: 30px;
display: block;
text-align: left;
visibility: hidden;
}

#nav_services a:hover {
width: 50px;
height: 20px !important; height: 30px;
display: block;
text-align: left;
background: url(/images/nav.png) -110px -17px no-repeat;
}

#nav_services .selected {
width: 50px;
height: 20px !important; height: 30px;
display: block;
text-align: left;
background: url(/images/nav.png) -110px -17px no-repeat;
}

/* nav_process
----------------------------------------------------------------*/

#nav_process {
margin: 0;
padding: 0;
display: block;
margin-right: 16px;
}

#nav_process a {
width: 70px;
height: 20px !important; height: 30px;
display: block;
text-align: left;
background: url(/images/nav.png) -159px 7px no-repeat;
overflow: hidden;
}

#nav_process a span {
width: 128px;
height: 20px !important; height: 30px;
display: block;
text-align: left;
visibility: hidden;
}

#nav_process a:hover {
width: 70px;
height: 20px !important; height: 30px;
display: block;
text-align: left;
background: url(/images/nav.png) -159px -17px no-repeat;
}

#nav_process .selected {
width: 70px;
height: 20px !important; height: 30px;
display: block;
text-align: left;
background: url(/images/nav.png) -159px -17px no-repeat;
}

/* nav_prices
----------------------------------------------------------------*/

#nav_prices {
margin: 0;
padding: 0;
display: block;
}

#nav_prices a {
width: 60px;
height: 20px !important; height: 30px;
display: block;
text-align: left;
background: url(/images/nav.png) -236px 7px no-repeat;
overflow: hidden;
}

#nav_prices a span {
width: 128px;
height: 20px !important; height: 30px;
display: block;
text-align: left;
visibility: hidden;
}

#nav_prices a:hover {
width: 60px;
height: 20px !important; height: 30px;
display: block;
text-align: left;
background: url(/images/nav.png) -236px -17px no-repeat;
}

#nav_prices .selected {
width: 60px;
height: 20px !important; height: 30px;
display: block;
text-align: left;
background: url(/images/nav.png) -236px -17px no-repeat;
}

/* nav_contact
----------------------------------------------------------------*/

#nav_contact {
margin: 0;
padding: 0;
display: block;
}

#nav_contact a {
width: 68px;
height: 20px !important; height: 30px;
display: block;
text-align: left;
background: url(/images/nav.png) -370px 7px no-repeat;
overflow: hidden;
}

#nav_contact a span {
width: 128px;
height: 20px !important; height: 30px;
display: block;
text-align: left;
visibility: hidden;
}

#nav_contact a:hover {
width: 68px;
height: 20px !important; height: 30px;
display: block;
text-align: left;
background: url(/images/nav.png) -370px -17px no-repeat;
}

#nav_contact .selected {
width: 68px;
height: 20px !important; height: 30px;
display: block;
text-align: left;
background: url(/images/nav.png) -370px -17px no-repeat;
}