/* Take away the outline when clicking on links */

* :focus { outline: 0; }

/* = Affinity Menu
-------------------------------------------------------------- */

#menu-category li.design a {
	display:block;
	text-indent:-9999px;
	width:60px;
	height:73px;
	background: url(images/categories/design_off.png) no-repeat;
}

#menu-category li.design a:hover {
	display:block;
	text-indent:-9999px;
	width:60px;
	height:73px;
	background:#f2f3f3 url(images/categories/design_on.png) no-repeat;
}

#menu-category li.design.current-menu-item a {
	display:block;
	text-indent:-9999px;
	width:60px;
	height:73px;
	background:#f2f3f3 url(images/categories/design_on.png) no-repeat;
}

#menu-category li.development a {
	display:block;
	text-indent:-9999px;
	width:60px;
	height:73px;
	background: url(images/categories/development_off.png) no-repeat;
	margin-left:27px;
}

#menu-category li.development a:hover {
	display:block;
	text-indent:-9999px;
	width:60px;
	height:73px;
	background:#f2f3f3 url(images/categories/development_on.png) no-repeat;
}

#menu-category li.development.current-menu-item a {
	display:block;
	text-indent:-9999px;
	width:60px;
	height:73px;
	background:#f2f3f3 url(images/categories/development_on.png) no-repeat;
}

#menu-category li.technology a {
	display:block;
	text-indent:-9999px;
	width:60px;
	height:73px;
	background: url(images/categories/tech_off.png) no-repeat;
	margin-left:27px;
}

#menu-category li.technology a:hover {
	display:block;
	text-indent:-9999px;
	width:60px;
	height:73px;
	background:#f2f3f3 url(images/categories/tech_on.png) no-repeat;
}

#menu-category li.technology.current-menu-item a {
	display:block;
	text-indent:-9999px;
	width:60px;
	height:73px;
	background:#f2f3f3 url(images/categories/tech_on.png) no-repeat;
}

#menu-category li.marketing a {
	display:block;
	text-indent:-9999px;
	width:60px;
	height:73px;
	background: url(images/categories/marketing_off.png) no-repeat;
	margin-left:27px;
}

#menu-category li.marketing a:hover {
	display:block;
	text-indent:-9999px;
	width:60px;
	height:73px;
	background:#f2f3f3 url(images/categories/marketing_on.png) no-repeat;
}

#menu-category li.marketing.current-menu-item a {
	display:block;
	text-indent:-9999px;
	width:60px;
	height:73px;
	background:#f2f3f3 url(images/categories/marketing_on.png) no-repeat;
}

#menu-category li.illustration a {
	display:block;
	text-indent:-9999px;
	width:60px;
	height:73px;
	background: url(images/categories/ill_off.png) no-repeat;
	margin-left:27px;
}

#menu-category li.illustration a:hover {
	display:block;
	text-indent:-9999px;
	width:60px;
	height:73px;
	background:#f2f3f3 url(images/categories/ill_on.png) no-repeat;
}

#menu-category li.illustration.current-menu-item a {
	display:block;
	text-indent:-9999px;
	width:60px;
	height:73px;
	background:#f2f3f3 url(images/categories/ill_on.png) no-repeat;
}

#menu-category li.pure-awesomeness a {
	display:block;
	text-indent:-9999px;
	width:60px;
	height:73px;
	background: url(images/categories/pure_a_off.png) no-repeat;
	margin-left:27px;
}

#menu-category li.pure-awesomeness a:hover {
	display:block;
	text-indent:-9999px;
	width:60px;
	height:73px;
	background:#f2f3f3 url(images/categories/pure_a_on.png) no-repeat;
}

#menu-category li.pure-awesomeness.current-menu-item a {
	display:block;
	text-indent:-9999px;
	width:60px;
	height:73px;
	background:#f2f3f3 url(images/categories/pure_a_on.png) no-repeat;
}


/* Top Menu */

#menu-topmenu li a {
	background:url(images/separator.gif) 100% 13px no-repeat;
	color:#777;
}

#menu-topmenu li a:hover {
	background:url(images/separator.gif) 100% 13px no-repeat;
	color:#FFF;
}

#menu-topmenu li.blog a {
	display:block;
	text-indent:-9999px;
	width:49px;
	height:46px;
	background: url(images/blog_menu.png) no-repeat;
	margin-left:10px;
	margin-top:3px;
}

#menu-topmenu li.facebook a {
	display:block;
	text-indent:-9999px;
	width:32px;
	height:27px;
	background: url(images/fb.png) no-repeat;
	margin-left:20px;
	margin-top:3px;
}

#menu-topmenu li.twitter a {
	display:block;
	text-indent:-9999px;
	width:32px;
	height:27px;
	background: url(images/twitter.png) no-repeat;
	margin-left:-15px;
	margin-top:3px;
}

#menu-topmenu li.rss a {
	display:block;
	text-indent:-9999px;
	width:32px;
	height:27px;
	background: url(images/rss.png) no-repeat;
	margin-left:-15px;
	margin-top:3px;
}

#menu-topmenu li.contact-us a {
	margin-left:-10px;
	background:url(images/separator.gif) right no-repeat;
	
}

#menu-topmenu li.design a {
	color: #FFF;
}

#menu-topmenu li.design a:hover {
	color: #DA1C5C;
}


#menu-topmenu li.development a {
	color:#FFF;
}

#menu-topmenu li.development a:hover {
	color:#1C75BC;
}

#menu-topmenu li.marketing a {
	color:#FFF;
}

#menu-topmenu li.marketing a:hover {
	color:#8DC63F;
}

#menu-topmenu li.terms a, li.portfolio a {
	background:none!important;
	
}