/* START MAIN NAVIGATION */

#main-nav
{
position:absolute;
top:60px;
left:0px;
width:117px;
text-align:right;
font-weight:bold;
}

#main-nav li
{
line-height:25px;
border-bottom: 1px solid #99CC00;
}

#main-nav li.last
{
line-height:25px;
border-bottom:none;
}

/*home*/
a.mainnav:link {
	color: #71B939;
	text-decoration: none;
	font-family:Helvetica, sans-serif;
}
a.mainnav:visited {
	text-decoration: none;
	color: #71B939;
	font-family:Helvetica, sans-serif;
}
a.mainnav:hover {
    background: url('../images/navigation/home-on.jpg') no-repeat;
}
a.mainnav:active {
	text-decoration: none;
	color: #C50978;
	font-family:Helvetica, sans-serif;
}

/*about*/
a.mainnav-about:link {
	color: #71B939;
	text-decoration: none;
	font-family:Helvetica, sans-serif;
}
a.mainnav-about:visited {
	text-decoration: none;
	color: #71B939;
	font-family:Helvetica, sans-serif;
}
a.mainnav-about:hover {
	text-decoration: none;
	color: #C50978;
	font-family:Helvetica, sans-serif;
}
a.mainnav-about:active {
	text-decoration: none;
	color: #C50978;
	font-family:Helvetica, sans-serif;
}

/*what we do*/
a.mainnav-whatwedo:link {
	color: #71B939;
	text-decoration: none;
	font-family:Helvetica, sans-serif;
}
a.mainnav-whatwedo:visited {
	text-decoration: none;
	color: #71B939;
	font-family:Helvetica, sans-serif;
}
a.mainnav-whatwedo:hover {
	text-decoration: none;
	color: #C50978;
	font-family:Helvetica, sans-serif;
}
a.mainnav-whatwedo:active {
	text-decoration: none;
	color: #C50978;
	font-family:Helvetica, sans-serif;
}

/*ourwork*/
a.mainnav-work:link {
	color: #71B939;
	text-decoration: none;
	font-family:Helvetica, sans-serif;
}
a.mainnav-work:visited {
	text-decoration: none;
	color: #71B939;
	font-family:Helvetica, sans-serif;
}
a.mainnav-work:hover {
	text-decoration: none;
	color: #C50978;
	font-family:Helvetica, sans-serif;
}
a.mainnav-work:active {
	text-decoration: none;
	color: #C50978;
	font-family:Helvetica, sans-serif;
}

/*testimonials*/
a.mainnav-test:link {
	color: #71B939;
	text-decoration: none;
	font-family:Helvetica, sans-serif;
}
a.mainnav-test:visited {
	text-decoration: none;
	color: #71B939;
	font-family:Helvetica, sans-serif;
}
a.mainnav-test:hover {
	text-decoration: none;
	color: #C50978;
	font-family:Helvetica, sans-serif;
}
a.mainnav-test:active {
	text-decoration: none;
	color: #C50978;
	font-family:Helvetica, sans-serif;
}

/*contact us*/
a.mainnav-contact:link {
	color: #71B939;
	text-decoration: none;
	font-family:Helvetica, sans-serif;
}
a.mainnav-contact:visited {
	text-decoration: none;
	color: #71B939;
	font-family:Helvetica, sans-serif;
}
a.mainnav-contact:hover {
	text-decoration: none;
	color: #C50978;
	font-family:Helvetica, sans-serif;
}
a.mainnav-contact:active {
	text-decoration: none;
	color: #C50978;
	font-family:Helvetica, sans-serif;
}



/*on active modes*/

a.mainnav-active-home {
	background: url('../images/navigation/home-on.jpg') no-repeat;
	display: block;
	float: right;
	margin-top: 7px;
	text-indent: -9999px;
}

a.mainnav-active-about {
	text-decoration: none;
	color: #C50978;
	font-family:Helvetica, sans-serif;
}

a.mainnav-active-what we do {
	text-decoration: none;
	color: #C50978;
	font-family:Helvetica, sans-serif;
}

a.mainnav-active-testimonials {
	text-decoration: none;
	color: #C50978;
	font-family:Helvetica, sans-serif;
}

a.mainnav-active-ourwork {
	text-decoration: none;
	color: #C50978;
	font-family:Helvetica, sans-serif;
}
a.mainnav-active-contactus {
	text-decoration: none;
	color: #C50978;
	font-family:Helvetica, sans-serif;
}



a.mainnav2:link {
	color: #C50978;
	text-decoration: none;
	font-family:Helvetica, sans-serif;
}
a.mainnav2:visited {
	text-decoration: none;
	color: #C50978;
	font-family:Helvetica, sans-serif;
}
a.mainnav2:hover {
	text-decoration: underline;
	color:#7c177a;
	font-family:Helvetica, sans-serif;
}
a.mainnav2:active {
	text-decoration: none;
	color: #C50978;
	font-family:Helvetica, sans-serif;
}



