Сделать интерфейс резиновым

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
 
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
a:link {
color:gray;
text-decoration:none;
}
a:visited {
color:gray;
text-decoration:none;
}
a:hover {
color:#2e99d7;
text-decoration:none;
}
a:active {
color:#2e99d7;
text-decoration:none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
 
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
 
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
.on_img
{
  background-image:url("over.png")/*tpa=http://site.ru/over.png*/;
  background-repeat:no-repeat;
 
  padding-left:35px;
  
 
  cursor:pointer;
   width:60px;
  
  
}       
 
.over_img
{
  background-image:url("on.png")/*tpa=http://site.ru/on.png*/;
  background-repeat:no-repeat;
  
   padding-left:35px;
 
  cursor:pointer;
  width:60px;
}
html, body, #wrapper{
margin: 0;
padding: 0;
width: 100%;
height: 100%;
min-height: 100%;
}
html>body, html>body #wrapper{
height: auto;
}
 
body{
margin:0;
padding:0;
font-size:13px;
font-family: verdana, sans-serif;
color:#7e7e7e;
background:#fff url("wrapper.jpg")/*tpa=http://site.ru/i/wrapper.jpg*/ repeat-x bottom;
line-height:1.3em;
}
.inviz {font-size: 0px; color: #D2DCE5; *display: none;}
#wrapper{
    position: absolute;
    top: 0;
    left: 0;
    overflow:hidden;
    background:url("body_line.jpg")/*tpa=http://site.ru/i/body_line.jpg*/ repeat-x top;
}
#fileInput {
    width:593px; /* вот незадача, FF не хочет задавать ширину, для этого зададим size */
    height:40px;
    position:absolute;/* позиционируем настоящий input type=file */
    left:0;
    top:0;
    opacity: 0;/* задаем нулевую видимость */
    filter:alpha(opacity=0);
}
#fileInputText {
    border:1px solid #c0c0c0;
    width:60%;
    font-size:22px;
 
}
#fileInput:hover{
    cursor:pointer;
}
img{
    border:none;
    margin:0;
    padding:0;
}
 
a{
    margin:0;
    padding:0;
    text-decoration:none;
}
 
a:hover{
    text-decoration:none;
}
 
ul{
    margin:0;
    padding:0;
    list-style:none;
}
 
h1,h2{
    font-family:Arial;
    font-size:18px;
    font-weight:normal;
}
#bodywrap{
    width:1000px;
    margin:0 auto;
}
#header{
    position:relative; 
    z-index:500;
    width: 100%;
    padding-top:33px;
    padding-bottom:12px;
}
#header .clear{
    height:32px;
}
a#home_link img{
    margin-top:4px;
}
form#loginform{
    float:right;
    margin-right:10px;
}
form#loginform input{
    background: none repeat scroll 0 0 #FFFFFF;
    color: #ADACAC;
    font-family: Arial;
    font-size: 12px;
    padding: 3px 2px;
    text-align: center;
    vertical-align: middle;
    width: 175px;
    margin-left:3px;
}
form#loginform input#l, form#loginform input#p{
    border: 1px solid #C0C0C0;
 
}
form#loginform input#submit{
    background: url("upload.png")/*tpa=http://site.ru/i/upload.png*/ no-repeat left top;
 
    /*background:url(i/submit.jpg) repeat-x left top;*/
    color: #FFFFFF;
    padding: 3px 10px;
    width: auto;
    outline:0 none;
    border:none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    behavior: url("PIE.htc")/*tpa=http://site.ru/pie/PIE.htc*/;
}
form#loginform input#submit:active{
    background-position:0 -28px;
}
#content{
    
}
 
#content p{
    padding:6px 0;
    line-height:1.2em;
}
#footer{
    bottom: 0;
    width: 1000px;
    height: 88px;
    overflow:hidden;
    clear:both;
    text-align:center;
    background:url("footer.jpg")/*tpa=http://site.ru/i/footer.jpg*/ repeat-x bottom;
    border:1px solid #9edcfb;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -khtml-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    behavior: url("PIE.htc")/*tpa=http://site.ru/pie/PIE.htc*/;
    position:relative;
}
#footertext{
    padding:35px;
}
#footertext p{
    display:inline;
    margin:0 80px;
}
#footertext p img{
    vertical-align:middle;
}
 
 
/* \*/
* html #footer {
position: absolute;
}
* html #contentwrapper {
padding-bottom: 100px;
}
/* \*/
head:first-child+body div#footer {
position: absolute;
z-index:0;
}
head:first-child+body div#contentwrapper {
padding-bottom: 100px;
}
 
