/*This gets compiled into ZPE.all.css*/


#header
{
    width: 100%;
    height: 0px;
    text-align: center;
}

#menu
{
    width: 100%;
    float: left;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: bold;
}

#menu a
{
    font-weight: bold;
}

#menu ul li
{
    float: left;
    margin-right: 8px;
}


/* ========== Image rollover option - Internal Pages ================== */

/*	.clients {
	width: 77px;
	height: 20px;
	overflow: hidden;
	background: url(images/clients.gif) top no-repeat;
	}

.clients a {
	width: 77px;
	height: 20px;
	display: block;
	overflow: hidden;
	cursor: pointer;
	background: url(images/clients.gif) bottom no-repeat;
	}

.clients a:hover {
	background-image: none;
	text-decoration: none;
	cursor: pointer;
	}

.work {
	width: 57px;
	height: 20px;
	overflow: hidden;
	background: url(images/work.gif) top no-repeat;
	}

.work a {
	width: 57px;
	height: 20px;
	display: block;
	overflow: hidden;
	cursor: pointer;
	background: url(images/work.gif) bottom no-repeat;
	}

.work a:hover {
	background-image: none;
	text-decoration: none;
	cursor: pointer;
	}

.about {
	width: 63px;
	height: 20px;
	overflow: hidden;
	background: url(images/about.gif) top no-repeat;
	}

.about a {
	width: 63px;
	height: 20px;
	display: block;
	overflow: hidden;
	cursor: pointer;
	background: url(images/about.gif) bottom no-repeat;
	}

.about a:hover {
	background-image: none;
	text-decoration: none;
	cursor: pointer;
	}

.contact {
	width: 86px;
	height: 20px;
	overflow: hidden;
	background: url(images/contact.gif) top no-repeat;
	}

.contact a {
	width: 86px;
	height: 20px;
	display: block;
	overflow: hidden;
	cursor: pointer;
	background: url(images/contact.gif) bottom no-repeat;
	}

.contact a:hover {
	background-image: none;
	text-decoration: none;
	cursor: pointer;
	}

.clients span, .work span, .about span, .contact span {
	position: absolute;
    left: -999em;
    width: 1em;
    overflow: hidden;
}*/

li.clients a:hover, #clients li.clients a
{
    color: #854299;
}

li.work a:hover, #work li.work a
{
    color: #6C5635;
}

li.about a:hover, #about li.about a
{
    color: #95A53B;
}

li.contact a:hover, #contact li.contact a
{
    color: #AF385A;
}