.btn { cursor: pointer; }

#maindata, object#maindata { width: 100%; height: 100%; z-index: 1; position: absolute; left: 0; top: 0; }
object#maindata { background: #000; }

#main { width: 940px; top: 20px; margin: 0 auto; position: relative;   }
#info { width: 100%; height: 545px; overflow: hidden; }

#logo { position: absolute; left: 50px; top: 34px; }
#phone { position: absolute; right: 35px; top: 47px; }
#menu { position: absolute; left: 200px; top: 36px; }
#menu a { display: block; margin: 0; float: left; }


.ph { position: absolute; left: 54px; top: 160px; }
#content { position: absolute; left: 54px; top: 195px; }
#content img.left { float: left; margin: 0 15px 15px 0; }
#content img.right { float: right; margin: 0 0 15px 15px; }

#footer { position: absolute; left: 54px; top: 567px; color: #888; font-size: 11px; width: 835px }
#footer a { color: #888; }
#footer #left { float: left; width: 212px; }
#footer #right { float: left; width: 510px; }
#footer #right address, #footer #right p { font-style:normal; }
#footer #right span { font-size: 10px; float: none; padding: 7px 0 0 0; }
#footer span { display: block; float: right; }
#footer .switch { margin: 20px 0 0 0; }

#maintxt { width: 540px; height: 305px; }
.home #maintxt { height: 135px; }
.about #maintxt { height: 245px; }

.mmaskl { position: absolute; left: 0; top: 110px; z-index: 200; }

/* work */
#works { position: absolute; left: 44px; top: 160px; }
#worklist { height: 245px; width: 430px; }
#works .yhead { position: absolute; left: 220px; top: 60px; }
#works .yearlist { position: absolute; left: 220px; top: 5px; width: 400px; }
#works .yearlist img { display: block; float: left; margin: 0 4px 0 0; }
#works .list { position: absolute; left: 205px; top: 92px; }
#works .list ul { margin: 0; padding: 0; }
#works .list li { margin: 0; padding: 0 10px 5px 15px; }
#works .list li a { text-decoration: none; color: #eee; }
#works .list li a:hover { text-decoration: none; color: #fff; }
#works .list li.a, #works .list li:hover { list-style: none; background: url(/i/arrl.png) 0 3px no-repeat; }
#works .list li.a { font-weight: bold; color: #fff; font-size: 12px; }
#works .photoblock { position: absolute; left: 0; top: 100px; }
#works .photoblock .other { margin: 13px 0 0 10px; }
#works .photoblock .other img { display: block; float: left; margin: 0 4px 0 0; }
#works .photo { width: 181px; height: 135px; overflow: hidden; }
#works .photo .ml { position: absolute; left: 0; top: 0; z-index: 10; }
#works .photo .mr { position: absolute; right: 0; top: 0; z-index: 10; }

#nework { position: absolute; left: 0; top: 362px; z-index: 5; width: 390px; height: 153px; background: url(/i/newprj-bg.png) no-repeat; }
#nework .photo { position: absolute; left: 0; top: 33px; width: 285px; height: 87px; overflow: hidden; }
#nework .photo .mask { position: absolute; right: 0; top: 0; }
#nework p { position: absolute; left: 54px; top: 130px; font: 10px/10px Arial, sans-serif; color: #888; }

/* resp */
#resp { position: absolute; left: 54px; top: 195px; }
#resptxt { height: 245px; width: 500px; }
#resplist { width: 300px; height: 245px; }
.responses h2 { font-size: 18px; padding: 10px 15px 0 0; }
.responses .openscan { margin: 10px 0; }
#resp .list { position: absolute; left: 540px; top: 80px; width: 300px; }
#resp .list ul { margin: 0; padding: 0; }
#resp .list li { margin: 0; padding: 0 10px 5px 15px; list-style: none; }
#resp .list li a { text-decoration: none; color: #eee; }
#resp .list li a:hover { text-decoration: none; color: #fff; }
#resp .list li.a, #resp .list li:hover { background: url(/i/arrl.png) 0 3px no-repeat; }
#resp .list li.a { font-weight: bold; color: #fff; font-size: 12px; }

/* form */
#mfrm { z-index: 2000; display: none; position: absolute; left:20px; top: 20px; width: 940px; background: #2c2b31; }
#maindata #mfrm { top: 110px; left: 0; }
#mfrm .head { padding: 50px 0 20px 0; }
#mfrm #close { position: absolute; right: 17px; top: 17px; cursor: pointer; }
#mfrm .form { width: 870px; padding: 35px; color: #ddd; }
#mfrm .form input.text,  #mfrm .form textarea { border: none; font: normal 10px Arial, Helvetica, sans-serif; padding: 2px; width: 270px; }
#mfrm .form input.file, #mfrm .delfile { font: normal 10px Arial, Helvetica, sans-serif; float: left; display: block; }
#mfrm .delfile { width: 20px; margin: 0 0 0 4px; cursor: pointer; }
#mfrm .row  { float: left; width: 290px; padding: 0 0 10px 0; }
#mfrm .fldline { width: 870px; }
#mfrm .clearing { clear: both; }
#mfrm .addfile { padding: 6px 0; cursor: pointer; }
#mfrm .filefield div { float: left; width: 290px; padding: 0 0 4px 0; }
#mfrm label.radio_f { cursor: pointer; }
#mfrm #mainsubmit { margin: 20px 0 0 0; }