@import url(reset.css);
@import url(titles.css);
@import url(custom-styles.css);
@import url(request-proposal.css);

html {background:url(../img/bgr.png) left top repeat-x #f6f6f6; height: 100%;}
body {height: 100%;}
body.about { background:url(../img/bgr-about.png) center 0 no-repeat;}
body.services {background:url(../img/bgr-services.png) center 0 no-repeat;}
body.methodology {background:url(../img/bgr-methodology.png) center 0 no-repeat;}
body.work {background:url(../img/bgr-work.png) center 0 no-repeat;}
body.contact {background:url(../img/bgr-contact.png) center 0 no-repeat;}
body.forms { background:url(../img/bgr-forms.png) center 0 no-repeat;}

#container {position: relative; min-height: 100%; height: 100%; voice-family: "\"}\""; voice-family: inherit; height: auto;}
    html>body #container {height: auto;}
    #wrap {padding-bottom: 98px;}


/* TOP SEGMENT
----------------------------------------------------------------------- */
    #topWrap {width:100%; height:57px;}
        #topContent {width:960px; margin:auto; padding-top:11px;}
        .forms #topContent {width:727px !important;}

            #topContent h1 {float:left; width:131px; height:35px; background:url(../img/logo.png) 0 0 no-repeat;}
                #topContent h1 a {display:block; width:131px; height:35px; text-indent:-9999px;}

            #topContent ul {float:right; width:auto; padding-top:10px;}
                #topContent ul li {list-style-type:none; float:left; width:auto; padding-left:21px;}
                    #topContent ul li a {display:block; height:15px; line-height:15px; background-position:0 0; background-repeat:no-repeat; text-indent:-9999px;}
                        #topContent ul li.navIntro a {background-image:url(../img/nav-intro.png); width:36px;}
                        #topContent ul li.navAbout a {background-image:url(../img/nav-about.png); width:60px;}
                        #topContent ul li.navServices a {background-image:url(../img/nav-services.png); width:57px;}
                        #topContent ul li.navMethodology a {background-image:url(../img/nav-methodology.png); width:91px;}
                        #topContent ul li.navWork a {background-image:url(../img/nav-work.png); width:65px;}
                        #topContent ul li.navContact a {background-image:url(../img/nav-contact.png); width:74px;}
                        #topContent ul li.navBlog a {background-image:url(../img/nav-blog.png); width:31px;}
                        #topContent ul li.navQuestionnaire a {background-image:url(../img/nav-questionnaire.png); width:187px;}
                        #topContent ul li.navBrief a {background-image:url(../img/nav-brief.png); width:136px;}
                        #topContent ul li.navWebsite a {background-image:url(../img/nav-website.png); width:53px;}
                        #topContent ul li.navNewsletter a {background-image:url(../img/nav-newsletter.png); width:172px;}
                        #topContent ul li.navProposal a {background-image:url(../img/nav-proposal.png); width:149px;}
                        #topContent ul li.navKontakt a {background-image:url(../img/nav-kontakt.png); width:58px;}
                        #topContent ul li.navPoslovi a {background-image:url(../img/nav-poslovi.png); width:49px;}

                        #topContent ul li a:hover, #topContent ul li a.activeNav {background-position:0 -15px;}
                        #topContent ul li a.activeNav {cursor:text;}

/* CONTENT
----------------------------------------------------------------------- */
    #contentWrap {width:960px; margin:auto; padding:38px 20px 23px 20px; clear:both; overflow:hidden; position:relative; z-index:1;}
    .workContent {padding-bottom:0px !important;}
        #content {background:url(../img/content-bgr.png) left top no-repeat #f6f6f6; height:auto !important; height:331px; min-height:331px;}
        #formsContent {background:url(../img/top-short-bgr.gif) left top no-repeat #f6f6f6; width:446px; padding:24px 23px; margin:auto; height:auto !important; height:331px; min-height:331px;}
        #thankYouContent {background:url(../img/top-short-bgr.gif) left top no-repeat #f6f6f6; width:492px; padding:24px 0 0 0; margin:auto;}

        .left{ float: left;}
        .right{ float: right;}
        .visible{ overflow: visible !important;}

        /* Home content
        ------------------------ */
        #homeColumns {float:left; width:960px;}

            .homeLeftBox {float:left; width:726px; position:relative; z-index:1;}
                #homeFeaturedBox {width:726px; height:458px; overflow:hidden;}
                span.featuredMask {position:absolute; left:-6px; top:-6px; width:105px; height:105px; display:block; z-index:110; background:url(../img/featured-badge.png) left top no-repeat;}
                    .homeLeftBox div.stripNavL, .homeLeftBox div.stripNavR {display:none;}

                ul.homeNewsBox {list-style-type:none; width:726px; height:138px; overflow:hidden; background:url(../img/home-news-bgr.png) 0 24px no-repeat; padding-top:24px;}
                    ul.homeNewsBox li {float:left; position:relative; width:158px; height:118px; padding:10px 11px; font-size:11px; margin-left:1px;}
                    ul.homeNewsBox li.firstBox {margin-right:1px; background:none;}
                        ul.homeNewsBox li span {position:absolute; display:block; left:0; top:0; z-index:1; width:180px; height:138px; background:#fff5eb;}
                        ul.homeNewsBox li h5 {font-size:12px; color:#454545; position:relative; z-index:2;}
                        ul.homeNewsBox li h6 {font-size:10px; color:#9a9a9a; margin-bottom:5px; position:relative; z-index:2;}
                        ul.homeNewsBox li p {color:#454545; position:relative; z-index:2; line-height:14px !important;}
                            ul.homeNewsBox li p a {font-weight:bold;}

            .jsclass body .randomImages {display: none}

            .homeRightBox {float:right; width:210px;}
                ul.topImages {list-style-type:none;}
                    ul.topImages li {width:210px; height:137px; margin-bottom:24px;}
                        ul.topImages li a {position:relative; display:block; width:210px; height:137px; background:url(../img/side-home-img-mask.png) left bottom no-repeat;}
                        ul.topImages li a:hover {text-decoration:none;}
                            ul.topImages li a span {position:absolute; display:block; width:210px; height:33px;  bottom:0; left:0; font-size:12px; color:#fff; font-weight:bold; cursor:pointer; background:url(../img/side-home-img-mask.png) left bottom no-repeat transparent;}
                                ul.topImages li a span b {position:absolute; bottom:10px; left:10px;}

                .homeRightBox h5 {font-size:12px; color:#3e3e3e; margin-bottom:5px;}
                .homeRightBox p {font-size:11px; line-height:14px; color:#3e3e3e;}

                ul.homeServicesList {list-style-type:none;}
                    ul.homeServicesList li {line-height:27px; height:27px; border-bottom:#e1e1e1 solid 1px;}
                    ul.homeServicesList li.lastItem {border:0;}
                        ul.homeServicesList li a {font-size:11px; font-weight:bold; display:block;}
                        ul.homeServicesList li a:hover {text-decoration:none; color:#3e3e3e;}

                a.methodologyBanner {display:block; width:210px; height:75px; margin:11px 0 9px 0; background:url(../img/methodology-banner.png) 0 0 no-repeat; text-indent:-9999px;}
                    a.methodologyBanner:hover {background-position:0 -75px;}
                    a.methodologyBanner:active {background-position:0 -150px;}

                a.newsletterButton {font-size:12px; font-weight:bold; display:block; text-align:center; color:#fff; width:210px; height:25px; line-height:25px; background:url(../img/newsletter-button.png) 0 0 no-repeat transparent; margin-top:5px;}
                    a.newsletterButton span {font-size:13px;}
                    a.newsletterButton:hover {background-position:0 -25px; text-decoration:none;}
                    a.newsletterButton:active {background-position:0 -50px;}

                    hr.workSideLine {margin-top:24px !important;}


                fieldset.newsletterBox {padding:18px 0 0 0; overflow:hidden;}
                    fieldset.newsletterBox label {font-size:11px; font-weight:bold; height:20px; line-height:20px; color:#454545; display:block; clear:both;}
                        fieldset.newsletterBox span {background:url(../img/newsletter-field.png) 0 0 no-repeat; display:block; float:left; padding:5px 5px 0 7px; width:148px; height:20px;}
                            fieldset.newsletterBox span input {float:left; width:150px; height:14px; line-height:14px; background:none; font-size:11px; color:#454545; padding:0 !important;}
                        fieldset.newsletterBox i {display:block; float:right; width:47px; height:22px; padding-top:5px; background:url(../img/send-bgr.png) 0 0 no-repeat;}
                            fieldset.newsletterBox i button {float:left; width:47px; text-align:center; font-style:normal; color:#fff; font-size:11px; font-weight:bold; background:none;}
                                fieldset.newsletterBox i:hover {background-position:0 -27px;}
                                fieldset.newsletterBox i:active {background-position:0 -54px;}


        /* Innerpages content
        ------------------------ */
        .jobsContent #content, .aboutContent #content, .methodologyContent #content, .contactContent #content, .questionnaireContent #content {padding:24px 24px 0 24px; overflow:hidden; margin-bottom:-7px;}

            #innerPageContent {float:left; width:678px;}
                #innerPageContent img.innerPageHeader {margin:10px 0 21px 0;}
                #innerPageContent h4 {font-size:12px; color:#5a5a5a; line-height:19px; padding-bottom:10px;}
                #innerPageContent p {font-size:12px; color:#5a5a5a; line-height:17px; padding-bottom:10px;}

                ul.imageList {clear:both; overflow:hidden; padding:11px 0 16px 0;}
                    ul.imageList li {list-style-type:none; float:left; display:block; width:210px; height:130px; margin-right:24px;}
                        ul.imageList li.lastImg {margin-right:0;}

                ul.categoryList {clear:both; padding:7px 0 19px 0; overflow:hidden;}
                    ul.categoryList li {list-style-type:none; float:left; width:auto; font-size:12px; color:#5a5a5a; line-height:17px; border-left:#e5e5e5 solid 1px; padding:0 24px 0 23px;}
                        ul.categoryList li.firstCatBox {border:0; padding-left:0;}
                        ul.categoryList li ul li {float:none; width:auto; padding:0; border:0; height:auto;}

            #rightColumn {float:right; width:210px;}
                #rightColumn p {font-size:11px; color:#434343; line-height:16px; padding-bottom:9px;}

                a.sideImg {display:block; background:#e57200; width:210px; height:130px; margin-bottom:6px;}

                    #rightColumn img.recognitionImg {margin-bottom:7px;}
                #rightColumn hr, .workSideColumn hr {height:1px; line-height:1px; border:0; background:#e5e5e5; margin-top:11px; color:#e5e5e5;}
                    #rightColumn ul li {list-style-type:none; font-size:11px; line-height:17px;}

            .clientsList {clear:both; background:url(../img/client-list-top.gif) 0 0 no-repeat; margin:10px 0 8px 0;}
                .clientsList ul {overflow:hidden; padding:25px; background:url(../img/client-list-bottom.gif) left bottom no-repeat;}
                    .clientsList ul li {list-style-type:none; float:left; width:176px; height:75px; text-align:center; border-bottom:#f2f2f2 solid 1px; border-left:#f2f2f2 solid 1px;}
                        .clientsList ul li.lastClient {width:164px;}
                        .clientsList ul li.firstClient {width:164px; border-left:0;}
                        .clientsList ul li.bottomClient {border-bottom:0;}

                            .clientsList ul li a {display:block; height:75px; width:176px; background-position:center 0; background-repeat:no-repeat; text-indent:-9999px;}
                                .clientsList ul li.lastClient a, .clientsList ul li.firstClient a {width:164px;}

                                .clientsList ul li a.turbochefLogo {background-image:url(../img/clients/turbochef.png);}
                                .clientsList ul li a.toshibaLogo {background-image:url(../img/clients/toshiba.png);}
                                .clientsList ul li a.foxLogo {background-image:url(../img/clients/20th-century-fox.png);}
                                .clientsList ul li a.ebaymotorsLogo {background-image:url(../img/clients/ebay-motors.png);}
                                .clientsList ul li a.googleLogo {background-image:url(../img/clients/google.png);}
                                .clientsList ul li a.yahooLogo {background-image:url(../img/clients/yahoo.png);}
                                .clientsList ul li a.cocacolaLogo {background-image:url(../img/clients/coca-cola.png);}
                                .clientsList ul li a.hboLogo {background-image:url(../img/clients/hbo.png);}

                                .clientsList ul li a:hover {background-position:center -75px;}

                .aboutContent p.clientsDesc {font-size:11px; color:#5a5a5a; line-height:16px;}


        /* Services content
        ------------------------ */
        .servicesContent #rightColumn {margin:24px 24px 0 0 !important;}
        ul#servicesList {float:left; width:auto; padding:0 0 15px 0; margin:24px 0 0 24px; overflow:hidden; clear:both;}
            ul#servicesList li {width:210px; float:left; list-style-type:none; padding-right:24px;}
            ul#servicesList li.last {padding-right:0;}
                ul#servicesList li img {margin-bottom:13px;}
                ul#servicesList li p {color:#434343; font-size:12px; line-height:17px; padding-bottom:7px;}
                ul#servicesList li ul {padding-bottom:7px; overflow:hidden;}
                    ul#servicesList li ul li {font-size:12px; color:#434343; line-height:17px; background:url(../img/bullet3.gif) 0 7px no-repeat; padding-left:8px;}

        .preFooterList {background:url(../img/prefooter-box-top.gif) left top no-repeat #fff; clear:both; overflow:hidden;}
            .preFooterList ul {width:960px; background:url(../img/prefooter-box-bottom.gif) left bottom no-repeat; list-style-type:none; margin:18px 0 0 0;}
                .preFooterList ul li {float:left; width:210px; padding:0 0 18px 24px; font-size:12px; line-height:17px; color:#434343;}
                    .preFooterList ul li a {font-weight:bold;}

        /* Methodology content
        ------------------------ */
        .methodologyContent #innerPageContent img.innerPageHeader {margin:10px 0 15px 0;}
        ul#methodologyList {padding-left:234px; margin-top:10px;}
            ul#methodologyList li {list-style-type:none; position:relative; border-top:#e5e5e5 solid 1px; padding:21px 0 15px 0;}
            ul#methodologyList li.lastLine {padding-bottom:0 !important; margin-bottom:-1px;}
                ul#methodologyList li p, ul#methodologyList li ul {padding:0 0 5px 0;}
                    ul#methodologyList li ul li {list-style-type:none; background:url(../img/bullet3.gif) 5px 6px no-repeat; padding:0 0 0 13px; font-size:12px; line-height:17px; color:#434343; border:0;}
                ul#methodologyList li h4, .methodologyContent #innerPageContent h4 {padding-bottom:0 !important; line-height:17px !important;}

        /* Jobs content
        ------------------------ */
        .smallCol{ width:210px !important; float: left;}
            .smallCol p {font-size:11px; color:#434343; line-height:16px; padding-bottom:9px;}
            .smallCol hr, .bigCol hr{height:1px; line-height:1px; border:0; background:#e5e5e5; margin: 20px 0; color:#e5e5e5;}
            .smallCol h3.potrebni{ background: url('../img/potrebni-su.png') no-repeat; margin-top: 0px;}
            ul.weNeed{ list-style: none;}
                ul.weNeed li{ display: block; padding: 6px 0 8px 0; border-bottom: 1px solid #e5e5e5;}
                    ul.weNeed li.last{ border-bottom: 0;}
                ul.weNeed li a{ color: #e47200; text-decoration: none; font-size: 11px; font-weight:bold; }
                    ul.weNeed li a:hover{ text-decoration: underline;}
                ul.weNeed li a small{ color: #3e3e3e; display: block; font-weight: normal;}
                    ul.weNeed li a:hover small{ text-decoration: none !important;}
                ul.weNeed li a.current{ color: #5a5a5a;}

        .bigCol{ width:678px !important; float: right;}
            .bigCol p {font-size:12px; color:#5a5a5a; line-height:17px; padding-bottom:10px;}
            .bigCol ul{ list-style: none; margin-top: 0;}
                .bigCol ul li{font-size:12px; color:#434343; line-height:17px; background:url(../img/bullet3.gif) 0 7px no-repeat; padding-left:8px;}

            .bigCol h3{ height: 30px; display: block; text-indent: -9999px;}
                .bigCol h3.web-developer{ background: url('../img/jobs/web-developer.png') no-repeat; width: 167px;}
                .bigCol h3.front-end-developer{ background: url('../img/jobs/front-end-developer.png') no-repeat; width: 233px;}
                .bigCol h3.sistem-administrator{ background: url('../img/jobs/sistem-administrator.png') no-repeat; width: 245px;}
                .bigCol h3.interface-designer{ background: url('../img/jobs/interface-designer.png') no-repeat; width: 205px;}
                .bigCol h3.interactive-developer{ background: url('../img/jobs/interactive-developer.png') no-repeat; width: 237px;}
            .bigCol h4.posao-saturized{ background: url('../img/jobs/saturized-posao.png') no-repeat; width: 131px; height: 12px; line-height: 12px; display: block; text-indent: -9999px; margin: 0 0 11px 0; padding: 0;}

            .bigCol h4{ margin: 16px 0 4px 0; font-size: 12px; font-weight: bold; color: #5a5a5a; padding: 0;}
            .bigCol img{ margin-bottom: 14px;}
            .bigCol p{ margin: 0; padding: 0; color: #434343;}

        a.apliciraj{ width:108px; height:24px; line-height: 24px; float:left; text-align:center; font-style:normal; color:#fff; font-size:11px; font-weight:bold; text-transform:uppercase; display:block; margin-top:24px; padding-top:1px; background:url(../img/done-button-bgr.png) 0 0 no-repeat; clear:both; text-decoration: none;}
            a.apliciraj:hover {background-position:0 -27px;}
            a.apliciraj:active {background-position:0 -54px;}


        /* Work content
        ------------------------ */
        .workContent #content {padding:19px 23px 0px 25px;}
        .workInnerContent #content {padding:0 23px 0 25px;}

        .ui-tabs .ui-tabs-hide {display: none;} /* Must have for all tabs */

        ul.tabnav {border-bottom:#e5e5e5 solid 1px; background:url(../img/titles/show.png) 0 6px no-repeat; padding:1px 0 22px 55px;}
            ul.tabnav li {list-style-type:none; display:inline; font-size:12px; font-weight:bold; padding-right:7px;}
                ul.tabnav li a {padding:0 3px;}
                ul.tabnav li a:hover {color:#c4c4c4; text-decoration:none;}
                    ul.tabnav li.ui-tabs-selected a, ul.tabnav li a.activeWork {color:#c4c4c4; background:url(../img/selected-line.gif) left top repeat-x; cursor:default;}

        #workContentHolder {overflow:hidden; clear:both;}

            .workSideColumn {float:left; width:210px; font-size:11px; padding-top:24px; line-height:17px;}
                .workSideColumn h5 {font-size:11px; line-height:17px; padding:0; margin:0; color:#5a5a5a;}
                .workSideColumn p {color:#3e3e3e; padding:0 0 9px 0;}
                    .workSideColumn p.backLink {border-bottom:0; padding:0 0 18px 20px; margin-bottom:20px; background:url(../img/bullet2.gif) 0 4px no-repeat; border-bottom:#e5e5e5 solid 1px; text-transform:uppercase; font-weight:bold;}

                a.viewOnlineButton {display:block; margin:10px 0 25px 0; width:103px; height:27px; line-height:25px; color:#fff; font-size:12px; font-weight:bold; text-align:center; background:url(../img/view-button-bgr.png) 0 0 no-repeat;}
                    a.viewOnlineButton:hover {text-decoration:none; background-position:0 -27px;}
                    a.viewOnlineButton:active {background-position:0 -54px;}

                .workSideColumn ul {padding-top:6px;}
                    .workSideColumn ul li {padding-bottom:3px;}
                        .workSideColumn ul li a {font-weight:bold;}

                .workSideColumn ul.techList {border-bottom:#e5e5e5 solid 1px; padding-bottom:17px;}
                    .workSideColumn ul.techList li {padding-left:12px; background:url(../img/bullet1.gif) 2px 6px no-repeat; color:#3e3e3e;}

                .workSideColumn dl {padding-bottom:13px; font-size:11px; color:#3e3e3e; line-height:14px;}
                    .workSideColumn dl dt {padding-top:10px; font-weight:bold;}
                    .workSideColumn dl dd {border-bottom:#e5e5e5 solid 1px; padding-bottom:8px;}
                        .workSideColumn dl dd.noLine {border-bottom:0;}


            ul.workThumbs {width:702px; overflow:hidden; background:url(../img/work-separator.gif) right top repeat-y; margin-bottom:-1px;}
                ul.workThumbs li {float:left; width:auto; list-style-type:none; height:190px; color:#434343; padding:24px 0 0 24px;}
                    ul.workThumbs li a {background:#e57200; display:block; width:210px; height:130px;}
                    ul.workThumbs li h4 {font-size:12px; margin-top:9px;}
                    ul.workThumbs li p {font-size:11px;}

            #workMainBox {float:right; width:678px; padding-top:24px;}
                #workMainBox p {font-size:12px; color:#5a5a5a; line-height:17px; padding-top:20px;}

        /* Contact content
        ------------------------ */
        .contactContent #innerPageContent p {line-height:17px !important;}

        .contactContent fieldset {padding-top:8px; float:left; width:auto;}
            .contactContent fieldset.leftFieldset {width:210px; margin-right:24px;}
            .contactContent fieldset.rightFieldset {width:444px; }

                .contactContent fieldset label {font-size:11px; display:block; color:#434343; font-weight:bold; margin-bottom:3px;}
                    .contactContent fieldset label i {font-weight:normal; font-style:normal;}
                .contactContent fieldset input {width:192px; height:22px; margin-bottom:9px; padding:6px 9px 0 9px; font-size:11px; color:#434343; background:url(../img/contact-field.png) 0 0 no-repeat;}
                    .contactContent fieldset input.fieldFocus {background-position:0 -28px;}
                .contactContent fieldset span {width:444px; height:224px; display:block; margin-bottom:12px; background:url(../img/textarea-bgr.png) 0 0 no-repeat; overflow:hidden;}
                    .contactContent fieldset span textarea {width:426px; height:218px; padding:3px 9px; background:none; font-size:11px; color:#434343; line-height:22px;}
                p#info {float:left; width:250px; font-size:11px; color:#b9b9b9;}
                    p#info img {float:left; margin:2px 4px 0 0;}

                .contactContent fieldset.rightFieldset div {float:right; display:block; width:57px; height:27px; background:url(../img/button-small-orange-bgr.png) 0 0 no-repeat;}
                .contactContent fieldset.rightFieldset div button {width:57px; display:block; height:20px; line-height:20px; padding:0; margin-top:2px; color:#fff; font-size:12px; font-weight:bold; background:none;}
                    .contactContent fieldset.rightFieldset div:hover {background-position:0 -27px;}
                    .contactContent fieldset.rightFieldset div:active {background-position:0 -54px;}

            .contactSide {background:url(../img/contact-newsletter-top.gif) 0 0 no-repeat; margin-top:-12px;}

                .contactSide p {padding:0 12px !important; line-height:14px !important;}

                fieldset.contactNewsletterBox {padding:5px 0 10px 12px; width:198px; overflow:hidden;}
                    fieldset.contactNewsletterBox label {font-size:11px; font-weight:bold; height:16px; line-height:16px; color:#454545; display:block;}
                        fieldset.contactNewsletterBox span {background:url(../img/contact-newsletter-field.png) 0 0 no-repeat; display:block; padding:0 5px 0 7px; width:172px; height:27px;}
                            fieldset.contactNewsletterBox span input {width:172px; padding:6px 0 0 0 !important; background:none; font-size:11px; color:#454545;}
                        fieldset.contactNewsletterBox i {display:block; clear:both; margin-left:96px; width:89px; height:22px; padding-top:5px; background:url(../img/subscribe-bgr.png) 0 0 no-repeat; font-style:normal;}
                            fieldset.contactNewsletterBox i button {width:89px; display:block; text-align:center; font-style:normal; color:#fff; font-size:12px; font-weight:bold; background:none;}
                                fieldset.contactNewsletterBox i:hover {background-position:0 -27px;}
                                fieldset.contactNewsletterBox i:active {background-position:0 -54px;}

                .contactSide ul {list-style-type:none; padding:5px 0;}
                    .contactSide ul li {color:#434343; line-height:13px !important; background:url(../img/bullet3.gif) 0 7px no-repeat; padding-left:8px; margin-left:12px; margin-bottom:2px;}

                p.contactNewsletterBottom {background:url(../img/contact-newsletter-bottom.gif) left bottom no-repeat; padding-bottom:21px !important;}


            .contactBottomBox {border-top:#e5e5e5 solid 1px; float:left; width:912px; overflow:hidden; clear:both; margin:21px 0 8px 0;}
                .contactBottomBox p {font-size:12px; line-height:17px; color:#434343; width:678px;}
                    .contactBottomBox p a {display:block; width:159px; height:25px; line-height:25px; text-align:center; font-size:12px; font-weight:bold; color:#fff; background:url(../img/wide-button-bgr.png) 0 0 no-repeat; margin-top:10px;}
                        .contactBottomBox p a:hover {background-position:0 -25px; text-decoration:none;}
                        .contactBottomBox p a:active {background-position:0 -50px;}

        /* Forms pages content
        ------------------------ */

            #formsContent p {font-size:12px; line-height:17px; color:#5a5a5a; padding-top:8px;}
            #thankYouContent p {font-size:12px; line-height:17px; color:#5a5a5a; padding:8px 23px 0 23px;}
                #formsContent p.paddingFix {padding-top:20px;}
                #thankYouContent p a {color:#5a5a5a;}
                #thankYouContent p.thankYouBottom {background:url(../img/short-content-bottom.png) left bottom no-repeat; padding-bottom:24px;}
                    #thankYouContent p.thankYouBottom a {color:#e47200;}
            #formsContent hr {height:1px; line-height:1px; border:0; background:#e5e5e5; margin-top:11px; color:#e5e5e5;}
            #thankYouContent hr {height:1px; line-height:1px; border:0; background:#e5e5e5; margin:11px 23px 0 23px; color:#e5e5e5;}
            #formsContent fieldset ol {font-size:11px; color:#434343; font-weight:bold; margin-left:20px; list-style-position:outside;}
            #formsContent fieldset ol.noNumberList {list-style-type:none; margin-left:0;}
                #formsContent fieldset ol.noNumberList hr {margin:20px 0 0 0;}
                #formsContent fieldset ol.noNumberList p {font-weight:normal; margin:10px 0 15px 0;}
                #formsContent fieldset ol.noNumberList input.questionnarieField,
                #formsContent fieldset ol.noNumberList span.textareaBox,
                #formsContent fieldset ol.noNumberList div.selectBox {margin-left:0 !important;}
                #formsContent fieldset ol.noNumberList span {font-weight:normal;}

                fieldset.addFilesBox {overflow:hidden;}
                    fieldset.addFilesBox a.attachFileButton {float:left; width:89px; height:27px; line-height:26px; display:block; background:url(../img/attach-bgr.png) 0 0 no-repeat; font-size:12px; font-weight:bold; text-align:center; color:#fff;}
                        fieldset.addFilesBox a.attachFileButton:hover {background-position:0 -27px; text-decoration:none;}
                        fieldset.addFilesBox a.attachFileButton:active {background-position:0 -54px;}
                    fieldset.addFilesBox span {float:left; width:auto; display:none; line-height:27px; margin-left:20px; font-size:11px; color:#969696;}
                        fieldset.addFilesBox br {clear:both;}
                    .fileField {float:left; width:444px; clear:both; margin:5px 0; position:relative;}
                        .fileField input {border:#ABABAB solid 1px !important; background:#E7E7E7 !important; font-size:11px; margin:5px 0; clear:both;}
                        .fileField a.removeFile {position:absolute; top:0; right:0; font-size:12px;}


            #formsContent fieldset {padding:18px 0 5px 0;}
                #formsContent label {font-size:11px; display:block; color:#434343; font-weight:bold; margin-bottom:3px; line-height:15px;}
                    #formsContent label.longname {letter-spacing:-0.1px; clear:both;}
                    #formsContent label i {font-weight:normal; font-style:normal;}
                #formsContent ul#similarprojects { list-style:none;}
                    #formsContent ul#similarprojects li {height:28px; margin-bottom:5px;}
                     #formsContent ul#similarprojects li.last {margin:0px; height:auto;}
                        #formsContent ul#similarprojects li label { font-weight:normal; float:left; width:60px; line-height:27px;}
                        #formsContent ul#similarprojects li input {width:361px; height:21px; padding:7px 9px 0 9px; font-size:11px; color:#434343; background:url(../img/similar-projects-field.png) 0 0 no-repeat; float:right;}
                            #formsContent ul#similarprojects li input.fieldFocus {background-position:0 -28px;}
                        #formsContent a#addurl { font-size:11px; font-weight:bold; color:f2881e; margin-left:65px; line-height:21px; outline:none;}
                #formsContent fieldset.extendedsupport {padding:0px;}
                    #formsContent fieldset.extendedsupport label {margin-bottom:5px;}
                    #formsContent fieldset.extendedsupport span {font-size:11px; color:#434343; padding: 0 15px 0 5px; float:left;}
                    #formsContent fieldset.extendedsupport input {float:left;}
                #formsContent input.questionnarieField {width:426px; height:21px; margin-bottom:8px; padding:7px 9px 0 9px; font-size:11px; color:#434343; background:url(../img/forms-wide-field.png) 0 0 no-repeat;}
                    #formsContent input.fieldFocus {background-position:0 -28px;}
                    #formsContent fieldset ol input.questionnarieField {margin-left:-20px;}

                ul.areaList {overflow:hidden; clear:both; padding:3px 0 17px 0;}
                    ul.areaList li {list-style-type:none; width:142px; float:left;}
                        ul.areaList li ul {padding-top:3px;}
                            ul.areaList li ul li {font-weight:normal; height:19px; line-height:19px;}
                                ul.areaList li ul li input {float:left; height:19px; margin-right:5px;}
                                ul.areaList li ul li span {width:auto !important; height:19px; line-height:19px; float:left; margin:0 !important; background:none  !important;}

                #formsContent fieldset ol.radioButtons li div {overflow:hidden; padding:5px 0 20px 0;}
                    #formsContent fieldset ol.radioButtons li div span {float:left; width:auto;}

                div.selectBox {margin:0 0 9px -17px;}

                #formsContent span.textareaBox {width:444px; height:113px; display:block; margin:8px 0 14px -20px; background:url(../img/textarea-short-bgr.png) 0 0 no-repeat;}
                    #formsContent span.textareaBox textarea {width:435px; height:107px; padding:3px 0 0 9px; background:none; font-size:11px; color:#434343; line-height:22px;}

                #formsContent p.buttonHolder {padding:0;}
                #formsContent i {display:block; float:left; width:108px; margin-top:24px; height:26px; padding-top:1px; background:url(../img/done-button-bgr.png) 0 0 no-repeat; clear:both;}
                    #formsContent i button {width:108px; height:18px; float:left; line-height:18px; margin-top:2px; display:block; text-align:center; font-style:normal; color:#fff; font-size:11px; font-weight:bold; background:none; text-transform:uppercase;}
                        #formsContent i:hover {background-position:0 -27px;}
                        #formsContent i:active {background-position:0 -54px;}

                #errorBox {float:left; width:315px; font-size:11px; color:#b9b9b9; margin:30px 0 0 20px;}
                    #errorBox img {float:left; margin:0px 4px 0 0;}

                label.error {font-weight:normal !important; float:right; clear:both; background:url(../img/error-bgr.png) top left no-repeat; color:#fff !important; padding:4px 5px 2px 5px; margin:-5px 2px 0 0; text-align:right;}
                    span.textareaBox label {margin-top:5px;}

        /* Prefooter content
        ------------------------ */
        ul#prefooterBoxes, ul#prefooterInnerBoxes {width:960px; overflow:hidden; padding:24px 0 0 0;}
            ul#prefooterBoxes li, ul#prefooterInnerBoxes li {display:inline; float:left; width:210px; padding-left:24px;}
                ul#prefooterBoxes li img {margin-bottom:4px;}
                ul#prefooterBoxes li h3 {font-size:12px; color:#434343; line-height:19px;}
                ul#prefooterBoxes li p, ul#prefooterInnerBoxes li p {font-size:11px; color:#434343; line-height:17px;}


        /* Prefooter content
        ------------------------ */
        a.letsTalk{ background: url(../img/lets-talk.png) top left no-repeat; display: block; width: 210px; height: 75px; text-indent: -9999px;}
            a.letsTalk:hover{ background-position: 0 -75px;}
            a.letsTalk:active{ background-position: 0 -150px;}
            .addspace{ margin-top: 24px;}

        /* Case study
        ------------------------ */
        #case-study{ padding: 10px; margin-top: 50px;}
            #case-study h4, #case-study p{ overflow: hidden; position: relative; z-index: 99;}
            #case-study p{ line-height: 18px; font-size: 12px; color: #000;}
                #case-study p.maxxo-special{ overflow: hidden; position: relative; z-index: 99; }
                #case-study p.thirdpay-special{ position: absolute; padding-right: 280px;}

            #case-study hr{ clear: none !important; display: block; margin: 30px 0 60px; border: 0; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #fff; height: 0px !important; background: none;}
            #case-study img{ position: relative;}
                #case-study img.timer{ margin-left: 30px; right: -10px;}
                #case-study img.icons{ margin: 20px 0 0 0; left: -10px;}
                #case-study img.bids{ margin: 0 0 20px 30px; right: -10px;}
                #case-study img.flag{ margin: 40px 30px 10px 0; left: -10px;}
                #case-study img.laptop{ right: -10px; margin: -140px 0 0 80px;}

                #case-study img.betslip{ margin: 40px 50px 40px 0; right: -10px;}
                #case-study img.betitems{ margin: 20px 30px 20px 0; right: -10px;}
                #case-study img.betting{ margin: 20px 0 0px 30px; right: -10px;}
                #case-study img.betgraph{ margin: 30px 30px 10px 0; left: -10px;}

                #case-study img.bird{ margin: 10px 0px 30px; right: -80px;}
                #case-study img.key{ margin: 20px 40px 20px 0; left: -10px;}
                #case-study img.mobile{ margin: 20px 0 0 30px; right: -10px;}
                #case-study img.price{ margin: 20px 0 0 50px; right: -10px;}
                #case-study img.lock{ margin: 30px 20px 0 0; left: -10px;}
                #case-study img.leaf{ margin: 20px 30px 0px 0; }
                #case-study img.key-small{ margin: 20px 0; right: -80px;}
                #case-study img.thirdpay{ margin: 30px 30px 10px 0; right: -10px; top: -80px; z-index: 1;}

                #case-study img.sport-health{ margin: 20px 0 0 0;}

                #case-study img.lutz-people{ margin: 0 0 0 40px;}
                #case-study img.lutz-record{ margin: 40px 0 10px;}
                #case-study .lutz-connected{ margin: 20px 40px 0 0;}
                #case-study .lutz-results{ margin: -50px 30px 0 0;}

            a.top{ width: 678px; height: 24px; text-indent: -9999px; background:url(../img/goto-top.png) top left no-repeat; display: block; margin: 60px 0 120px;}


/* FOOTER
----------------------------------------------------------------------- */
    #footerWrap {width:100%; border-bottom:#f38620 solid 5px; position:absolute; bottom:0;}
        #footerContent {width:960px; margin:auto; padding:22px 0 25px 0; overflow:hidden; border-top:#e5e5e5 solid 1px;}
            .footerContentproposal {width:726px !important;}
            ul#footrList {overflow:hidden; float:left; width:auto;}
                ul#footrList li {float:left; width:auto; line-height:15px; list-style-type:none; padding:0 36px 0 0; font-size:11px; color:#434343;}
                    ul#footrList li ul li {float:none; width:auto; padding:0;}
                        ul#footrList li ul li span {width:41px; display:inline-block;}
                        ul#footrList li ul li a {color:#858585;}
            #footerContent p {float:right; width:115px; color:#8f8f8f; font-size:11px; line-height:15px; text-align:right;}