/* 

Credits: Site created by pill and pillow

*/

/*==========Home Navigation==========*/

a .alt { display: none; }



#homenav1 {

    display: block;

    width: 149px;

    height: 339px;

    background-image: url(../assets/homenav_about.jpg);

    background-position: 0 0;

	float:left;

}

a#homenav1:hover {

    background-position:149px 0px;

}



#homenav2 {

    display: block;

    width: 149px;

    height: 339px;

    background-image: url(../assets/homenav_product.jpg);

    background-position: 0 0;

	float:left;

    /*margin: 0 auto;*/

}

a#homenav2:hover {

    background-position:149px 0px;

}



#homenav3 {

    display: block;

    width: 149px;

    height: 339px;

    background-image: url(../assets/homenav_report.jpg);

    background-position: 0 0;

	float:left;

}

a#homenav3:hover {

    background-position:149px 0px;

}



#homenav4 {

    display: block;

    width: 149px;

    height: 339px;

    background-image: url(../assets/homenav_history.jpg);

    background-position: 0 0;

	float:left;

}

a#homenav4:hover {

    background-position:149px 0px;

}



#homenav5 {

    display: block;

    width: 149px;

    height: 339px;

    background-image: url(../assets/homenav_news.jpg);

    background-position: 0 0;

	float:left;

}

a#homenav5:hover {

    background-position:149px 0px;

}



#homenav6 {

    display: block;

    width: 148px;

    height: 339px;

    background-image: url(../assets/homenav_contact.jpg);

    background-position: 0 0;

	float:left;

}

a#homenav6:hover {

    background-position:148px 0px;

}





/*==========Sub Navigation==========*/



#nav1 {

    display: block;

    width: 149px;

    height: 57px;

    background-image: url(../assets/nav_about.jpg);

    background-position: 0 0;

	float:left;

}



a#nav1:hover {

    background-position:149px 0px;

}



a#nav1.on {

    background-position:149px 0px;

}

#nav2 {

    display: block;

    width: 149px;

    height: 57px;

    background-image: url(../assets/nav_product.jpg);

    background-position: 0 0;

	float:left;

}



a#nav2:hover {

    background-position:149px 0px;

}



a#nav2.on {

    background-position:149px 0px;

}

#nav3 {

    display: block;

    width: 149px;

    height: 57px;

    background-image: url(../assets/nav_report.jpg);

    background-position: 0 0;

	float:left;

}



a#nav3:hover {

    background-position:149px 0px;

}



a#nav3.on {

    background-position:149px 0px;

}

#nav4 {

    display: block;

    width: 149px;

    height: 57px;

    background-image: url(../assets/nav_history.jpg);

    background-position: 0 0;

	float:left;

}



a#nav4:hover {

    background-position:149px 0px;

}



a#nav4.on {

    background-position:149px 0px;

}

#nav5 {

    display: block;

    width: 149px;

    height: 57px;

    background-image: url(../assets/nav_news.jpg);

    background-position: 0 0;

	float:left;
	overflow: hidden;

}



a#nav5:hover {

    background-position:149px 0px;

}



a#nav5.on {

    background-position:149px 0px;

}

#nav6 {

    display: block;

    width: 148px;

    height: 57px;

    background-image: url(../assets/nav_contact.jpg);

    background-position: 0 0;

	float:left;

}



a#nav6:hover {

    background-position:148px 0px;

}



a#nav6.on {

    background-position:148px 0px;

}



/*==========Product sub-navigation==========*/

#productnav1 {

    display: block;

    width: 150px;

    height: 26px;

    background-image: url(../assets/productnav_01.jpg);

    background-position: 0 0;

}



a#productnav1:hover {

    background-position:0 26px;

}



a#productnav1.on {

    background-position:0 26px;

}

#productnav2 {

    display: block;

    width: 150px;

    height: 26px;

    background-image: url(../assets/productnav_02.jpg);

    background-position: 0 0;

}



a#productnav2:hover {

    background-position:0 26px;

}



a#productnav2.on {

    background-position:0 26px;

}

#productnav3 {

    display: block;

    width: 150px;

    height: 26px;

    background-image: url(../assets/productnav_03.jpg);

    background-position: 0 0;

}



a#productnav3:hover {

    background-position:0 26px;

}



a#productnav3.on {

    background-position:0 26px;

}

