#menu {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 67px;
	background: #ffffff url("images/menu.gif") repeat-x;
	display: block;
	z-index:1000;
}
#logo{
	float: left;
}

#logo a{
	display: block;
	margin: 0px;
	padding: 0px;
	width: 115px;
	height: 67px;
	background: transparent url("images/menu.gif") no-repeat 0px -67px;
	overflow: hidden;
}
#logo span { 
	display: none;
}

#navi{
	float: right;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	width: 390px;
	height: 67px;
	list-style: none;
	border-right: 1px solid #ebeef5;
}

#navi li {
	float: left;
}


#navi li a {
	margin: 0px 1px 0px 0px;
	padding: 0px;
	display:block;
	height:67px;
	position:relative;
	background:url("images/menu.gif") no-repeat scroll left -67px;
}
#navi li a span{
	background:url("images/menu.gif") no-repeat scroll left -134px;
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:990;
}
#navi li a span span{
	display: none;
}
#navi li a span:hover {
	cursor:pointer;
}


#navi li a.home {
	background-position: -432px -67px;
	width: 57px;
}
#navi li a.home span, .naviselectedhome {
	background-position: -432px -134px !important;
}
#navi li a.services {
	background-position: -150px -67px;
	width: 78px;
}
#navi li a.services span, .naviselectedservices {
	background-position: -150px -134px !important;
}

#navi li a.references {
	background-position: -220px -67px;
	width: 95px;
}
#navi li a.references span, .naviselectedrefences {
	background-position: -220px -134px !important;
}


#navi li a.about {
	background-position: -306px -67px;
	width: 63px;
}
#navi li a.about span, .naviselectedabout {
	background-position: -306px -134px !important;
}

#navi li a.contact {
	background-position: -364px -67px;
	width: 76px;
}
#navi li a.contact span, .naviselectedcontact {
	background-position: -364px -134px !important;
}

/*NOSCRIPT*/
#navi li a span{
	visibility: hidden;
}
body.js #navi li a span{
	visibility: visible;
}


/*ADD THIS SOCIAL BOOKMARKS*/

#addthis_wrapper{ height: 67px; width: 200px; overflow: hidden; float: right; border-left: 1px solid #ffffff; padding-left: 33px; }
#addthis{ width: 200px; height: 34px; margin: 0; padding: 16px 0 0 0; float: left; display: none; }
#addthis_left{ height: 34px; width: 53px; float: left; margin: 0; padding: 0; overflow: hidden; background: transparent url(images/shareBg.gif) no-repeat left top; } 
#addthis_left p{ visibility: hidden; }
#addthis_center{ height: 34px; float: left; margin: 0; padding: 0; background: transparent url(images/shareBg.gif) no-repeat -60px top; overflow: hidden; }
#addthis_center .addthis_toolbox{ padding-top: 10px; width: 200px; display: none; }
#addthis_right{ width: 15px; float: left; margin: 0; padding: 0; background: transparent url(images/shareBg.gif) no-repeat right top; }
#addthis_right p{ visibility: hidden; }











/*LOGIN*/
#login{ _width: 210px; /*Underscore hack to target only ie6*/ overflow: visible; position: absolute; top: 0; right: 0; margin: 0; padding: 0 0 0 15px; height: 67px; background: transparent url('images/login.gif') no-repeat left top;}
#login_open{ cursor: pointer; margin: 0; padding: 0; height: 30px; width: 30px; background: transparent url(images/login.gif) no-repeat -360px top; float: left; visibility: hidden;  } 
#login_content{ height: 67px; float: left; margin: 0; padding: 0; overflow: hidden; }
#login_content .login_form{ margin: 5px 0 0 25px; }
#login_close{ cursor: pointer; margin: 0; padding: 0; height: 30px; width: 30px; background: transparent url('images/login.gif') no-repeat -326px top; float: left; visibility: hidden;   }
#logout{ position: absolute; z-index: 2000; top: 0; right: 0; padding: 0 0px 0 0; margin: 0; width: 400px;}
#logout p{ color: #aaaaaa; letter-spacing: 0.05em; background-color: #ffffff; font-size: 9px; line-height: 17px; float: right; margin: 0 5px 0 0; padding: 0; font-family: Sans-serif; }
#logout .logout{ 
	display: block;
	float: right;
	margin: 0;
    border: none;
    padding: 3px 3px;
    font-size: 9px;
	color: #ffffff;
	cursor: pointer;
	font-family: Sans-serif;
	font-weight: normal;
	background-color: #aab3c7;
}


/*FORM ELEMENTS*/
.roundbox{
     border-style: hidden;
     border-width: 0px;
     color: #eeeeff;
     font-size:11px;
     background-color: transparent;
     margin: 0;
     padding: 0 10px 0 0;
	 height: 20px;
	 width: 69px;
	 line-height: 18px;
	 font-family: sans-serif;
}
.but {
    border: none;
    background: transparent url('images/login.gif') no-repeat -500px top;
    padding: 0px 8px;
    height: 25px;
    width: 45px;
    font-size: 10px;
	color: #ffffff;
	cursor: pointer;
	font-family: Sans-serif;
	font-weight: bold;
}
.but:hover {
    background: red url('images/login.gif') no-repeat -500px -30px;
}
.fieldwrap{
	float:none;
	background: transparent url('images/login.gif') no-repeat -330px -30px;
	padding: 3px 0px 0px 10px;
	margin: 0;
	min-width: 69px;
	min-height: 25px;
}


form *:focus { outline: 0; }


/*JAVASCRIPT DEPENDANT STUFF*/
body.js #login { display: none; }
