/* -------------------------------------------------------------- reset.css * Resets default browser CSS. -------------------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } body { line-height: 1.2; font:14px arial; } /* Tables still need 'cellspacing="0"' in the markup. */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } table, td, th { vertical-align: middle; } /* Remove possible quote marks (") from ,
. */ blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* Remove annoying border on linked images. */ /* -------------------------------------------------------------- reset.css * Resets default browser CSS. -------------------------------------------------------------- */ html, body {height: 100%;} body { background: #ededed url(../images/bg1.png) repeat-y center; } h2 {font-family: georgia; font-size:36px; line-height:34px; color:#0a2a33; font-weight:normal;} h3 {font: 24px arial; color:#000000; font-weight:normal;} a {font-family: arial; font-size:14px; color:#04bfd5; text-decoration:underline; border-bottom: 0px solid; } a:hover {font-family: arial; font-size:14px; color:#04bfd5; text-decoration:none; border-bottom: 0px solid; } a img { border-bottom: 0px; } .wrapper { background: url(../images/bg2.jpg) no-repeat top; width: 100%; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -304px; padding: 0 0 30px 0; } .footer{background: url(../images/footer_phone.png) no-repeat bottom right; width:980px; height: 302px; margin: 0 auto; clear:both;} .footer .copyright { position:relative; width:250px; font-size:12px; font-family:arial; text-align: right; color:#aaaaaa; line-height:1.1; padding-top:100px; } .footer .copyright a img { margin-top: .5em; } .push {height: 304px; /* .push must be the same height as .footer */ width:100%; clear:both; display:block;} #main {position:relative; width:980px; margin:0 auto; z-index:0;} #logo {position:relative; padding:158px 0 0 162px;} #nologo{position:relative; padding:158px 0 0 162px; width:176px; height:115px;} #icons { position:relative; width:164px; height:183px; background: url(../images/icons3.png) no-repeat; margin: -140px 0 0 725px;} #icons-home {position:relative; width:32px; height:32px; display:block; padding:115px 0 0 37px;} #icons-contacts {position:relative; width:32px; height:32px; display:block; margin:-110px 0 0 95px;} #menu {position:relative; width:100px; height: 130px; margin: 30px 0 0 40px; display:inline; float:left; text-transform:lowercase;} #menu ul {list-style:none; list-style-position:inside; text-align:right;} #menu ul li {position:relative; width:117px; height:23px; margin:10px 0;} #menu ul .selected {background: url(../images/menu_bg.png) no-repeat;} #menu ul .selected a {color:#fff; border-bottom:0;} #menu ul .selected a:hover {color:#fff; border-bottom:0;} #menu ul li a {font: 14px arial; color:#04bfd5; text-decoration:none; border-bottom: 1px solid; margin: 0 10px 0 0;} #menu ul li a.selected {color:#fff;} #menu ul li a:hover {font: 14px arial; color:#aaaaaa; text-decoration:none; border-bottom: 0px dashed; } #menu ul li a:active { font: 14px arial; color:#fff; text-decoration:none; border-bottom: 0px dashed; } #works { background: url(../images/works.jpg) no-repeat; position:relative; width:555px; height:623px; display:inline; margin: 10px 0 0 30px; float:left;} .work1 { position:relative; margin: 0px 0 0 150px; width:173px; height:251px; display:block; z-index:1;} .work2 { position:relative; margin: -50px 0 0 20px; width:173px; height:251px; display:block; z-index:2;} .work3 { position:relative; margin: -180px 0 0 100px; width:173px; height:251px; display:block; z-index:3;} .work4 { position:relative; margin: -200px 0 0 250px; width:173px; height:251px; display:block; z-index:4;} .work5 { position:relative; margin: -50px 0 0 210px; width:173px; height:251px; display:block; z-index:5;} .work6 { position:relative; margin: -270px 0 0 330px; width:173px; height:251px; display:block; z-index:6;} .work7 { position:relative; margin: -110px 0 0 50px; width:173px; height:251px; display:block; z-index:7;} #sitecreation { position:relative; width:216px; height:300px; display:inline; float:left; margin:200px 0 0 30px;} #sitecreation p {font-family: arial; font-size:1em; color:#0a2a33; padding:20px 0 0 0; text-align: right; } #sitecreation a { background: url(../images/order_button.png) no-repeat; position:relative; display:block; width:219px; height:34px; } #sitecreation a:hover { background: url(../images/order_button_hover.png) no-repeat; position:relative; display:block; width:219px; height:34px; } #sitecreation a:active { background: url(../images/order_button_pushed.png) no-repeat; position:relative; display:block; width:219px; height:34px; } #lastworks {position:relative; width:100%; display:block; clear:both; } #lastworks h2 {position:relative; margin: 0 0 60px 270px;} .showcase { background: url(../images/showcase_bg.png) no-repeat 40px 0px; position:relative; width:230px; height:170px;} .showcase dt { font: 11px tahoma; color:#b8b8b8;} .showcase dd {font: 12px tahoma; color:#383939; margin: 0px 0 0 80px;} .showcase dd p {padding: 10px 0 0 0;} .showcase1 { margin: 0 0 0 350px;} .showcase2 { margin: -80px 0 0 650px;} .showcase3 { margin: -90px 0 0 200px;} .showcase-allworks { background: url(../images/showcase_lastworks.png) no-repeat; position:relative; width:200px; height:100px; margin:-10px 0 0 560px; padding: 40px 0 0 70px;} .showcase-allworks a {color:#04bfd5; font:24px tahoma;} .showcase-allworks span {color:#9d9d9d; font:18px tahoma;} #portfolio-container {position:relative; width:600px; display:block; float:left; margin:20px 0 0 80px; padding:10px 0 0 0;} .portfolio { background: url(../images/showcase_bg.png) no-repeat 40px 0px; position:relative; width:230px; height:170px;} .portfolio dt { font: 11px tahoma; color:#b8b8b8;} .portfolio dd {font: 12px tahoma; color:#383939; margin: 0px 0 0 80px;} .portfolio dd p {padding: 10px 0 0 0;} .pf-item1 { margin: 0 0 0 10px;} .pf-item2 { margin: -80px 0 0 310px;} #portfolio-menu {position:relative; display:block; padding: 0 0 60px 0px;} #portfolio-menu ul {color:#737373; list-style-position:inside;} #portfolio-menu ul li{position:relative; float:left; margin:0 30px;} #portfolio-menu ul li a{color:#737373;} .pf-item-date {color:#9d9d9d; font: 12px arial; padding: 0 0 30px 0;} .pf-item-desc {position:relative; width:600px; clear:both; padding:0 0 30px 0;} .pf-item-desc dt {position:relative; width:150px; display:table; text-align:center; float:left; padding:0 0 30px 0;} #portfolio-container .pf-item-desc dt img {padding:27px 0 0 0;} #portfolio-container .pf-item-desc dd {position:relative; width:430px; display:table; font: 12px arial; color:#2b2b2b; padding:0 0 0 20px;} #portfolio-container .pf-item-desc dd p.about { font-style:italic; color: Gray; margin-bottom: .6em; } #portfolio-container .pf-item-desc p {font: 16px arial;} #portfolio-container img {padding: 25px 0;} #portfolio-container p { /* font: 12px arial; color:#2b2b2b; */} #portfolio-container .portfolio dd img {padding:0;} .pf-item-choose {position:relative; width:100%; clear:both; padding:20px 0 0 0;} .pf-item-prev {position:relative; width:200px; float:left;} .pf-item-next {position:relative; width:200px; float:right;} #portfolio-container .pf-item-next p, #portfolio-container .pf-item-prev p {font-style:italic; color:#808080;} p.task-pf-item {color:#373d08; font: italic 16px georgia; background:#f2f7cd; padding:20px; clear:both; margin-bottom: 2em; width: 560px; } div.project p { margin: 1em 0 0 0; font: 14px arial; } div.project p.text { border-left: 2px solid Orange; padding-left: 1em; } div.project img {position:relative; margin:0 0 0 40px;} div.who {color:#373d08; font: italic 16px georgia; background:#f2f7cd; padding:20px; clear:both; margin-bottom: 2em; width: 560px; } div.who div.names { margin: 1em 0 0 13em; } div.who div.names div.person { margin-bottom: 1em;} #services {position: relative; width: 700px; display:block; float:left; margin: 20px 0 0 80px;} #services h2 {font: italic 30px georgia;} #services p {font: 14px arial; color:#0a2a33; padding: 5px 0; line-height:1.5;} #services a {font: italic 14px arial;} #services1 { position:relative; width:270px; display:block; padding:0px 0;} #services2 { position:relative; width:270px; display:block; margin: -150px 0 0 400px; padding:0px 0;} #services-conditions {position:relative; width:470px; margin: 100px 0 0 100px;} #services-conditions p {padding:20px 0;} #services-conditions ul {list-style-position: inside; font: 12px arial; color:#0a2a33; padding: 5px 0; line-height:1.5;} #services p.attention {color:#373d08; font: italic 18px georgia; background:#f2f7cd; padding:20px; clear:both;} #contacts-container {position: relative; width: 700px; display:block; float:left; margin: 20px 0 0 80px; padding: 10px 0 0 0;} #contacts-container p {font: 18px georgia; width:500px; margin: 0 0 20px 0;} #contacts-container h2 {font: italic 30px georgia; padding:0 0 30px 0;} .contacts-types {position:relative; width: 700px; height:150px; padding:0 0 0px 0; clear:both; display:block;} .contacts-icon { color:#0a2a33; font: 16px arial; width:300px; display:block; float:left; margin:10px 0;} .contacts-icon2 { color:#0a2a33; font: 16px arial; width:300px; display:block; float:left; margin:10px 0;} .contacts-icon img {margin: 0 10px 0 0;} .contacts-icon2 img {margin: 0 10px 0 0;} #about-us-text {position: relative; width: 400px; display:block; float:left; margin: 20px 0 0 80px; padding: 10px 0 0 0;} #about-us-text h2 {font: italic 30px georgia;} #about-us-text p {font: 14px arial; color:#0a2a33; padding: 5px 0; line-height:1.5;} #about-us-text a {font: italic 14px arial;} #services-conditions {position:relative; width:470px; margin: 100px 0 0 100px;} #about-us-text p {padding:20px 0;} #about-us-text ul {list-style-position: inside; font: 12px arial; color:#0a2a33; padding: 5px 0 5px 20px; line-height:1.5;} #about-us-text p.attention {color:#373d08; font: italic 18px georgia; background:#f2f7cd; padding:20px;} #about-us-photos {position:relative; width:150px; margin:80px 0 0 80px; float:left;} #about-us-photos p{font: 12px arial; color:#6d6d6d; margin: 5px 0 20px 0;} .feedback {font: 18px georgia; color:#172e36;} .feedback label {position:relative; margin:0 15px 0 0; vertical-align:top;} .feedback input { position:relative; background: url(../images/feedback-input-left.png) no-repeat left top; display:block; width:280px; height:36px; border:0; font: 18px georgia; padding:0 5px; } .feedback-input-left {position:relative; background: url(../images/feedback-input-right.png) no-repeat right top; display:block; width: 290px; height:36px; margin:5px 0;} input.middle:focus { outline-width:0;} textarea {resize: none; background: url(../images/feedback-text-area-top.png) no-repeat top left; width:468px; height:172px; border:0;} .feedback-text-area-top { position:relative; background: url(../images/feedback-text-area-bg.png) no-repeat bottom left; width:468px; height:176px; margin:5px 0;} .feedback input.button {position:relative; background: transparent url(../images/feedback-button.png) no-repeat; width:216px; height:34px; border:0; margin:0 0 0 250px;} .feedback input.button:hover {position:relative; background: transparent url(../images/feedback-button-hover.png) no-repeat; cursor: pointer; width:216px; height:34px; border:0; margin:0 0 0 250px;} .feedback input.button:active {position:relative; background: transparent url(../images/feedback-button-pushed.png) no-repeat; width:216px; height:34px; border:0; margin:0 0 0 250px;} .feedback button {position:relative; background: transparent url(../images/feedback-button.png) no-repeat; width:216px; height:34px; border:0; margin:0 0 0 250px;} .feedback button:hover {position:relative; background: transparent url(../images/feedback-button-hover.png) no-repeat; cursor: pointer; width:216px; height:34px; border:0; margin:0 0 0 250px;} .feedback button:active {position:relative; background: transparent url(../images/feedback-button-pushed.png) no-repeat; width:216px; height:34px; border:0; margin:0 0 0 250px;} /*.feedback-input-bg {position:relative; background: url(../images/feedback-input-bg.png) repeat-x; height:36px; display:inline;} */ .niceCheck {width: 20px;height: 20px;display: inline-block; cursor: pointer; background: transparent url(../images/feedback-checkbox.png) no-repeat; margin:0 15px 0 0; vertical-align:top;} .niceCheck input {display: none;} ul.feedback-order {position:relative; list-style:none; } ul.feedback-order li {position:relative; display:inline-block; width:180px; margin: 10px 15px;} ul.feedback-order li label {position:relative; vertical-align:top; margin:0; } .feedback input.radio {position:relative; width:15px; height:15px; display:inline-block; margin: 0 0 0 15px;} #ajaxLoader{ position: absolute; z-index: 1000; } p.attention, div.attention {color:#373d08; font: italic 18px georgia; background:#f2f7cd; padding:20px; clear:both;} .ThankYou p.attention {width: 70%;} div.p404 {position: relative; width: 700px; display:block; float:left; margin: 20px 0 0 0; padding: 10px 0 0 0; text-align: center;} div.p404 p.attention {color:#373d08; font: italic 18px georgia; background:#f2f7cd; padding:20px; width: 50%; margin: 50px auto; } div.p404 img { margin-left:-60px } .errorMessage {color:#373d08; font: italic 18px georgia; background:#f2f7cd; padding:20px; margin: 0 0 30px 0; clear:both; width:500px;} .errorMessage ul {list-style: decimal; list-style-position:inside; margin:20px 0 0 30px; line-height:1.5;} /* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */