body { background: #dc127b url('../images/layout/body.jpg') top repeat-x; font-family: Arial, Helvetica, sans-serif;} .container { margin: 0 auto; width: 890px; } .project-img_1 { background: url('../images/layout/latest_project_1.gif') no-repeat; width: 685px; height: 261px; padding: 19px 20px 0 19px; margin: 0 auto; } .project-img_2 { background: url('../images/layout/latest_project_2.gif') no-repeat; width: 685px; height: 261px; padding: 19px 20px 0 19px; margin: 0 auto; } .project-img_3 { background: url('../images/layout/latest_project_3.gif') no-repeat; width: 685px; height: 261px; padding: 19px 20px 0 19px; margin: 0 auto; } .project-img_4 { background: url('../images/layout/latest_project_4.gif') no-repeat; width: 685px; height: 261px; padding: 19px 20px 0 19px; margin: 0 auto; } .project-img_5 { background: url('../images/layout/latest_project_5.gif') no-repeat; width: 685px; height: 261px; padding: 19px 20px 0 19px; margin: 0 auto; } /* =HEADER ----------------------------------------------- */ #header { height: 297px; width: 890px; position: relative; background: url('../images/layout/header.gif') no-repeat; } #header h1 a { display: block; text-indent: -5000px; width: 178px; height: 128px; position: absolute; left: 98px; top: 26px; } #header ul { position: absolute; left: 98px; bottom: -2px; } #header ul li { display: inline; } #header ul li a { display: block; float: left; height: 41px; text-indent: -5000px; } #header ul li.nav-item-1 a { background: url('../images/menu/ideja.gif') no-repeat; width: 119px; margin-right: 11px; } #header ul li.nav-item-2 a { background: url('../images/menu/ekipa.gif') no-repeat; width: 122px; margin-right: 8px; } #header ul li.nav-item-3 a { background: url('../images/menu/projekti.gif') no-repeat; width: 166px; margin-right: 12px; } #header ul li.nav-item-4 a { background: url('../images/menu/kontakt.gif') no-repeat; width: 153px; } #header ul li a:hover, #header ul li a.active { background-position: right; } /* =CONTENT ----------------------------------------------- */ #content { background: url('../images/layout/content.jpg') bottom repeat-x; padding-bottom: 50px; } /* =MAIN CONTENT ----------------------------------------------- */ #main-content { width: 435px; float: left; margin: 0 54px 0 116px; } #main-content.wide { width: 724px; margin: 0 0 0 80px; position: relative; } #main-content p { font-size: 12px; color: #fff; line-height: 1.5; margin-bottom: 20px; } #main-content .image-holder-index { background: url('../images/layout/main_content_image_holder_index.gif') no-repeat; width: 120px; height: 80px; float: left; margin: -8px 10px 0 -10px; padding: 10px 0 0 13px; } #main-content .image-holder-team { background: url('../images/layout/main_content_image_holder_team.gif') no-repeat; width: 120px; height: 80px; float: left; margin: -8px 10px 0 -10px; padding: 10px 0 0 13px; } #main-content .image-holder_1 { background: url('../images/layout/main_content_image_holder_1.gif') no-repeat; width: 120px; height: 80px; float: left; margin: -8px 10px 0 -10px; padding: 10px 0 0 13px; } #main-content .image-holder_2 { background: url('../images/layout/main_content_image_holder_2.gif') no-repeat; width: 120px; height: 80px; float: left; margin: -8px 10px 0 -10px; padding: 10px 0 0 13px; } #main-content .image-holder_3 { background: url('../images/layout/main_content_image_holder_3.gif') no-repeat; width: 120px; height: 80px; float: left; margin: -8px 10px 0 -10px; padding: 10px 0 0 13px; } #main-content .image-holder_4 { background: url('../images/layout/main_content_image_holder_4.gif') no-repeat; width: 120px; height: 80px; float: left; margin: -8px 10px 0 -10px; padding: 10px 0 0 13px; } #main-content .image-holder_5 { background: url('../images/layout/main_content_image_holder_5.gif') no-repeat; width: 120px; height: 80px; float: left; margin: -8px 10px 0 -10px; padding: 10px 0 0 13px; } h2.bg-img { height: 19px; text-indent: -5000px; margin-bottom: 16px; } #main-content h2.ideja { background: url('../images/headings/ideja_ferija_projekta.gif') no-repeat; width: 210px; } #main-content h2.feria-projekti { background: url('../images/headings/feria_projekti.gif') no-repeat; width: 148px; margin: 20px 0 20px 63px; } #main-content h2.ekipa-feria-projekta { background: url('../images/headings/ekipa_feria_projekta.gif') no-repeat; width: 212px; margin: 20px 0 20px 63px; } #main-content h2.novosti { background: url('../images/headings/novosti.gif') no-repeat; width: 76px; } #main-content h2.kontakt-info { background: url('../images/headings/kontakt_info.gif') no-repeat; width: 209px; margin: 20px 0 15px 63px; } #main-content h2.feria-projekt { background: url('../images/headings/feria_projekt.gif') no-repeat; width: 189px; margin-bottom: 15px; } #main-content a { color: #EEBAD1; text-decoration: none; } #main-content a:hover { color: #FFF; } #main-content blockquote { margin-bottom: 20px; } #main-content blockquote.last-item { margin-bottom: 0; } #main-content blockquote p { font-style: italic; } #main-content blockquote p strong { font-weight: bold; display: block; } #main-content .project-wrapper { margin-bottom: 25px; } #main-content .project-wrapper.last-item { margin-bottom: 0; } #main-content .project-info { width: 650px; margin-left: 25px; } #main-content .project-info p { font-size: 11px; margin-bottom: 0; } #main-content .project-info p strong { font-size: 11px; font-weight: bold; color: #eebad1; } #team { background: url('../images/layout/ekipa.gif') no-repeat; width: 877px; height: 574px; margin-left: -70px; position: relative; } #main-content #team p { font-size: 11px; } #team p strong { font-weight: bold; color: #fff; } #team p span { font-weight: bold; color: #efb9d1; } #team li.item-1 p { text-align: right; position: absolute; top: 57px; left: 18px; } #team li.item-1 img { position: absolute; top: 61px; left: 201px; } #team li.item-2 p { text-align: left; position: absolute; top: 7px; left: 630px; } #team li.item-2 img { position: absolute; top: 11px; left: 502px; } #team li.item-3 p { text-align: right; position: absolute; top: 236px; left: 37px; } #team li.item-3 img { position: absolute; top: 240px; left: 184px; } #team li.item-4 p { text-align: left; position: absolute; top: 271px; left: 684px; } #team li.item-4 img { position: absolute; top: 275px; left: 556px; } #team li.item-5 p { text-align: left; position: absolute; top: 139px; left: 712px; } #team li.item-5 img { position: absolute; top: 143px; left: 583px; } #contact-form { margin: 0 0 70px 63px; } #contact-form label { display: block; font-size: 11px; color: #fff; margin-bottom: 4px; text-indent: 3px; } #contact-form li { margin-bottom: 8px; } #contact-form li.buttons { position: relative; width: 377px; } #contact-form .input-text { background: url('../images/form/input_text.gif') no-repeat; width: 365px; height: 28px; border: none; margin: 0 0 0 -8px; padding: 14px 16px 0 16px; font-size: 11px; } #contact-form .textarea { background: url('../images/form/textarea.gif') no-repeat; width: 398px; height: 208px; margin: -5px 0 0 -11px; padding: 14px 0 0 0; position: relative; } #contact-form textarea { width: 362px; height: 182px; border: none; padding: 5px; font: 11px Arial, Helvetica, sans-serif; position: absolute; left: 14px; top:15px; } #contact-form .input-button { background: url('../images/form/send.gif') no-repeat; cursor: pointer; border: none; width: 60px; height: 17px; position: absolute; right: 60px; top: -10px; text-indent: -5000px; font-size: 1px; } #contact-form .input-reset { background: url('../images/form/reset.gif') no-repeat; cursor: pointer; border: none; width: 44px; height: 15px; position: absolute; right: 0; top: -8px; text-indent: -5000px; font-size: 1px; } .error, .success { background: #dc1212; border: 1px solid #f97070; width: 356px; padding: 10px; font-size: 11px; margin-left: 63px; margin-bottom: 10px; color: #fff; } .error h3, .success h3 { font-weight: bold; margin-bottom: 5px; } .error ul li { color: #fff; line-height: 1.4; margin-left: 15px; list-style-type: disc; } .success { background: #1c7745; border: 1px solid #86fcbb; } #main-content .success p { margin-bottom: 0; font-size: 11px; } #contact-info { width: 190px; position: absolute; right: 22px; top: 15px; } #contact-info p { font-size: 11px; color: #fff; line-height: 1.5; padding-left: 4px; } #contact-info p strong { font-weight: bold; color: #fdb7dc; } /* =SIDEBAR ----------------------------------------------- */ #sidebar { width: 190px; float: left; font-size: 11px; line-height: 1.5; } #sidebar h2.novosti { background: url('../images/headings/novosti.gif') no-repeat; width: 76px; } #sidebar .news { margin-bottom: 20px; } #sidebar .news strong { display: block; color: #eebad1; font-weight: bold; float: left; width: 125px; margin-top: -5px; text-decoration: none; } #sidebar .news strong a { color: #EEBAD1; text-decoration: none; } #sidebar .news a:hover { color: #FFF; } #sidebar a { color: #FFF; text-decoration: none; } #sidebar a:hover { color: #FFF; } #sidebar .news p { color: #fff; clear: both; } #sidebar .news .image-holder_1 { background: url('../images/layout/sidebar_image_holder_1.gif') no-repeat; width: 51px; height: 52px; float: left; margin: -9px 6px 2px -6px; padding: 7px 0 0 8px; } #sidebar .news .image-holder_2 { background: url('../images/layout/sidebar_image_holder_2.gif') no-repeat; width: 51px; height: 52px; float: left; margin: -9px 6px 2px -6px; padding: 7px 0 0 8px; } #sidebar .news .image-holder_3 { background: url('../images/layout/sidebar_image_holder_3.gif') no-repeat; width: 51px; height: 52px; float: left; margin: -9px 6px 2px -6px; padding: 7px 0 0 8px; } #sidebar .news .image-holder_4 { background: url('../images/layout/sidebar_image_holder_4.gif') no-repeat; width: 51px; height: 52px; float: left; margin: -9px 6px 2px -6px; padding: 7px 0 0 8px; } #sidebar .news .image-holder_5 { background: url('../images/layout/sidebar_image_holder_5.gif') no-repeat; width: 51px; height: 52px; float: left; margin: -9px 6px 2px -6px; padding: 7px 0 0 8px; } /* =FOOTER ----------------------------------------------- */ #footer { background: #961658; border-top: 5px solid #e566a6; padding: 20px 0;font-size: 11px; line-height: 1.8; } #footer .container { width: 690px; margin: 0 auto; position: relative; } #footer a.auto { display: block; float: left; margin-right: 50px; text-indent: -5000px; background: url('../images/layout/auto_osig.gif') no-repeat; width: 120px; height: 79px; } #footer a.auto:hover { background-position: right; } #footer ul { width: 102px; float: left; } #footer ul.wide { width: 160px; } #footer ul li h4 { font-weight: bold; color: #eebad1; } #footer ul li a { color: #e566a6; text-decoration: none; background: url('../images/icons/footer_bullet.gif') left no-repeat; padding-left: 8px; } #footer ul li a:hover, #footer ul li a.active { color: #eebad1; background: url('../images/icons/footer_bullet_hover.gif') left no-repeat; } #footer p { position: absolute; right: 0; top: 0; color: #eebad1; text-align: right; } #footer p strong { font-weight: bold; color: #e566a6; } #footer p span { color: #e566a6; }