/* Navigation Stylesheet for Perfect Day Photography

  (c) Colin Sewell, 2007
------------------------- */

.skiplinks {display:none;}


.ImageLink, .ImageLink:hover
{
    text-decoration: none;
	border-bottom: none;
}


/* Generic Page Links
   ------------------ */

a
{
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 100%;
	font-weight: bold;
    color: #007de0;
    text-decoration: none;
	text-align: center;
	border-bottom: 1px dotted #007de0;
}

/* colour crib :
   007de0 = dark blue  0097fd = light blue */
a:link
{
    color: #007de0;
}
a:visited
{
    color: #007de0;
}
a:hover
{
    color: #0097fd;
	border-bottom: 1px solid #0097fd;
}
a:active
{
    color: #007de0;	/* purple */
}




/* Main Navigation Menu
   -------------------- */

#NavMenu
{
	position: absolute;
	width: 160px;
	height: 510px;
	min-height: 510px;
	left: 10px;
	top: 75px;
/*	background-image: url(../images/nav-bg.gif); */
	background-position: 0 0;
	background-color: #fff;
}

#NavMenu ul
{
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
	list-style-type: none;
	list-style-image: none;
	overflow: hidden;
}

#NavMenu li
{
    margin: 0px;
    padding: 0px;
	list-style-type: none;
	list-style-image: none;
	overflow: hidden;
}

#NavMenu a {
	float: left;
	width: 160px;

	overflow: hidden;
	height: 0px !important;	/* hide inline link text */
	padding: 50px 0 0 0;
	height /**/:50px; /* for IE5/Win only */

	font-size: 80%;
	color: #fff;

	text-decoration: none;
	border-bottom: 0px;
}


#NavMenu #nav-top {
	padding: 34px 0 0 0;
	background: url("../images/nav-top.gif") 0 0 no-repeat;
}

#NavMenu #nav-home {
	padding: 82px 0 0 0;
	background: url("../images/nav-home.gif") 0 0 no-repeat;
}
#NavMenu #nav-home:hover {
	background: url("../images/nav-home.gif") -160px 0 no-repeat;
}


#NavMenu #nav-about {
	padding: 52px 0 0 0;
	background: url("../images/nav-about.gif") 0 0px no-repeat;
}
#NavMenu #nav-about:hover {
	background: url("../images/nav-about.gif") -160px 0 no-repeat;
}


#NavMenu #nav-portfolio {
	padding: 49px 0 0 0;
	background: url("../images/nav-portfolio.gif") 0 0px no-repeat;
}
#NavMenu #nav-portfolio:hover {
	background: url("../images/nav-portfolio.gif") -160px 0 no-repeat;
}


#NavMenu #nav-services {
	padding: 52px 0 0 0;
	background: url("../images/nav-services.gif") 0 0px no-repeat;
}
#NavMenu #nav-services:hover {
	background: url("../images/nav-services.gif") -160px 0 no-repeat;
}


#NavMenu #nav-contact {
	padding: 52px 0 0 0;
	background: url("../images/nav-contact.gif") 0 0px no-repeat;
}
#NavMenu #nav-contact:hover {
	background: url("../images/nav-contact.gif") -160px 0 no-repeat;
}


#NavMenu #nav-prices {
	padding: 53px 0 0 0;
	background: url("../images/nav-prices.gif") 0 0px no-repeat;
}
#NavMenu #nav-prices:hover {
	background: url("../images/nav-prices.gif") -160px 0 no-repeat;
}


#NavMenu #nav-clients {
	padding: 58px 0 0 0;
	background: url("../images/nav-clients.gif") 0 0px no-repeat;
}
#NavMenu #nav-clients:hover {
	background: url("../images/nav-clients.gif") -160px 0 no-repeat;
}


#NavMenuAdmin
{
	position: absolute;
	width: 160px;
	left: 10px;
	top: 100px;
}

#NavMenuAdmin ul
{
	margin: 5px;
	padding: 2px;
	list-style-type: none;
	list-style-image: none;
}


/* Footer and other Links
   ------------------ */

div#Footer a {
    color: #4b5b6e;
    text-decoration: none;
	text-align: center;
	border-bottom: 0px dotted #888888;
}

div#Footer a:hover {
    color: #7c8ea2;
	border-bottom: 1px dotted #888888;
}