body{
	margin: 0px 0 0 0px;
	background: #eeeced url(http://de.nlx.org/images/body_bg.gif) repeat-x;
}
#wrapper{
	width: 960px;
	margin: 0 auto;
}
.span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12{
	float: left;
	margin: 0px 10px 10px 10px;
}
.span1{	width: 60px;}
.span2{	width: 140px;}
.span3{	width: 220px;}
.span4{	width: 300px;}
.span5{	width: 380px;}
.span6{	width: 460px;}
.span7{	width: 540px;}
.span8{	width: 620px;}
.span9{	width: 700px;}
.span10{width: 780px;}
.span11{width: 860px;}
.span12{width: 940px;}

.clear{clear: both;}

.col3{
	float: left;
	margin: 0px 10px 10px 10px;
        width: 190px;
}

#login{
	height: 20px;
        width: 900px;
        margin: 0 auto;
        text-align:right;
        font-size:80%;
}
#header{
	height: 115px;
	margin-bottom: 10px;
}
#header h1{
        background: url(http://de.nlx.org/logos/directemployers-header.gif) no-repeat;
        text-indent: -9000px;
        height: 75px;
        margin: 0px 0 0 0;
        margin-left: -10px;
        width: 330px;
        float: left
}
#header2{
	height: 115px;
	margin-bottom: 0px;
}
#header2 h1{
	background: url(http://images.directemployers.com/deorg/de_header2.gif) no-repeat;
	text-indent: -9000px;
	height: 75px;
	margin: 0px 0 0 0;
	margin-left: -10px;
	width: 330px;
        float: left
}

/* BUTTONS */

.social{
	height: 75px;
	padding: 10px 25px 0 0;
	float: right;
}
.social ul li{
	float: left;
	margin: 0px 5px 0 0;
	display: inline;
}

.biosocial{
	height: 30px;
	float: left;
        margin:-10px 0 0 -30px;
}
.biosocial ul li{
	float: left;
	margin: 0px 5px 0 0;
        padding:0;
	display: inline;
	font-size: 9px; 
	color: #666; 
}

#linkedin {
    display: block;
    width: 30px;
    height: 35px;
    text-indent: -9999px;
    background: url('http://de.nlx.org/buttons/social/header/linkedin.png');
}

#twitter {
    display: block;
    width: 30px;
    height: 35px;
    text-indent: -9999px;
    background: url('http://de.nlx.org/buttons/social/header/twitter.png');
}

#facebook {
    display: block;
    width: 30px;
    height: 35px;
    text-indent: -9999px;
    background: url('http://de.nlx.org/buttons/social/header/facebook.png');
}

#enews {
    display: block;
    width: 30px;
    height: 35px;
    text-indent: -9999px;
    background: url('http://de.nlx.org/buttons/social/header/enews.png');
}

#rss {
    display: block;
    width: 30px;
    height: 35px;
    text-indent: -9999px;
    background: url('http://de.nlx.org/buttons/social/header/rss.png');
}

#more {
    display: block;
    width: 30px;
    height: 35px;
    text-indent: -9999px;
    background: url('http://de.nlx.org/buttons/social/header/more.png');
}

#linkedin:hover, #twitter:hover, #facebook:hover, #enews:hover, #rss:hover, #more:hover {
    background-position: 0 -35px;
} 

#profile{
    display: block;
    width: 30px;
    height: 35px;
    text-indent: -9999px;
    background: url('http://de.nlx.org/buttons/social/header/profile.png');
}
#profile:hover {
    background-position: 0 -35px;
}  

#staff-email{
    display: block;
    width: 30px;
    height: 35px;
    text-indent: -9999px;
    background: url('http://de.nlx.org/buttons/social/header/email.png');
}
#staff-email:hover {
    background-position: 0 -35px;
} 

#blog{
    display: block;
    width: 30px;
    height: 35px;
    text-indent: -9999px;
    background: url('http://de.nlx.org/buttons/social/header/blog.png');
}
#blog:hover {
    background-position: 0 -35px;
} 
#blog:active {
    background-position: 0 -105px;
} 

#restaff {
    display: block;
    width: 150px;
    height: 40px;
    text-indent: -9999px;
    background: url('http://de.nlx.org/buttons/restaff.gif');
}
#restaff:hover {
    background-position: 0 -40px;
} 

#bamember {
    display: block;
    width: 150px;
    height: 40px;
    text-indent: -9999px;
    background: url('http://de.nlx.org/buttons/bamember.gif') no-repeat;
    margin:auto;
}
#bamember:hover {
    background-position: 0 -40px;
} 

