@charset "UTF-8";

/** Imports **/
@import url("src/reset.css");
@import url("src/base.css");
@import url("src/layout.css");
@import url("src/form.css");

/* ---------->>> MAIN <<<-----------*/

body {
        background: #1e2c3b url("../images/wrapper_bg.jpg") left 376px repeat;
        font: normal 12px Tahoma,Geneva,"DejaVu Sans Condensed",sans-serif; color: #a7d3e9; }

body ::selection { background: #6e2e6c; }
body ::-moz-selection { background: #6e2e6c; }

a { color: #78d02e; }
a:hover { text-decoration: none; }

p { line-height: 18px; }

legend { font: normal 12px Tahoma,Geneva,"DejaVu Sans Condensed",sans-serif; color: #000000; }
input { font: normal 12px Tahoma,Geneva,"DejaVu Sans Condensed",sans-serif; color: #000000; }

input[type="text"] { 
        border: 1px solid #314453; background: #ffffff;
        padding: 3px 8px 3px 5px; color: #484848; }

#vinput1 { 
        border: 1px solid #415564; background: #253746;
        padding: 3px 8px 3px 5px; color: #ffffff; margin-bottom: 6px; }
#vinput2{ 
        border: 1px solid #415564; background: #253746;
        padding: 3px 8px 3px 5px; color: #ffffff; margin-bottom: 6px; }
#vinput3 { 
        border: 1px solid #415564; background: #253746;
        padding: 3px 8px 3px 5px; color: #ffffff; margin-bottom: 6px; }

h1 { }
h2 { font-weight: 400; font-size: 1.8em; font-family: Tahoma,Geneva,"DejaVu Sans Condensed",sans-serif;
        margin: 0px 0px 10px 0px; color: #3da8de; }
h3 { }
h4 { }
h5 { }
h6 { }

.clients li { line-height: 18px; }
li { line-height: 14px; }

.clientlogo { margin: 0px 10px 5px 0px; border: 3px #aeceda solid; }

.b-undertitle{float:left; font-weight: bold; color: #FFFFFF;}
a.vac_link{
color: #FFEF5A;

padding-left: 16px;
text-decoration: none;
background: url("http://lovedesign.ru/images/vac.gif") 0px 3px no-repeat;
}
a.vac_link span{
border-bottom: 1px dashed #FFEF5A;
}
a.vac_link img{
margin-left: 5px;
position: relative;
top:-1px;
}
.discount { border-collapse: collapse; margin-bottom: 10px; }
.discount td { padding: 8px; border: 1px solid #6790a8; background-color: #253746; }

/* ---------------->>> LAYOUTS <<<---------------*/

/** Wrapper layout **/
#wrapperLayout {
	width: 100%; min-width: 1000px; min-height: 600px; overflow: hidden; position: relative; }
#wrapperLayout #wrapperLayoutSub1 { padding-bottom: 9999px; margin-bottom: -9999px; }

/** Center layout **/
#centerLayout { background: url("../images/center_bg.png") left top repeat-x; }
#centerLayout #centerLayoutSub1 {
    width: 1000px; overflow: hidden; margin: 0px auto 0px auto;
    padding-bottom: 9999px; margin-bottom: -9999px; }
#centerLayout #centerLayoutSub2 { }

/** Left layout **/
#leftLayout {  }
#leftLayout #leftLayoutSub1 { }

/** Right layout **/
#rightLayout {  }
#rightLayout #rightLayoutSub1 { }

/** Header layout **/
#headerLayout { 
        position: relative; border-bottom: 5px solid #2989dd; padding: 0px 0px 0px 0px;
        background: #4c1a64 url("../images/header_bg.jpg") left top repeat-x; }
#headerLayout #headerLayoutSub1 {
        position: relative; overflow: hidden; min-height: 376px;
        width: 1000px; margin: 0px auto 0px auto; color: #ffffff; }
/** Footer layout **/
#footerLayout { 
        position: relative; clear: both; width: 100%; min-width: 1000px;
        background: url("../images/footer_bg.jpg") left top repeat;
        border-top: 5px solid #2989dd; }
#footerLayout #footerLayoutSub1 {
        overflow: hidden; margin: 0px auto 0px auto; width: 1000px; color: #ffffff; }
#footerLayout #footerLayoutSub2 {

        width: 900px; margin: 0px auto 0px auto; position: relative; top: -6px;
        background: url("../images/footer_bg2.png") right bottom no-repeat; min-height: 105px;
}
#cappuccino{
position:relative;
z-index: 4;
float: right;
top:0px;
right:20px;
margin-top: -185px;

}
/** Content layout **/
#contentLayout { }

/* ---------------->>> BOXES <<<---------------*/

/** Begin: logoBox **/
#logoBox { position: absolute; left: 60px; top: 15px; }
#logoBox a { text-decoration: none; font-size: 38px; color: #f76190; }
/** End: logoBox **/

/** Begin: worksBox **/
#worksBox { 
        float: left; margin: 162px 0px 0px 50px; width: 184px; border: 1px solid #a35acd;
        background: #7c329e url("../images/works_bg.jpg") left top no-repeat; }
#worksBox h2 {
        margin: 15px 0px 10px 17px; color: #ffffff;
        font: normal 12px Arial,Helvetica,FreeSans,"Nimbus Sans L",sans-serif; }
#worksBox ul { list-style: none; margin: 12px 17px 15px 17px; }
#worksBox ul li { margin: 0px 0px 8px 0px; }
#worksBox ul li a { color: #fff47c; }
/** End: worksBox **/

/** Begin: info1Box **/
#info1Box { float: left; margin: 168px 0px 0px 33px; position: relative; }
#info1BoxContent { 
        overflow: hidden; position: relative; 
        width: 277px; height: 200px; z-index: 19;
        margin: -6px 25px 0px 30px; }
#info1Box .item {
        width: 264px; margin: 0px 0px 0px 0px; position: absolute; left: 0px;
        border-left: 6px solid #f11983; color: #ffffff; line-height: 18px;
        font: normal 12px Arial,Helvetica,FreeSans,"Nimbus Sans L",sans-serif; }
#info1Box .itemSub1 { 
        padding: 2px 7px 8px 12px; min-height: 20px;
        background: url("../images/info1_bg2.png") left top repeat; }
#info1Box p { margin: 0px 0px 0px 0px; }
#info1Box h2 { margin: 0px 0px 0px 0px; font-size: 1.2em; line-height: 30px; font-family: Tahoma, Geneva, sans-serif; font-weight: normal; color: #ede97a; }
#info1Box .subLeftHand { position: absolute; left: 0px; top: 70px; z-index: 99; }
#info1Box .subRightHand { position: absolute; right: 0px; top: 70px; z-index: 99; }
#info1Box .subLeftHand span, #info1Box .subRightHand span { cursor: pointer; }
/** End: info1Box **/

/** Begin: phoneBox **/
#phoneBox { 
        position: absolute; right: 57px; top: 24px; width: 167px; height: 46px;
        background: url("../images/phone_bg.png") left top no-repeat; z-index: 3; }
#phoneBox p {
        font: normal 22px Georgia,"Bitstream Charter","Century Schoolbook L",Times,serif;
        line-height: 41px; margin: 0px 0px 0px 0px; text-align: center; color: #fcf121; }
#phoneBox p span { color: #ffffff; font-size: 14px; }
/** End: phoneBox **/

/** Begin: img1Box **/
#img1Box { position: absolute; right: 14px; top: -10px; z-index: 2; }
/** End: img1Box **/
a.smallworks img{
border:2px solid #aeceda;
margin-bottom:2px;
}
a.smallworks {
margin:0px 6px 0px 0px;
}
a.smallworks:hover img{
border-color:#EDE97A;

}
/** Begin: newsBox **/
#newsBox { }
#newsBox h2 { color: #d37aed; }
#newsBox ul { list-style: none; margin: 0px 0px 0px 0px; position: relative; left: -35px; }
#newsBox ul li {
        margin: 0px 0px 20px 0px; padding: 0px 0px 0px 35px; line-height: 18px;
        background: url("../images/news_bg.png") left center no-repeat; color: #ffffff;
}
#newsBox ul li a { color: #fff951; }
/** End: newsBox **/

/** Begin: sendFormBox **/
#sendFormBox { color: #ffffff; }
#sendFormBox h2, #sendFormBox h3 { color: #ede97a; }
#sendFormBox p { margin: 0px 0px 18px 0px; }
#sendFormBox h3 { font-weight: normal; font-size: 12px; margin: 0px 0px 9px 0px; }
#sendFormBox .line { margin: 0px 0px 7px 0px; width: 100%; overflow: hidden; }
#sendFormBox .line2 { margin: 14px 0px 7px 0px; width: 100%; overflow: hidden; }
#sendFormBox .line * { vertical-align: middle; }
#sendFormBox input[type="text"] { width: 250px; }
#sendFormBox  .subForm { padding: 0px 0px 0px 3px; }
#sendFormBox  .subForm { padding: 0px 0px 0px 2px; }
/** End: sendFormBox **/

/** Begin: footerNavBox **/
#footerNavBox { margin: 0px 0px 0px 0px; width: 100%; overflow: hidden; }
#footerNavBox ul { list-style: none; margin: 0px 0px 0px 12px; }
#footerNavBox ul li { 
        float: left; line-height: 52px; color: #ffffff;
        font-size: 11px; text-transform: uppercase; padding: 0px 8px 0px 8px; }
