/* CSS Document */

.main-nav-divider {
	float: left;
	height: 33px;
	width: 1px;
	background-image: url(../images/main-nav/divider.gif);
}

#main-nav-about {
	float: left;
	height: 33px;
	width: 44px;
	background-image: url(../images/main-nav/about.gif);
}
#main-nav-about-container {
	float: left;
	height: 33px;
	width: 44px;
	background-image: url(../images/main-nav/about.gif);
	background-position: 0px -33px; 
}
#main-nav-about:hover {
	background-image: url(../images/table/transpix.gif); }

#main-nav-portfolio {
	float: left;
	height: 33px;
	width: 46px;
	background-image: url(../images/main-nav/portfolio.gif);
}
#main-nav-portfolio-container {
	float: left;
	height: 33px;
	width: 46px;
	background-image: url(../images/main-nav/portfolio.gif);
	background-position: 0px -33px; 
}
#main-nav-portfolio:hover {
	background-image: url(../images/table/transpix.gif); }

#main-nav-fine-art-photography {
	float: left;
	height: 33px;
	width: 105px;
	background-image: url(../images/main-nav/fine-art-photography.gif);
}
#main-nav-fine-art-photography-container {
	float: left;
	height: 33px;
	width: 105px;
	background-image: url(../images/main-nav/fine-art-photography.gif);
	background-position: 0px -33px; 
}
#main-nav-fine-art-photography:hover {
	background-image: url(../images/table/transpix.gif); }

#main-nav-clientarea {
	float: left;
	height: 33px;
	width: 59px;
	background-image: url(../images/main-nav/client-area.gif);
}
#main-nav-clientarea-container {
	float: left;
	height: 33px;
	width: 59px;
	background-image: url(../images/main-nav/client-area.gif);
	background-position: 0px -33px;
}
#main-nav-clientarea:hover {
	background-image: url(../images/table/transpix.gif); }

#main-nav-enquiries {
	float: left;
	height: 33px;
	width: 51px;
	background-image: url(../images/main-nav/enquiries.gif);
}
#main-nav-enquiries-container {
	float: left;
	height: 33px;
	width: 51px;
	background-image: url(../images/main-nav/enquiries.gif);
	background-position: 0px -33px; 
}
#main-nav-enquiries:hover {
	background-image: url(../images/table/transpix.gif); }

#main-nav-home {
	float: left;
	height: 33px;
	width: 39px;
	background-image: url(../images/main-nav/home.gif);
}
#main-nav-home-container {
	float: left;
	height: 33px;
	width: 39px;
	background-image: url(../images/main-nav/home.gif);
	background-position: 0px -33px; 
}
#main-nav-home:hover {
	background-image: url(../images/table/transpix.gif); }

/* Sub nav -------------------------------------------------------------------------------- */

#sub-nav-about-deborah {
	float: left;
	height: 38px;
	width: 93px;
	background-image: url(../images/sub-nav/about-deborah-bayliss.gif);
}
#sub-nav-about-deborah-container {
	float: left;
	height: 38px;
	width: 93px;
	background-image: url(../images/sub-nav/about-deborah-bayliss.gif);
	background-position: 0px -38px; 
}
#sub-nav-about-deborah:hover {
	background-image: url(../images/table/transpix.gif);
}

#sub-nav-about-our-clients {
	float: left;
	height: 38px;
	width: 60px;
	background-image: url(../images/sub-nav/about-our-clients.gif);
}
#sub-nav-about-our-clients-container {
	float: left;
	height: 38px;
	width: 60px;
	background-image: url(../images/sub-nav/about-our-clients.gif);
	background-position: 0px -38px; 
}
#sub-nav-about-our-clients:hover {
	background-image: none; 
}

#sub-nav-about-photography {
	float: left;
	height: 38px;
	width: 87px;
	background-image: url(../images/sub-nav/about-our-photography.gif);
}
#sub-nav-about-photography-container {
	float: left;
	height: 38px;
	width: 87px;
	background-image: url(../images/sub-nav/about-our-photography.gif);
	background-position: 0px -38px; 
}
#sub-nav-about-photography:hover {
	background-image: url(../images/table/transpix.gif);
}

#sub-nav-about-our-albums {
	float: left;
	height: 38px;
	width: 63px;
	background-image: url(../images/sub-nav/about-our-albums.gif);
}
#sub-nav-about-our-albums-container {
	float: left;
	height: 38px;
	width: 63px;
	background-image: url(../images/sub-nav/about-our-albums.gif);
	background-position: 0px -38px; 
}
#sub-nav-about-our-albums:hover {
	background-image: none;
}

#sub-nav-about-right {
	float: left;
	height: 38px;
	width: 11px;
	background-image: url(../images/sub-nav/about-right.gif);
}

#sub-nav-about-star {
	float: left;
	height: 16px;
	width: 16px;
	left: 19px;
	top: -45px;
	position: relative;
	background-image: url(../images/sub-nav/about-star.gif);
	background-repeat: no-repeat;
}
#sub-nav-about-spacer {
	float: left;
	height: 38px;
	width: 19px;
}
#sub-nav-about-spacer2 {
	float: left;
	height: 38px;
	width: 65px;
}

/* General nav -------------------------------------------------------------------------------- */

#bg-nextprevious {
	float: left;
	height: 46px;
	width: 105px;
	background-image: url(../images/table/bg-nextprevious.gif);
}
#next {
	float: left;
	width: 40px;
	height: 29px;
	margin-top: 12px;
	background-image: url(../images/sub-nav/next-white.gif);
}
#next:hover {
	background-image: none;
}
#previous {
	float: left;
	width: 52px;
	height: 29px;
	margin-left: 9px;
	margin-top: 12px;
	background-image: url(../images/sub-nav/previous-white.gif);
}
#previous:hover {
	background-image: none;
}

#bg-nextprevious-sub {
	float: left;
	height: 36px;
	width: 99px;
	margin-top: -1px;
	background-image: url(../images/table/bg-nextprevious-sub.gif)
}
#next-sub {
	float: left;
	width: 45px;
	height: 36px;
	background-image: url(../images/sub-nav/next-sub.gif);
}
#next-sub:hover {
	background-image: none;
}
#previous-sub {
	float: left;
	width: 54px;
	height: 36px;
	background-image: url(../images/sub-nav/previous-sub.gif);
}
#previous-sub:hover {
	background-image: none;
}
#sub-nav-about-star2 {
	float: left;
	height: 16px;
	width: 16px;
	left: 62px;
	top: -45px;
	position: relative;
	background-image: url(../images/sub-nav/about-star.gif);
	background-repeat: no-repeat;
}