/* basic style */
BODY {color:#5A5A65; font:11px Helvetica, Arial, sans-serif; padding:0; margin:0}
A {color:#3772A6}
A:hover {text-decoration:none}
IMG {border:none}
H1 {color:#C70210; font-size:20px; font-weight:normal; margin:0 0 6px 0; padding:0}
H4 {font-size:13px; font-weight:bold; padding:0; margin:0 0 10px 0;}
TABLE {border:0; border-collapse:collapse}
TD {vertical-align:top; padding:0}
UL, LI {padding:0; margin:0}
.clear {clear:both; font-size:1px; height:0}
.black {color:#5A5A65}
.grey {color:#9999AC}
.fontsmall {font-size:11px;}
.nowrap {white-space:nowrap}
input.submit {padding:5px 10px; margin:20px 0}
p.none, .main .centertext p.none {padding-bottom:0; margin-bottom:0;}
ul.none, .main .centertext ul.none {list-style:none;padding-left:0}

/* site's container */
div.container {text-align:left; width:960px; margin:0 auto}

/* head */
.header {height:181px; border-top:solid 5px #C70210; font-size:11px; position:relative}
.header, .header a {color:#85858F}
.header img.logo {position:absolute; margin:20px 0 0 36px}
.header li {display:inline; list-style:none}
.header .bottom {font-size:12px; position:absolute; right:0; bottom:0; width:100%}
.header .bottom, .header img.logo {float:left}
.header .top, .header .menuLang, .header .menuSmall  {float:right}
.header .top {text-align:right; margin:10px 10px 0 0}
.header .top li {margin-left:9px}
.header .menuMain  {background:#9999A3; padding:7px 0 8px 0; float:left; width:100%}
.header .menuMain li {margin-left:14px}
.header .menuMain a {color:#fff; text-decoration:none}
.header .menuMain a:hover {text-decoration:underline}
.header .menuMain .leftmenu {float:left; padding-left:8px}
.header .menuMain .rightmenu {float:right; padding-right:10px}
.header .menuLang {position:absolute; right:0; bottom:0; margin:0 10px 39px 0}
.header .menuLang li {margin-left:3px}

/* visual */
.visual {position:relative; height:238px}
.visual .text {float:left; color:#FBEAEB; background-color:#C70210; width:260px; height:100%}
.visual .text h2 {color:#fff; font-size:20px; font-weight:bold; padding:0; margin:20px 22px 3px 22px}
.visual .text p {font-size:11px; line-height:15px; margin:0 22px 16px 22px}
.visual .text a {color:#FBEAEB;}
.visual .image {color:#fff; vertical-align:bottom; display:table-cell; float:right; background-repeat:no-repeat; background-position:bottom right; position:relative; width:700px; height:100%}
.visual .plane {background-image:url(/images/bg_plane.jpg); background-color:#4884BF;}
.visual .tech {background-image:url(/images/bg_tech.jpg); background-color:#807642}
.visual .flag {background-image:url(/images/bg_flag.jpg); background-color:#4884BF;}
.visual .kitten {background-image:url(/images/bg_kitten.jpg); background-color:#545D6B;}
.visual .forest {background-image:url(/images/bg_forest.jpg); background-color:#4E7D30;}
.visual .leaf {background-image:url(/images/bg_leaf.jpg); background-color:#91b011;}

.visual .description {vertical-align:bottom; display:table-cell; width:500px; height:213px; padding-left:25px}
.visual .description p, .visual .description h3  {margin:0; padding:0}
.visual .description h3 {font-size:22px; font-weight:normal}
.visual .description .tr, .visual .description .td { position: relative;}

/* fix for ie6 */
.visual .description .tr, .visual .description .td {//top: 100%; width: 100%;}
.visual .description .td {//top: -100%;}

/* main */
.main .lefttext {color:#5A5A65; font-size:13px; float:left; width:26%; margin-bottom:60px}
.main .lefttext .leftpad {padding-left:10px}
.main .lefttext h4 {color:#C70210; font-size:13px; font-weight:bold; margin:7px 20px 2px 0}
.main .lefttext h4.toppad {margin-top:27px}
.main .lefttext ul {font-size:11px; margin:0 16px}
.main .lefttext li {list-style: url(images/li.gif); line-height:140%}
.main .lefttext p {margin:0 13px 13px 0}
.main .lefttext p.nobottom {margin:0 13px 0 0}
.main .centertext {color:#5A5A65; font-size:13px; float:right; width:73%; line-height:140%; padding:31px 0 30px 0}
.main .centertext .block {float:left; font-size:11px; line-height:140%; width:33%; padding-bottom:20px}
.main .centertext .block div {width:100%; height:70px}
.main .centertext .block div div {margin-right:20px; width:auto}
.main .centertext .block p {float:left;}
.main .centertext .block .img1 {background-image:url(/images/knife.jpg)}
.main .centertext .block .img2 {background-image:url(/images/metal.jpg)}
.main .centertext .block .img3 {background-image:url(/images/boots.jpg)}
.main .centertext h2 {color:#C70210; float:left; font-size:13px; font-weight:bold; margin:9px 10px 0 0}
.main .centertext p {float:none; font-family:Arial; padding:0 20px 18px 0; margin:0}
.main .centertext ul {padding:0 20px 18px 12px}


/* документы заказа jpg, html */
.main .lefttext ul.step {margin:51px 0 0 0}
.main .centertext ul.step {padding:0; margin:2px 0 10px 0}
.step {width:250px}
.step, .step li {display: inline; float:left; padding:0; height:50px;}
.step li.jpg {background:url(images/jpg.gif) no-repeat 1px 0; width:53px;}
.step li.nospace {width:49px}
.step li.plus {background:url(images/plus.gif) no-repeat 0% 50%; width:20px }
.step li.html {background:url(images/html.gif) no-repeat 0px 0; width:54px;}

/* форма заказа */
.tab {width:600px}
.tab .ques {padding-bottom:15px; padding-right:5px; width:315px}
.tab .ques p {padding:0; margin:0}
.tab .ques input, .tab .ques textarea {width:300px; padding:5px}
.tab .ques input.nonewidth {width:auto;}
.tab .ques select {width:300px;}
.tab .ques option span {padding:5px;}
.tab .comment {color:#9999AC; font-size:11px; line-height:135%; padding-top:15px}
.tab .comment p {padding:0}

/* портфолио */
.main .centertext .portfolio {padding:0;}
.portfolio, .portfolio li {display:inline; list-style:none;}
.portfolio img {margin-right:10px; margin-bottom:10px}

/* таблица цены */
.costs {border:#d7d7d7 solid 1px; margin-bottom:60px;}
.costs td {border:#d7d7d7 solid 1px; padding:10px;}

/* main блок Партнёры */
.main .partners {background:#E4E4E4 url(images/greyheart.gif) right top no-repeat; float:left; width:100%; padding:13px 0 18px 0}
.main .partners .about {float:left; width:100%}
.main .partners .about p {width:65%; float:left; padding:2px 0 15px 13px; margin:0}
.main .partners h4 {color:#C70210; font-size:13px; float:left; width:100%; font-weight:bold; margin:0 0 0 13px}
.main .partners ul {float:left; width:auto; padding:0 15px; margin:0;}
.main .partners li {float:left; font-size:12px; width:208px; height:110px; list-style:none; margin:0 4px 12px}
.main .partners .small {font-size:11px}
.main .partners .rightlink {float:right; margin-right:14px}

/* footer */
.footer {color:#9999A3; border-top:solid 2px #E4E4E4; font-size:10px; height:93px; padding:9px 10px 10px}
.footer a {color:#9999A3; text-decoration:none}
.footer a:hover {text-decoration:underline}
.footer ul {float:right}
.footer ul, .footer li {display:inline; list-style:none}
.footer .leftblock {float:left; width:50%}