/* Button Bar CSS Document */

/* Left Button Bar Start -------------------------------------- */

a.home { color: #000000; display: block; width: 156px; height: 30px; background: url('../Buttons/home.gif') no-repeat 0 0; text-decoration: none; z-index: 10; }
a:hover.home { color: #000000; display: block; width: 156px; height: 30px; background: url('../Buttons/home.gif') no-repeat 0 -30px; text-decoration: none; z-index: 10;}

a.aboutus { color: #000000; display: block; width: 156px; height: 30px; background: url('../Buttons/aboutus.gif') no-repeat 0 0; text-decoration: none; z-index: 10; }
a:hover.aboutus { color: #000000; display: block; width: 156px; height: 30px; background: url('../Buttons/aboutus.gif') no-repeat 0 -30px; text-decoration: none; z-index: 10;}

a.services { color: #000000; display: block; width: 156px; height: 30px; background: url('../Buttons/services.gif') no-repeat 0 0; text-decoration: none; z-index: 10; }
a:hover.services { color: #000000; display: block; width: 156px; height: 30px; background: url('../Buttons/services.gif') no-repeat 0 -30px; text-decoration: none; z-index: 10;}

a.guarantee { color: #000000; display: block; width: 156px; height: 30px; background: url('../Buttons/guarantee.gif') no-repeat 0 0; text-decoration: none; z-index: 10; }
a:hover.guarantee { color: #000000; display: block; width: 156px; height: 30px; background: url('../Buttons/guarantee.gif') no-repeat 0 -30px; text-decoration: none; z-index: 10;}

a.portfolio { color: #000000; display: block; width: 156px; height: 30px; background: url('../Buttons/portfolio.gif') no-repeat 0 0; text-decoration: none; z-index: 10; }
a:hover.portfolio { color: #000000; display: block; width: 156px; height: 30px; background: url('../Buttons/portfolio.gif') no-repeat 0 -30px; text-decoration: none; z-index: 10;}

a.testimonials { color: #000000; display: block; width: 156px; height: 30px; background: url('../Buttons/testimonials.gif') no-repeat 0 0; text-decoration: none; z-index: 10; }
a:hover.testimonials { color: #000000; display: block; width: 156px; height: 30px; background: url('../Buttons/testimonials.gif') no-repeat 0 -30px; text-decoration: none; z-index: 10;}

a.contactus { color: #000000; display: block; width: 156px; height: 30px; background: url('../Buttons/contactus.gif') no-repeat 0 0; text-decoration: none; z-index: 10; }
a:hover.contactus { color: #000000; display: block; width: 156px; height: 30px; background: url('../Buttons/contactus.gif') no-repeat 0 -30px; text-decoration: none; z-index: 10;}

a.freeware { color: #000000; display: block; width: 156px; height: 30px; background: url('../Buttons/freeware.gif') no-repeat 0 0; text-decoration: none; z-index: 10; }
a:hover.freeware { color: #000000; display: block; width: 156px; height: 30px; background: url('../Buttons/freeware.gif') no-repeat 0 -30px; text-decoration: none; z-index: 10;}

a.blog { color: #000000; display: block; width: 156px; height: 30px; background: url('../Buttons/blog.gif') no-repeat 0 0; text-decoration: none; z-index: 10; }
a:hover.blog { color: #000000; display: block; width: 156px; height: 30px; background: url('../Buttons/blog.gif') no-repeat 0 -30px; text-decoration: none; z-index: 10;}

a.affiliation { color: #000000; display: block; width: 156px; height: 30px; background: url('../Buttons/affiliation.gif') no-repeat 0 0; text-decoration: none; z-index: 10; }
a:hover.affiliation { color: #000000; display: block; width: 156px; height: 30px; background: url('../Buttons/affiliation.gif') no-repeat 0 -30px; text-decoration: none; z-index: 10;}

a.events { color: #000000; display: block; width: 156px; height: 30px; background: url('../Buttons/events.gif') no-repeat 0 0; text-decoration: none; z-index: 10; }
a:hover.events { color: #000000; display: block; width: 156px; height: 30px; background: url('../Buttons/events.gif') no-repeat 0 -30px; text-decoration: none; z-index: 10;}

/* Left Button Bar End -------------------------------------- */

/* Right Drop Down Button Bar Start -------------------------------------- */

.clientlogin { color: #000000; display: block; width: 154px; height: 19px; background: url('../Buttons/clientlogin.gif') no-repeat 0 0; text-decoration: none; z-index: 10; }
a.clientlogin { color: #000000; display: block; width: 154px; height: 19px; background: url('../Buttons/clientlogin.gif') no-repeat 0 0; text-decoration: none; z-index: 10; }
a:hover.clientlogin { color: #000000; display: block; width: 154px; height: 19px; background: url('../Buttons/clientlogin.gif') no-repeat 0 -0px; text-decoration: none; z-index: 10;}

a.clientaccount { color: #000000; display: block; width: 154px; height: 30px; background: url('../Buttons/clientaccount.gif') no-repeat 0 0; text-decoration: none; z-index: 10; }
a:hover.clientaccount { color: #000000; display: block; width: 154px; height: 30px; background: url('../Buttons/clientaccount.gif') no-repeat 0 -30px; text-decoration: none; z-index: 10;}

a.email { color: #000000; display: block; width: 154px; height: 30px; background: url('../Buttons/email.gif') no-repeat 0 0; text-decoration: none; z-index: 10; }
a:hover.email { color: #000000; display: block; width: 154px; height: 30px; background: url('../Buttons/email.gif') no-repeat 0 -30px; text-decoration: none; z-index: 10;}

a.groupcalendar { color: #000000; display: block; width: 154px; height: 30px; background: url('../Buttons/groupcalendar.gif') no-repeat 0 0; text-decoration: none; z-index: 10; }
a:hover.groupcalendar { color: #000000; display: block; width: 154px; height: 30px; background: url('../Buttons/groupcalendar.gif') no-repeat 0 -30px; text-decoration: none; z-index: 10;}

a.fax { color: #000000; display: block; width: 154px; height: 30px; background: url('../Buttons/fax.gif') no-repeat 0 0; text-decoration: none; z-index: 10; }
a:hover.fax { color: #000000; display: block; width: 154px; height: 30px; background: url('../Buttons/fax.gif') no-repeat 0 -30px; text-decoration: none; z-index: 10;}

a.filefolder { color: #000000; display: block; width: 154px; height: 30px; background: url('../Buttons/filefolder.gif') no-repeat 0 0; text-decoration: none; z-index: 10; }
a:hover.filefolder { color: #000000; display: block; width: 154px; height: 30px; background: url('../Buttons/filefolder.gif') no-repeat 0 -30px; text-decoration: none; z-index: 10;}

a.blog2 { color: #000000; display: block; width: 154px; height: 30px; background: url('../Buttons/blog2.gif') no-repeat 0 0; text-decoration: none; z-index: 10; }
a:hover.blog2 { color: #000000; display: block; width: 154px; height: 30px; background: url('../Buttons/blog2.gif') no-repeat 0 -30px; text-decoration: none; z-index: 10;}



/* Right Drop Down Button Bar End -------------------------------------- */

/* Right Drop Down pop out menu group */

.rightdrop { 
	/* Wrapper that defines the menu header, then the submenu */
	position: relative;
	/* width: 278px;  */
	border:none;
	}	
	
.rightdrop div span {
	/* 
		Defines the transition the CSS needs to look for to hide initially 
		and where to locate it.  So it will look for a Div followed by a Span.
	*/
	/* background-color: #5677AB; */
	display: none;
	/* width: 278px;  */
	position: absolute;
	left: -0px; 
	 top: 19px;
	/* border: solid 1px; */
	/* border-color: #FFFFFF; */
	/* padding: 5px; */
	}

.rightdrop div:hover > span {
	/* Defines when the hidden portion needs to become visible */
	display: block;
	}
/* End of Right Drop Down menu group */