I'm not a css expert so please help me figuring this out.    Would you consider this as good css code?Please point any issues if you believe this is not what you would exactly consider as good code.                               html { -webkit-text-size-adjust: 70%;  }  body {  margin:0px; padding:0px;font-family:Arial, Helvetica, sans-serif;  } { font-size:14px;} #wrap { width:100%; height:100%; background-color:#FFFFFF; padding: 0;}  #header {  padding: 10px;  height:251px;  }  #menu { width:100%; height:2.2em; margin-top:1%;  background:#80b2e4; border-      radius:10px; -moz-border-radius:10px; -webkit-moz-border-radius:10px;} .top_menu_left {float:left; width:86%;height:35px; margin-left:3%;} .top_menu_left li a    { color:#fff !important; } .top_menu_left li a:hover  { color:#336699 !important; } .top_menu_right {float:right; width:17%;;height:1.2em;} li{list-style:none; float:left;  color:#74677E;font-size:70%;font-   weight:bold;font-     family:Arial, Helvetica, sans-serif; text-align:left; padding:0  5px;  -top:9px;  color:#fff;}.top_menu_left li {padding-right:1%; color:#fff;}.top_menu_right li {padding-right:5%; color:#fff;}#searchbar { width:100%; height:auto;margin-top:8%;}#top_search {width:100%; height:auto;}#bottom_search {width:89%; height:auto;padding-left:10.5%;font-size:75%;}.sarch_box { width:10%; height:auto; float:left; margin-left:1%;font-size:75%;}.box_1 { width:20%; height:auto; float:left;font-size:85%;}.box_1 input { width:80%; height:1.2em;font-size:85%;}.box_1 select { width:70%; height:1.5em;font-size:85%;}.box_2 {width:2%; height:auto; float:left;}#content { width:87%; height:auto; margin-left:11%; margin-top:0; }#left_content { width:7%; height:auto; float:left; }#left_searchbar_title {width:95%;height:2%;padding-top:1%;padding-  bottom:1%;padding-     left:5%;background-color:#A5D959;font-family:Arial, Helvetica,   sans-serif;font-size:75%;}#left_sidebar_content{width:100%;height:2%;background-color:#EFFFD8;font-  family:Arial,   Helvetica, sans-serif;font-size:75%;} #main_content { width:59%; height:auto;float:left;  }.main_content_header  {margin-left:2%;color:black;font-size:100%;font- family:Arial, Helvetica, sans-serif;font-weight:bold;margin-bottom:5%;}.content_header {width:70%; height:auto; margin-left:3%;} /*.left_1 {margin-left:2%;width:.05em; height:100px;background- image:url(images/verticalbar.gif);background-repeat:repeat-y;float:left;padding-left:2px;    }*/ .left_1 {margin-left:2%;width:.05em; height:100px;background-image:none;background-   repeat:repeat-y;float:left;padding-left:2px; }/*.left_6 { width:.05em;height:100px;background-   image:url(images/verticalbar.gif);background-repeat:repeat-y;float:left; }*/.left_6 { width:.05em;height:100px;background-image:none;background-repeat:repeat-   y;float:left; }.left_content_middle    {width:95%;float:left;font-size:80%;font-family:Arial, Helvetica, sans-serif; background:white; border:1px solid #c6c6c6;border-radius:10px; webkit-border-radius:10px; -moz-border-radius:10px}.content_title {padding:2%; text-align:center; color:black; <!--#336699;-->font-  weight:bold;font-size:100%;font-family:Arial, Helvetica, sans-serif; }.content_line{size:2px; width:95%; background-image:url(images/horizotal-line.gif);}.left_2 { margin-left:3%; width:21.5%; height:auto; float:left; }.left_3 { width:23.5%;height:auto;float:left;}.left_4 { width:23.5%;height:auto;float:left;}.left_5 { width:23.5%;height:auto;float:left;}  #right_content { width:20%;height:auto;background-color:white;float:left;margin-   left:1%;padding:10px; border:1px solid #c6c6c6; border-radius:10px; webkit-border-   radius:10px; -moz-border-radius:10px} .right_top { width:100%; height:auto; color:white; font-size:100%; color:#336699;} .Left_portion { width:45%; height:auto; float:left;padding-left:8%;} .right_portion { width:45%; height:auto; float:left;} .right_content_title {color:#BB532E;font-weight:bold;font-size:70%;font-family:Arial,  Helvetica, sans-serif;padding-bottom:4%;padding-top:5%; } .right_content_body {color:#5E6472;font-size:70%;font-weight:bold;font-family:Arial, Helvetica, sans-serif;padding-bottom:3%;}  .menu_bar { width:10%; font-family:Arial, Helvetica, sans-serif; color:red; float:left; font-size:50%;}  .gap {width:35%;}   #footer   {height:40px;width:100%;margin:auto;text-align:center;text-  align:center;margin-top:2%;background:url('images/footer_bg.png') repeat-x;    line-height:40px; color:white;}  .footer_menu {   color: white;   float: right;   height: 1.2em;   -left: 3%;   width: 70%;   }     .footer_menu li {     color: white;     padding-right: 1%;  }    .footer_menu li a   { color:#fff; text-decoration:none;}    .footer_menu li a:hover { text-decoration:underline}    .footer_menu2 {    background: url(images/footer_bg2.png) repeat-x scroll 0 0 transparent;    color: grey;    float: left;    font-size: 13px;    margin-top: 21px;    width: 100%;    }   .footer_menu strong  { font-weight:lighter; color:#666}
Css code quality?
css