html {width: 100%;
     }

body {background-color: #ffffff;
      font-family: Arial, sans-serif;
      color: #000000;
      min-width: 1000px;
     }

html, body {margin: 0;
		    padding: 0;
		    height: 100%;
		   }

#conteiner {position: relative;
		    min-height: 100%;
           }

#root      {
            margin: 0px;
            padding: 0px;
            height: 100%;
            width: 100%;
           }

* html #conteiner {height: 100%;}
#groupname {float: left;}

img {border: 0px; padding: 0px; margin: 0px;}
a {padding: 0px; margin: 0px; outline: 0px;}
p {margin: 0px; padding: 0px;}

#header {display: block;
         background-color: #F9F8F8;
         margin: 0px;
         padding: 0px;
         width: 100%;
         height: 71px;
        }

#studioname {display: block;
             padding-left: 15px;
             padding-top: 38px;
             width: 170px;
             height: 13px; 
            }

#headerline {display: block;
             background-color: transparent;
             padding-left: 15px;
             padding-top: 3px;
             width: 228px;
             height: 1px;
            }

#slogan {display: block;
         padding-left: 15px;
         padding-top: 3px;
         font-size: 10px;
         color: #999999;
        }
     
#portbtn {display: block;
          float: left;
          width: 107px;
          height: 39px;
         }  

#htopleft {display: block;
           float: left;
           background-image: url("img/htopleft.jpg");
           background-repeat: no-repeat;
           width: 258px; 
           height: 31px;
          }

#htopcenter {display: block;
             float: left;
             background-image: url("img/htopcenter.jpg");
             background-repeat: no-repeat;
             width: 105px; 
             height: 31px;
             margin-right: -3px;
             margin-left: -3px;
            }

   
#htopright {display: block;
            background-color: #f9f8f8;
            height: 31px;
           }

#body {display: block;
       position: relative;
       float: left;
       width: 100%
      }

#newworktitle {display: block;
               margin-top: 12px;
               margin-left: 28px;
               margin-bottom: 15px;
               width: 51px;
               height: 13px;
              }

#newworks {display: table;
           float: left;
           width: 100%;
           margin-bottom: 21px; 
           padding: 0px;
          }

.newwork {display: inline-block;
          border-width: 10px;
          border-color: #f7f7f7;
          border-style: solid;
          width: 139px;
          height: 69px;
         }

.newworkimg {width: 139px;
             height: 69px;
            }

.projectname {display: inline-block; 
              padding: 0px 17px 0px 17px;
              text-align: center;
             vertical-align: top;
             }

.projectname a {font-size: 12px; color: #0099FF;}
.projectname a:visited{font-size: 12px; color: #0099FF;}
.projectname a:hover{font-size: 12px; color: #000000;}


#bodyline {width: 97%;
           border: 0px none;
           color: #777777;
           clear: both;
           height: 1px;
           background-color: #777777;
           padding: 0px;
           margin: 0px auto;
           text-align: center;
          }

#workline {width: 97%;
           border: 0px none;
           color: #777777;
           clear: both;
           height: 1px;
           background-color: #777777;
           padding: 0px;
           margin: 0px;
           text-align: left;
          }

#projectgroups {float: left;
                margin-top: 26px;
                padding: 0px;
                width: 100%;
                padding-bottom: 100px;
               }

#web {float: left;
      display: block;
      padding-left: 50px; 
      padding-right: 12%; 
     }

#illustrations {float: left;
                display: block; 
               }

#footer {float: left;
         width: 100%;
         background-color: #f9f8f8;
         position: relative;
         margin-top: -60px;
         height: 60px;
        } 

#copyright {margin-left: 30%;
            margin-top: 23px;
            font-family: Verdana, sans-serif;
            font-size: 10px;
            color: #000000;
            float: left;
           }

#footer div {font-family: Verdana, sans-serif; font-size: 10px; color: rgb(153,153,153);}

#footer div a{color:rgb(160,153,153);}
#footer div a:visited{rgb(160,153,153);}
#footer div a:hover{color: #000000;}   

#language {display: block;
                   position: absolute;
                   right: 15px;
                   top: 38px;
                   font-size: 12px;
                   font-family: Arial, sans-serif;
                   }

