* {
padding:0;
margin:0;
}
html, body, div, dl, dt, dd, ul, ol, li, form, table, tr, td, h1, h2, h3, h4, h5, h6, pre, p, span, b, i, a, input, textarea, fieldset,address {
margin:0;
padding:0;
outline:medium none;
}
body {
position:relative;
font-size:14px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
height:100%;
}
a {
outline:medium none;
text-decoration:none;
color:#000;
}
div.company_price a:hover , div.we_know a:hover , div.specifications a:hover{
border-bottom:1px dotted black;
}
ul li {
list-style-type:none;
}
fieldset,img {
border:none;
}
img {
font-size:0;
line-height:0;
}
html {
height:100%;
}
.bold {
font-weight:bold;
}
/*home*/
div.logo_wrap {
background:url(../img/logo.jpg) left 0px no-repeat;
padding-left:89px;
padding-top:29px;
width:871px;
height:732px;
margin:0 auto;
position:relative;
}
p.copy {
position:absolute;
bottom:10px;
color:#000;
width:550px;
font-size:14px;
text-align:center;
left:50%;
}
.portf {
text-align:center;
}
.portf p.copy {
width:100%;
position:relative;
margin:0 auto;
width:550px;
left:0;
}
.portf p.copy span {
position:static;
}
div.logo_wrap p.copy {
bottom:-20px;
}
p.copy span {
position:relative;
left:-50%;
}
p.copy span a {
margin:0 20px;
font-weight:normal;
}
p.pr {
text-align:center;
margin-top:10px;
}
p.copy strong {
font-weight:normal;
}
p.pr span a {
margin:0 20px;
}
.copy strong , .pr strong {
font-size:16px;
font-weight:400;
margin-left:3px;
}
ul#menu_home li {
width:348px;
}
ul#menu_home li a {
text-indent:-9999px;
}
ul#menu_home li.item-2 {
background:url(../img/who-we-home.jpg) left top no-repeat;
height:48px;
}
ul#menu_home li.item-2 a {
display:block;
width:186px;
height:48px;
margin-left:100px;
}
ul#menu_home li.item-15 {
margin-top:23px;
background:url(../img/portfolio-home.jpg) left top no-repeat;
height:60px;
}
ul#menu_home li.item-15 a {
display:block;
width:250px;
height:60px;
margin-left:100px;
}
ul#menu_home li.item-47 {
margin-top:10px;
background:url(../img/price-home.jpg) left top no-repeat;
height:56px;
}
ul#menu_home li.item-47 a {
display:block;
width:127px;
height:56px;
margin-left:100px;
}
ul#menu_home li.item-48 {
margin-top:15px;
background:url(../img/order-home.jpg) left top no-repeat;
height:55px;
}
ul#menu_home li.item-48 a {
margin-left:100px;
display:block;
width:150px;
height:48px;
}
.pos_bottom {
background-position:left bottom !important;
}
/*who_we style*/
div.wrapper {
width:960px;
margin:0 auto;
position:relative;
min-height:100%;
height:auto;
overflow:hidden;
}
div.portfolio_wrapper {
margin:0 auto;
position:relative;
min-height:100%;
height:auto;
}
.thanks {
width:300px;
margin:0 auto;
margin-top:100px;
text-align:center;
}
div.header {
width:916px;
height:89px;
margin:0 auto;
overflow:hidden;
}
div.header ul.top_menu {
background:url(../img/topmenu_bg.jpg) left top no-repeat;
padding-top:15px;
width:916px;
height:64px;
}
div.header ul.top_menu li {
float:left;
display:inline;
}
div.header ul.top_menu li a {
text-indent:-9999px;
display:block;
}
div.header ul.top_menu li.item-2 {
margin-left:138px;
}
div.header ul.top_menu li.item-2 a{
background:url(../img/top-who-we.jpg) left top no-repeat;
width:137px;
height:27px;
}
.errors {
width:590px;
margin:0 auto;
text-align:center;
}
div.header ul.top_menu li.item-15 {
margin-left:42px;
}
div.header ul.top_menu li.item-15 a {
background:url(../img/top_portfolio.jpg) left top no-repeat;
width:193px;
height:34px;
}
div.header ul.top_menu li.item-47 {
margin-left:62px;
}
div.header ul.top_menu li.item-47 a {
background:url(../img/top_price.jpg) left top no-repeat;
width:88px;
height:34px;
}
div.header ul.top_menu li.item-47 a {
}
div.header ul.top_menu li.item-48 {
margin-left:54px;
}
div.header ul.top_menu li.item-48 a {
background:url(../img/top_order.jpg) left top no-repeat;
width:110px;
height:27px;
}
div.header ul.top_menu li.item-48 a.active {
background:url(../img/top_order_active.jpg) left top no-repeat ;
}
div.header ul.top_menu li.item-47 a.active {
background:url(../img/top_price_active.jpg) left top no-repeat ;
}
div.header ul.top_menu li.item-15 a.active {
background:url(../img/top_portfolio_active.jpg) left top no-repeat;
}
div.header ul.top_menu li.item-2 a.active {
background:url(../img/top-who-we-active.jpg) left top no-repeat ;
}
div.content {
margin-top:5px;
}
div.content_price {
overflow:hidden;
}
div.content-text {
padding:0 10px;
overflow:hidden;
}
div.content-text span {
font-size:18px;
}
.developer {
float:right
}
.kirill {
float:left;
}
div.content-text p {
line-height:1.5;
}
div.content-text p.first {
margin-bottom:25px;
}
div.content-text p.last {
margin-top:25px;
}
div.portfolio_wrap div.specifications {
margin:30px auto;
}
div.portfolio_wrap h1 {
text-align:center;
}
div.footer-who-we {
margin:0 auto;
margin-top:10px;
background:url(../img/footer-who-we-bg.jpg) center top no-repeat;
width:759;
height:487px;
position:relative;
}
div.footer {
clear:both;
height:30px;
}
div.content-text span.last-s {
text-align:right;
display:block;
font-size:14px ;
font-weight:bold;
margin-top:20px;
}
/*portfolio*/
div.portfolio-menu , div.partners {
width:960px;
margin:0 auto;
margin-bottom:30px;
clear:both;
}
div.partners {
width:837px;
text-align:left;
clear:both;
}
div.portfolio-menu span , div.partners span{
font-size:16px;
font-weight:bold;
margin-right:20px;
float:left;
}
div.portfolio-menu ul.navi-menu li {
display:inline;
margin-right:40px;
}
div.portfolio-menu ul.navi-menu li a {
font-size:16px;
color:#5d5d5d;
padding-top:4px;
}
div.portfolio-menu ul.navi-menu {
display:inline;
}
div.site_logo {
width:300px;
overflow:hidden;
margin-right:40px;
}
ul.portfolio a {
color:#000;
}
p.center {
text-align:center;
clear:both;
}
div.portfolio-menu ul , div.partners ul {
display:inline;
}
div.portfolio-menu ul li ,div.partners ul li {
display:inline;
}
div.portfolio-menu ul li a , div.partners ul li a {
color:#5D5D5D;
font-size:12px;
white-space: nowrap;
padding-top:4px;
display:block;
float:left;
padding-right:15px;
height:25px;
}
ul.portfolio {
margin:0 auto;
padding:0 5px;
padding-top:60px;
clear:both;
}
div.specifications span.Finished ,div.specifications span.testing ,div.specifications span.during ,div.specifications span.close {
font-weight:normal;
display:block;
width:195px;
float:left;
padding-left:5px;
}
div.specifications span.Finished {
color:#090;
}
div.specifications span.testing {
color:#F90;
}
div.specifications span.during {
color:#F90;
}
div.specifications span.close {
color:#F00;
}
ul.portfolio li {
margin-bottom:20px;
overflow:hidden;
float:left;
display:inline;
height:350px;
width:310px;
padding:0 0px;
}
div.portfolio_wrap {
width:916px;
margin:0 auto;
}
div.portfolio_wrap img {
margin-top:30px;
}
div.specifications {
margin-top:20px;
padding:0 10px;
width:300px;
}
div.specifications h5 {
font-size:15px;
font-weight:bold;
margin-bottom:10px;
height:40px;
}
div.specifications p {
font-size:12px;
line-height:1.5;
color:#666;
}
div.specifications p span.sft {
color:#AAAAAA;
display:block;
float:left;
font-size:9px;
padding-top:3px;
text-align:right;
width:90px;
}
div.specifications p span.attr {
display:block;
float:left;
width:205px;
padding-left:5px;
overflow:hidden;
text-align:left;
}
/*price style*/
div.price {
background:url(../img/price_bg.jpg) 300px 20px no-repeat;
overflow:hidden;
padding-top:310px;
padding-left:150px;
font-size:16px;
height:500px;
}
div.clear {
clear:both;
}
div.company_price {
width:350px;
float:left;
}
div.company_price em {
font-size:11px;
font-style:normal;
font-size:bold;
}
div.company_price h1 , div.we_know h3 {
font-size:20px;
font-weight:normal;
margin-bottom:40px;
}
div.company_price h2 {
font-size:20px;
font-weight:normal;
margin:40px 0;
}
div.company_price p , div.we_know p{
margin:5px 0;
clear:both;
line-height:1.5;
}
div.portfolio-menu ul li.active ,div.partners ul li.active ,ul.war li.active {
background:url(../img/tag_bg_left.gif) left top no-repeat;
padding-left:13px;
}
ul.war li.active span.active {
margin-top:0px !important;
}
div.portfolio-menu ul li.active a ,div.partners ul li.active a , ul.war li.active span.active {
background:url(../img/tag_bg_right.gif) right top no-repeat;
padding-right:15px;
padding-top:6px;
display:block;
margin-top:-2px;
}
div.we_know p {
text-indent:-22px;
}
div.company_price span.info {
display:block;
width:225px;
float:left
}
div.company_price span.info i {
font-size:12px;
font-style:normal;
font-weight:bold;
}
div.we_know {
float:left;
width:392px;
margin-top:217px;
margin-left:50px;
}
/* EmailForm
------------------------------------------------------------------------------- */
form {
width:900px;
margin: 0 auto;
margin-top:20px;
border: none;
display:none;
}
#Promo_site_Form {
left:-240px;
}
form {
display:none;
position:absolute;
}
#EmailForm {
display:block;
}
select {
border:none;
background:url(../img/input_bg.gif) left bottom no-repeat;
height:30px;
text-align:left;
padding-top:0px;
margin-top:10px;
font-size:14px;
position:relative;
width:467px;
}
.uslugi {
margin-left:300px;
position:relative;
top:-30px;
}
.pre_select {
margin-bottom:0px !important;
}
.item_wrap ul.selectlist-list {
position:static;
}
#Promo_site {
left:-135px;
}
#Corporate_Site_Form {
left:-367px;
}
#Shop_form {
left:-565px;
}
.pointer {
cursor:pointer;
display:block;
padding-top:6px;
padding-left:2px;
padding-right:15px;
height:25px;
float:left;
}
ul.war {
width:390px;
margin:0 auto;
height:900px;
position:relative;
}
ul.war li {
float:left;
display:inline;
position:relative;
padding-left:13px;
}
ul.site {
display:none;
position:absolute;
top:40px;
left:-80px;
width:700px;
}
ul.site li {
display:inline;
margin-left:0px !important;
margin-right:30px;
position:relative;
}
ul.war form#DesignForm {
position:absolute;
left:-220px;
}
ul.war form#EmailForm {
position:absolute;
left:-387px;
}
form#Site-card {
left:-100px;
}
#asmSelect0 , #asmSelect3 , #asmSelect5 {
margin-top:30px;
}
div.errors {
margin-top:30px;
}
.asmList {
clear:both;
}
#EmailForm.full { width: 100%; }
.bor {
position:relative;
margin-top:30px;
}
form legend {
display: none;
}
form h2 {
color:#666;
margin-bottom:20px;
padding-bottom:10px;
}
form label
{
display:block;
text-align:left;
width:300px;
float:left;
color:#000;
font-size:18px;
position:relative;
}
form div.ov label {
font-size:16px;
color:#666;
width:280px;
}
form span {
color:#888;
display:block;
font-size:14px;
font-weight:normal;
text-align:left;
width:240px;
font-style:italic;
}
form div.ov span {
font-size:12px;
}
form p {
display: block;
clear: both;
font-size: 1em;
line-height: 1.5em;
}
#Site-card div.checkbox_wrapper input {
margin:0 20px 0 255px;
float:none;
width:auto;
}
.requiredValue {
border:none !important;
}
label.requiredValue {
background:none !important;
}
div.item_wrap {
overflow:hidden;
margin-bottom:30px;
clear:both;
position:relative;
}
i.star {
background:url(../img/star.gif) left top no-repeat;
width:28px;
height:26px;
display:block;
position:absolute;
right:100px;
top:2px;
}
i.arrow {
background:url(../img/arrow.gif) left top no-repeat;
width:60px;
height:18px;
position:absolute;
display:block;
left:235px;
top:8px;
}
div.center i.arrow {
left:-80px;
right:0;
top:70px;
}
form input {
float:left;
height:30px;
padding-top:10px;
padding:0 10px;
background:url(../img/input_bg.gif) left bottom no-repeat !important;
border:none;
width:447px;
margin:6px 0 10px 0px;
position:relative;
color:black;
font-size:18px;
text-align:center;
font-weight:400;
}
.vericode {
width:150px;
height:22px;
background:url(../img/captcha_b.gif) left top no-repeat !important;
padding:0;
padding-top:3px;
font-size:13px;
}
.submit {
background:url(../img/captcha.gif) left top no-repeat !important;
width:159px;
height:39px;
cursor:pointer;
width:150px;
}
div.center {
width:150px;
margin:0 auto;
position:relative;
}
form textarea{
overflow:hidden;
padding:4px 2px;
border:none;
background:url(../img/text-ar-center-bg.gif) left top repeat-y !important;
width:447px;
padding:0 10px;
float:left;
position:relative;
}
.invalidValue {
background-color:#fff !important;
border:none !important;
}
.vericode {
border:none !important;
}
.hide {
display:none !important;
}
.text_ar_wrap {
overflow:hidden;
}
.text_ar_head {
font-size:0;
background:url(../img/text-ar-top-bg.gif) left top no-repeat;
height:20px;
width:467px;
}
.text_ar_bottom {
font-size:0;
background:url(../img/text-ar-bottom-bg.gif) left top no-repeat;
height:20px;
width:467px;
clear:both;
}
.ov {
overflow:hidden;
margin:20px 0 ;
position:relative;
padding-left:20px;
zoom:1;
}
form input.button {
clear:both;
margin-left:200px;
background:#fff;
text-align:center;
line-height:31px;
color:#6666;
font-size:1.7em;
font-weight:bold;
border:none
}
div#clear
{
clear:both;
width:100%;
line-height:1px;
height:1px;
border:0;
padding:0;
margin:0;
}
div.portfolio-menu ul li , div.partners ul li {
margin-top:-2px;
display:block;
float:left;
padding-left:13px;
}
div.portfolio-menu ul li.active ,div.partners ul li.active {
background:url(../img/tag_bg_left.gif) left top no-repeat;
padding-left:13px;
margin-top:-2px;
}
div.portfolio-menu ul li.active a ,div.partners ul li.active a {
background:url(../img/tag_bg_right.gif) right top no-repeat;
padding-right:15px;
padding-top:4px;
height:25px;
display:block;
margin-top:0px;
}
.plus {
position:relative;
top:115px;
font-size:30px;
cursor:pointer;
}
form h3 {
color:#000;
font-weight:normal;
text-align:left;
margin-bottom:10px;
float:left;
font-size:18px;
}
form#DesignForm div.item-1 , form#DesignForm div.item-2 , form#DesignForm div.item-3 ,form#DesignForm div.item-4,form#DesignForm div.item-5 ,form#DesignForm div.item-6 {
display:none;
}
form#DesignForm div.ov i {
cursor:pointer;
font-size:14px;
font-style:normal;
float:left;
margin-left:20px;
text-decoration:underline;
margin-top:3px;
}
label.img {
padding-left:100px;
width:200px;
}
.img_code {
margin-top:20px;
display:block;
}
.tetra_a {
position:relative;
bottom:-2px;
}
.contact_info {
text-align:center;
margin-top:15px;
}
.contact_info .tetra_a {
margin-left:30px;
}
.contact_info span {
font-weight:bold;
}
.contact_info {
color:#000;
}