/*<![CDATA[*/

*          { margin: 0; padding: 0 }
html, body { height: 100% }
         
body       { background: #fff }
body, td   { font: 11px Arial; color: #636363 }
div        { float: left }

#outer       { height: 100%; width: 100% }
#outer td    { text-align: center; padding: 20px} 
#outer td td { text-align: left } 

#page        { margin: auto; width: 944px; height: 670px }
#page td     { vertical-align: top; padding: 0 }

#logo        { width: 100%; height: 59px }
#logo img    { float: right; width: 185px; height: 54px }

#conteiner   { width: 944px; background: #f2f2f2; padding: 9px 0; border: 1px solid #e3e3e3; wid\th/* */: 942px }
#left        { width: 313px; padding-left: 9px; wid\th/* */: 304px } 
#cinner      { float: right; width: 629px; height: 508px; padding-left: 10px; padding-right: 9px; wid\th/* */: 610px } 

#left ul { float: left; list-style: none }
#left li { float: left; display: inline }

#icons         { width: 304px; padding-bottom: 10px }
#icons li      { padding-left: 11px }
#icons li.lv   { padding-left: 0 }
#icons li.ru   { padding-left: 10px }

#icons a, #icons span  { display: block; text-align: center; color: #636363; text-decoration: none; width: 68px; height: 35px; background: #fff; border: 1px solid #e3e3e3; padding-top: 9px; wid\th/* */: 66px; heig\ht/* */: 24px }
#icons a:hover         { background-color: #f2f2f2 }
#icons span            { background: #f2f2f2 }
#icons li.mail a       { background: #fff url(../i/icon_letter.gif) center no-repeat }
#icons li.mail a:hover { background-color: #f2f2f2 }
#icons li.mail span    { background: #f2f2f2 url(../i/icon_letter.gif) center no-repeat }

#menu       { padding-bottom: 0; display: inline; background: url(../i/bg_menu.gif) 157px 0 no-repeat; width: 314px; margin-left: -10px; margin-top: -10px }
#menu li    { padding-left: 10px; padding-top: 10px } 
#menu li li { font: 11px Arial; text-transform: uppercase }
#menu a       { color: #fff; text-decoration: none }
#menu a:hover, #menu a.current { color: #c0a062 }
#menu img     { width: 147px; height: 147px }

#menu li ul  { float: left; position: absolute; left: -999em; padding: 21px 23px; margin-left: 37px; margin-top: -95px; width: 193px; background: #7a7a7a; z-index: 999; wid\th/* */: 157px }
#menu li li  { float: left; height: auto; width: 157px; padding: 0; color: #c0a062 }

#menu li:hover ul, #menu li.iehover ul { left: auto }

#footer     { float: right; width: 620px; height: 43px; padding-top: 13px; border-bottom: 1px solid #555; heig\ht/* */: 29px }
#footer img { height: 17px }

#fdeveloper      { width: 314px; height: 41px; border-top: 1px solid #c0a062; padding-top: 10px; padding-left: 10px; margin-top: 42px; wid\th/* */: 304px; heig\ht/* */: 30px }
#fdeveloper img  { width: 85px; height: 16px }


#pageheader           { width: 610px; height: 35px; background: #fff; }
#pageheader div.left  { padding: 10px 25px }
#pageheader div.right { float: right }

#content   { margin-top: 10px; width: 610px; height: 462px; padding: 0 35px; padding-top: 30px; background: #fff; border-bottom: 1px solid #e3e3e3; wid\th/* */: 540px; heig\ht/* */: 432px }

#content div.content    { width: 330px }
#content div.photos     { float: right; width: 112px  }
#content div.photos img { float: right; width: 112px; height: 112px; margin-bottom: 10px }


#projects         { width: 590px; margin: 0 -35px; display: inline }
#projects div     { width: 295px; height: 143px; padding-left: 20px; wid\th/* */: 275px }

#projects div div       { width: 140px; padding: 0 }
#projects div div.image { width: 135px }
#projects div div img   { width: 112px; height: 112px }
#projects div div h1    { color: #c0a062; padding-bottom: 14px }
#projects div div p     { padding: 0 }

#projects div div a:hover img { border: 10px solid #c0a062; width: 92px; height: 92px }

#project    { width: 610px; margin: 0 -35px; margin-top: -30px; display: inline; height: 462px }
#pimage     { width: 610px; height: 367px; background: #f2f2f2 }
#pimage img { width: 610px; height: 357px; display: none }
#pimage img.current { display: block }  

#lpreview     { width: 313px }
#lpreview div { padding-left: 9px; padding-top: 10px }
#lpreview img { cursor: hand; curs\or/* */: pointer }

#pbottom       { width: 100%; margin-top: 10px;  height: 76px }
#pcontent      { width: 579px; padding: 0 25px; padding-top: 5px; height: 76px; overflow: hidden; wid\th/* */: 529px; heig\ht/* */: 71px }
#pcontent  h1  { padding-bottom: 13px }
#pscroller img { width: 21px; height: 21px; cursor: hand; curs\or/* */: pointer }
#scrollUp      { margin-bottom: 34px }

#person div           { width: 327px; padding-top: 7px }
#person div.photo     { width: 213px; height: 265px; padding: 0 }
#person div.photo img { width: 213px; height: 265px }
#person p.position    { padding-bottom: 26px }

#news        { width: 100% }
#news .item  { width: 100% }
#news h2     { font: 12px Arial; color: #c0a062; text-transform: uppercase  }
#news p.date { font: 9px Arial; margin-top: -1px; padding-bottom: 14px }

/* pages */
div.pages         { padding-top: 7px; padding-right: 5px }
div.pages div     { display: inline; margin-right: 5px }

div.pages div a, 
div.pages div div  { background: #f2f2f2; color: #636363; float: left; display: inline-block; text-decoration: none; text-align: center;
                     width: 21px; height: 22px; padding-top: 4px; heig\ht/* */: 18px }

div.pages div.current div { background: #c0a062; color: #fff; margin: 0 }
div.pages div.image a     { margin-left: 3px }
div.pages div.image.prev  { margin-right: 22px }
div.pages div.image a     { background: none; padding-top: 7px; wid\th/* */: 10px; /* */heig\ht/* */: 15px }
div.pages div.image img   { margin: auto; width: 4px; height: 7px }

/* right links */
#rlinks         { padding-top: 10px}
#rlinks a       { float: left; text-decoration: none; display: inline-block; padding-left: 10px; margin-right: 15px; background: url(../i/arrow_left.gif) left 4px no-repeat }
#rlinks a.prev  { width: 4px; height: 11px; padding: 0; margin-right: 25px }
#rlinks a.next  { color: #636363; padding-left: 0; padding-right: 10px; background: url(../i/arrow_right.gif) right 4px no-repeat }
#rlinks a:hover { color: #c0a062; }

#wtext    { width: 255px; padding-right: 20px; wid\th/* */: 235px }
#wmap     { float: right; width: 284px; padding-top: 113px }
#wmap img { width: 284px; height: 284px;  }

#form            { width: 100%; display: inline; margin-left: -11px }
#form p          { padding: 0; padding-left: 2px; padding-bottom: 4px }

#form div div     { width: 399px; margin-top: 1px; padding-left: 10px; padding-top: 7px; padding-bottom: 12px; wid\th/* */: 389px }
#form div div div { width: 387px; padding: 0 }
#form div div.bg  { background: #f2f2f2}

#form div.fio input    { width: 301px; wid\th/* */: 285px }

#form div div div.phone       { width: 168px; padding-right: 0; wid\th/* */: 158px }
#form div div div.phone input { width: 149px; wid\th/* */: 133px }

#form div div div.email       { width: 231px; padding: 0 }
#form div div div.email input { width: 220px; wid\th/* */: 204px }

#form div.submit         { float: left; padding-top: 0; margin-top: -1px  }
#form div.submit a       { float: left; display: inline-block; padding: 4px 29px; background: #c0a062; color: #fff; font-weight: bold }
#form div.submit a:hover { text-decoration: none; padding-top: 5px; padding-bottom: 3px; padding-left: 30px; padding-right: 28px }


/* common styles */
a         { color: #c0a062; text-decoration: none}
a:hover   { color: #636363; cursor: pointer; }
img       { border: 0; display: block }
table     { border-collapse: collapse }
p, ul     { padding-bottom: 13px }

h1        { font: 12px Arial; color: #636363; text-transform: uppercase }
h2        { font: bold 11px Arial }
h3        { font: 12px Arial; color: #c0a062; padding-bottom: 26px; text-transform: uppercase   }

input, textarea { font: 11px Arial; background: #fff; color: #636363; height: 20px; width: 378px; padding: 2px 7px; border: 1px solid #e3e3e3; wid\th/* */: 362px; heig\ht/* */: 14px; } 
textarea        { width: 472px; height: 100px; padding: 2px 7px; wid\th/* */: 456px; heig\ht/* */: 94px }
textarea        { scrollbar-face-color: #e0e0e1; scrollbar-shadow-color: #777778; scrollbar-highlight-color: #eee; scrollbar-3dlight-color: #fff; scrollbar-darkshadow-color: #d1680a; scrollbar-track-color: #f2f2f2; scrollbar-arrow-color: #777778 }

.error      { color: #c0a062 }
span.error  { font-size: 11px; font-weight: normal }
div.error input, div.error textarea { background: #c0a062; color: #111  }

/*]]>*/