#topnav {
	float:right;
	/*border:1px solid red;*/
	width:/*560px;*/610px;
}
#login {
	float:left;
	padding:6px;
	margin-left:415px;
	/*border:1px solid green;*/
}

.software	{height: 0px; width:130px; background: url(../images/button_software.png) no-repeat;}
.why_us		{height: 0px; width:104px; background: url(../images/button_why_us.png) no-repeat;}
.pricing	{height: 0px; width:102px; background: url(../images/button_pricing.png) no-repeat;}
.social		{height: 0px; width:100px; background: url(../images/button_social.png) no-repeat;}
.about		{height: 0px; width:100px; background: url(../images/button_about.png) no-repeat;}

.button {
	display: block;
	padding: 35px 0 0 10px;
	height: 0px !important;
	height /**/:35px; /* for IE5.5's bad box model */
	overflow: hidden;
}
a.button:hover {
	background-color:/*#2B8596;*/#66CCCC;
	/*background: url(../images/bkg_midmenu.png);*/
}

#topnavmenu {padding:10px; /*border:1px solid blue;*/}
#topnavmenu ul {list-style: none;}
#topnavmenu li {float:left; position:relative; /*display:block; text-align:right;*/}

/* topnavmenu */

#topnavmenu li ul {display:none; position: absolute; top:1em; left: 0}
#topnavmenu li ul > li {width:110px; padding:0}
#topnavmenu li > ul {top: 35px; left: 0;}
#topnavmenu li:hover ul { display: block; }
#topnavmenu li ul > li > a {
	display:block;
	padding: 5px 8px;
	/*line-height:2em;*/
	text-decoration: none;
	background: url(../images/bkg_topmenu.png);
	color: white;
	border-top:1px solid #D5F6FE;
	/*margin-top:1px;*/
}
#topnavmenu li ul > li > a:hover {
	background: #2B8596;
}

#loginBox {
	position:absolute;
	top:-3000px;
	left:-3000px;
	display:block;
	padding: 10px;
	width:180px;
	height:180px;
	background:  url(../images/bkg_login2.png);
}
#loginBox form {
	margin:10px;
}
#loginBox label {
	display:block;
	margin-top:5px;
	color: white;
	font-size:1.2em;
	font-weight:bold;
}
#loginBox .txt {
	width:99%;
}
.loginInstr {
	padding:5px;
	background:#eeeeee;
	line-height:1.5em;
}

#loginBtn, #signupBtn {
	display:block;
	float:left;
	padding: 25px 0 0 0;
	width:80px;
	height:0px !important;
	height /**/:25px; /* for IE5.5's bad box model */
	overflow: hidden;
}
#loginBtn {background: url(../images/button_login.png)}
#loginBtn:hover {background: url(../images/button_login1.png)}
#loginBtn.over {background: url(../images/button_login1.png);padding:18px 0 0 0;}

#signupBtn {background: url(../images/button_signup.png)}
#signupBtn:hover {background: url(../images/button_signup1.png)}