body {
	ackground: white url('../images/bck_frontpage.png');
	background-attachment: fixed;
}
#container {
	background: #ede0d7;
	background: white;
}
/*----------------------------------------------------------------------------*/

/*-----------------------		header styles		--------------------------*/

/*----------------------------------------------------------------------------*/
#header {
	background: url(../images/ban_frontpage.png);
}
#header h1 {
	display: none;
}

/*----------------------------------------------------------------------------*/

/*-----------------------		section styles		--------------------------*/

/*----------------------------------------------------------------------------*/

section {
	width: 619px;
	margin-left: 245px;
	idth: 864px;
	margin-left: 0px;
}
.sectionHeading {
	color: #ff9200;
}
.section .sectionContent {
	background-color: white;
}
.section .topBorder, .section .rightBorder, .section .bottomBorder, .section .leftBorder  {
	display: none;
}

/*----------------------------------------------------------------------------*/

/*-----------------------		footer styles		--------------------------*/

/*----------------------------------------------------------------------------*/
#footer a {
	ackground-color: #019df9;
	color: #253e5f;
	ackground-color: red;
}
#footer a:hover, #footer a:active{
	color: #ff9200;
}
#footer .spacer {
	background-color: #b2d4bf;
}
#footer {
	background: #b2d4bf; /*url(../images/bck_frontpage_footer.png) no-repeat;*/
}

/*----------------------------------------------------------------------------*/

/*-----------------------		menu styles			--------------------------*/

/*----------------------------------------------------------------------------*/
#menu1 {
	background: #b2d4bf url(../images/bck_frontpage_menu1.png) no-repeat;
}
#menu1 h1 {
	display: none;
}
#menu1 div {
	margin-top: 15px;
}
#menu1 a {
	color: #253e5f;
	isplay: none;
}
menu1 span {
	display: inline;
}
#menu1 .menuItem {
	border: solid 1px;
}
#menu1 .description span {
	border: solid 1px;
	margin: 0px;
	ackground: red;
	display: none;
}

#menu1 a:hover img {
	position: absolute;
	right: 100px;
	top: 100px;
	display: block;
}

#menu1 #goToEmployer:hover .description {
	background: url(../images/but_employer_description.png);
	position: absolute;
	right: 130px;
	top: 16px;
	width: 238px;
	height: 130px;
	display: block;
}

#menu1 #goToSuppliers:hover .description {
	background: url(../images/but_supplier_description.png);
	position: absolute;
	right: 130px;
	top: 49px;
	width: 238px;
	height: 130px;
	display: block;
}

#menu1 #goToJobSeeker:hover .description {
	background: url(../images/but_jobseeker_description.png);
	position: absolute;
	right: 130px;
	top: 80px;
	width: 238px;
	height: 130px;
	display: block;
}

#menu1 #goToLearners:hover .description {
	background: url(../images/but_learner_description.png);
	position: absolute;
	right: 130px;
	top: 112px;
	width: 238px;
	height: 130px;
	display: block;
}


/* ---	leftMenus is a contatiner for the 2 menus on the left.  This container
		will make it difficult to change the look of the menus only through css,
		but considering we are not planning on making drastic changes, and the
		creation of the menus will be in a php file, I am OK with this solution	*/
#leftMenus {
	idth: 252px;
	eight: 1451px;
	background: transparent;
	isplay: none;
}
#leftMenus a {
	color: #9adaff;
	color: #253e5f;
}
#leftMenus a:hover {
	text-decoration: none;
	color: #ff9200;
}
/* hide menu2 because one image all that is needed, and it just happens to be called 3 */
#menu2 {
	background: url(../images/bck_frontpage_menu3.png);
	isplay: none;
}
#menu2 h1 {
	display: none;
}

/*----------------------------------------------------------------------------*/

/*-----------------------		search styles		--------------------------*/

/*----------------------------------------------------------------------------*/
#search {
	isplay: none;
	background:transparent
}

/*----------------------------------------------------------------------------*/

/*-----------------------		ad space styles		--------------------------*/

/*----------------------------------------------------------------------------*/

#adSpace1 {
	display: none;
}
#adSpace2 {
	display: none;
}

