/* CSS Document */
html {overflow: -moz-scrollbars-vertical; overflow-x: auto;}

body {width:962px; margin:20px auto 0; padding:0; background:#FFF; color:#656363; font: 12px/1.4 Arial, Helvetica, sans-serif;}

img, table {border:0;}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em; font-weight:normal;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {margin:0; padding:0;}
address {font-style:normal;}
ul,ol {list-style:none;}

#hdr {font-size:18px; color:#000; line-height:1.0; width:100%; text-align:left; float:left; margin-bottom:10px;}
#hdr span.hd1 {color:#FFF; background:#000; padding:0 3px;}
#hdr span.hd2 {color:#FA1C05;}
#hdr span.hd3 {font-size:42px; line-height:1.2;}
#hdr a {text-decoration:none; color:#000;}

#topnav {float:left; width:100%; background-color:#B6B0A4; font-size:10px;}
#topnav a {display:block; float:left; color:#000; text-decoration:none; padding:8px 9px; border-right:1px solid #FFF;}
#topnav a:hover {background-color:#FA1C05; color:#FFF;}

#home #topnav a.home, #logo #topnav a.logo, #print #topnav a.print, #packaging #topnav a.packaging, #web #topnav a.web, #gui #topnav a.gui,
#illustration #topnav a.illustration, #photo #topnav a.photo, #art #topnav a.art, #flash #topnav a.flash, #contact #topnav a.contact, #resume #topnav a.resume,
#clients #topnav a.clients {background-color:#FA1C05; color:#FFF;}

#main {float:left; width:100%; background:url(../i/bkg_main.gif) left top repeat-y; margin-top:5px; border-bottom:1px solid #DDD9D6;}

#mleft {float:left; width:178px; padding:20px 10px 10px;}
#mleft a {display:block; text-decoration:underline; background:url(../i/blt_white.gif) 3px center no-repeat; padding:5px 10px 5px 20px; color:#656363; font-size:11px;}
#mleft a:hover {background-image:url(../i/blt_red.gif); text-decoration:none;}
#mleft a.ads {padding:40px 5px 20px; background:none;}

#home #main, #contact #main, #resume #main, #sitemap #main {float:left; width:100%; background: #DDD9D6 url(../i/bkg_main_home.gif) left bottom no-repeat; margin-top:5px; 
	border-bottom-width:0;}
#ileft {float:left; width:168px; padding:50px 10px 10px 20px; line-height:2.0;}
#ileft h2 {font-weight:bold;}
#iright {float:right; width:700px; padding:0 50px 0 10px;}
#contact #iright {padding-bottom:35px;}
#resume #iright {padding-bottom:35px;}
#iright img {display:block; float:left; padding-right:50px;}
#iright h2 {color:#8D8A8A; font-size:36px; padding-top:30px; padding-bottom:10px;}
#iright h2 a {font-size:12px; color:#8D8A8A;}
#iright p {padding:5px 0;}
#home #iright p {padding:5px 0 15px;}
#iright ul {padding:5px 0;}
#sitemap #iright ul {padding:5px 0 60px; width:33%; float:left;}
#contact #iright a.plain {text-decoration:none; color:#656363;}
#contact #iright p.othersites {padding:1px 0 1px 30px;}
#iright li {padding:1px 0 1px 10px;}
#iright li a {color:#656363;}
#iright li.high {padding:10px 0 3px 0; font-weight:bold;}
#iright li.high a {color:#656363; text-decoration:none;}
#iright li.high a:hover {text-decoration:underline;}
#iright h3 {font-weight:bold;}

body.logo #mleft a.logo, body.stationery #mleft a.stationery, body.folder #mleft a.folder, body.guidelines #mleft a.guidelines, 
body.brochure #mleft a.brochure, body.flyer #mleft a.flyer, body.booklet #mleft a.booklet, body.postcard #mleft a.postcard, body.catalog #mleft a.catalog, 
body.print_ad #mleft a.print_ad, body.label #mleft a.label, body.cd_dvd #mleft a.cd_dvd, body.large_print #mleft a.large_print,
body.product #mleft a.product, body.cd_dvd #mleft a.cd_dvd, body.label #mleft a.label,
body.web #mleft a.web, body.web_template #mleft a.web_template, body.banner_ad #mleft a.banner_ad, body.email #mleft a.email,
body.gui #mleft a.gui, body.gui_icons #mleft a.gui_icons, body.gui_case #mleft a.gui_case, body.gui_mobile #mleft a.gui_mobile, body.wire #mleft a.wire,
body.gui_specs #mleft a.gui_specs, body.components #mleft a.components,
body.technical #mleft a.technical, body.medical #mleft a.medical, body.architectural #mleft a.architectural, body.creative #mleft a.creative, body.diagrams #mleft a.diagrams,
body.food #mleft a.food,
body.photo #mleft a.photo, body.art #mleft a.art {background-image:url(../i/blt_red.gif); text-decoration:none;}

#mcenter {float:left; width:500px; padding-bottom:20px;}
#mcenter img {display:block; float:left; padding:5px 14px 15px;}
#mcenter p {width:100%; padding:0; text-align:center; margin:0;}
#mcenter h3 {width:480px; padding:10px 0 0 10px; text-align:left; margin:0; font-size:14px;}
#mcenter h3 strong {font-size:16px;}
#mcenter h3 span {font-size:12px;}
#mcenter h4 {width:100%; padding:5px 0 5px 0; text-align:center; margin:0; font-size:14px;}
#art #mcenter img {padding-bottom:5px;}
#logo #mcenter img {display:block; float:left; padding:5px 12px 0;}
#clients #mcenter img {display:block; float:left; padding:0 12px;}
body.gui_case #mcenter img {padding:5px 5px 30px;}

#flash #mcenter img {padding:0; margin:0; }
#flash #mcenter div.thumbs img {display:inline; padding:0; margin:10px 4px; cursor:pointer; border:1px solid #000;}
#flash #mcenter #movie {display:block; padding:0; border-width:0; margin:10px 0 0 10px; overflow:hidden; }
#flash #mright li {list-style-type:none; background:url(../i/blt_white.gif) left 5px no-repeat; padding-left:10px;}

#mright {float:right; width:240px; padding:10px 10px 20px 10px;}
#mright h2 {color:#8D8A8A; font-size:36px; line-height:1.0; padding-top:5px;}
#mright h3 {font-weight:bold; padding-top:10px;}
#mright h4 {width:100%; text-align:center;}
#mright h4 a {color:#8D8A8A; font-size:30px;}
#mright p {padding:5px 0;}
#mright p.links a {display:block;}

#bnav {float:left; width:100%; font-size:10px; margin:10px 0; text-align:center;}
#bnav a {color:#000; text-decoration:none; padding:0 6px; border-right:1px solid #000;}
#bnav a.last {border-width:0;}
#bnav a:hover {color:#B6B0A4;}
#home #bnav a.home, #logo #bnav a.logo, #print #bnav a.print, #packaging #bnav a.packaging, #web #bnav a.web, #gui #bnav a.gui,
#illustration #bnav a.illustration, #photo #bnav a.photo, #art #bnav a.art, #flash #bnav a.flash, #clients #bnav a.clients {color:#B6B0A4;}

#copy {float:left; width:100%; color:#6D6A62; text-align:right; font-size:10px; border-top:1px solid #DDD9D6; padding:10px 0 10px;}
#copy a {color:#6D6A62;}