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

BODY{font-family: Arial;font-size:14px;color:#2f2f2f;}


#roses {
	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/top_bg.jpg) center 0px no-repeat;
}

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

#level1{height:848px;}
#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 .txt1{bottom: 157px;left: 0;position: absolute;text-align: left;font-size: 16px;line-height: 24px;padding-left:45px;padding-right: 100px;}
#level1 .txt1 .zag{font-size:48px;margin-bottom: 25px;}
#level1 .txt1 p{font-size: 16px;line-height: 24px;}

#level2{height:827px;background: url(images/patern1.jpg) 0% 0%;}
#level2 .center{overflow: visible;}
#level2 .bgl{width:100%;height:100%;background: url(images/left_bg.png) 0% 0px repeat-y;}
#level2 .bgr{width:100%;height:100%;background: url(images/right_bg.png) 100% 0px repeat-y;}

#level2 .screen{width:100%;height:100%;background: url(images/screen2.png) 80% 331px no-repeat;}

#level2 .screen2{width:891px;height:566px;background: url(images/screen1.png) 40px 0px no-repeat;position: absolute;margin-top: -60px;z-index: 50;left:0px;}

#level2 .txt{position: absolute;z-index: 55;right:30px;top:138px;width:300px;font-size: 16px;line-height: 24px;}

#level3{height:350px;background: url(images/level2_bg.jpg) center 0%;color:#ffffff;overflow: hidden;}
#level3 .zag{font-size: 48px;margin-top:115px;margin-bottom: 35px;padding-left:45px;padding-right:45px;}
#level3 p{line-height: 24px;font-size: 16px;padding-left:45px;padding-right:45px;}

#level4{height:1160px;background: url(images/patern1.jpg) 0% 0%;}
#level4 .screen{width:100%;height:100%;background: url(images/screen3.jpg) center 0px no-repeat;}
#level4 .bgl{width:100%;height:100%;background: url(images/left_bg.png) 0% 0px repeat-y;}
#level4 .bgr{width:100%;height:100%;background: url(images/right_bg.png) 100% 0px repeat-y;}

#level4 .center{overflow: hidden;}

#level4 .txt1{position: absolute;z-index: 55;right:25px;top:138px;width:315px;font-size: 16px;line-height: 24px;}
#level4 .txt2{position: absolute;z-index: 55;right:25px;top:700px;width:295px;font-size: 16px;line-height: 24px;background: url(images/shtukovina.png) center 100% no-repeat;padding-bottom:110px;padding-left:11px;}


#level5{height:515px;background: url(images/patern1.jpg) 0% 0%;}
#level5 .bgl{width:100%;height:100%;background: url(images/left_bg.png) 0% 0px repeat-y;}
#level5 .bgr{width:100%;height:100%;background: url(images/right_bg.png) 100% 0px repeat-y;}

#level5 .center{
	width:800px;
	margin:0 auto;position: relative;height:100%;
}

#level5 .zag{font-size:81px;color:#c5bba8;font-weight: 100;}
#level5 .logo{background: url(images/roses_logo.jpg) center 110px no-repeat;width:100%;height:100%;}


.back_link{position: absolute;text-align: left;top:455px;left:0px;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;}