@media all and (min-width:0px) {
head~body {height:100%;}
}
.clear{
    clear:both;
}
 
 
input.button, input.button_s, input.button#send{
    background: url("upload.png")/*tpa=http://site.ru/i/upload.png*/ no-repeat left top;
    color: #FFFFFF;
    padding: 5px 23px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    behavior: url("PIE.htc")/*tpa=http://site.ru/pie/PIE.htc*/;    
    font-size:12px;
    border:none;
    font-family: Tahoma;
    position:relative;
}
input.button#send{
    background: url("blue_upload.png")/*tpa=http://site.ru/i/blue_upload.png*/ no-repeat left top;
}
input.button_s{
    padding:4px 10px;
}
input.button:active, input.button_s:active, input.button#send:active{
    background-position:0 -28px;
}
 
#content.profile input.button{
    padding: 6px 3px;
}
 
/*--main--*/
 
#load{
    background:#fff url("load.jpg")/*tpa=http://site.ru/i/load.jpg*/ repeat-x bottom;
    border:1px solid #c0c0c0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    behavior: url("PIE.htc")/*tpa=http://site.ru/pie/PIE.htc*/;
    position:relative;
    padding: 18px 10px 22px;
    width:600px;
    margin: 125px auto 0;
}
#load form{
    padding-bottom:8px;
    position:relative; /* чтобы можно было позиционировать абсолютно элементы внутри формы */
    padding:0;
    margin:0;
}
#load form input{
    vertical-align:middle;
}
#fileInput:hover{
    cursor:pointer;
}
 
#load img{
    vertical-align:middle;
    margin-right:4px;
}
#load a{
    color: #2D98D7;
    font-family: Tahoma;
    font-size: 13px;
    font-weight: bold;
    text-decoration:none;
}
#load a:hover{
    text-decoration:none;
}
 
.hidden{
    padding:12px 0;
}
 
 
.checkbox, .radio {
    width: 23px;
    height: 25px;
    padding: 0 12px 0 0;
    background: url("checkbox.gif")/*tpa=http://site.ru/i/checkbox.gif*/ no-repeat;
    display: block;
    clear: left;
    float: right;
}
 
.select {
    position: absolute;
    width: 260px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
    height: 28px;
    padding: 2px 24px 0 8px;
    color: #000;
    font: 12px/21px arial,sans-serif;
    background: url("select.gif")/*tpa=http://site.ru/i/select.gif*/ no-repeat;
    overflow: hidden;
}
 
.hidden label{
    float: right;
    margin-right: 14px;
    margin-top: 3px;
    vertical-align: middle;
}
 
 
 
/*--about--*/
 
h2.title{
    color: #000000;
    font-family: Tahoma;
    font-size: 14px;
    font-weight: normal;
    padding-bottom: 16px;
}
 
.textwrap{
    background:#e8e8e8;
    padding:8px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    behavior: url("PIE.htc")/*tpa=http://site.ru/pie/PIE.htc*/;
    position:relative;
    color:#000;
}
 
 
/*--download--*/
 
ul.list li{
    float:left;
    margin:0 4px 16px;
}
ul.list li a{
    color:#000!important;
    font-weight:normal!important;
}
ul.list li a img{
    float: left;
    margin-right: 6px;
    margin-top: 2px;
}
#content.download {
    color:#000;
}
#content.download  .textwrap{
    clear: both;
}
#content.download  .textwrap img.alignleft{
    float:left;
    border:1px solid #bbbbbb;
    margin:0 12px 6px 0;
}
 
ul.info li{
    padding:2px 0;
}
#content.download h2.title{
    padding:8px 0;
    font-weight:bold;
}
#content.download a{
    color:#2e99d7;
    font-weight:bold;
}
#content.download small{
    font-size:11px;
    display:block;
}
#content.download textarea{
    border:1px solid #c8c8c8;
    width:485px;
    height:75px;
    float:left;
    margin-right:12px;
}
 
input#captcha{
    border:1px solid #c8c8c8;
    margin:6px 0;
    padding:0 2px;
    width:75px;
}
 
 
/*--profile--*/
 
#content.profile ul.info li{
    padding:6px 0;
}
 
#content.profile .textwrap{
    clear:both;
    overflow:hidden;
}
 
#content.profile form{
    float:right;
}
 
 
/*--mail--*/
#content.mail{
    color:#000;
}
ul.message_list {
    float:left;
}
ul.message_list  li{
    float:left;
    margin-right:12px;
}
ul.message_list li a{
    color:#2e99d7;
    font-weight:bold;
}
ul.message_list li#date{
    border-right: 1px solid;
    padding-right: 12px;
}
#content.mail ul.list{
    float:right;
}
#content.mail ul.list li img{
    vertical-align:middle;
}
 
