@charset "UTF-8";
/* CSS Document */

ul.sub-nav
{
	float: left;
	margin: 0 15px 0 0;
	width: 150px;
	height: 82px;
	border-right: solid 1px #CCCCCC;
}

ul.sub-nav li a
{
	display: block;
	height: 20px;
}

ul.sub-nav li.sub-nav-header a
{
	padding:  0 0 7px 0;
}

ul.sub-nav li.sub-nav-item a
{
	padding:  0;
}







ul.sub-nav li#work a
{
	width: 46px;
	background: url(/images/nav/work.png) top left no-repeat;
}

ul.sub-nav li#work a:hover
{
	background-position: -46px top;
}

ul.sub-nav li#web a
{
	width: 31px;
	background: url(/images/nav/web.png) top left no-repeat;
}

ul.sub-nav li#web a:hover
{
	background-position: -31px top;
}

ul.sub-nav li#services a
{
	width: 57px;
	background: url(/images/nav/services.png) top left no-repeat;
}

ul.sub-nav li#services a:hover
{
	background-position: -57px top;
}

ul.sub-nav li#process a
{
	width: 52px;
	background: url(/images/nav/process.png) top left no-repeat;
}

ul.sub-nav li#process a:hover
{
	background-position: -52px top;
}

ul.sub-nav li#about a
{
	width: 52px;
	background: url(/images/nav/about.png) top left no-repeat;
}

ul.sub-nav li#about a:hover
{
	background-position: -52px top;
}

ul.sub-nav li#company a
{
	width: 67px;
	background: url(/images/nav/company.png) top left no-repeat;
}

ul.sub-nav li#company a:hover
{
	background-position: -67px top;
}

ul.sub-nav li#contact a
{
	width: 55px;
	background: url(/images/nav/contact.png) top left no-repeat;
}

ul.sub-nav li#contact a:hover
{
	background-position: -55px top;
}

ul.sub-nav li#blog a
{
	width: 30px;
	background: url(/images/nav/blog.png) top left no-repeat;
}

ul.sub-nav li#blog a:hover
{
	background-position: -30px top;
}

ul.sub-nav li#resources a
{
	width: 85px;
	background: url(/images/nav/resources.png) top left no-repeat;
}

ul.sub-nav li#resources a:hover
{
	background-position: -85px top;
}

ul.sub-nav li#client-login a
{
	width: 84px;
	background: url(/images/nav/client_login.png) top left no-repeat;
}

ul.sub-nav li#client-login a:hover
{
	background-position: -84px top;
}