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

a img {
 border: none;
}



/*   page    */
body {
 background-color: #000000;
 color: #979797;
 font: normal normal normal 11px/16px Arial;
 position: relative;
}

#margin {
 text-align: center;
 height: 100%;
 width: 100%;
}

#main {
 width: 947px;
 margin: auto;
}

#header table {
 width: 100%;
 height: 66px;
}

#header table td.works {
 text-align: left;
}

#header table td.home {
 text-align: center;
}

#header table td.contact {
 text-align: right;
}

#content {
 text-align: left;
}


/* styles */
a:link,
a:visited,
a:active {
 color: #979797;
 text-decoration: none;
}

a:hover {
 color: #FFFFFF;
 text-decoration: none;
}


span.white {
 color: #FFFFFF;
}

/* templates */

/* pictures */
body #main #header td.arrow {
 width: 30px;
}

body #main #header td.home {
 width: 80px;
}

body #main #header td.works {
 width: 401px;
}


/*works*/
body.works #content img {
 float: left;
 margin-right: 10px;
 margin-bottom: 10px;
}

/*detail*/
body.detail table.content {
 margin-bottom: 18px;
}

body.detail table.content td {
 vertical-align: top;
}

body.detail table.content td.image {
 width: 637px;
 text-align: left;
 padding-right: 29px; /* 32 - 3 */
}

/* thumbs */
body.detail table.content td.thumbs {
 width: 281px; /* 287 + 3 */
}

body.detail table.content td.thumbs div.container {
 overflow: visible;
}

body.detail table.content td.thumbs div.container a {
 margin-right: 2px;
 float: left;
 width: 90px; /* 86 + 6 -2 */
 height: 68px; /* 64 + 6 -2 */
 border: 1px solid black;
 display: block;
}

body.detail table.content td.thumbs a.nomr {
 margin-right: 0px !important;
}


body.detail table.content td.thumbs div.container a.active {
 border: 1px solid white;
}

body.detail table.content td.thumbs a img {
 margin: 2px;
}

 

/* text */
body.detail table.content td.text {
 vertical-align: bottom;
}

body.detail table.content td.text div {
 width: 290px;
}

/*contact*/