@charset "utf-8"; * { margin: 0; padding: 0; }
html, body { width: 100%; height: 100%; font: 12px/21px Georgia, Arial, Tahoma, Verdana, Helvetica, sans-serif; color: #707070; background: #fff url(../assets/images/bg-top.jpg) repeat-x top left; }
/* ---------- ELEMENTS: a ---------- */
a:link, a:visited, a:hover, a:active, a:focus, li p a:link, li p a:visited { border-bottom: 1px dashed #866f5b; text-decoration: none; color: #866f5b; }
a:hover, li p a:hover, li a:link, li a:visited { border: 0 none; color: #7d0000; }
/* ---------- ELEMENTS: h ---------- */
h1, h2, h3 { margin: 1.57em 0 1.29em; height: 15px; font: 12px/1em Georgia, Arial, Tahoma, Verdana, Helvetica, sans-serif; /* IE fix */ text-indent: -9999px; }
h1 { margin: 24px 0 39px; height: 22px; } body.IndexEN #h1-home, body.Design1EN #h1-design1, body.Design2EN #h1-design2, body.FlashEN #h1-flash, body.Brand1EN #h1-brand1, body.Brand2EN #h1-brand2, body.Brand3EN #h1-brand3, body.Photo1EN #h1-photo1, body.Photo2EN #h1-photo2 { margin: 24px 0 44px; height: 17px; }
#h1-home { width: 152px; background: url(../assets/images/h-sr/home-maybe-design.gif) no-repeat; } body.IndexEN #h1-home { background: url(../assets/images/h-en/home-maybe-design.gif) no-repeat; }
#h1-design1 { margin: 23px 0 40px; width: 426px; background: url(../assets/images/h-sr/design1-web-design.gif) no-repeat; } body.Design1EN #h1-design1 { width: 390px; background: url(../assets/images/h-en/design1-web-design.gif) no-repeat; }
#h1-design2 { margin: 19px 0 44px; width: 348px; background: url(../assets/images/h-sr/design2-custom.gif) no-repeat; } body.Design2EN #h1-design2 { background: url(../assets/images/h-en/design2-custom.gif) no-repeat; }
#h1-flash { margin: 19px 0 44px; width: 273px; background: url(../assets/images/h-sr/flash-anim-app.gif) no-repeat; } body.FlashEN #h1-flash { width: 401px; background: url(../assets/images/h-en/flash-anim-app.gif) no-repeat; }
#h1-brand1 { width: 215px; background: url(../assets/images/h-sr/brand1-logo-design.gif) no-repeat; } body.Brand1EN #h1-brand1 { width: 202px; background: url(../assets/images/h-en/brand1-logo-design.gif) no-repeat; }
#h1-brand2 { width: 418px; background: url(../assets/images/h-sr/brand2-identity.gif) no-repeat; } body.Brand2EN #h1-brand2 { width: 342px; background: url(../assets/images/h-en/brand2-identity.gif) no-repeat; }
#h1-brand3 { width: 424px; background: url(../assets/images/h-sr/brand3-campaign.gif) no-repeat; } body.Brand3EN #h1-brand3 { width: 418px; background: url(../assets/images/h-en/brand3-campaign.gif) no-repeat; }
#h1-photo1 { width: 299px; background: url(../assets/images/h-sr/photo1-advertising.gif) no-repeat; } body.Photo1EN #h1-photo1 { width: 312px; background: url(../assets/images/h-en/photo1-advertising.gif) no-repeat; }
#h1-photo2 { width: 281px; background: url(../assets/images/h-sr/photo2-retouching.gif) no-repeat; } body.Photo2EN #h1-photo2 { width: 379px; background: url(../assets/images/h-en/photo2-retouching.gif) no-repeat; }
#h1-story { margin: 19px 0 44px; width: 128px; background: url(../assets/images/h-sr/story-our-story.gif) no-repeat; } body.StoryEN #h1-story { width: 123px; background: url(../assets/images/h-en/story-our-story.gif) no-repeat; }
#h1-contact { width: 201px; background: url(../assets/images/h-sr/contact-contact-us.gif) no-repeat; } body.ContactEN #h1-contact { width: 137px; background: url(../assets/images/h-en/contact-contact-us.gif) no-repeat; }
#h2-home { width: 177px; background: url(../assets/images/h-sr/home-tell-us.gif) no-repeat; } body.IndexEN #h2-home { width: 160px; background: url(../assets/images/h-en/home-tell-us.gif) no-repeat; }
#h2-design1 { margin-top: 2.5em; width: 151px; background: url(../assets/images/h-sr/design1-design-plans.gif) no-repeat; } body.Design1EN #h2-design1 { width: 141px; background: url(../assets/images/h-en/design1-design-plans.gif) no-repeat; }
#h2-brand1 { margin-top: 1.2em; width: 153px; background: url(../assets/images/h-sr/brand1-logo-plans.gif) no-repeat; } body.Brand1EN #h2-brand1 { width: 143px; background: url(../assets/images/h-en/brand1-logo-plans.gif) no-repeat; }
#h2-story { width: 285px; height: 17px; background: url(../assets/images/h-sr/story-innovation.gif) no-repeat; } body.StoryEN #h2-story { width: 323px; background: url(../assets/images/h-en/story-innovation.gif) no-repeat; }
#h2-contact { width: 119px; background: url(../assets/images/h-sr/contact-questionnarie.gif) no-repeat; } body.ContactEN #h2-contact { width: 176px; background: url(../assets/images/h-en/contact-questionnarie.gif) no-repeat; }
#h3-home { width: 144px; background: url(../assets/images/h-sr/home-demand.gif) no-repeat; } body.IndexEN #h3-home { width: 145px; background: url(../assets/images/h-en/home-demand.gif) no-repeat;  }
#h3-brand1 { margin-top: 0.6em; border-top: 4px double #ccc; width: 566px; height: 47px; background: url(../assets/images/h-sr/brand1-logo-process.gif) no-repeat 0 30px; } body.Brand1EN #h3-brand1 { height: 45px; background: url(../assets/images/h-en/brand1-logo-process.gif) no-repeat 0 30px; }
#h3-brand2 { border-top: 4px double #ccc; padding-top: 34px; width: 566px; background: url(../assets/images/h-sr/brand2-identity-process.gif) no-repeat 0 32px; } body.Brand2EN #h3-brand2 { padding-top: 32px; background: url(../assets/images/h-en/brand2-identity-process.gif) no-repeat 0 32px; }
#h3-photo1, #h3-photo2 { margin-top: 0.6em; border-top: 4px double #ccc; width: 566px; height: 47px; background: url(../assets/images/h-sr/brand2-identity-process.gif) no-repeat 0 30px; } body.Photo1EN #h3-photo1, body.Photo1EN #h3-photo2 { height: 45px; background: url(../assets/images/h-en/brand2-identity-process.gif) no-repeat 0 30px; }
#h3-photo2 { background: url(../assets/images/h-sr/photo2-some-things.gif) no-repeat 0 30px; } body.Photo2EN #h3-photo2 { background: url(../assets/images/h-en/photo2-some-things.gif) no-repeat 0 30px; }
/* ---------- ELEMENTS: p ---------- */
p { padding-bottom: 1.25em; text-align: justify; }
p.price, p#price-management { border-top: 4px double #ccc; padding: .4em 0 2em; color: #a53c0a; }
p#price-flash { float: left; margin-top: 1.5em; border-top: 4px double #ccc; padding: 3.6em 0 2.6em; width: 564px; color: #a53c0a; }
body.Design1SR p.price, body.Design1EN p.price { margin-bottom: 2.2em; border-top: 0 none; border-bottom: 4px double #ccc; }
body.Design2SR p.price, body.Design2EN p.price { padding-top: 3.2em; }
.i { font-style: italic; color: #866f5b; }
/* ---------- ELEMENTS: ul, li ---------- */
ul { padding-left: 15px; }
li { padding: 0 0 1em 10px; text-align: justify; list-style-type: disc; }
ul#exibit-thumbs, /* index */ ul#exibit-thumbs-small { padding: 0.5em 0 1.5em; } ul#exibit-thumbs { padding-top: 1em; }
ul#exibit-thumbs li, /* index */ ul#exibit-thumbs-small li { float: left; padding: 0 0 0 5px; list-style-type: none; }
/* photo, portfolio L */ body.Photo1SR ul#exibit-thumbs, body.Photo1EN ul#exibit-thumbs, body.Photo2SR ul#exibit-thumbs, body.Photo2EN ul#exibit-thumbs, body.PortfolioLSR ul#exibit-thumbs, body.PortfolioLEN ul#exibit-thumbs { padding-top: 1em; height: 54em; }
/* photo, portfolio L */ body.Photo1SR ul#exibit-thumbs li, body.Photo1EN ul#exibit-thumbs li, body.Photo2SR ul#exibit-thumbs li, body.Photo2EN ul#exibit-thumbs li, body.PortfolioLSR ul#exibit-thumbs li, body.PortfolioLEN ul#exibit-thumbs li { padding-bottom: 1.7em; }
ul#exibit-thumbs li.schooch { padding-left: 30px; }
ul#exibit-thumbs li img { border: 0 none; }
ul#exibit-thumbs li p, /* index */ ul#exibit-thumbs-small li p { padding-bottom: 0.65em; text-align: center; }
/* index */ ul#exibit-thumbs-small { padding-top: 1.1em; }
/* index */ ul#exibit-thumbs-small li { padding-left: 0; }
/* index */ ul#exibit-thumbs-small li.schooch-small { padding-left: 12px; }
/* index */ ul#exibit-thumbs-small li img { border: 2px solid #d6d6d6; }
/* index */ ul#exibit-thumbs-small li p { padding-top: 2px; }
/* ---------- BRANDING ---------- */
div#branding { position: relative; width: 100%; height: 100%; background: url(../assets/images/logo.gif) no-repeat 20px 20px; z-index: 1 }
div#slogan1, div#slogan2, div#slogan3, div#slogan4 { position: absolute; width: 100%; height: 1000px; }
div#slogan1 { background: url(../assets/images/letters-sr.gif) no-repeat 640px 125px; z-index: 2; } body.IndexEN div#slogan1, body.Design1EN div#slogan1, body.Design2EN div#slogan1, body.FlashEN div#slogan1, body.Brand1EN div#slogan1, body.Brand2EN div#slogan1, body.Brand3EN div#slogan1, body.Photo1EN div#slogan1, body.Photo2EN div#slogan1, body.PortfolioFEN div#slogan1, body.PortfolioLEN div#slogan1, body.PortfolioWEN div#slogan1, body.StoryEN div#slogan1, body.ContactEN div#slogan1 { background-image: url(../assets/images/letters-en.gif); }
div#slogan2 { background: url(../assets/images/reflection-top.gif) no-repeat 619px 808px; z-index: 3; } body.SloganEN div#slogan2 { background-position: 619px 785px; }
div#slogan3 { background: url(../assets/images/reflection-middle.jpg) no-repeat 619px 839px; z-index: 4; } body.SloganEN div#slogan3 { background-position: 619px 816px; }
div#slogan4 { background: url(../assets/images/reflection-bottom.jpg) no-repeat 592px 943px; z-index: 5; } body.SloganEN div#slogan4 { background-position: 592px 920px; }
div#margin-top { width: 100%; height: 185px; }
/* ---------- NAVIGATION: background ---------- */
div#nav { position: relative; float: left; /* OPERA; padding-right: 570px; */ width: 300px; background: url(../assets/images/nav-top.gif) no-repeat 90px 0; z-index: 6; }
div#nav #grad { margin-top: 101px; width: 100%; height: 445px; background: url(../assets/images/nav-grad.gif) repeat-y 90px 0; }
div#nav #grad #bottom { margin-top: 419px; width: 100%; height: 43px; background: url(../assets/images/nav-bottom.gif) no-repeat 90px 0; }
div#nav-branding { background: url(../assets/images/nav-kejatz-sr.gif) no-repeat 105px 40px; } body.IndexEN div#nav-branding, body.Design1EN div#nav-branding, body.Design2EN div#nav-branding, body.FlashEN div#nav-branding, body.Brand1EN div#nav-branding, body.Brand2EN div#nav-branding, body.Brand3EN div#nav-branding, body.Photo1EN div#nav-branding, body.Photo2EN div#nav-branding, body.PortfolioFEN div#nav-branding, body.PortfolioLEN div#nav-branding, body.PortfolioWEN div#nav-branding, body.StoryEN div#nav-branding, body.ContactEN div#nav-branding { background-image: url(../assets/images/nav-kejatz-en.gif); }
/* ---------- NAVIGATION: links ---------- */
#nav a, #nav a:link, #nav a:visited, #nav span { position: absolute; left: 103px; border: 0 none; font: 10px "Lucida Sans Unicode", Tahoma, Arial, sans-serif; color: #444; }
#nav a:hover, #nav a:active { color: #a51a0a; background-color: #f1f1f1; }
#nav #a1, #nav #a2, #nav #a3, #nav #a4, #nav #a5, #nav #a6, #nav #a7, #nav #a8, #nav #a9, #nav #a10, #nav #a11, #nav #a12 { border-bottom: 1px solid #e8e8e8; padding: 2px 0 4px 11px; width: 132px; }
#nav #a1 { top: 24px; padding: 6px 0 6px 11px; }
#nav #a2 { top: 131px; padding-bottom: 3px; }
#nav #a3 { top: 170px; }
#nav #a4 { top: 210px; }
#nav #a5 { top: 250px; }
#nav #a6 { top: 290px; }
#nav #a7 { top: 330px; }
#nav #a8 { top: 370px; }
#nav #a9 { top: 410px; border-width: 3px; }
#nav #a10 { top: 433px; padding: 14px 0 14px 11px; }
#nav #a11 { top: 476px; padding: 14px 0 14px 11px; }
#nav #a12 { top: 519px; border: 0 none; padding: 14px 0 15px 11px; }
body.IndexSR #nav #a1, body.Design1SR #nav #a2, body.Design2SR #nav #a3, body.FlashSR #nav #a4, body.Brand1SR #nav #a5, body.Brand2SR #nav #a6, body.Brand3SR #nav #a7, body.Photo1SR #nav #a8, body.Photo2SR #nav #a9, body.PortfolioFSR #nav #a10, body.PortfolioLSR #nav #a10, body.PortfolioWSR #nav #a10, body.StorySR #nav #a11, body.ContactSR #nav #a12,
body.IndexEN #nav #a1, body.Design1EN #nav #a2, body.Design2EN #nav #a3, body.FlashEN #nav #a4, body.Brand1EN #nav #a5, body.Brand2EN #nav #a6, body.Brand3EN #nav #a7, body.Photo1EN #nav #a8, body.Photo2EN #nav #a9, body.PortfolioFEN #nav #a10, body.PortfolioLEN #nav #a10, body.PortfolioWEN #nav #a10, body.StoryEN #nav #a11, body.ContactEN #nav #a12 { color: #707070; background: #f1f1f1; }
div#nav-branding p a:link, div#nav-branding p a:visited, div#award-alt p a:link, div#award-alt p a:visited, p#award-text a:link, p#award-text a:visited { position: static; /* MOZILLA fix */ display: inline; /* MOZILLA fix */ border-bottom: 1px dashed #866f5b; font-weight: bold; line-height: 18px; color: #866f5b; }
div#nav-branding p a:hover, div#nav-branding p a:active, div#award-alt p a:hover, div#award-alt p a:active, p#award-text a:hover, p#award-text a:active { border-bottom: 1px dashed white; color: #7d0000; background: #fff; }
p#award-text a:link, p#award-text a:visited { width: 105px; } /* IE6 fix */
p#award-text a:hover, p#award-text a:active { border-bottom: 1px dashed white; } /* IE6 fix */
/* ---------- NAVIGATION: text ---------- */
#nav #s1, #nav #s2, #nav #s3, #nav #s4, #nav #s5, #nav #s6, #nav #s7, #nav #s8, #nav #s9 { padding: 0 0 8px 11px; font-weight: bold; color: #c2cbe2; }
#nav #s1 { top: 90px; border-bottom: 3px solid #e8e8e8; padding-bottom: 5px; width: 132px; color: #444; }
#nav #s2 { top: 116px; }
#nav #s3 { top: 155px; }
#nav #s4 { top: 195px; }
#nav #s5 { top: 235px; }
#nav #s6 { top: 275px; }
#nav #s7 { top: 315px; }
#nav #s8 { top: 355px; }
#nav #s9 { top: 395px; }
div#nav-branding p { padding: 100px 0 0 111px; }
/* ---------- CONTENT ---------- */
div#content { position: absolute; margin-left: 300px; width: 565px; z-index: 7; } /* OPERA; position: relative; float: left; margin-left: -570px; */
/* ---------- BOTTOM ---------- */
div#margin-bottom { position: absolute; top: 72.2em; width: 100%; height: 11.166em; /* 11.166em=134px */ background: url(../assets/images/bg-bottom.jpg) repeat-x bottom left; z-index: 8; }
body.IndexSR div#margin-bottom, body.IndexEN div#margin-bottom { top: 89em; }
body.Design1SR div#margin-bottom, body.Design1EN div#margin-bottom { top: 140.3em; }
body.FlashSR div#margin-bottom, body.FlashEN div#margin-bottom { top: 87.2em; }
body.Brand1SR div#margin-bottom { top: 118.3em; } body.Brand1EN div#margin-bottom { top: 120.7em; }
body.Brand2SR div#margin-bottom { top: 80.4em; } body.Brand2EN div#margin-bottom { top: 78.5em; }
body.Photo1SR div#margin-bottom, body.Photo1EN div#margin-bottom { top: 120.4em; }
body.Photo2SR div#margin-bottom, body.Photo2EN div#margin-bottom { top: 110.8em; }
body.PortfolioFSR div#margin-bottom, body.PortfolioFEN div#margin-bottom { top: 100.8em; }
body.PortfolioLSR div#margin-bottom, body.PortfolioLEN div#margin-bottom { top: 97.8em; }
body.PortfolioWSR div#margin-bottom, body.PortfolioWEN div#margin-bottom { top: 81.7em; }
body.StorySR div#margin-bottom, body.StoryEN div#margin-bottom { top: 82.6em; }
body.ContactSR div#margin-bottom { top: 146.5em; } body.ContactEN div#margin-bottom { top: 146.5em; }
#validation { margin-left: 300px; border-top: 4px double #ccc; padding-top: 4px; padding-bottom: 1px; width: 565px; font: 10px "Lucida Sans Unicode", Tahoma, Arial, sans-serif; color: #ababab; }
#validation a { margin-left: 1px; }
/* ---------- CONTENT: index ---------- */
p#small-thumbs-border { margin-top: 12.75em; border-top: 4px double #ccc; padding-top: 2.1em; }
/* ---------- CONTENT: design1 ---------- */
div.plans { float: left; border-top: 4px double #ccc; padding: 25px 30px 18px; width: 503px; font: bold 11px/1.5em Verdana, "Lucida Sans Unicode", Arial, sans-serif; }
div#plans-last { margin: 0 0 2.5em 0; border-bottom: 4px double #ccc; }
div.plans li { padding-bottom: 0.8em; }
div.plans img { float: right; margin: -183px 0 0; }
/* brand1 */ div.plans img.logo { margin-top: -163px; }
/* brand2 */ div.plans img.identity { margin-top: -148px; }
/* ---------- CONTENT: design2 ---------- */
ul#design2-offer { padding: 1.5em 0 2.3em 15px; }
/* ---------- CONTENT: flash ---------- */
ul#flash-offer { padding: 1.5em 0 1.2em 15px; }
ul#flash-offer li { padding: 0 0 1.5em 10px; }
p#sasha { margin-top: 0.5em; }
p#award-text { margin: 2.1em 0 0 106px; border-top: 4px double #ccc; padding-top: 1.7em; width: 132px; font: 10px "Lucida Sans Unicode", Tahoma, Arial, sans-serif; text-align: center; }
#award { margin: -13px 0 0 -20px; }
#award-alt { margin-left: 120px; }
#award-alt img { padding-top: 0.5em; }
/* ---------- CONTENT: brand1 ---------- */
div#logo-plan-hold { height: 51.3em; } body.Brand1EN div#logo-plan-hold { height: 55.6em; }
div#formats-hold { padding-left: 20px; }
p.additional-formats-h { float: left; width: 266px; }
ul.additional-formats { float: left; padding: 0.5em 0 1em 15px; width: 250px; }
ul.additional-formats li { padding-bottom: 0.5em; }
ul.additional-formats li span, .additional-formats-span { color: #7d0000; }
ul#design-process { padding-top: 0.8em; }
ul#design-process a:link, ul#design-process a:visited { border-bottom: 1px dashed #866f5b; color: #866f5b; }
ul#design-process a:hover { border: 0 none; color: #7d0000; }
/* ---------- CONTENT: brand2 ---------- */
div#identity-design-hold { padding-top: 1em; height: 17.5em; }
/* ---------- CONTENT: brand3 ---------- */
ul#management-offer { margin-top: 0.7em; border-top: 4px double #ccc; padding-top: 2.2em; }
p#price-management { margin-top: 1.2em; padding-top: 2em; }
/* ---------- CONTENT: portfolio-w ---------- */
div#portfolio-nav { position: relative; margin: 24px 0 60px; padding-bottom: 1px; }
div#portfolio-nav *, #portfolio-nav a:hover { position: absolute; border-bottom: 4px double #ccc; padding-bottom: 12px; }
span#port-w-w	{ width: 163px; background: url(../assets/images/h-sr/portfolio-site-visiting.gif) no-repeat; } body.PortfolioWEN span#port-w-w { width: 161px; background: url(../assets/images/h-en/portfolio-site-visiting.gif) no-repeat; }
a#port-w-f		{ top: -5px; left: 250px; border: 0 none; width: 40px; background: url(../assets/images/h-sr/portfolio-flash-off.gif) no-repeat; } body.PortfolioWEN a#port-w-f { top: 0; left: 235px; width: 57px; background: url(../assets/images/h-en/portfolio-flash-off.gif) no-repeat; }
a#port-w-f:hover{ padding-bottom: 17px; width: 116px; background: url(../assets/images/h-sr/portfolio-flash-on.gif) no-repeat; } body.PortfolioWEN a#port-w-f:hover { padding-bottom: 12px; width: 132px; background: url(../assets/images/h-en/portfolio-flash-on.gif) no-repeat; }
a#port-w-l		{ left: 430px; border: 0 none; width: 54px; background: url(../assets/images/h-sr/portfolio-logo-off.gif) no-repeat; } body.PortfolioWEN a#port-w-l { background: url(../assets/images/h-en/portfolio-logo-off.gif) no-repeat; }
a#port-w-l:hover{ width: 130px; background: url(../assets/images/h-sr/portfolio-logo-on.gif) no-repeat; } body.PortfolioWEN a#port-w-l:hover { background: url(../assets/images/h-en/portfolio-logo-on.gif) no-repeat; }
/* ---------- CONTENT: portfolio-f ---------- */
a#port-f-w		{ border: 0 none; width: 88px; background: url(../assets/images/h-sr/portfolio-site-off.gif) no-repeat; } body.PortfolioFEN a#port-f-w { width: 85px; background: url(../assets/images/h-en/portfolio-site-off.gif) no-repeat; }
a#port-f-w:hover{ width: 164px; background: url(../assets/images/h-sr/portfolio-site-on.gif) no-repeat; } body.PortfolioFEN a#port-f-w:hover { width: 161px; background: url(../assets/images/h-en/portfolio-site-on.gif) no-repeat; }
span#port-f-f	{ top: -5px; padding-bottom: 17px; left: 215px; width: 116px; background: url(../assets/images/h-sr/portfolio-flash-visiting.gif) no-repeat; } body.PortfolioFEN span#port-f-f { top: 0; padding-bottom: 12px; width: 132px; background: url(../assets/images/h-en/portfolio-flash-visiting.gif) no-repeat; }
a#port-f-l		{ left: 430px; border: 0 none; width: 54px; background: url(../assets/images/h-sr/portfolio-logo-off.gif) no-repeat; } body.PortfolioFEN a#port-f-l { background: url(../assets/images/h-en/portfolio-logo-off.gif) no-repeat; }
a#port-f-l:hover{ width: 130px; background: url(../assets/images/h-sr/portfolio-logo-on.gif) no-repeat; } body.PortfolioFEN a#port-f-l:hover { background: url(../assets/images/h-en/portfolio-logo-on.gif) no-repeat; }
/* ---------- CONTENT: portfolio-l ---------- */
a#port-l-w		{ border: 0 none; width: 88px; background: url(../assets/images/h-sr/portfolio-site-off.gif) no-repeat; } body.PortfolioLEN a#port-l-w { width: 85px; background: url(../assets/images/h-en/portfolio-site-off.gif) no-repeat; }
a#port-l-w:hover{ width: 164px; background: url(../assets/images/h-sr/portfolio-site-on.gif) no-repeat; } body.PortfolioLEN a#port-l-w:hover { width: 161px; background: url(../assets/images/h-en/portfolio-site-on.gif) no-repeat; }
a#port-l-f		{ top: -5px; left: 225px; border: 0 none; width: 40px; background: url(../assets/images/h-sr/portfolio-flash-off.gif) no-repeat; } body.PortfolioLEN a#port-l-f { top: 0; left: 220px; width: 57px; background: url(../assets/images/h-en/portfolio-flash-off.gif) no-repeat; }
a#port-l-f:hover{ padding-bottom: 17px; width: 116px; background: url(../assets/images/h-sr/portfolio-flash-on.gif) no-repeat; } body.PortfolioLEN a#port-l-f:hover { padding-bottom: 12px; width: 132px; background: url(../assets/images/h-en/portfolio-flash-on.gif) no-repeat; }
span#port-l-l	{ left: 430px; width: 130px; background: url(../assets/images/h-sr/portfolio-logo-visiting.gif) no-repeat; } body.PortfolioLEN span#port-l-l { background: url(../assets/images/h-en/portfolio-logo-visiting.gif) no-repeat; }
/* ---------- CONTENT: contact ---------- */
p#fill-send-questionnaire { border-top: 4px double #ccc; padding-top: 1em; }
#questionnarie { position: relative; }
#questionnarie p { padding: 0.8em 0 0.2em; }
fieldset { border: 2px solid #d4d0c8; padding: 1.5em 0 0.75em; width: 550px; color: #707070; }
fieldset#about-project { height: 407px; }
fieldset#project-details { width: 565px; text-align: center; }
label, label span { float: left; padding: 0 1em 0.35em 0; }
label { width: 100%; }
label span { width: 55%; text-align: right; }
input, select, textarea { margin-bottom: 0.45em; border: 1px solid #d4d0c8; width: 190px; font: 13px Arial; color: #707070; }
select { width: 192px; }
select#year, select#month, select#day { width: 60px; }
select#month, select#day { position: relative; top: -30px; left: 380px; }
select#day { left: 383px; }
textarea#similar-sites, span#textarea-span { position: relative; top: -25px; left: 112px; overflow: auto; width: 190px; }
textarea#similar-sites { height: 60px; }
#c0, #c1, #c2, #c3, #c4, #c5, #c6, #c7, #c8 { width: 15px; margin-top: 4px; }
fieldset#project-details textarea { overflow: auto; margin: 0 auto 8px; width: 502px; }
#submit { position: relative; top: 15px; left: 468px; margin-bottom: 0; border: 1px solid #7d0000; width: 100px; height: 25px; font: 12px Georgia, Arial, Tahoma, Verdana, Helvetica, sans-serif; color: #7d0000; background: #fff; }
#submit:hover { border: 1px solid #866f5b; color: #866f5b; }