#productnav4 {

    display: block;

    width: 150px;

    height: 26px;

    background-image: url(../assets/productnav_04.jpg);

    background-position: 0 0;

}



a#productnav4:hover {

    background-position:0 26px;

}



a#productnav4.on {

    background-position:0 26px;

}

#productnav5 {

    display: block;

    width: 150px;

    height: 26px;

    background-image: url(../assets/productnav_05.jpg);

    background-position: 0 0;

}



a#productnav5:hover {

    background-position:0 26px;

}



a#productnav5.on {

    background-position:0 26px;

}

#productnav6 {

    display: block;

    width: 150px;

    height: 26px;

    background-image: url(../assets/productnav_06.jpg);

    background-position: 0 0;

}



a#productnav6:hover {

    background-position:0 26px;

}



a#productnav6.on {

    background-position:0 26px;

}

#productnav7 {

    display: block;

    width: 150px;

    height: 26px;

    background-image: url(../assets/productnav_07.jpg);

    background-position: 0 0;

}



a#productnav7:hover {

    background-position:0 26px;

}



a#productnav7.on {

    background-position:0 26px;

}



/*==========History sub-navigation==========*/

#historynav1 {

    display: block;

    width: 150px;

    height: 26px;

    background-image: url(../assets/historynav_01.jpg);

    background-position: 0 0;

}



a#historynav1:hover {

    background-position:0 26px;

}



a#historynav1.on {

    background-position:0 26px;

}



#historynav2 {

    display: block;

    width: 150px;

    height: 26px;

    background-image: url(../assets/historynav_02.jpg);

    background-position: 0 0;

}



a#historynav2:hover {

    background-position:0 26px;

}

a#historynav2.on {

    background-position:0 26px;

}



/*==========Reports sub-navigation==========*/

#reportsnav1 {

    display: block;

    width: 150px;

    height: 26px;

    background-image: url(../assets/reportnav_01.jpg);

    background-position: 0 0;

}



a#reportsnav1:hover {

    background-position:0 26px;

}



a#reportsnav1.on {

    background-position:0 26px;

}



#reportsnav2 {

    display: block;

    width: 150px;

    height: 26px;

    background-image: url(../assets/reportnav_02.jpg);

    background-position: 0 0;

}



a#reportsnav2:hover {

    background-position:0 26px;

}



a#reportsnav2.on {

    background-position:0 26px;

}



#reportsnav3 {

    display: block;

    width: 150px;

    height: 26px;

    background-image: url(../assets/reportnav_03.jpg);

    background-position: 0 0;

}



a#reportsnav3:hover {

    background-position:0 26px;

}



a#reportsnav3.on {

    background-position:0 26px;

}



#reportsnav4 {

    display: block;

    width: 150px;

    height: 47px;

    background-image: url(../assets/reportnav_04.jpg);

    background-position: 0 0;

}



a#reportsnav4:hover {

    background-position:0 47px;

}



a#reportsnav4.on {

    background-position:0 47px;

}



#reportsnav5 {

    display: block;

    width: 150px;

    height: 26px;

    background-image: url(../assets/reportnav_05.jpg);

    background-position: 0 0;

}



a#reportsnav5:hover {

    background-position:0 26px;

}



a#reportsnav5.on {

    background-position:0 26px;

}

#reportsnav6 {

    display: block;

    width: 150px;

    height: 26px;

    background-image: url(../assets/reportnav_06.jpg);

    background-position: 0 0;

}



a#reportsnav6:hover {

    background-position:0 26px;

}



a#reportsnav6.on {

    background-position:0 26px;

}


#contactnav1 {

    display: block;

    width: 150px;

    height: 26px;

    background-image: url(../assets/contactnav_01.jpg);

    background-position: 0 0;

}



a#contactnav1:hover {

    background-position:0 26px;

}



a#contactnav1.on {

    background-position:0 26px;

}

#contactnav2 {

    display: block;

    width: 150px;

    height: 26px;

    background-image: url(../assets/contactnav_02.jpg);

    background-position: 0 0;

}



a#contactnav2:hover {

    background-position:0 26px;

}



a#contactnav2.on {

    background-position:0 26px;

}


#contactnav3 {

    display: block;

    width: 150px;

    height: 26px;

    background-image: url(../assets/contactnav_03.jpg);

    background-position: 0 0;

}



a#contactnav3:hover {

    background-position:0 26px;

}



a#contactnav3.on {

    background-position:0 26px;

}