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

#nav_menu_container{
	float:left;
	width:100%;
	height:52px;
	background-image:url(images/line_header.gif);
	background-repeat:repeat-x;
}

#nav_menu{
	position:relative;
	width:900px;
	height:52px;
	margin:auto;
	background-color:#000000;
}

#nav_button_container{
	position:absolute;
	width:630px;
	height:51px;
	left:242px;
}

#line_glow{
	position:absolute;
	width:900px;
	height:1px;
	top:51px;
	margin:auto;
	background-image:url(images/line_glow.gif);
	overflow:hidden;
}

#top_glow{
	position:absolute;
	width:900px;
	height:27px;
	top:52px;
	margin:auto;
	background-image:url(images/glow.gif);
}

/* top_menu buttons */

.bkdesign_logo a {
	position:absolute;
	display:block;
	width:162px;
	height:51px;
	background:url("images/bkdesign.gif") 0 0 no-repeat;
	text-decoration:none;
}

.who_we_are a {
	float:left;
	display:block;
	width:177px;
	height:51px;
	background:url("images/who_we_are.gif") 0 0 no-repeat;
	text-decoration:none;
}

.who_we_are a:hover,
.who_we_are a:active {	
	background-position: 0 -51px;
}

.who_we_are_on a,
.who_we_are_on a:hover,
.who_we_are_on a:active {
	float:left;
	display:block;
	width:177px;
	height:51px;
	background:url("images/who_we_are.gif") 0 0 no-repeat;
	background-position: 0 -102px;
	text-decoration:none;
}

.our_work a {
	float:left;
	display:block;
	width:120px;
	height:51px;
	background:url("images/our_work.gif") 0 0 no-repeat;
	text-decoration:none;
}

.our_work a:hover,
.our_work a:active {	
	background-position: 0 -51px;
}

.our_work_on a,
.our_work_on a:hover,
.our_work_on a:active {
	float:left;
	display:block;
	width:120px;
	height:51px;
	background:url("images/our_work.gif") 0 0 no-repeat;
	background-position: 0 -102px;
	text-decoration:none;
}
	
.services a {
	float:left;
	display:block;
	width:108px;
	height:51px;
	background:url("images/services.gif") 0 0 no-repeat;
	text-decoration:none;
}

.services a:hover,
.services a:active {	
	background-position: 0 -51px;
}

.services_on a,
.services_on a:hover,
.services_on a:active {
	float:left;
	display:block;
	width:108px;
	height:51px;
	background: url("images/services.gif") 0 0 no-repeat;
	background-position: 0 -102px;
	text-decoration: none;
}

.blog a {
	float:left;
	display:block;
	width:88px;
	height:51px;
	background: url("images/blog.gif") 0 0 no-repeat;
	text-decoration: none;
}

.blog a:hover,
.blog a:active {	
	background-position: 0 -51px;
}

.blog_on a,
.blog_on a:hover,
.blog_on a:active {
	float:left;
	display:block;
	width:88px;
	height:51px;
	background:url("images/blog.gif") 0 0 no-repeat;
	background-position: 0 -102px;
	text-decoration:none;
}

.contact a {
	float:left;
	display:block;
	width:137px;
	height:51px;
	background:url("images/contact.gif") 0 0 no-repeat;
	text-decoration:none;
}

.contact a:hover,
.contact a:active {	
	background-position: 0 -51px;
}

.contact_on a,
.contact_on a:hover,
.contact_on a:active {
	float:left;
	display:block;
	width:137px;
	height:51px;
	background:url("images/contact.gif") 0 0 no-repeat;
	background-position: 0 -102px;
	text-decoration:none;
}