p, h1, h2, h3, h4, h5, ul, ol, form {margin: 0; padding: 0;}
fieldset {margin: 0; padding: 0; border: none;}
ul {list-style: none;}
input, textarea, select {font: 100% arial,sans-serif; }
/*hr {border: none; border-bottom: 1px dashed #B2B2B2; height: 1px; padding: 0; display: block; margin: 15px 0 20px 0; _margin: 5px 0 10px 0; clear: both;}*/

.hidden {display: none !important;}
.clr {clear: both; display: block; font-size: 1px; height: -1px;}
img {border: none;}
.tal {text-align: left !important;}
.tar {text-align: right !important;}
.tac {text-align: center !important;}
.taj {text-align: justify !important;}
.imgl {float: left; _display: inline; margin-right: 10px;}
.imgr {float: right; _display: inline; margin-left: 10px;}
.nobrd {border: none !important;}
.nomarg {margin: 0 !important;}
.nopadd {padding: 0 !important;}
.fl {float: left;}
.fr {float: right;}

/***********************************************/

html {height: 100%;}
body {margin: 0; padding: 0; font-size: 80%; text-align: center; height: 100%; color: #828282; background: #fff url(../images/layout/backgrounds/body-bg.gif); font-family: arial ce, arial, sans-serif;}
#site {margin: auto; width: 984px; min-height: 101%; _height: 100%; text-align: left; background: #fff url(../images/layout/backgrounds/site-bg.gif);position: relative;}

/*top*/
#top {position: relative; height: 270px; padding-top: 20px; background: url(../images/layout/backgrounds/landscape.jpg) 0 100px no-repeat;}

#top h1 {position: relative; width: 210px; height: 45px; left: 42px; top: -7px; overflow: hidden; font-size: 250%;}
#top h1 a {cursor: pointer; cursor: hand; color: #A6A6A6; text-decoration: none;}
#top h1 a strong {color: #FBC200;}
#top h1 span {position: absolute; width: 210px; height: 45px; top: 0; left: 0; background: url(../images/layout/headings/h1-logo.gif) 0 0 no-repeat;}

#top h2 {position: absolute; z-index: 5; width: 234px; height: 22px; left: 655px; top: 270px; overflow: hidden; font-size: 120%;}
#top h2 span {position: absolute; width: 234px; height: 22px; top: 0; left: 0; background: url(../images/layout/headings/h3-image-title.gif) 0 0 no-repeat;}
#top h2 span.cz {background: url(../images/layout/headings/h3-image-title-cz.gif) 0 0 no-repeat;}

#top ul {height: 24px;}
#top li {display: block; float: left;  height: 24px; line-height: 24px; position: relative;}
#top li.m1 {width: 221px;}
#top li.m2 {width: 180px;}
#top li.m3 {width: 227px;}
#top li.m4 {width: 185px;}
#top li.m5 {width: 150px;}
/*cz*/
#top li.m1-cz {width: 218px;}
#top li.m2-cz {width: 224px;}
#top li.m3-cz {width: 225px;}
#top li.m4-cz {width: 153px;}
#top li.m5-cz {width: 122px;}
#top li a {color: #727272; text-decoration: none; cursor: pointer; cursor: hand; font-size: 150%;}
#top li a:hover {text-decoration: underline;}
#top li span {height: 24px; position: absolute; top: 0; left: 0; background-position: 0 0; background-repeat: no-repeat;}
/*#top li a:hover span {background-position: 0 -24px; }*/
#top li.m1 span {width: 221px; background: url(../images/layout/nav/menu1.gif);}
#top li.m2 span {width: 180px; background: url(../images/layout/nav/menu2.gif);}
#top li.m3 span {width: 227px; background: url(../images/layout/nav/menu3.gif);}
#top li.m4 span {width: 185px; background: url(../images/layout/nav/menu4.gif);}
#top li.m5 span {width: 150px; background: url(../images/layout/nav/menu5.gif);}
/*cz*/
#top li.m1-cz span {width: 218px; background: url(../images/layout/nav/menu1-cz.gif);}
#top li.m2-cz span {width: 224px; background: url(../images/layout/nav/menu2-cz.gif);}
#top li.m3-cz span {width: 225px; background: url(../images/layout/nav/menu3-cz.gif);}
#top li.m4-cz span {width: 153px; background: url(../images/layout/nav/menu4-cz.gif);}
#top li.m5-cz span {width: 122px; background: url(../images/layout/nav/menu5-cz.gif);}

#lang {position: absolute; width: 50px; height: 25px; top: 273px; right: 37px; z-index: 10;}
/*content*/
#content {padding: 0 42px;}
#sub {width: 480px; float: left;}
#sub img {border: 2px solid #EAEAEA;}
#content h1 {color: #A66B22; font-size: 160%; font-weight: normal; margin-top: 0; width: 365px; height: 32px; overflow: hidden; position: relative; }
#content h1 span {position: absolute; width: 365px; height: 32px; top: 0; left: 0;}
#content h1.web span {background: url(../images/layout/headings/h1-web.gif) 0 0 no-repeat;}
#content h1.richmedia span {background: url(../images/layout/headings/h1-richmedia.gif) 0 0 no-repeat;}
#content h1.specialism span {background: url(../images/layout/headings/h1-specialism.gif) 0 0 no-repeat;}
#content h1.contact span {background: url(../images/layout/headings/h1-contact.gif) 0 0 no-repeat;}
#content h1.clients span {background: url(../images/layout/headings/h1-clients.gif) 0 0 no-repeat;}
#content h1.event span {background: url(../images/layout/headings/h1-event.gif) 0 0 no-repeat;}
#content h1.links span {background: url(../images/layout/headings/h1-links.gif) 0 0 no-repeat;}
#content h1.sitemap span {background: url(../images/layout/headings/h1-sitemap.gif) 0 0 no-repeat;}
/*cz*/
#content h1.web-cz span {background: url(../images/layout/headings/h1-web-cz.gif) 0 0 no-repeat;}
#content h1.richmedia-cz span {background: url(../images/layout/headings/h1-richmedia-cz.gif) 0 0 no-repeat;}
#content h1.specialism-cz span {background: url(../images/layout/headings/h1-specialism-cz.gif) 0 0 no-repeat;}
#content h1.contact-cz span {background: url(../images/layout/headings/h1-contact-cz.gif) 0 0 no-repeat;}
#content h1.clients-cz span {background: url(../images/layout/headings/h1-clients-cz.gif) 0 0 no-repeat;}
#content h1.event-cz span {background: url(../images/layout/headings/h1-event-cz.gif) 0 0 no-repeat;}
#content h1.links-cz span {background: url(../images/layout/headings/h1-links-cz.gif) 0 0 no-repeat;}
#content h1.sitemap-cz span {background: url(../images/layout/headings/h1-sitemap-cz.gif) 0 0 no-repeat;}

#content h2 {color: #A09B7A; font-size: 120%; margin: 1em 0 0.2em 0;}
#content h3 {color: #CEC485; font-size: 110%; margin: 1em 0 0.2em 0;}
#content p {margin: 0.2em 0 1.5em 0; line-height: 1.4em;}

#content a {color: #B1A035; text-decoration: underline;}
#content a.pdf {padding-left: 20px; background: url(../images/content/filetypes/pdf.gif) 0 0 no-repeat;}
#content a.doc {padding-left: 20px; background: url(../images/content/filetypes/doc.gif) 0 0 no-repeat;}
#content a.xls {padding-left: 20px; background: url(../images/content/filetypes/xls.gif) 0 0 no-repeat;}
#content a.zip {padding-left: 20px; background: url(../images/content/filetypes/zip.gif) 0 0 no-repeat;}
#content a.web {padding-left: 20px; background: url(../images/content/filetypes/html.gif) 0 0 no-repeat;}

#content ul, #content ol {margin: 0.5em 0 2em 0; padding: 5px 10px;}
#content ol {margin: 0.5em 0 2em 0; list-style-position: inside;}
#content ol ol, #content ul ol, #content ul ul, #content ol ul {border: 0; padding: 0; margin: 0;}
#content ol ol, #content ol ul {margin-left: 15px;}
#content li {padding: 3px 0;}
#content ul li {padding-left: 15px; background: url(../images/layout/crumbs/square-bullet.gif) 0 8px no-repeat;}
#content ul ul li, #content ol ul li {background: url(../images/layout/crumbs/square-bullet.gif) 0 8px no-repeat;}
#content ol ul li {=padding-left: 0;}
#content ul ol li {padding: 3px 0; background: none;}

/*tabulky*/
#content table.common {width: 100%; margin: 0.5em 0 2em 0; border: none; border-collapse: collapse;}
#content table.common thead {background: #d2d2d2 url(../images/layout/backgrounds/th-bg.jpg) 0 0 repeat-x;}
#content table.common thead th, #content table.common thead td {color: #464646; text-align: left; padding: 7px 10px; border: 1px solid #aaaaaa;}
#content table.common tbody th, #content table.common tbody td {color: #464646; text-align: left; padding: 5px 10px; border: 1px solid #dbdbdb;}
#content table.common tbody tr.tr1 td, #content table.common tbody tr.tr1 th {background: #fff;}
#content table.common tbody tr.tr2 td, #content table.common tbody tr.tr2 th {background: #eeeeee;}

/*form*/
#content form {/*padding: 20px 15px;*/ margin: 0.5em 0 2em 0;}
#content form div {margin-bottom: 10px;}
#content label {display: block; padding-top: 3px; font-weight: bold;}
#content input.txt {border: 2px solid #FBC403; background: #fff; padding: 1px 2px; color: #777777}
#content input.btn {border: 2px solid #777777; background: #FBC200; color: #777777; margin-left: 345px; =margin-left: 348px; _margin-left: 350px;}
#content textarea.txt {overflow: auto; border: 2px solid #FBC403; color: #777777; background: #fff; padding: 1px 2px;}
#content form .required {color: #E39000; font-weight: bold;}
#content form .error {border: 1px solid #E39000;}
#content form .row {margin: 5px 0; =margin: 3px 0;}

/*hp*/
#hp {width: 435px; float: left;}
#hp div {width: 200px; float: left; margin-right: 20px;}
#hp div h2 {width: 190px; height: 55px; oveflow: hidden; position: relative; color: #A66B22; font-size: 160%; margin: 0; z-index: 5;}
#hp div h2 span {width: 190px; height: 55px; position: absolute; top: 0; left: 0;}
#hp div.h1 h2 span {background: url(../images/layout/headings/h2-webdesign.gif) 0 0 no-repeat;}
#hp div.h2 h2 span {background: url(../images/layout/headings/h2-richmedia.gif) 0 0 no-repeat;}
#hp div.h3 h2 span {background: url(../images/layout/headings/h2-creating.gif) 0 0 no-repeat;}
#hp div.h4 h2 span {background: url(../images/layout/headings/h2-relationships.gif) 0 0 no-repeat;}
/*cz*/
#hp div.h1 h2 span.cz {background: url(../images/layout/headings/h2-webdesign-cz.gif) 0 0 no-repeat;}
#hp div.h2 h2 span.cz {background: url(../images/layout/headings/h2-richmedia-cz.gif) 0 0 no-repeat;}
#hp div.h3 h2 span.cz {background: url(../images/layout/headings/h2-creating-cz.gif) 0 0 no-repeat;}
#hp div.h4 h2 span.cz {background: url(../images/layout/headings/h2-relationships-cz.gif) 0 0 no-repeat;}
#hp div p {line-height: 1.3em;}
#hp div.h1 p {background: url(../images/layout/backgrounds/hp-1.gif) 100% 4px no-repeat;}
#hp div.h2 p {background: url(../images/layout/backgrounds/hp-2.gif) 100% 4px no-repeat;}
#hp div.h3 p {background: url(../images/layout/backgrounds/hp-3.gif) 100% 4px no-repeat;}
#hp div.h4 p {background: url(../images/layout/backgrounds/hp-4.gif) 100% 4px no-repeat;}

#references {width: 455px; float: right;}
.sub {width: 400px !important;}
.sub h2 {width: 300px !important;}
.sub h2 span {width: 300px !important;}
#references h2 {width: 445px; height: 55px; oveflow: hidden; position: relative; font-size: 160%; margin: 0; z-index: 5;}
#references h2 a {cursor: pointer; cursor: hand;}
#references h2 span {width: 445px; height: 55px; position: absolute; top: 0; left: 0; background: url(../images/layout/headings/h2-references.gif) 0 0 no-repeat;}
#references h2 span.cz {background: url(../images/layout/headings/h2-references-cz.gif) 0 0 no-repeat;}
#references h2.clientsonly, #references h2.clientsonly span, #references h2.clientsonly span.cz {height: 26px;}
#references h3 {color: #CEC485; width: 290px; height: 25px; oveflow: hidden; position: relative; font-size: 120%; margin: 1em 0 0.2em 0; z-index: 1;}
#references h3 span {width: 290px; height: 25px; position: absolute; top: 0; left: 0;}
#references h3.virtuoso span {background: url(../images/layout/headings/h3-virtuoso.gif) 0 0 no-repeat;}
#references h3.keraflo span {background: url(../images/layout/headings/h3-keraflo.gif) 0 0 no-repeat;}
#references h3.hallpartners span {background: url(../images/layout/headings/h3-hallpartners.gif) 0 0 no-repeat;}
#references h3.textplug span {background: url(../images/layout/headings/h3-textplug.gif) 0 0 no-repeat;}
#references h3.lattitude span {background: url(../images/layout/headings/h3-lattitude.gif) 0 0 no-repeat;}
#references h3.nans span {background: url(../images/layout/headings/h3-nans.gif) 0 0 no-repeat;}
#references h3.lime span {background: url(../images/layout/headings/h3-lime.gif) 0 0 no-repeat;}
#references h3.safe span {background: url(../images/layout/headings/h3-safe.gif) 0 0 no-repeat;}
#references h3.mile span {background: url(../images/layout/headings/h3-squaremile.gif) 0 0 no-repeat;}
#references h3.venue span {background: url(../images/layout/headings/h3-venue.gif) 0 0 no-repeat;}
#references h3.honeywell span {background: url(../images/layout/headings/h3-honeywell.gif) 0 0 no-repeat;}
#references h3.squaremile span {background: url(../images/layout/headings/h3-squaremile.gif) 0 0 no-repeat;}
#references h3.shell span {background: url(../images/layout/headings/h3-shell.gif) 0 0 no-repeat;}
#references h3.deloitte span {background: url(../images/layout/headings/h3-deloitte.gif) 0 0 no-repeat;}
#references div {width: 132px; padding: 7px 7px 0 7px; height: 155px; float: left; background: url(../images/layout/backgrounds/reference-border.jpg) 0 0 no-repeat; margin-right: 8px;}
#references div img {margin-bottom: 5px;}
#references div a {color: #B1A035; text-decoration: underline; padding-left: 25px; background: url(../images/layout/crumbs/ref-bullet.gif) 0 2px no-repeat;}

.number1 {background: url(../images/layout/backgrounds/hp-1.gif) 100% 4px no-repeat;}
.number2 {background: url(../images/layout/backgrounds/hp-2.gif) 100% 4px no-repeat;}
.number3 {background: url(../images/layout/backgrounds/hp-3.gif) 100% 4px no-repeat;}
.number4 {background: url(../images/layout/backgrounds/hp-4.gif) 100% 4px no-repeat;}
.number5 {background: url(../images/layout/backgrounds/hp-5.gif) 100% 4px no-repeat;}

/*footer*/
#footer {margin: 0 42px; padding: 10px 20px 0 20px; color: #828282; background: #EAEAEA url(../images/layout/backgrounds/footer-bg.jpg) 0 0 no-repeat; clear: both; position: relative;}
#footer ul {width: 450px; position: absolute; top: 10px; right: 10px; _right: 50px; text-align: right;}
#footer li {display: inline;}
#footer li a {color: #828282; text-decoration: underline; padding: 0 10px 0 15px;}
#footer li.home a {background: url(../images/layout/crumbs/home-ico.gif) 0 3px no-repeat;}
#footer li.sitemap a {background: url(../images/layout/crumbs/sitemap-ico.gif) 0 3px no-repeat;}
#footer li.contacts a {background: url(../images/layout/crumbs/contact-ico.gif) 0 3px no-repeat;}
#footer li.links a {background: url(../images/layout/crumbs/links-ico.gif) 0 5px no-repeat;}
#footer p {padding: 0 0 10px 0;}

/**********************************/

.w10 {width: 10px !important;}
.w20 {width: 20px !important;}
.w25 {width: 25px !important;}
.w30 {width: 30px !important;}
.w40 {width: 40px !important;}
.w50 {width: 50px !important;}
.w50p {width: 50% !important;}
.w60 {width: 60px !important;}
.w70 {width: 70px !important;}
.w80 {width: 80px !important;}
.w90 {width: 90px !important;}
.w100 {width: 100px !important;}
.w110 {width: 110px !important;}
.w120 {width: 120px !important;}
.w130 {width: 130px !important;}
.w140 {width: 140px !important;}
.w150 {width: 150px !important;}
.w200 {width: 200px !important;}
.w250 {width: 250px !important;}
.w300 {width: 300px !important;}
.w350 {width: 350px !important;}
.w400 {width: 400px !important;}
.w450 {width: 450px !important;}
.w500 {width: 500px !important;}
.w550 {width: 550px !important;}
.w600 {width: 600px !important;}