/* END MAIN NAVIGATION */

/* START SUB NAVIGATION */

#sub-nav
{
position:absolute;
top:277px;
left:0px;
width:117px;
text-align:right;
font-weight:bold;
}

#sub-nav li
{
line-height:25px;
border-bottom: 1px solid #FFFFFF;
}

#sub-nav li.last
{
line-height:25px;
border-bottom:none;
}

a.sub:link {
	color: #FFFFFF;
	text-decoration: none;
	font-family:Helvetica, sans-serif;
	font-weight:500;
}
a.sub:visited {
	text-decoration: none;
	color: #FFFFFF;
	font-family:Helvetica, sans-serif;
	font-weight:500;
}
a.sub:hover {
	text-decoration: none;
	color: #C50978;
	font-family:Helvetica, sans-serif;
	font-weight:500;
}
a.sub:active {
	text-decoration: none;
	color: #C50978;
	font-family:Helvetica, sans-serif;
	font-weight:500;
}

a.sub-active {
	text-decoration: none;
	color: #C50978;
	font-family:Helvetica, sans-serif;
	font-weight:500;
}

.work-dotted0 {
width:117px;
padding:0px;
}

.work-dotted1 {
width:117px;
padding-right:20px;
background:url(../images/mulberry-thumb.png) no-repeat right;
border-bottom:none;
}


#navigation {
padding: 0px;
width:117px;
position:absolute;
top:60px;
left:0px;
font-weight:bold;
}

#navigation a  {
text-indent:-9999px;
display:block;
}

#navigation a p  {
text-indent:-9999px;
padding: 0;
margin: 0;
}


#navigation li#nav1 a { 
background:url('../images/home-off.jpg') no-repeat;
border-bottom: 1px solid #99cc00;
height: 25px;
background-position: right;
}
#navigation li#nav1 a:hover { 
background:url('../images/home-on.jpg') no-repeat;
border-bottom: 1px solid #99cc00;
height: 25px;
background-position: right;
}
#navigation li#nav1 a.on { 
background:url('../images/home-on.jpg') no-repeat;
border-bottom: 1px solid #99cc00;
height: 25px;
background-position: right;
}

#navigation li#nav2 a { 
background:url('../images/about-off.jpg') no-repeat;
border-bottom: 1px solid #99cc00;
height: 25px;
background-position: right;
}
#navigation li#nav2 a:hover { 
background:url('../images/about-on.jpg') no-repeat;
border-bottom: 1px solid #99cc00;
height: 25px;
background-position: right;
}
#navigation li#nav2 a.on { 
background:url('../images/about-on.jpg') no-repeat;
border-bottom: 1px solid #99cc00;
height: 25px;
background-position: right;
}

#navigation li#nav3 a { 
background:url('../images/whatwedo-off.jpg') no-repeat;
border-bottom: 1px solid #99cc00;
height: 25px;
background-position: right;
}
#navigation li#nav3 a:hover { 
background:url('../images/whatwedo-on.jpg') no-repeat;
border-bottom: 1px solid #99cc00;
height: 25px;
background-position: right;
}
#navigation li#nav3 a.on { 
background:url('../images/whatwedo-on.jpg') no-repeat;
border-bottom: 1px solid #99cc00;
height: 25px;
background-position: right;
}

#navigation li#nav4 a { 
background:url('../images/work-off.jpg') no-repeat;
border-bottom: 1px solid #99cc00;
height: 25px;
background-position: right;
}
#navigation li#nav4 a:hover { 
background:url('../images/work-on.jpg') no-repeat;
border-bottom: 1px solid #99cc00;
height: 25px;
background-position: right;
}
#navigation li#nav4 a.on { 
background:url('../images/work-on.jpg') no-repeat;
border-bottom: 1px solid #99cc00;
height: 25px;
background-position: right;
}

#navigation li#nav5 a { 
background:url('../images/test-off.jpg') no-repeat;
border-bottom: 1px solid #99cc00;
height: 25px;
background-position: right;
}
#navigation li#nav5 a:hover { 
background:url('../images/test-on.jpg') no-repeat;
border-bottom: 1px solid #99cc00;
height: 25px;
background-position: right;
}
#navigation li#nav5 a.on { 
background:url('../images/test-on.jpg') no-repeat;
border-bottom: 1px solid #99cc00;
height: 25px;
background-position: right;
}

#navigation li#nav6 a { 
background:url('../images/contact-off.jpg') no-repeat;
background-position: right;
height: 25px;
}
#navigation li#nav6 a:hover { 
background:url('../images/contact-on.jpg') no-repeat;
background-position: right;
height: 25px;
}
#navigation li#nav6 a.on { 
background:url('../images/contact-on.jpg') no-repeat;
background-position: right;
height: 25px;
}
/* END SUB NAVIGATION */