* { margin:0;padding:0; }
* html body { _filter:expression(document.execCommand("BackgroundImageCache", false, true)); }
html, body { height:100%; min-height:100%; background-color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:13px;color:#333; }

a { color:#000; }
a:hover { text-decoration:none; }
img { border:none; }

#wrapper {position: absolute; z-index:2; overflow: hidden; background-color: #FFF; min-height: 100%; min-width: 980px; width: 100%; _width: expression( document.body.clientWidth < 980 ? '980px' : '100%' ); }
#layout {position: relative; z-index:3; margin:0 auto 100px auto; max-width: 1400px; width: 97%; _width: expression( document.body.clientWidth > 1400 ? '1400px' : '100%' ); }

#head { background: #000 url('topl.gif') left top no-repeat; }
#head #bg { background: url('topr.gif') right top no-repeat; height: 53px; }
#head #logo { float: left; margin-left: 75px; height: 48px; background: url('logo.gif') center center no-repeat; width: 200px; }
#head #logo a { height: 48px; width: 200px; display:block; float:left; }
#head #nav { float: right; font-size: 13px; padding: 16px 20px; }
#head #nav a { color:#FFF; margin: 7px 15px; padding: 5px 5px 5px 35px;} #head #nav a:hover { color:#F60; }
#head #nav a.w { background: url('work.gif') left center no-repeat; }
#head #nav a.q { background: url('quest.gif') 10px center no-repeat; }
#head #nav a.c { background: url('contacts.gif') 10px center no-repeat; }

#txtk { background: url('des.gif') 10% 65px no-repeat; padding:40px 10px 10px 70%; height:190px; }
#txtk h1 { font-size:16px; padding:5px; margin:0; font-weight:normal; color:#999; }
#txtk p { font-size:11px; padding:5px 0 5px 28px; margin:0; }

#detail { padding:20px; height:270px; margin: 10px auto 0 auto; width:91%; max-width: 1400px; _width: expression( document.body.clientWidth > 1400 ? '1400px' : '100%' ); }
#detail span { display:block; width:18%; float:left; margin:0 1%;}
#detail b { font-size:16px; padding:15px 5px 5px 5px; margin:0; font-weight:normal; }
#detail p { font-size:11px; padding:5px 5px 5px 18px; margin:0;}

h2 {font-size:25px; padding:10px 5px 15px 20px; margin:0; font-weight:normal; }

#content {}
#content #imgbox { height: 650px; overflow:hidden; position:relative;}
#content #imgbox #box { width:180px; height:180px; margin:20px; float:left; overflow:hidden;}
#content #imgbox #box img { margin:25px 0 0 9px; }
#content #imgbox #box img.www { border:1px #CCC solid; }
#content #imgbox #box div { position:absolute; z-index:1; width:180px; height:180px; background: url('wwwbg.png') center bottom no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.webpatch.ru/templates/draft/wwwbg.png',sizingMethod='crop');}


#content #navigation { float:right; width:250px; padding: 0 0 0 20px; position:absolute; right:1%; }
#content #navigation h2 { font-size:16px; font-weight:normal; padding:15px 0; }
#content #navigation .dir { background: #000 url('ml.gif') left center no-repeat; height:25px; _height:17px; padding-left:6px; margin:30px 0 20px 0; }
#content #navigation .dir p { background: url('mr.gif') right top no-repeat; height:25px; _height:17px; padding:4px 6px 4px 0; }
#content #navigation .dir { font-size:13px; color:#FFF;}
#content #navigation a.nv { padding-left:20px; display:block; color:#000; margin:10px 0; }
#content #navigation a.nv:hover { background: url('h.gif') 5px center no-repeat; }
#content #navigation a.here { padding-left:20px; display:block; color:#000; margin:10px 0; background: url('r.gif') 5px center no-repeat; }

#content #indcon { padding: 30px; }
#content #indcon #indnav { display:block; height:50px; }
#content #indcon #indnav .me { background: #000 url('ml.gif') left center no-repeat; height:25px; _height:17px; _width:25px; padding: 0 0 0 6px; float:left; margin: 0 4px ; }
#content #indcon #indnav .me p { color:#FFF; background: url('mr.gif') right top no-repeat; height:25px; _height:17px; _width:25px; padding:4px 6px 4px 0; margin: 0; }
#content #indcon #indnav a { color:#000; display:block; float:left; margin: 0 10px; height:25px; padding:4px 0; }
#content #indcon #indnav a.tu { color:#FFF; margin: 0; height:auto; padding:0; text-decoration:none; }
#content #indcon #indnav a.tu:hover { color:#FFF;}

#content #indcon .indshow { display:block; }
#content #indcon .indshow p { padding:10px 0 10px 35px; line-height:135%; }
#content #indcon .indshow ul { padding:10px 0 10px 75px; line-height:135%; }
#content #indcon .indtxt { display:none; }

.br {margin:20px 0;padding:10px;}
.messenger { background-color:#F0F0F0;border-left:10px solid #000;width:500px;}
.messenger h3 {padding-bottom:10px;}
.messenger p {padding:5px 0;}

#content #navigation .year { display:block; height:50px;}
#content #navigation .year .here { background: #000 url('ml.gif') left center no-repeat; height:25px; _height:17px; _width:25px; padding-left:6px; float:left; }
#content #navigation .year .here p { color:#FFF; background: url('mr.gif') right top no-repeat; height:25px; _height:17px; _width:25px; padding:4px 6px 4px 0; }
#content #navigation .year a { color:#000; display:block; float:left; margin: 0 5px; height:25px; padding:4px 0; }
#content #navigation .year a.u  { color:#FFF; margin: 0; height:auto; padding:0;}
#content #navigation .year a.u:hover  { color:#FFF;}

#content #works { margin-right:300px; padding:20px; }
#content #works h2 {font-size:25px; padding:10px 5px 15px 0; margin:0; font-weight:normal; }
#content #works img { border:none; clear:both; padding:30px 0; }
#content #works p { padding:10px 0; line-height:135%; }
#content #works ul, #content #works ol { padding:20px 60px; }

#content #contacts input,
#content #contacts textarea { padding:2px; font-size:16px; }
#content #contacts .button { font-size:13px; margin-left:15px; }
#content #contacts h1 { font-size:25px; font-weight:normal; }

#content #contact { padding:30px; margin-left:15%;}
#content #contact h2 { padding:20px; }
#content #contact p { padding:10px 40px; }
#content #contact a {  }
#content #contact img {  }
#content #contact {  }

#content #works #pre { height:280px; padding:70px 0 10px 0; position:relative; }

#content #works #pre #box { width:180px; height:180px; margin: 0 20px; float:left; overflow:hidden; }
#content #works #pre #box div { position:absolute; width:180px; height:180px; z-index:2; background: url('wwwbg.png') center bottom no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.webpatch.ru/templates/draft/wwwbg.png',sizingMethod='crop');}
#content #works #pre #box img { float:none; }
#content #works #pre #box .www { border:1px #CCC solid; float:none; padding:0; margin-left:9px;}

#content #works #pre img { border:none; padding:0 30px 30px 0; float:left; clear:none; }
#content #works #pre .date { width:70px; float:right; color:#999; font-size:10px; padding:5px 0; }
#content #works #pre h3 { font-size:16px; font-weight:normal; }
#content #works #pre p { font-size:13px; color:#000; padding:40px; }
#content #works #pre a { color:#F60; }

#footer { position:absolute; bottom:0; z-index:2; width: 100%; _width: 97%; margin: 0 auto; }
#footer div { border-top:1px solid #666; font-size:11px; padding: 20px; margin: 30px auto 0 auto; width:90%; max-width: 1400px; _width: expression( document.body.clientWidth > 1400 ? '1400px' : '100%' ); }
#footer div a { color:#000; }
#footer div span { float:right; }