#content.mail h2.title{
    padding:8px 0;
    font-weight:bold;
}
 
#content.mail textarea{
    width:990px;
    height:105px;
    border:1px solid #c8c8c8;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    behavior: url("PIE.htc")/*tpa=http://site.ru/pie/PIE.htc*/;
}
 
#content.mail .text{
    padding-bottom:24px;
}
 
#content.mail form#replyform, #content.mail input#send{
    float:right;
    margin:8px 0;
}
 
/*--files--*/
table.files{
    width:99%;
    color:#000;
}
table.files th, table.files td{
    padding:4px 8px;
    text-align:center;
}
table.files th{
    background:#e8e8e8;
    font-weight:normal;
    padding:5px 8px 6px;
}
table.files td{
    border-bottom:1px dashed #bdbdbd;
}
table.files td.blue{
    background:#e8f1f5;
}
table.files td a{ilgiz.square7.ch
    color:#2e99d7;
    font-weight:bold;
}
 
table.files td.blue.link, table.files td.name, table.files th.name{
    text-align:left;
}

#menu {
    background:url("menu.jpg")/*tpa=http://site.ru/i/menu.jpg*/ repeat-x left top;
    padding:0; 
    margin:0; 
    list-style:none; 
    height:35px; 
    position:relative; 
    z-index:500; 
    border:1px solid #41abe9;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    behavior: url("PIE.htc")/*tpa=http://site.ru/pie/PIE.htc*/;
    position:relative;
}
#menu li{
    float:left; 
    margin-right:1px;
}
#menu li a {
    float:left; 
    height:37px; 
    line-height:37px;  
    color:#fff; 
    font-size:14px; 
    padding: 0px 30px;
 
}
 
#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
 
/* Default link styling */
 
/* Style the list OR link hover. Depends on which browser is used */
 
#menu li a:hover {
    z-index:200; 
    position:relative;
    color:#fff; 
    background:url("current.jpg")/*tpa=http://site.ru/i/current.jpg*/ no-repeat left top;
    text-decoration:none;
}
#menu li:hover {position:relative; z-index:200;}
 
#menu li:hover > a {background:url("current.jpg")/*tpa=http://site.ru/i/current.jpg*/ no-repeat center top;}
#menu li:hover > a.sub {background:url("current.jpg")/*tpa=http://site.ru/i/current.jpg*/ no-repeat center top;}
 
#menu li.current a {color:#fff; background:url("current.jpg")/*tpa=http://site.ru/i/current.jpg*/ no-repeat center top;}
 
#menu li.current a.sub {color:#fff; background:url("current.jpg")/*tpa=http://site.ru/i/current.jpg*/ no-repeat center top;}
 
#menu :hover ul {
    left:0; 
    top:37px; 
    width:140px; 
    background:#fff;
    border-bottom:1px solid #c0c0c0;
}
 
/* keep the 'next' level invisible by placing it off screen. */
#menu ul, 
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
 
#menu :hover ul{
    border:1px solid #c0c0c0;
    height:auto;
    width:auto;
    padding-top:3px;
    z-index:200; 
}
#menu :hover ul :hover ul{
    left:160px; 
    _left:140px; 
    top:-1px; 
    background:#fff; 
    white-space:nowrap; 
    width:auto;
    z-index:200; 
    height:auto;
    border-bottom:1px solid #c0c0c0;
    border-top:1px solid #c0c0c0;
}
 
#menu :hover ul li {
    margin:0; 
    padding:12px;
    background:#fff; 
}
#menu :hover ul li a {
    background:none;
    width:140px; 
    padding:0; 
    text-indent:10px; 
    color:#7e7e7e; 
    height:12px; 
    line-height:12px;
}
 
#menu :hover ul :hover {text-decoration:none;}
#menu :hover ul :hover a.fly {}
 
#menu :hover ul li.currentsub a {}
#menu :hover ul li.currentsub a.fly {}
 
#menu :hover ul :hover ul li a {width:120px; padding:0; text-indent:10px;}
#menu :hover ul :hover ul :hover {}
 
#menu :hover ul :hover ul li.currentfly a,
#menu :hover ul :hover ul li.currentfly a:hover {}
 
#menu ul li a{
    text-decoration:underline!important;
}
#menu ul li a:hover{
    text-decoration:none!important;
}