﻿/* =====================================
    Horizontal Top Menu
   =====================================
*/

/* Horizontal Menu */
#HouseMenuNav
{
    /* menu wrapper div */ 
    float:right;
	padding-right: 15px;
    margin-top:12px;
}

#HouseMenuNav ul
{
    /* all submenu lists */
    padding: 0px 0px 0px 0px;
    border: 0;
    list-style: none;
    float:left;
}
#HouseMenuNav a
{
    /* all links within the menu wrapper */
}
#HouseMenuNav li
{
    /* all list items */ /* -- Border around each menu item -- */
	float:left;
	list-style:none;
	padding:0px 0px 0px 0px;
}
#HouseMenuNav li a:link, #HouseMenuNav li a:visited
{
    /* main colour of the menu */
    padding: 1px 1em;
    display: block;
    color: #FFF;
    text-decoration: none; /* added for opera */  
    font-size: 100%;
   	font-family:Trebuchet MS;
	font-weight:bold;
    background:url(../images/menuArrow.png) no-repeat right;
   	background-position:95% 20%;
}

#HouseMenuNav li a:hover
{
    background-color: #FF9900;
    color: #FFF;
}

.home #HouseMenuNav .home, .aboutus #HouseMenuNav .aboutus, .web-design #HouseMenuNav .web-design, .development #HouseMenuNav .development,
.e-marketing #HouseMenuNav .e-marketing, .search-engine-submission #HouseMenuNav .e-marketing, .banner-advertising #HouseMenuNav .e-marketing, .pay-per-click-solutions #HouseMenuNav .e-marketing,
.portfolio #HouseMenuNav .portfolio, .contact #HouseMenuNav .contact
{
	background-color: #FF9900;
    color: #FFF;
}

/* ==========================
    Vertical Left Menu
   ==========================
*/

/* Vertical Menu */
#houseMenuV, #houseMenuV ul { /* all lists */
	margin: 0;
	padding: 20px 0px 0px 0px;
	border: none;
	list-style: none;
	float: right;
	width: 100%;
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	background: transparent;
}

#houseMenuV li { /* all list items */
	border: 0;
	list-style: none;
	position: relative;
	float: right;
	padding:0 0 10px 0;
	/*width: 264px;
	 hack for MacIE5 to ignore, while other browsers use \
	width: 264px;*/
	width: 100%; /* width recognized by IE only to handle box model issues */
	/* end hack */
	line-height : 24px;
	text-align:right;
	background:url(../images/menuArrow.png) no-repeat right;
   	background-position:90% 20%;
}

#houseMenuV li a{
	padding:0 40px 0 0;
}

#houseMenuV li a:link, #houseMenuV li a:visited
{
    /* main colour of the menu */
    color:#1c4b7a;
    display: block;
    text-decoration: none; /* added for opera */  
}


#houseMenuV li a:hover {
	color: #FFF;
	background-color:#FF9900;
}

.banner-advertising #houseMenuV .banner-advertising a, .pay-per-click-solutions #houseMenuV .pay-per-click-solutions a, .search-engine-submission #houseMenuV .search-engine-submission a
{
	color: #FFF;
	background-color:#FF9900;
}

