HTML,BODY{margin:0px;padding:0px;height:100%;width:100%;}

BODY{font-family: Arial;font-size:14px;color:#000000;background: url(images/body_bg.gif) 0px 0px repeat-x !important;}


#les {
	position:relative; /* needed for footer positioning*/
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	width: 100%;
	min-width: 1000px;
	width: expression(document.documentElement.clientWidth < 1000 ? "1000px" : "auto");
	background: url(images/level1_bg.jpg) center 0px no-repeat;
}

.center{
	width: expression(document.documentElement.clientWidth > 1260 ? "1260px" : document.documentElement.clientWidth < 1000 ? "1000px" : "auto");
	max-width:1260px !important;
	margin:0 auto;position: relative;height:100%;
}

#level1{height:1456px;}
#level1 .proj{position: absolute;right: 40px;text-align: right;top: 246px;}
#level1 .proj .name {font-size: 36px;font-weight: bold;margin-bottom: 16px;}
#level1 .proj .lnk{font-size: 14px;line-height: 24px;}    
#level1 .proj .lnk a{font-weight: bold;color:#d23516;text-decoration: none;}
#level1 .proj .lnk a:hover{text-decoration: underline;}
#level1 .proj .tak{margin-top: 37px;font-size: 18px;font-weight: bold;margin-bottom: 10px;}
#level1 .proj .ln{margin-bottom: 10px;}
#level1 .proj a{font-weight: bold;text-decoration: none; color:#d23516;}
#level1 .proj a:hover{text-decoration: underline;}



#level1 .txt1{top: 295px;left: 40px;position: absolute;text-align: left;font-size: 16px;line-height: 24px;width:636px;}
#level1 .txt1 .zag{font-size:60px;margin-bottom: 20px;line-height: normal;}
#level1 .txt1 p{font-size: 16px;line-height: 24px;line-height: normal;}

#level2{height:525px;}

#level2 .txt1{top: 130px;left: 40px;position: absolute;text-align: left;font-size: 16px;line-height: 24px;width:340px;}
#level2 .txt1 .zag{font-size:48px;margin-bottom: 20px;font-weight: bold;}
#level2 .txt1 p{font-size: 16px;line-height: 24px;}

#level2 .screen{top: -165px;right: 12%;position: absolute;width:465px;height:644px;background: url(images/screen1.png) 0px 0px no-repeat;}
#level2 .center{overflow: visible !important;}

#level3{height:627px;background: #000000 url(images/level3_bg.jpg) center 0px no-repeat;}

#level3 .txt1{top: 40px;left: 42%;position: absolute;text-align: left;font-size: 16px;line-height: 24px;width:415px;}
#level3 .txt1 .zag{font-size:50px;margin-bottom: 20px;font-weight: bold;}
#level3 .txt1 p{font-size: 16px;line-height: 24px;}



#level4{height:1357px;background: #ffffff url(images/level4_bg.jpg) center 100% no-repeat;}

#level4 .txt1{top: 135px;left: 115px;position: absolute;text-align: left;font-size: 16px;line-height: 24px;width:851px;}
#level4 .txt1 .zag{font-size:48px;margin-bottom: 20px;}
#level4 .txt1 p{font-size: 16px;line-height: 24px;}


#level5{height:625px;background: #000000 url(images/level5_bg.jpg) center 0px no-repeat;color:#ffffff;}

#level5 .txt1{top: 70px;left: 40px;position: absolute;text-align: left;font-size: 16px;line-height: 24px;width:505px;}
#level5 .txt1 .zag{font-size:40px;margin-bottom: 20px;}
#level5 .txt1 p{font-size: 16px;line-height: 24px;}

#level5 .screen{bottom: -85px;left: 85px;position: absolute;width:759px;height:466px;background: url(images/screen2.png) 0px 0px no-repeat;}
#level5 .center{overflow: visible !important;}

#level6{height:185px;}

.back_link{position: absolute;text-align: left;bottom:75px;left:40px;font-size: 16px;background: url(../../images/back_arrow.gif) 0px 8px no-repeat;padding-left:20px;}
.back_link a{color:#d23516;text-decoration: none;}
.back_link a span{color:#d23516;}
.back_link a:hover{text-decoration: underline;}