#footerNavBox ul li a { text-decoration: none; color: #f3e243; }
#footerNavBox ul li a:hover { text-decoration: underline; }
/** End: footerNavBox **/

/** Begin: copyrightBox **/
#copyrightBox { margin: 0px 0px 0px 15px; }
#copyrightBox p { margin: 0px 0px 0px 0px; }
/** End: copyrightBox **/

/** Begin: worksListBox **/
#worksListBox { }
#worksListBox .subBody { margin: 0px 0px 0px 0px; width: 105%; overflow: hidden; }
#worksListBox .subBody p { margin: 0px 0px 0px 10px; float: left; }
#worksListBox .subBody p a { display: block; border: 3px solid #ffffff; margin: 0px 0px 10px 0px; }
#worksListBox .subBody p a img { display: block; }
#worksListBox .subBody .subFirst { margin: 0px 0px 0px 0px; }
/** End: worksListBox **/

/** Begin: content1Box **/
.content1Box { margin: 0px 0px 0px 0px; width: 100%; overflow: hidden; }
.content1Box .subLeft { 
        float: left; width: 566px; padding-bottom: 9999px; margin-bottom: -9999px; }
.content1Box .subLeftSub1 { padding: 0px 0px 0px 52px; }
.content1Box .subRight { 
        float: right; width: 434px; background: url("../images/line1.png") left top repeat-y;
        padding-bottom: 9999px; margin-bottom: -9999px; }
