@charset "utf-8";
/* CSS Document */

body{
	margin: 0px auto;
	color:#FFF;
	font: 14px Arial, Helvetica;
}

a{
	color:rgb(120,120,120);
}
a:hover {
	color:rgb(80,80,80);
}

#Main{
	margin: 0px auto;
	min-height:500px;
	/*background:#FFF url(../images/cncback.jpg) no-repeat;*/
	width:1000px;
}

#header{
	margin-top:20px;
	background: rgb(245,245,245) url(../images/header.jpg) no-repeat;
	height:175px;
}

#logo{
	width:90%;
	height:70px;
	margin-left:50px;
	padding-top:20px;
}
#logo a img {border:0px;}


#navProfile{
	float:left;
	height:40px;
	width:85px;
	background:url(../images/profile1.jpg) no-repeat;
	margin-right:20px;
}
#navProfile:hover {
	background:url(../images/profile2.jpg) no-repeat;
}
#navProfileActive{
 	float:left;
	height:40px;
	width:85px;
	background:url(../images/profile2.jpg) no-repeat;
	margin-right:20px;
}

#navServices{
	float:left;
	height:40px;
	width:110px;
	background:url(../images/services1.jpg) no-repeat;
	margin-right:20px;
}
#navServices:hover{
	background:url(../images/services2.jpg) no-repeat;
}
#navServicesActive{
	float:left;
	height:40px;
	width:110px;
	background:url(../images/services2.jpg) no-repeat;
	margin-right:20px;
}

#navProjects{
	float:left;
	height:40px;
	width:105px;
	background:url(../images/projects1.jpg) no-repeat;
	margin-right:20px;
}
#navProjects:hover{
	background:url(../images/projects2.jpg) no-repeat;
}
#navProjectsActive{
	float:left;
	height:40px;
	width:105px;
	background:url(../images/projects2.jpg) no-repeat;
	margin-right:20px;
}

#nav1{
	float:left;
	width:480px;
	height:35px;
	margin-left:155px;
}


#nav2{
	float:left;
	width:300px;
	
}
#nav2 a img{
	border:0px;
	margin-left:0px;
}

#careers{
	float:left;
	width:78px;
	height:40px;
	background:url(../images/career.png) no-repeat;
}
#careers:hover{
	background:url(../images/career2.png) no-repeat;
}

#contact{
	float:left;
	width:82px;
	height:40px;
	background:url(../images/contact.png) no-repeat;
}
#contact:hover{
	background:url(../images/contact2.png) no-repeat;
}

#news2 {
	float:left;
	width:70px;
	height:40px;
	background:url(../images/news.png) no-repeat;
}
#news2:hover{
	background:url(../images/news2.png) no-repeat;
}


#Container{
	float:left;
	width:1000px;
	height:315px;
	min-height:340px;
}

#sidebar{
	float:left;
	width:130px;
	height:315px;
	padding:25px 7px 0px 10px;
	background:rgb(245,245,245);
	font: 12px Arial, Helvetica, sans-serif;
	color:rgb(120,120,120);
}
#sidebar a{
	/*color:rgb(92,147,240);*/
	text-decoration:none;
}
#sidebar a:hover{
	color:rgb(80,80,80);
}


#Content{
	float:left;
	background:rgb(245,245,245);
	color:rgb(120,120,120);
	font: 12px Arial, Helvetica, sans-serif;
	width:590px;
	height:320px;
	padding:10px;
	padding-right:30px;
	overflow:hidden;
}
#Context{
	position: relative;
	width	: 585px;
	min-height:400px;
	left	: 3px;
}

#news{
	float:left;
	width:190px;
	height:320px;
	padding:10px;
	background:rgb(245,245,245);
	color:rgb(92,147,240);
	font: 12px Arial;
}
#news .article {
	font:10px Arial;
}

#footer{
	float:left;
	width: 1000px;
	height:65px;
	margin-top:0px;
	background:#FFF url(../images/footer.jpg) no-repeat;
	color:#CCC;
	font: 10px Arial, Helvetica, sans-serif;
}

.inside{
	float:right;
	width:55px;
	height:50px;
	margin-top:5px;
	margin-right:25px;
	background: url(../images/tribeLogo.png) no-repeat;
}

/******************************/
/*	Scrollbar	      */
/******************************/
#scrollArea {
	float:left;
	height: 340px;
	width: 12px;
	border-right: 1px solid #666;
	overflow: hidden;
	background:rgb(245,245,245);
}

#scroller {
	position: relative;
	top: -1px;
	width: 10px;
	background:rgb(180,180,180);
}
/********END Scrollbar********/


/********************************/
/*            Menu              */
/********************************/
#subnav {
	float:left;
	height:45px;
	width:840px;
	background:rgb(245,245,245);
}

.menu{
        width: 100%;
        margin-left:155px;
        background:rgb(245,245,245); 
        }

.menu ul{
        margin: 0; padding: 0;
        float: left;
        }

.menu ul li{
        display: inline;
        }

.menu ul li a{
        float: left; text-decoration: none;
        font:16px bold Arial,Helvetica;
        color: rgb(180,180,180);
        padding: 10.5px 11px;
        background-color:rgb(245,245,245); 
        }

.menu ul li a:visited{
        color: rgb(180,180,180);
        }

.menu ul li a:hover, .menu ul li .current{
        color: rgb(100,100,100);
        }