#language a{color: #0099ff;}
#language a:visited{color: #0099ff;}
#language a:hover{color: #000000;}   

#studiomail {text-align: left;
             margin-top: 23px;
             margin-left: 7px;
             float: left;
             font-family: Verdana, sans-serif;
             font-size: 10px;
             color: #000000;
            }

#titlework {display: block;
            margin-top: 30px;
            margin-left: 15px;
           }

#workname {display: block;
           margin-right: 39px;
           font-family: Arial, sans-serif;
           font-size: 16px;
           font-weight: bold;
           color: #000000;
           float: left;
           margin-bottom: 0px;
          }

#workurl {display: block;
          margin-right: 39px;
          font-family: Arial, sans-serif;
          font-size: 12px;
          float: left;
         }

#workurl a{color: #0099ff;}
#workurl a:visited{color: #0099ff;}
#workurl a:hover{color: #000000;}


#creators a {display: block;
             float: left;
             text-decoration: none; 
             border-bottom: 1px dashed #777777;
             font-family: Arial, sans-serif;
             font-size: 12px;
             font-weight: bold;
             color: #777777;
            }

#creators a:visited {display: block;
                     float: left;
		             text-decoration: none; 
		             border-bottom: 1px dashed #777777;
		             font-family: Arial, sans-serif;
		             font-size: 12px;
		             font-weight: bold;
		             color: #777777;
		            }

#creators a:hover {display: block;
                   float: left;
	               text-decoration: none; 
	               border-bottom: 1px dashed #0099ff;
	               font-family: Arial, sans-serif;
	               font-size: 12px;
	               font-weight: bold;
	               color: #0099ff;
	              }

#names {display: block;
        text-align: left;
        width: 96%;
        margin: 0px;
        background-color: #fffce9;
        padding: 10px 8px 10px 8px;
       }

#workdate {display: block;
           text-align: left;
           font-family: Arial, sans-serif;
           font-size: 10px;
           font-weight: bold;
           color: #777777;
           margin-bottom: 15px;
          }

#groupname {display: inline-block;
            width: 150px;
            text-align: center;
            margin-right: 25px;
            font-family: Arial, sans-serif;
            font-weight: bold;
            font-size: 12px;
            color: #000000;
           }

#zadacha {display: block;
          margin-top: 35px;
          margin-bottom: 35px;
          text-align: left;
          font-family: Arial, sans-serif;
          font-size: 12px;
          font-style: italic;
          color: #777777;
         }

.workimage {display: block;
            text-align: center;
            width: 100%;
            margin-bottom: 10px;
           }

.workimgbottom {display: block;
                margin-bottom: 50px;
                text-align: center;
                font-family: Arial, sans-serif;
                font-size: 12px;
                color: #777777;
               }



#heroes {font-weight: normal;}

#backto a {font-family: Arial, sans-serif; font-size: 12px; color: #777777;}
#backto a:visited {font-family: Arial, sans-serif; font-size: 12px; color: #777777;}
#backto a:hover {font-family: Arial, sans-serif; font-size: 12px; color: #0099ff;}

#studiomail a {font-family: Verdana, sans-serif; font-size: 10px; color: #0099ff;}
#studiomail a:visited {font-family: Verdana, sans-serif; font-size: 10px; color: #0099ff;}
#studiomail a:hover {font-family: Verdana, sans-serif; font-size: 10px; color: #000000;}
        

#web ul {margin: 0px; padding: 0px; list-style-type: none; text-align: left; line-height: 20pt;} 
#illustrations ul {margin: 0px; padding: 0px; list-style-type: none; text-align: left; line-height: 20pt;} 
#web a {font-family: Arial, sans-serif; font-size: 12px; color: #0099ff;}
#web a:visited {font-family: Arial, sans-serif; font-size: 12px; color: #0099ff;}
#web a:hover {font-family: Arial, sans-serif; font-size: 12px; color: #000000;}
#illustrations a {font-family: Arial, sans-serif; font-size: 12px; color: #0099ff;}
#illustrations a:visited {font-family: Arial, sans-serif; font-size: 12px; color: #0099ff;}
#illustrations a:hover {font-family: Arial, sans-serif; font-size: 12px; color: #000000;}