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

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


#bq {
	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");
}

.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:514px;background: url(images/top_bg.jpg) center 0px no-repeat;}

#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 .text1{width:330px;position: absolute;left:40px;top:330px;line-height:24px;font-size: 16px;}

#level2{height:328px;background-color: #1c1716;overflow: hidden;}
#level2 .logo{width:438px;height:137px;margin:0 auto;margin-top:76px;background: url(images/logo.png) 0px 0px no-repeat;}


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

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