/*****************************
top navigation
/****************************/

#nav_top {
	background:transparent url(../images/bg_topnav.gif) repeat-x;
	width:333px; height:25px;
	display:block;
	margin:0 0 0 586px; padding:0;
	}

#nav_top ul {
	margin:0; padding:0;
	list-style:none; line-height:1;
	}
	
#nav_top ul li {
	display:block; float:left;
	margin:0; padding:0;
	list-style:none;
	}

#nav_top ul li a {
	background-position:top left;
	text-indent:-9999px;
	text-decoration:none;
	display:block;
	}

#nav_top ul li.contact a{
	width:105px; height:25px; margin:0 0 0 0; padding:0;
	background:url(../images/topnav_contact.gif) no-repeat;
	}
	
#nav_top ul li.blog_top a{
	width:72px; height:25px; margin:0 0 0 0; padding:0;
	background:url(../images/topnav_blog.gif) no-repeat;
	}
	
#nav_top ul li.login a{
	width:110px; height:25px; margin:0 0 0 0; padding:0;
	background:url(../images/topnav_login.gif) no-repeat;
	}
	
#nav_top ul li.contact a:hover, #nav_top ul li.blog a:hover, #nav_top ul li.login a:hover {background-position:bottom left;}

/***** SOCIAL NAV *****/
	
ul#social {
	position:absolute; top:7px; right:50px;
	margin:0 0 0 0; padding:0;
	list-style:none; line-height:1;
	}

ul#social li {
	display:block; float:left;
	margin:0; padding:0;
	list-style:none;
	/* width? */
	}

ul#social li a {
	background-position:top left;
	text-indent:-9999px;
	text-decoration:none;
	display:block;
	}
	
ul#social li.twitter a{
	width:39px; height:45px; margin:0 0 0 220px; padding:0;
	background:url(../images/nav_twitter.gif) no-repeat;
	}

ul#social li.linkedin a{
	width:40px; height:45px; margin:0 0 0 0; padding:0;
	background:url(../images/nav_linkedin.gif) no-repeat;
	}

ul#social li.rss a{
	width:39px; height:45px; margin:0 0 0 0; padding:0;
	background:url(../images/nav_rss.gif) no-repeat;	
	}
			
ul#social li.twitter a:hover, ul#social li.linkedin a:hover, ul#social li.rss a:hover {background-position:bottom left;}

ul#social li.active a { background-position:bottom left; }

/*****************************
navigation
/****************************/

#navwrap {
	background:url(../images/bg_nav.png) no-repeat;
	width:901px; height:65px; position:relative;
	clear:both; 
	padding:7px 0 0 35px; margin:30px 0 0 0;
	z-index:6;
	}

#nav, #nav ul {z-index:5;}
#top #nav li {z-index:20;}

#top #nav li li {
	border-left:none;
	margin-top:0;
	}

#top #head #nav ul a, #top #head #nav ul li {
	background-color:#f5f5f5;
	background-image:none;
	}

#top #head #nav ul a:hover, #top #head #nav ul a:focus {
	background-color:#fff;
	color:#555;
	}

#top #head #nav a:hover, #top #head #nav a:focus {color:#555;}
#top #nav .current_page_item a {color:#555;}

#top #nav .current_page_parent .current_page_item a, #top #nav .current_page_item ul a {
	border-right:1px solid #f5f5f5;
	border-left:none;
	background-image:none;
	color:#444;
	}	
	
/***** NAVIGATION *****/
	
ul#nav {
	margin:0 0 0 0; padding:0;
	list-style:none; line-height:1;
	}

ul#nav li {
	display:block; float:left;
	margin:0; padding:0;
	list-style:none;
	/* width? */
	}

ul#nav li a {
	background-position:top left;
	text-indent:-9999px;
	text-decoration:none;
	display:block;
	}

ul#nav li#nav_home a{
	width:77px; height:45px; margin:0 0 0 0; padding:0;
	background:url(../images/nav_home.gif) no-repeat;
	}
	
ul#nav li.page_item.page-item-2 a{
	width:118px; height:45px; margin:0 0 0 0; padding:0;
	background:url(../images/nav_about.gif) no-repeat;
	}
	
ul#nav li.page_item.page-item-5 a{
	width:151px; height:45px; margin:0 0 0 0; padding:0;
	background:url(../images/nav_services.gif) no-repeat;
	}
	
ul#nav li.page_item.page-item-10 a{
	width:168px; height:45px; margin:0 0 0 0; padding:0;
	background:url(../images/nav_viewourwork.gif) no-repeat;
	}
	
ul#nav li.twitter a{
	width:39px; height:45px; margin:0 0 0 220px; padding:0;
	background:url(../images/nav_twitter.gif) no-repeat;
	}

ul#nav li.linkedin a{
	width:40px; height:45px; margin:0 0 0 0; padding:0;
	background:url(../images/nav_linkedin.gif) no-repeat;
	}

ul#nav li.rss a{
	width:39px; height:45px; margin:0 0 0 0; padding:0;
	background:url(../images/nav_rss.gif) no-repeat;	
	}
			
ul#nav li#nav_home a:hover, ul#nav li.page-item-2 a:hover, ul#nav li.page-item-5 a:hover, ul#nav li.page-item-10 a:hover, ul#nav li.twitter a:hover, ul#nav li.linkedin a:hover, ul#nav li.rss a:hover {background-position:bottom left;}

ul#nav li.active a { background-position:bottom left; }
	
/*****************************
 breadcrumb navigation
/****************************/	

.breadcrumb {
	font-size:11px;
	left:40px;
	position:absolute;
	bottom:-49px;
	z-index:5;
	color:#ddd;
	}								

.breadcrumb a {
	text-decoration:none;
	color:#fff;
	}

.breadcrumb a:hover {
	text-decoration:underline;
	color:#fff;
	}