/*----------TOP MENU----------------------*/

/* Firefox Dotted Outline Fix */
a:active { 
	outline: none; 
	}

/* Firefox Dotted Outline Fix */
a:focus { 
	-moz-outline-style: none; 
	}

/* Menu Body */
ul#topmenu {
	height:110px;
	list-style:none;
	margin:0px;
	padding:53px 0px 0px 160px;
	border:0px solid #555;
	}

/* Float LI Elements - horizontal display */
ul#topmenu li {
	float:left;
	}

/* Link - common attributes */
ul#topmenu li a {
	background:url(../images/button.png) no-repeat scroll top left;
	display:block;
	height:33px;
	position:relative;
	border:0px solid #888;
	text-align:center;		
	width:124px;
	}

/* Specify width and background position attributes */
ul#topmenu li a.current { background:url(../images/button-select.png) no-repeat scroll top left}

ul#topmenu li a.home { background-position:0px 0px;}	
ul#topmenu li a.design { background-position:-124px 0px;}
ul#topmenu li a.development { background-position:-248px 0px;}
ul#topmenu li a.portfolio { background-position:-372px 0px;}
ul#topmenu li a.contact { background-position:-496px 0px;}

	
/* Span (on hover) - common attributes */
ul#topmenu li a span {
	background:url(../images/button.png) no-repeat scroll bottom left;
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:100;
	}

/* Span (on hover) - display pointer */
ul#topmenu li a span:hover {
	cursor:pointer;
	}

/* Shift background position on hover */
ul#topmenu li a.current span { background:url(../images/button-select.png) no-repeat scroll top left}

ul#topmenu li a.home span { background-position:0px -33px; }	
ul#topmenu li a.design span { background-position:-124px -33px; }
ul#topmenu li a.development span { background-position:-248px -33px; }
ul#topmenu li a.portfolio span { background-position:-372px -33px; }
ul#topmenu li a.contact span { background-position:-496px -33px; }

#topmenu a {   color: #4e7005; text-decoration: none; background-color: transparent; border:0px;}
#topmenu a:hover { color: #4e7005; text-decoration: none;border:0px;}
#topmenu a:visited { color: #4e7005; text-decoration: none;border:0px;}
#topmenu a:active { color: #4e7005; text-decoration: none;border:0px;}
#topmenu a:visited:hover { color: #4e7005; text-decoration: none;border:0px;}
	
	
/*----------SIDE MENU----------------------*/


/* Menu Body */
ul#sidemenu {
	height:650px;
	list-style:none;
	margin:0px;
	padding:0px;
	border:0px solid #555;
	}

/* Float LI Elements - horizontal display */
ul#sidemenu li {
	}

/* Link - common attributes */
ul#sidemenu li a {
	background:url(../images/client-thumbs.png) no-repeat scroll top left;
	display:block;
	height:48px;
	position:relative;
	text-align:center;		
	width:148px;
	margin-bottom:5px;
	}

/* Specify width and background position attributes */
ul#sidemenu li a.current { background:url(../images/client-thumbs.png) no-repeat scroll top left}

ul#sidemenu li a.clientA { background-position:0px 0px;}	
ul#sidemenu li a.clientB { background-position:-150px 0px;}
ul#sidemenu li a.clientC { background-position:-300px 0px;}
ul#sidemenu li a.clientD { background-position:-450px 0px;}
ul#sidemenu li a.clientE { background-position:-600px 0px;}
ul#sidemenu li a.clientF { background-position:-750px 0px;}
ul#sidemenu li a.clientG { background-position:-900px 0px;}
ul#sidemenu li a.clientH { background-position:-1050px 0px;}
ul#sidemenu li a.clientI { background-position:-1200px 0px;}
ul#sidemenu li a.clientJ { background-position:-1350px 0px;}
ul#sidemenu li a.clientK { background-position:-1500px 0px;}
ul#sidemenu li a.clientL { background-position:-1650px 0px;}

	
/* Span (on hover) - common attributes */
ul#sidemenu li a span {
	background:url(../images/client-thumbs.png) no-repeat scroll bottom left;
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:100;
	}

/* Span (on hover) - display pointer */
ul#sidemenu li a span:hover {
	cursor:pointer;
	}

/* Shift background position on hover */
ul#sidemenu li a.current span { background:url(../images/client-thumbs.png) no-repeat scroll top left}

ul#sidemenu li a.clientA span { background-position:0px -50px; }	
ul#sidemenu li a.clientB span { background-position:-150px -50px; }
ul#sidemenu li a.clientC span { background-position:-300px -50px; }
ul#sidemenu li a.clientD span { background-position:-450px -50px; }
ul#sidemenu li a.clientE span { background-position:-600px -50px; }
ul#sidemenu li a.clientF span { background-position:-750px -50px;}
ul#sidemenu li a.clientG span { background-position:-900px -50px;}
ul#sidemenu li a.clientH span { background-position:-1050px -50px;}
ul#sidemenu li a.clientI span { background-position:-1200px -50px;}
ul#sidemenu li a.clientJ span { background-position:-1350px -50px;}
ul#sidemenu li a.clientK span { background-position:-1500px -50px;}
ul#sidemenu li a.clientL span { background-position:-1650px -50px;}


/*----------SUBMENU----------------------*/
#submenu {
    margin: 0px;
    padding: 0px;
}

#submenu ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    clear: left;
}

#submenu ul li {
    width: 250px;
    display: block;
    float: left;
    margin: 0px;
}

/* MENU buttons */
#submenu li a {
    margin: 0px 0px 2px 0px;
    display: block;
    text-decoration: none;
	height:20px;
	font-family: 'century gothic','Lucida Grande', georgia, arial, verdana, helvetica,   Geneva, Trebuchet MS, sans-serif;
	font-size:15px;
}

/* MENU buttons level one */
#submenu li.selected_one a {
    padding: 2px 0px 0px 10px;
	color:#fff;
	background-color:#7fb80b;
	border-top:1px solid #a6d24c;
	border-right:1px solid #5d850b;
	border-bottom:1px solid #5d850b;
	border-left:1px solid #a6d24c;
}
#submenu li.unselected_one a {
    padding: 2px 0px 0px 10px;
	color:#468705;
	background-color:#d8ef71;
	border-top:1px solid #a7cd08;
	border-right:1px solid #8ba905;
	border-bottom:1px solid #8ba905;
	border-left:1px solid #a7cd08;
}
#submenu li.unselected_one a:hover {
	color:#d8ef71;
	background-color:#7fb80b;
	border-top:1px solid #a6d24c;
	border-right:1px solid #5d850b;
	border-bottom:1px solid #5d850b;
	border-left:1px solid #a6d24c;
}