#bafollower {
    display: block;
    width: 150px;
    height: 40px;
    text-indent: -9999px;
    background: url('http://de.nlx.org/buttons/bafollower.gif');
}
#bafollower:hover {
    background-position: 0 -40px;
} 
#more_members {
    display: block;
    width: 25px;
    height: 50px;
    text-indent: -9999px;
    background: url('http://de.nlx.org/buttons/more-members.gif');
}
#more_members:hover {
    background-position: 0 -50px;
} 
.bamember a:link, .bamember a:visited, .bamember a:active {
    display: block;
    background:url("http://de.nlx.org/buttons/bamember.png") no-repeat scroll 0 0 transparent;
    width: 150px;
    height:32px;
    text-indent:-9999px;
    margin:0 auto;
    outline:none
}
.bafollower a:link, .bafollower a:visited, .bafollower a:active {
    display: block;
    background:url("http://de.nlx.org/buttons/bafollower.png") no-repeat scroll 0 0 transparent;
    width: 150px;
    height:32px;
    text-indent:-9999px;
    margin:0 auto;
    outline:none
}

.bamember a:hover, .bafollower a:hover, .register a:hover, .join a:hover {
    background-position: 0 -32px;
}

.register a:link, .register a:visited, .register a:active {
    display: block;
    background:url("http://de.nlx.org/buttons/register.png") no-repeat scroll 0 0 transparent;
    width: 100px;
    height:32px;
    text-indent:-9999px;
    margin:0 auto;
    outline:none
}	

.join a:link, .join a:visited, .join a:active {
    display: block;
    background:url("http://de.nlx.org/buttons/join-pipeline.png") no-repeat scroll 0 0 transparent;
    width: 150px;
    height:32px;
    text-indent:-9999px;
    margin:0 auto;
    outline:none
}

.listuniverse a:link, .listuniverse a:visited, .listuniverse a:active {
    display: block;
    background:url("http://de.nlx.org/buttons/list-universe.png") no-repeat scroll 0 0 transparent;
    width: 200px;
    height:32px;
    text-indent:-9999px;
    margin:0 auto;
    outline:none
}

.listjc a:link, .listjc a:visited, .listjc a:active {
    display: block;
    background:url("http://de.nlx.org/buttons/list-jc.png") no-repeat scroll 0 0 transparent;
    width: 200px;
    height:32px;
    text-indent:-9999px;
    margin:0 auto;
    outline:none
}

.listuniverse a:hover, .listjc a:hover {
    background-position: 0 -32px;
}

.press-releases a:link, .press-releases a:visited, .press-releases a:active {
    display: block;
    background:url("http://de.nlx.org/buttons/press-releases.png") no-repeat scroll 0 0 transparent;
    width: 200px;
    height:32px;
    text-indent:-9999px;
    margin:0 auto;
    outline:none
}

.media-coverage a:link, .media-coverage a:visited, .media-coverage a:active {
    display: block;
    background:url("http://de.nlx.org/buttons/media-coverage.png") no-repeat scroll 0 0 transparent;
    width: 200px;
    height:32px;
    text-indent:-9999px;
    margin:0 auto;
    outline:none
}

.press-releases a:hover, .media-coverage a:hover {
    background-position: 0 -32px;
}

/* END buttons */	


.mainNav{
	margin: 0px 0 0 115px;
}
.mainNav ul{
	list-style: none;
	margin: 0px;
	float: left;
}
.mainNav ul li{
	float: left;
	margin: 0px;
	display: inline;
	position: relative;
}
.mainNav a{
	display: block;
	float: left;
	padding: 6px 20px 0px 20px;
	margin: 0px 0 0 0px;
	color: #FFF;
	font: bold 11px verdana;
	text-decoration: none;
	letter-spacing: .1em;
	height: 23px;
}
.mainNav li:last-child a{
}
.mainNav a:hover{
	color: #333;
	background: #fff url(images/nav_bg.jpg) repeat-x;
}
.mainNav a span{
	margin: 5px 0 0 0px;
	display: inline;
	position: relative;
}

#navBar{
	background: #CFC;
}
#navBar ul{
	list-style: none;
	padding: 0px;
	background: red;
	margin: 0px;
	margin-bottom: 10px;
}
#navBar h2{
	text-indent: -9000px;
	height: 4px;
	background: #333;
	margin: 0px;
	font-size: 0px;
}
#footerWrapper{
	height: 100px;
	background: #333 url(http://images.directemployers.com/deorg/footer_bg.jpg) repeat-x;
	margin: 0px auto;
}

.alignright{
        text-align:right;
}