body
  { font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; letter-spacing:normal; line-height:normal; margin:0; padding:0; color:#000000; background:url(../images/bgbg.gif) 0 0 repeat #dedede; }
body
  { font-size:80%; }
* html body
  { font-size:75%; }
html:root body
  { font-size:75%; }
table, td, th
  { font-size:100%; }
.clear
  { clear:both; }
a 
  { text-decoration:none; } 
a:hover
  { text-decoration:underline; } 

:focus
  { -moz-outline-style:none; }
q
  { quotes:"" ""; }
a img, iframe, object, applet
  { border:none; }
table
  { border:none; border-collapse:collapse; border-spacing:0; font-size:100%; empty-cells:show; }

ul, ol
 { list-style:none; }
label
  { cursor:pointer; }
ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, td, th
  { margin:0; padding:0; }
pre, code 
  { font-size:1em; }
blockquote, address, cite, dfn, var, h1, h2, h3, h4 ,h5, h6
  { font-style:normal; font-weight:normal; }
abbr, acronym
  { border-bottom:1px dotted #000000; cursor:help; }

sup, sub 
  { font-size:75%; vertical-align:middle; position:relative; }
sup
  { bottom:0.5em; }
sub
  { top:0.5em; }



h1#doctitle
  { font-size:50px; margin:0 0 40px 0; padding:0; font-weight:normal; font-family:"Arial Narrow"; color:#000000; }

/*Îáëàñòü êîíòåíòà*/
div.content
  { font-size:11px; line-height:1.3em; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#000000; width:auto; margin:50px 0 50px 0; }
div.content div.wraper
  { }

div.content a
  { color:#df1e25; } 
div.content a:hover
  { } 

div.content img
  { border:1px solid #000000; margin:1em; }
div.content img.none
  { border:none; background:none; margin:0; }

div.content h1, div.content h2, div.content h3, 
div.content h4, div.content h5, div.content h6
  { line-height:normal; margin:1em 0 1.25em 0; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight:bold; }
div.content h1
  { font-size:60px; font-height:normal; font-weight:normal; }
div.content h2
  { font-size:30px; font-weight:normal; } 
div.content h3
  { font-size:1.3em; } 
div.content h4
  { font-size:1.2em; } 
div.content h5
  { font-size:1.1em; } 
div.content h6
  { font-size:1.0em; } 

div.content table
  { border-collapse:collapse; border-spacing:0; border:1px solid #000000; font-size:1em; margin:0.25em 0 0.75em 0; }
div.content table td, 
div.content table th
  { margin:0; padding:0; }
div.content table td
  { border:1px solid #000000; padding:7px; }
div.content table th, 
div.content table thead td
  { border:1px solid #000000; padding:7px; font-weight:bold; }

div.content table td *,
div.content table th *
  { margin-top:0; padding-top:0; margin-bottom:0; padding-bottom:0; }
div.content table caption
  { font-size:0.9em; text-align:center; }

div.content table.none
  { border:none; background:none; }
div.content table.none td,
div.content table.none th
  { border:none; background:none; padding:0; }

div.content p
  { margin:0.25em 0 15px 0; }
div.content blockquote
  { font-style:italic; font-family:Georgia; margin:0.25em 0 1.25em 0; padding:0.75em 1em 0.75em 2.5em; background:#CCCCCC; }
div.content blockquote p
  { margin:0; }

div.content li
  { padding:0.25em 0 0.25em 0em; }
div.content li span
  { font-weight:bold; }

div.content ul
  { margin:0.25em 0 0.5em 1.5em; padding:0 0 0 1em; list-style:disc; }
div.content ul ul
  { list-style:square; }
div.content ul ul ul
  { list-style:circle; }

div.content ol
  { margin:0.25em 0 0.5em 1.5em; padding:0 0 0 1em; list-style:decimal; }

div.content dl
  { margin:0.25em 0 0.5em 0; padding:0 0 0 0; }
div.content dt
  { margin:0 0 0.25em 0; font-size:0.9em; }
div.content dd
  { margin:0 0 0.75em 2.5em; }
  
hr
  { font-size:0; line-height:0; width:100%; height:2px; border:none;  color:gray; border-bottom:2px solid gray; margin:0.25em 0.5em; padding:10px 0; clear:both; }

/*Ýëåìåíòû ôîðì*/
div.content input, 
div.content textarea,
div.content select
  { width:auto; height:auto; line-height:100%; font-size:11px; border:1px solid #ffffff; border-bottom:2px solid black; padding:0.1em 0.25em; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; background:#ffffff; }

div.content input.text
  { width:210px; }
div.content textarea.area
  { width:600px; background:url(../images/arealines.gif) 0 0 repeat #ffffff; }

div.content textarea
  { line-height:120%; padding:0.1em 0.25em; border-bottom:none; }

input.button, div.content input.button
  { padding:0; border:none; background:url(../images/arr.gif) 0 0 no-repeat; width:14px; height:26px; margin:15px 0 0 586px; cursor:pointer; }


div.content input.checkbox, 
div.content input.radio
  { font-size:0.9em; width:auto; height:auto; border:none; background:none; height:1.2em; padding:0; margin:0; }


/* Ïðåâüþøêè */
div.photo
  { float:left; text-align:center; width:auto; height:150px; margin:0.5em 2.5em; padding:0;  }
* html div.photo
  { margin-left:1.25em; }
div.photo a
  { width:100px;  height:100px; display:block; text-align:center; margin:3px 0px;  overflow:hidden; font-size:0.9em; }
div.photo div
  { text-align:center;}
div.photo img
  { border:1px solid #c3c3c3; margin:0; width:150px; height:150px; display:block; }



div.spacer, div.spacer2
  { line-height:0; font-size:0; width:1px; height:1px; overflow:hidden; }

/* ÌÅÑÒÎ ÄËß ÄÎÏÎËÍÈÒÅËÜÍÛÕ ÑÒÈËÅÉ */

html
{ height:100%; }
body{ height:100%; }
#main { position:relative; min-height:100%; }
* html #main { height:100%; }
#footer { position:absolute; bottom:0; font-size:10px; color:#000000; text-align:center; padding:10px 0; width:100%; }



#header
  { background:#000000; height:22px; }
#header[id]
  { height:auto; min-height:22px; }

#logo
  { display:block; width:73px; height:22px; background:url(../images/sinty-small.jpg) 0 0 no-repeat; z-index:1; position:absolute; }


#header #topmenu
  { width:auto; text-align:center; padding-top:2px; top:0; }
#header #topmenu a
  { font-size:14px; color:#ffffff; text-decoration:none; }
#header #topmenu a:hover
  { color:#df1e25; }
#header #topmenu span
  { padding-left:22px; }

#header a.lang
  { color:#ffffff; font-family:Tahoma; font-size:11px; width:auto; float:right; display:block; margin-top:3px; margin-right:4px; } 



div.mainframe
  { height:650px; width:880px; margin:0 auto; }
div.mainframe[class]
  { height:auto; min-height:650px; }


#indexcat
  { display:block; width:898px; height:624px; margin:0 auto; }

#indexcat
  { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/cats.png'); }
#indexcat[id]
  { filter:none; background:url('../images/cats.png') no-repeat center center; }



div.content div#intro
  { background:url(../images/keys.jpg) right top no-repeat; }
div.content div#intro p
  { width:410px; }


table.workstab
  { margin:0 auto; }
table.workstab .lcell,
table.workstab .rcell,
table.workstab .ccell
  { vertical-align:top; width:28px; }

a.leftarr
  { display:block; width:28px; height:52px; background:url(../images/arr-big.gif) 0 0 no-repeat; margin:370px 70px 0 0; cursor:pointer; }
a.rightarr
  { display:block; width:28px; height:52px; background:url(../images/arr-big2.gif) 0 0 no-repeat; margin:370px 0 0 70px; cursor:pointer; }

table.arr2 a.leftarr,
table.arr2 a.rightarr
  { margin-top:320px; }


div.content div.razdel
  { margin-bottom:0; }
div.content div.razdel span
  { display:block; width:auto; float:left; margin-right:25px; height:15px; }

div.content div.razdel span span,
div.content div.razdel span span span
  { margin-right:0; }
div.content div.razdel span span span
  { padding:0 10px; }

div.content div.razdel span.act
  { background:#000000; color:#fff; }
div.content div.razdel span.act span
  { background:url(../images/bl-l.gif) 0 0 no-repeat; }
div.content div.razdel span.act span span
  { background:url(../images/bl-r.gif) right top no-repeat; }

div.content div.razdel span.act a
  { color:#ffffff; }


div.content .job
  { }
div.content .job, div.content .job td
  { border:none; padding:0; vertical-align:top; }

div.content .job td.left img
  { width:300px; height:200px; border:none; margin:0 40px 0 0; }

div.content .job td.right h2
  { margin-top:0; } 
div.content .job td.right p
  { margin:20px 0 30px 0; }


div.content a.quest
  { display:block; width:25px; height:25px; background:url(../images/quest.gif) 0 0 no-repeat; margin-top:70px; }



div.content .extra
  { width:100%; }
div.content .extra td.left
  { width:99%; vertical-align:top; }
div.content .extra td.right
  { width:1%; vertical-align:top; }



div.content .uppanel
  { width:469px; position:absolute; z-index:99; margin-left:-444px; margin-top:1px; }
div.content .bltop 
  { background:url(../images/black-top.gif) 0 0 no-repeat; width:469px; height:18px; }
div.content .blbot
  { background:url(../images/black-bot.gif) 0 0 no-repeat; width:469px; height:18px; }
div.content .blmid
  { background:#000000; color:#ffffff; padding:5px 30px; }





div.content .smallgal a
  { font-size:0; display:block; width:80px; height:80px; margin:0; float:left; }
div.content .smallgal img
  { width:80px; height:80px; margin:0; border:none; }


div.content .contacts
  { background:url(../images/wrap.jpg) 0 0 no-repeat; padding-left:240px; height:300px; }
div.content .contacts .spacer
  { height:8px; }

div.content .spacer2
  { clear:both; height:40px; }

div.content .pages
  { margin:0 auto; font-size:0; width:75px; margin-top:30px; }
div.content .pages a
  { display:block; width:5px; height:5px; float:left; margin:0 6px; background:url(../images/point-gr.gif) 0 0 no-repeat; }
div.content .pages a:hover
  { background:url(../images/point-rd.gif) 0 0 no-repeat; }
div.content .pages a.act
  { background:url(../images/point-bl.gif) 0 0 no-repeat; }

div.header
  { width:590px; font-size:110%; margin:0 0 40px 0; color: #000; }
div.studio
  { background: url(../images/studio.gif) 0 0 no-repeat; }
div.bigmail
  { background: url(../images/mail.gif) 0 0 no-repeat; }
div.gallery
  { background: url(../images/gallery.gif) 0 0 no-repeat; }
div.works
  { background: url(../images/works.gif) 0 0 no-repeat; }