/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- black		#000
- white		#fff
\**************************************/


/**************************************/
/*              GLOBALS               */
/**************************************/
body {
font-family:"Lucida Grande","Helvetica","Arial",sans-serif;

}
	
div.colborder {
	border-right:0px;
	margin-right:50px;
	padding-right: 0;
}

h1 {
	margin-bottom: 0.5em;
}

h2 {
	font-size: 1.8em;
	margin-bottom: 0.5em;
}

.push-top{
	margin-top: -8px;
	}

/**************************************/
/*              HEADER-HOMEPAGE       */
/**************************************/
.homepage #header,.content #header{
 	background:transparent url(../gfx/bg-header-top.png) repeat-x scroll center top;
	height: 158px;
	background-color: #1d262e;
}

#header h1 {
margin-bottom: 0;
}

.homepage #header h1 a {
background:transparent url(../gfx/egoactive-logo-home.png) no-repeat scroll left top;
display:block;
float:left;
height:211px;
margin-left: -75px;
text-indent:-99999em;
width:509px;
}

.content #header h1 a {
background:transparent url(../gfx/egoactive-logo.png) no-repeat scroll left top;
display:block;
float:left;
height:152px;
margin-left: -75px;
text-indent:-99999em;
width:509px;
}

.content #header{
	background:transparent url(../gfx/bg-header-top-content.png) repeat-x scroll center top;
	height: 158px;
	background-color: #1d262e;
}

.nav {
	height:117px;
}
/**************************************/
/*             TAGLINE             */
/**************************************/
#tagline{
background-color: #1d262e;
height:291px;
}

#tagline h1{
padding-top:  72px;
color: #ffffff;
}

#tagline a{
font-weight: bold;
color: #6a87a1;
text-decoration: none;
}

#tagline a:hover{
	color:#586273;
}

/**************************************/
/*             NAVIGATION             */
/**************************************/
#navigation{
margin-top: 84px;

}

#navigation a{
color: #ffffff;
font-size: 22px;
text-decoration: none;
margin-right: 30px;
display: block;
float: left;
height: 40px;
}

#navigation a.last{
margin-right: 0px;
}

#navigation a.active{
background:transparent url(../gfx/bg-nav-active.png) no-repeat center bottom;
}


#navigation a:hover{
color: #586273;
}

/**************************************/
/*            MAIN CONTENT            */
/**************************************/

.homepage #content{
	margin-bottom: 50px;
	padding-top: 20px;
	position: relative;
}

.content #content{
	background:transparent url(../gfx/bg-content-top-content.png) repeat-x scroll center top;
	margin-bottom: 50px;

}

/*               NEW BALLOON          */

.homepage #content .container{
	position: relative;
}

.new-post {
	background: url(../gfx/new-balloon.png) no-repeat;
	position: absolute;
	width: 118px;
	height: 114px;
	text-indent: -99999px;
	top: -115px;
	left: -75px;	
}


/*               PEOPLE               */

.people {
	width: 260px;
	float: left;
}

#niels {
margin-right: 20px; 
}

.people img {
	display: block;
}

.people .info {
	background-color: #1d262e;
	padding: 1em;
	position: relative;
}

.people .info h3 {
	color: #fff;
	text-indent: -99999px;
	margin-bottom: 15px;
}

#niels .info h3 {
	background: url(../gfx/niels-header.png) no-repeat;
	width: 75px;
	height: 30px;
}

#martin .info h3 {
	background: url(../gfx/martin-header.png) no-repeat;
	width: 110px;
	height: 32px;
}

.people .info p {
	color: #24c07d;
	margin-bottom: 0;
}

.people .info img {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

.people .tweets {
	background: url(../gfx/tweets-arrow.png) 21px 0 #f9f9f9 no-repeat;
	margin-bottom: 0;
	padding: 25px;
	border-bottom: 1px solid #eee;
}

.people .tweets p {
	margin-bottom: 0;
}

.people .tweets p.date {
	color: #5b6874;
	font-size: 0.8em;
}




/*               CUSTOMERS            */

.customers a {
	margin-right: 20px;
}


/**************************************/
/*               FOOTER               */
/**************************************/
#footer {
    text-align:center;
}

#footer p{
font-size: 12px;
color: #586273;
text-align: center;
}

#footer a{
font-weight: bold;
color: #1d262e;
text-decoration: none;

}