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

body{	
	margin:0;
	background:url(../images/headbg1.jpg) repeat-x top;
	font-family:Arial;
}
div.homepage a {	float:right;	margin:-75px 85px 0 0;	color:#666666;	font-size:12px;	font-weight:bold;}

/* this is the holding layer for the header. */

/* it will contain the logo and the menu     */
div.head_hold{
	width:900px;
	margin:0 auto;
}

/* this is the SO slogan */
div.survivalhead{
	float:right;
	width:591px;
	height:35px;
	background:url(../images/survivalheading.png) no-repeat;
	margin:60px 80px 0 0;
}

/* you can guese this one */
div.logo{
	float:left;
	width:166px;
	height:120px;
	margin:36px 0 0 30px;
}

/********************************************************/
/* this will be the holding layer for the top menu bar. */
div.menuhold{
	width:68%;
	height:88px;
	position:absolute;
	left:32%;
	top:112px;
	background:url(../images/menuline.png) repeat-x;
}
	div.menu{
		float:left;
		background:url(../images/menubg.png) no-repeat;
		width:706px;
		height:88px;
	}
	div.menuHome a{
		float:left;
		display:block;
		width:71px;
		height:71px;
		background:url(../images/menu_homebtn.png) no-repeat;
		text-decoration:none;
		margin:8px 0 0 8px;
	}
		div.menuHome a:hover{
			background:url(../images/menu_homebtnH.png) no-repeat;
		}
	div.menuNews a{
		float:left;
		display:block;
		width:71px;
		height:71px;
		background:url(../images/menu_newsbtn.png) no-repeat;
		text-decoration:none;
		margin:8px 0 0 52px;
	}
		div.menuNews a:hover{
			background:url(../images/menu_newsbtnH.png) no-repeat;
		}
	div.menuSocial a{
		float:left;
		display:block;
		width:71px;
		height:71px;
		background:url(../images/menu_jobsbtn.png) no-repeat;
		text-decoration:none;
		margin:8px 0 0 54px;
	}
		div.menuSocial a:hover{
			background:url(../images/menu_jobsbtnH.png) no-repeat;
		}
	
	div.menuSearch a{
		float:left;
		display:block;
		width:71px;
		height:71px;
		background:url(../images/menu_searchbtn.png) no-repeat;
		text-decoration:none;
		margin:8px 0 0 53px;
	}
		div.menuSearch a:hover{
			background:url(../images/menu_searchbtnH.png) no-repeat;
		}
		
	div.menuContact a{
		float:left;
		display:block;
		width:71px;
		height:71px;
		background:url(../images/menu_contactbtn.png) no-repeat;
		text-decoration:none;
		margin:8px 0 0 53px;
	}
		div.menuContact a:hover{
			background:url(../images/menu_contactbtnH.png) no-repeat;
		}
/********************************************************/
/********************************************************/