/*
everything with #as is for js enabled clients
everything with .System is for the systempages - home, contact, error login etc
everything with #IEDIE is for ie6 only
*/

/*HOME*/

/*no-js*/

.System #mainContainer{
	background-image: none;
	background-color: #f4f1e0;
	margin: 0 33px 0 33px;

}

.System #mainContainer2 {padding-bottom: 40px;}

/*js enabled */

.System div#header { margin: 0;} /*for homepage + systempage + contact*/


 #home {
	padding: 20px 0 40px 0;
	overflow: hidden;
	min-width: 900px;
	margin: -20px -20px 20px -20px;
	background: url(../images/home-latest.png) no-repeat right top;
}
 #as #home {
 	padding: 60px 0 0 0;
 	background: url(../images/home-latest.png) no-repeat right 35px;
 }

/* === the about block with the big image on the left === */

 #home div.main {
	float: left;
	padding: 0 0 40px 40px;
	width: 400px;
	height: 476px;
	text-align: left;
}

 #home div.main a {
 	text-align: left;
 	position: relative;
 	display: block;
	font: 25px/30px 'LeagueGothicRegular', Impact, "Helvetica Narrow Bold", 'Arial Narrow Bold', Arial, Helvetica, sans-serif;
	letter-spacing: 0.03em;
 	font-size: 25px;
 	line-height: 30px;
 	text-decoration: none;
 	color: #d2cbac;
 	background-color: #363636;
 	border: solid 1px black;
    outline: 0; /* prevent dotted border in Firefox */
    overflow: hidden;
    width: 398px;
    height: 474px;
	}

 #home div.main a span {
	width: 368px;
	height: 444px;
	padding: 15px;
	display: block;

}

 #home div.main a img {
	 position: absolute;
	 display: block;
	 top: 0;
	 left: 0;
 }

#home div.main a:hover img {
	top: 474px;
	left: 0;
	display: none;
}
/*to counter the effect on js enabled sites for jquery hover*/
body#as #home div.main a:hover img.hoverHide {
	top: 0;
	left: 0;
	display: block;
}

/* === the three highest projects === */

 #home .news {
	float: left;
	padding: 0;
	width: 440px;
}

 #home .news a {
	border: solid 1px black;
	overflow: hidden;
	width: 398px;
	height: 130px;
	margin: 0 0 40px 40px;
	display: block;
	float: left;
	font: 20px/25px 'LeagueGothicRegular', Impact, "Helvetica Narrow Bold", 'Arial Narrow Bold', Arial, Helvetica, sans-serif;
	letter-spacing: 0.03em;
	color: #d2cbac;
 	background-color: #363636;
	text-decoration: none;
	text-transform:uppercase;
}

 #home .news a img {
	border-right: solid 1px black;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
}

 #home .new a span {
 	float: left;
 	text-decoration: none;
 	color: #f6f4eb;
 	color: #d2cbac;
	padding: 28px 10px 8px 12px;
	width: 197px;
	height: 94px;
	display: block;
}

 #home .new a:hover,
 #home .new a:hover span {
 	color: #f6f4eb;
	background: #777262;
}

/* === latest aditions === */

#home a.indexImage {
	position: relative;
	display: block;
	overflow: hidden;
	height: 132px;
	width: 180px;
	margin: 0 0 40px 40px;
	float: left;
	font: 20px/25px 'LeagueGothicRegular', Impact, "Helvetica Narrow Bold", 'Arial Narrow Bold', Arial, Helvetica, sans-serif;
 	letter-spacing: 0.03em;
 	line-height: 30px;
 	text-decoration: none;
 	color: #d2cbac;
 	background-color: #363636;
 	text-transform:uppercase;
}

 #home a.indexImage span {
 	display: block;
 	height: 96px;
 	width: 156px;
 	padding: 27px 11px 7px 11px;
 	border: solid 1px black;
 	background-color: #363636;
 }

 #home a.indexImage img {
	/*border: solid 1px black;*/
	float: none;
	position: absolute;
	top: 1px;
	left: 1px;
}

 #home a.indexImage:hover img {
	top: 130px;
	display: none;
 }
/*js enabled - image is hidden with js*/
 body#as #home a:hover img.hoverHide {
	top: 1px;
	left: 1px;
	display: block;
}

 #home a.article {
 	position: relative;
	display: block;
	overflow: hidden;
	height: 132px;
	width: 180px;
	border: solid 1px black;
	margin: 0 0 40px 40px;
	float: left;
	font: 20px/25px 'LeagueGothicRegular', Impact, "Helvetica Narrow Bold", 'Arial Narrow Bold', Arial, Helvetica, sans-serif;
 	letter-spacing: 0.03em;
 	line-height: 30px;
 	text-decoration: none;
 	color: #d2cbac;
 	background-color: #363636;
 	text-transform:uppercase;
 	}

 #home a.article:hover {
 	color: #f6f4eb;
	background: #777262;
}

 #home a.article span,
 #home a.article:hover span {
 	display: block;
 	height: 96px;
 	width: 156px;
 	padding: 27px 11px 7px 11px;
 	border: solid 1px #d2cbac;

 }