.content1Box .subRightSub1 { padding: 0px 50px 0px 0px; }

#centerLayout .content1Box {
    padding-bottom: 9999px; margin-bottom: -9999px;
}
/** End: content1Box **/

/** Begin: content2Box **/
.content2Box { padding: 13px 0px 13px 0px;  position: relative; min-height: 30px; }
.content1Box .subLeft .content2Box {
        padding: 13px 30px 13px 15px; position: relative; left: 1px; }
.content1Box .subRight .content2Box { padding: 13px 0px 5px 25px; }
/** End: content2Box **/

/** Begin: content3Box **/
.content3Box { 
        padding: 13px 0px 13px 0px; position: relative; min-height: 30px;
        background: url("../images/line2.png") left bottom repeat-x; }
.content1Box .subLeft .content3Box { 
        padding: 13px 30px 13px 15px; position: relative; left: 1px; }
.content1Box .subRight .content3Box { padding: 13px 0px 5px 25px; }
/** End: content3Box **/

/* ---------------->>> DECORATIONS <<<---------------*/

.submit1 { margin: 0px 0px 0px 0px; width: 100%; overflow: hidden; }
.submit1 .submit1Sub1 { 
        float: left; border: 1px solid #314453; background: #ffef5a;
        padding: 3px 3px 3px 3px; }
.submit1 .submit1Sub1 input { background: none; border: 0px; }

.floatImg1 { float: right; }
.floatImg1Content { float: left; display: block; width: 224px; }

.color1 { color: #78d02e; }
.software{margin-right:5px; position:relative; top:3px;}
.hoveredImage { position:static; display: block;
        width:360px; cursor: pointer; margin:0px 0px 0px 0px; float:left;  }
.hoveredImage h2 { margin: 0px 0px 0px 0px; float: left; }
.hoveredImage img { float: left; position:relative; top:12px; margin-left:8px; }
.hoveredBlock { margin: 0px 0px 0px 0px;  width:360px; clear: left; }
.bid { margin: 0px 0px 0px 0px;  width:360px; clear: left; }
.hoveredBlock p { padding-top: 6px; }
.space{ float:left; max-height:6px; min-height:6px; overflow:hidden; width:100%;}

.lovedesign{}
.yellow { color: #ede97a; }
.h2dash { float: left; padding-bottom:4px; background: url("../images/line.gif") repeat-x left bottom; text-decoration: none; white-space: nowrap;
}
.h2dash_green {float: left; padding-bottom:4px; background: url("../images/linegreen.gif") repeat-x left bottom;text-decoration: none; white-space: nowrap;  color: #78d02e; }
a.fancybox img { border: 5px solid #aeceda; margin-top: 10px; }
a.fancybox:hover img { border-color: #ede97a; }
.pl { background: url("../images/pl_bg.gif"); background-repeat: repeat-x; background-position: left top; white-space: nowrap; color: white;  border: 1px solid #c574ff; min-width:10px; float:left; margin-bottom:0px; }
.pl a {padding: 5px 8px 5px 14px; background: url("../images/select_white.gif"); background-repeat:no-repeat; background-position: 6px center; text-decoration: underline; color: white; line-heght:20px; min-height:20px; height:20px; display:block; }
.pl a:hover { text-decoration: none; }

a.worklink{ text-decoration: none; }
.tipsy {margin-left: 1px; padding: 5px; font-size: 10pt; opacity: 0.9; filter: alpha(opacity=90); background-repeat: no-repeat;  }
  .tipsy-inner { padding: 4px 10px 0px 10px; background-color: #EDE97A; color:#1C2A37; max-width: 400px; height: 20px; }
  .tipsy-north { background-image: url(../images/tipsy-north.gif); background-position: top center; }
  .tipsy-south { background-image: url(../images/tipsy-south.gif); background-position: bottom center; }
  .tipsy-east { background-image: url(../images/tipsy-east.gif); background-position: right center; }
  .tipsy-west { background-image: url(../images/tipsy-west.gif); background-position: left center; }

/* ---------------->>> SUBPAGES <<<---------------*/