/* Begin Backpage Navigation*/


#bkpg_nav{
width:400px;
height:30px;
text-align:left;
margin:0;
padding:0;
}
#bkpg_nav span{
display:none;
}
#bkpg_nav li{
float:left;
list-style:none;
margin:0;
padding:0;

}
#bkpg_nav a{
float:left;
margin:0;
padding:0px;
width:120px;
height:15px;
color: #fff;
}
#bkpg_nav li ul {
background:transparent url(../img/dropbg.png) repeat-y; 
position: absolute;
width:120px;
left: -999em;
margin:0;
font-weight:bold;
padding:0 0 5px 0;
z-index:99;	
}
#bkpg_nav li ul li a{
text-decoration:none;
padding:3px 10px 3px 10px;
width:120px;
}

#bkpg_nav li ul li:hover{
background-color:#00FFBD;
width:120px;

}
#bkpg_nav li ul li{
margin:5px 0 0 0;
}
#bkpg_nav ul{
padding:0 0 7px 0;

}
#createnav:hover ul {
	left: 58px;
	top:30px;
	width:120px;
}
#controlnav:hover ul {
	left: 176px;
	top:30px;
	width:120px;
}
#connectnav:hover ul {
	left: 297px;
	top:30px;
	width:120px;
}

#createnav{
width:150px;
height:30px;
background:transparent url(../img/orange_create_button.jpg) no-repeat left 
}
#controlnav{
width:120px;
height:30px;
background:transparent url(../img/orange_control_button.jpg) no-repeat left 
}
#connectnav{
width:130px;
height:30px;
background:transparent url(../img/orange_connect_button.jpg) no-repeat left 
}
#createnav:hover{
width:150px;
height:30px;
background:transparent url(../img/orange_create_button_hover.jpg) no-repeat left 
}
#controlnav:hover{
width:120px;
height:30px;
background:transparent url(../img/orange_control_button_hover.jpg) no-repeat left 
}
#connectnav:hover{
width:130px;
height:30px;
background:transparent url(../img/orange_connect_button_hover.jpg) no-repeat left 
}
/* End Backpage Navigation*/

/*begin frontpage nav */


#home_navblock{
width:360px;
height:30px;
position:absolute;
top:45px;
left:390px;
}

#createnav_home{
width:120px;
height:30px;
background:transparent url(../img/orange_create_button.jpg) no-repeat left 
}
#controlnav_home{
width:120px;
height:30px;
background:transparent url(../img/orange_control_button.jpg) no-repeat left 
}
#connectnav_home{
width:120px;
height:30px;
background:transparent url(../img/orange_connect_button.jpg) no-repeat left 
}
#createnav_home:hover{
width:120px;
height:30px;
background:transparent url(../img/orange_create_button_hover.jpg) no-repeat left 
}
#controlnav_home:hover{
width:120px;
height:30px;
background:transparent url(../img/orange_control_button_hover.jpg) no-repeat left 
}
#connectnav_home:hover{
width:120px;
height:30px;
background:transparent url(../img/orange_connect_button_hover.jpg) no-repeat left 
}
#createnav_home:hover ul {
	left: 27px;
	top:30px;
	width:120px;
}
#controlnav_home:hover ul {
	left: 148px;
	top:30px;
	width:120px;
}
#connectnav_home:hover ul {
	left: 268px;
	top:30px;
	width:120px;
}

/* End Frontpage Nav */



/*begin nav page indicator*/

body#create #createnav_home{
background:transparent url(../img/orange_create_button.jpg) no-repeat left 
}
body#create #controlnav_home{
background:transparent url(../img/orange_control_button.jpg) no-repeat left 
}
body#create #connectnav_home{
background:transparent url(../img/orange_connect_button.jpg) no-repeat left 
}

body#create #createnav_home:hover{
background:transparent url(../img/orange_create_button_hover.jpg) no-repeat left 
}

body#create #controlnav_home:hover{
background:transparent url(../img/orange_control_button_hover.jpg) no-repeat left 
}

body#create #connectnav_home:hover{
background:transparent url(../img/orange_connect_button_hover.jpg) no-repeat left 
}

/*end nav page indicator*/