@charset "utf-8";

/* DESIGN NOTES - Navigation Stylesheet

Website: HyperlinkStudio.com.au

_________________________________________________________________*/


/* Define styles for  MENUBAR-----------------------------------*/

#blank, #home, #portfolio, #services, #about, #contact {
}
#menuBar {
	height: 36px;
	padding-top: 0px;
	color: white;
	padding-left: 2px;
	position: absolute;
	left: 0px;
	top: 140px;
	width: 580px;
}
#menuBar  li {
	list-style-type: none;
	font-size: 1.42em;
	float: left;
}
#menuBar  a {
	display: block;
	height: 36px;
	text-decoration: none;
	background-repeat: no-repeat;
	text-align: center;
	line-height: 36px;
}


/*Menu links if Body ID = BLANK*/
a#homeLink:link, a#homeLink:visited {
	background: url(../images/Lhome.png) center top;
	width: 86px;
}
a#homeLink:hover, a#homeLink:active {
	background: url(../images/Lhome.png) center bottom;
}
a#portfolioLink:link, a#portfolioLink:visited {
	background: url(../images/Lportfolio.png) center top;
	width: 110px;
}
a#portfolioLink:hover, a#portfolioLink:active {
	background: url(../images/Lportfolio.png) center bottom;
}
a#servicesLink:link, a#servicesLink:visited {
	background: url(../images/Lservices.png) center top;
	width: 110px;
}
a#servicesLink:hover, a#servicesLink:active {
	background: url(../images/Lservices.png) center bottom;
}
a#aboutLink:link, a#aboutLink:visited {
	background: url(../images/Labout.png) center top;
	width: 90px;
}
a#aboutLink:hover, a#aboutLink:active {
	background: url(../images/Labout.png) center bottom;
}
a#contactLink:link, a#contactLink:visited {
	background: url(../images/Lcontact.png) center top;
	width: 110px;
}
a#contactLink:hover, a#contactLink:active {
	background: url(../images/Lcontact.png) center bottom;
}

/*Styles for Active Menu Link in section*/
#home a#homeLink {
	background: url(../images/Lhome.png) center center; }
#portfolio a#portfolioLink {
	background: url(../images/Lportfolio.png) center center; }
#services a#servicesLink {
	background: url(../images/Lservices.png) center center; }	
#about a#aboutLink {
	background: url(../images/Labout.png) center center; }
#contact a#contactLink {
	background: url(../images/Lcontact.png) center center; }
	
/* Define styles for SUB MENUs------------------------------------------*/

#subMenus {
	z-index: 5;
	font: bold 1.3em Verdana, Arial, Helvetica, sans-serif;
}
#subMenus  ul {
	list-style-type: none;
	padding-bottom: 8px;
	margin-top: 6px;
}
#subMenus a:link, #subMenus a:visited {
	color: #f4ffff;
	display: block;
	text-decoration: none;
	line-height: 30px;
	padding-left: 18px;
	height: 30px;
}

#subMenus a:hover {
	color: #7B9E3A;
	background: url(../images/submenu-hover.png) no-repeat left center;
}

#submenuPortfolio, #submenuServices, #submenuAbout {
	width: 160px;
	position: absolute;
	z-index: 5;
	text-align: left;
	top: 175px;
	background: url(../images/bg-submenu.png) no-repeat center bottom;
}

#submenuPortfolio {
	visibility: hidden;
	left: 106px;
}
#submenuServices {
	visibility: hidden;
	left: 216px;
}
#submenuAbout {
	visibility: hidden;
	left: 324px;
}
/* Define FOOTER & SIDECOLUMN Styles------------------------------------------*/


#sidebar1Ext a:link, #sidebar1Ext  a:visited,
#footer  a:link, #footer  a:visited {
	color: #FFF394;
}
#sidebar1Ext a:hover, #sidebar1Ext a:active,
#footer a:hover, #footer a:active {
	color: #FFFAC6;
}

#search:link, #search:visited {
	height: 19px;
	display: block;
	text-decoration: none;
	width: 27px;
	background: url(../images/search.png) no-repeat center top;
}
#search:hover, #search:active {
	background: url(../images/search.png) no-repeat center bottom;
}