/* clearfix */
.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* END - clearfix */




/* Generated by Font Squirrel (http://www.fontsquirrel.com) on June 1, 2011 */
@font-face {
    font-family: 'GeosansLight';
    src: url('../fonts/geosanslight-webfont.eot');
    src: url('../fonts/geosanslight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/geosanslight-webfont.woff') format('woff'),
         url('../fonts/geosanslight-webfont.ttf') format('truetype'),
         url('../fonts/geosanslight-webfont.svg#GeosansLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/lato-italic-webfont.eot');
    src: url('../fonts/lato-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-italic-webfont.woff') format('woff'),
         url('../fonts/lato-italic-webfont.ttf') format('truetype'),
         url('../fonts/lato-italic-webfont.svg#LatoItalic') format('svg');
    font-weight: bold;
    font-style: italic;

}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/lato-light-webfont.eot');
    src: url('../fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-light-webfont.woff') format('woff'),
         url('../fonts/lato-light-webfont.ttf') format('truetype'),
         url('../fonts/lato-light-webfont.svg#LatoLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/lato-lightitalic-webfont.eot');
    src: url('../fonts/lato-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-lightitalic-webfont.woff') format('woff'),
         url('../fonts/lato-lightitalic-webfont.ttf') format('truetype'),
         url('../fonts/lato-lightitalic-webfont.svg#LatoLightItalic') format('svg');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/lato-regular-webfont.eot');
    src: url('../fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-regular-webfont.woff') format('woff'),
         url('../fonts/lato-regular-webfont.ttf') format('truetype'),
         url('../fonts/lato-regular-webfont.svg#LatoRegular') format('svg');
    font-weight: bold;
    font-style: normal;

}

html, body {
    min-width:980px;
    font-family:Lato,Arial, Helvetica;
    font-size:14px;
}

body {
    margin: 0px;
    padding: 0px;
    min-width:980px;
    background-image:url(../img/bg_gradient.png);
    background-repeat:no-repeat;
    background-position: center -60px;
    display:none;
}

h1 {
    font-weight:normal;
    font-size:34px;
    text-transform: uppercase;
    margin: 12px 0px 24px;
    font-family:GeosansLight, Arial, Helvetica;
    line-height:1.2em;
}
h2 {
    font-weight:normal;
    font-size:23px;
    margin:12px 0px;
    line-height:1.2em;
    font-family:GeosansLight, Arial, Helvetica;
}
h2 span.cite {
    font-family: Lato,Arial, Helvetica;
    font-style:italic;
    font-size:13px;
    padding-left:24px;
}
div.subtitle {
    margin-top:-10px;
    margin-bottom:12px;
}
h3 {
    font-weight:normal;
    font-size:16px;
    margin: 12px 0px;
    line-height:1.2em;
    font-family:GeosansLight, Arial, Helvetica;
}
#servicesDocument h3 {
    margin-top:48px;
}
a img {
    border: 0px;
}
#content table {
    margin:0px;
    padding: 0px;
    border: 0px;
    border-spacing: 0px;
}
#content td {
    margin: 0px;
    padding: 4px 16px 4px 0px;
}
#content tr {
    margin: 0px;
    padding: 0px;
}

#frame {
    background-image:url(../img/background.png);
    background-repeat:no-repeat;
    background-position: center center;
    height:550px;
    margin-top:-57px;
    position:relative;
}
#background {
    width:100%;
    height:527px;
    background-image:url(../img/backgrounds/default.png);
    position:absolute;
    background-position: center center;
    background-repeat:no-repeat;
    left:0px;
    top:11px;
}
#content {
    margin: auto;
    width:772px;
    color:#ffffff;
    padding: 58px 65px 0px;
    position:relative;
    line-height:1.3em;
}
#content a {
    color:#ffffff;
}
#content a:hover, #content a:focus, #content a:active {
    color:#eeeeee;
    outline: none;
}
#head {
    margin: auto;
    background-image:url(../img/nav_bg.png);
    background-repeat:no-repeat;
    background-position: center center;
    height:129px;
    width:902px;
    z-index:4;
    position:relative;
}
#navigation {
    margin: 0px;
    height:75px;
    width:878px;
    padding: 0px;
    padding-top:58px;
    list-style-type:none;
    text-align:right;
    padding-right:24px;
    font-size:13px;
    letter-spacing:0.04em;
    line-height:20px;
}
#navigation li {
    display:inline-block;
    margin-left:34px;
}
#navigation a {
    display:inline-block;
    text-decoration:none;
    color:#494949;
    position:relative;
    padding-top:28px;
}
#navigation a:before, #navigation a > span.before {
    content:"";
    display:inline-block;
    width:25px;
    height:25px;
    background-image: url(../img/icons.png);
    position:absolute;
    top:0px;
    left:50%;
    margin-left:-12px;
}
#navigation a:hover, #navigation a:active, #navigation a:focus {
    color:#91d1ff;
    outline: none;
}
#navigation a:hover:before, #navigation a:hover > span.before {
    background-position: -25px 0px;
}
#navigation a.services:before, #navigation a.services > span.before {
    background-position: -50px 0px;
}
#navigation a.services:hover:before, #navigation a.services:hover > span.before {
    background-position: -75px 0px;
}
#navigation a.references:before, #navigation a.references > span.before {
    background-position: -99px 0px;
}
#navigation a.references:hover:before, #navigation a.references:hover > span.before {
    background-position: -123px 0px;
}
#navigation a.aboutUs:before, #navigation a.aboutUs > span.before {
    background-position: -149px 0px;
}
#navigation a.aboutUs:hover:before, #navigation a.aboutUs:hover > span.before {
    background-position: -175px 0px;
}
#navigation a.contact:before, #navigation a.contact > span.before {
    background-position: -201px 0px;
}
#navigation a.contact:hover:before, #navigation a.contact:hover > span.before {
    background-position: -226px 0px;
}
#navigation a.selected {
    color:#3eaaf5;
    outline: none;
}
#logo {
    position:absolute;
    left:50%;
    top:30px;
    margin-left:-430px;
    z-index:5;
}

#footer {
    margin: auto;
    width:902px;
    text-align:right;
    color:#8e8e8e;
    padding-bottom:24px;
}
#footer a {
    color:#8e8e8e;
    text-decoration: none;
}
#footer a:hover, #footer a:focus, #footer a:active {
    color:#91d1ff;
    outline: none;
}
#footer a.selected {
    color:#3eaaf5;
    outline: none;
}
#footer div {
    font-family:GeosansLight, Arial, Helvetica;
    text-align:right;
    font-size:26px;
    color:#1e1e1e;
    padding:8px 0px 4px;
}

#content a.more {
    display:inline-block;
    width:139px;
    padding-left:26px;
    font-size:12px;
    font-weight:bold;
    height:45px;
    line-height:45px;
    background-image: url(../img/more.png);
    color:#5E5E5E;
    text-decoration:none;
}
#content a.nextPage {
    display:inline-block;
    padding-left: 8px;
    font-weight:bold;
    text-decoration:none;
}
#content a.more:hover, #content a.more:active, #content a.more:focus {
    background-position: 0px -45px;
    color:#3eaaf5;
}

.body, .body2 {
    width:420px;
    position:relative;
}
#documentHome a.more, #serviceDocument a.more {
    position:absolute;
    left: 100%;
    top: 100%;
    margin-left: 34px;
    margin-top: -32px;
}
#serviceDocument a.more {
    margin-top: -39px;
}
span.consultation, span.agentsAndDeveloper {
    position:absolute;
    display:inline-block;
    width:155px;
    height:107px;
    margin-left:238px;
    left:50%;
    top:80px;
}
span.consultation a, span.agentsAndDeveloper a {
    width:165px;
    height:0px;
    padding-top:118px;
    overflow: hidden;
    display:inline-block;
    position:absolute;
    top:0px;
    left:0px;
    background-image:url(../img/consultation.png);
}
span.agentsAndDeveloper a {
    background-image:url(../img/special_services.png);
}
span.consultation a:hover, span.consultation a:focus, span.consultation a:active,
span.agentsAndDeveloper a:hover, span.agentsAndDeveloper a:focus, span.agentsAndDeveloper a:active {
    background-position:-165px 0px;
}
span.consultation:before, span.consultation > span.before,
span.agentsAndDeveloper:before, span.agentsAndDeveloper > span.before {
    content: "";
    display:inline-block;
    background-image:url(../img/consultation_shine.png);
    width:349px;
    height:318px;
    position:absolute;
    left:-120px;
    top:-120px;
}
#servicesDocument ul {
    list-style-type:none;
    margin: 0px;
    padding: 0px;
    margin-left:-20px;
}
#servicesDocument li {
    display:inline-block;
    width:164px;
    height:131px;
    margin: 0px;
    padding: 0px;
}
#servicesDocument ul a {
    background-image:url(../img/box.png);
    padding:88px 40px 0px 42px;
    height:43px;
    width: 78px;
    overflow: hidden;
    display:inline-block;
    text-decoration:none;
    color:#5E5E5E;
    position:relative;
    font-size:11px;
}
#servicesDocument ul strong {
    font-weight: normal;
    position:absolute;
    left: 20px;
    top: 20px;
    width:123px;
    font-size:15px;
}
#servicesDocument ul span {
    position:absolute;
    left: 20px;
    top: 50px;
    width:123px;
    font-size:10px;
    font-weight:bold;
    letter-spacing:-0.05em;
    word-spacing: 0.3em;
    line-height:1.4em;
}

#servicesDocument ul a:hover, #servicesDocument ul a:focus, #servicesDocument ul a:active {
    background-position:-164px 0px;
    color:#3eaaf5;
}
#serviceDocument a.back, #serviceDocument a.next {
    text-decoration:none;
    position:absolute;
    top:445px;
    left:65px;
}
#serviceDocument a.next {
    left:500px;
    display:inline-block;
    width:170px;
    text-align:right;
}
#serviceDocument a.back:before, #serviceDocument a.back > span.before {
    content:"";
    display:inline-block;
    width:5px;
    height:8px;
    background-image:url(../img/service_arrows.png);
    margin-right: 4px;
}
#serviceDocument a.next:after, #serviceDocument a.next > span.after,
#content a.nextPage:after, #content a.nextPage > span.after {
    content:"";
    display:inline-block;
    width:5px;
    height:8px;
    background-image:url(../img/service_arrows.png);
    background-position: -5px 0px;
    margin-left: 4px;
}
#serviceDocument span.price {
    position:absolute;
    left:50%;
    top:100%;
    margin-top: -28px;
    margin-left: 116px;
    width:132px;
    font-size: 17px;
}
#serviceDocument span.price span {
    font-size:27px;
    line-height:1em;
}
.body ul, .body2 ul {
    list-style-type:none;
    padding:0px;
    line-height:1.2em;
    margin: 0px;
}
.body li, .body2 li {
    padding: 2px 0px 2px 28px;
    background-image: url(../img/bullet.png);
    background-repeat: no-repeat;
    background-position: 10px 7px;
}
#referenceDocument a.next, #referenceDocument a.prev {
    display:inline-block;
    position:absolute;
    width:55px;
    height:85px;
    background-image:url(../img/reference_arrows.png);
    top:234px;
    left:50%;
    margin-left:-500px;
}
#referenceDocument a.next {
    background-position: -55px 0px;
    margin-left:445px;
}
#referenceDocument a.next:hover, #referenceDocument a.next:focus, #referenceDocument a.next:active {
    background-position: -165px 0px;
}
#referenceDocument a.prev:hover, #referenceDocument a.prev:focus, #referenceDocument a.prev:active {
    background-position: -110px 0px;
}
.contentBox {
    width:772px;
    height:286px;
    position:absolute;
    left:0px;
    top:123px;
    padding:49px 65px 0px;
    background-image:url(../img/content_box.png);
    overflow: hidden;
    color:#494949;
}
.contentBox .decoration {
    width:902px;
    height:351px;
    position:absolute;
    top:10px;
    left:0px;
    text-align: right;
    z-index:1;
}
#content .contentBox a {
    color:#494949;
    text-decoration:underline;
}
#content .contentBox a:hover, #content .contentBox a:focus, #content .contentBox a:active {
    color:#91d1ff;
    outline: none;
}
.contentBox p.email, .contentBox p.phone {
    padding-left:70px;
    position:relative;
}
.contentBox p.email span, .contentBox p.phone span {
    position:absolute;
    left:0px;
}
#documentContentbox p.email span {
    margin-top:12px;
}
#content .contentBox .email a {
    text-decoration:none;
    font-size:26px;
    line-height:31px;
    font-family:GeosansLight, Arial, Helvetica;
}
.contentBox .main {
    position:relative;
    z-index:10;
}
.contentBox h2 {
    margin-top:0px;
}

#referenceDocument div.before, #referenceDocument div.after {
    display:inline-block;
    padding-top:264px;
    width:390px;
    height:15px;
    position:absolute;
    top:28px;
    left:40px;
}
#referenceDocument div#animationFrame {
    position:absolute;
    left:0px;
    top:0px;
    height:335px;
    width:1804px;
}
#referenceDocument div.animationPage {
    position:relative;
    height:335px;
    width:902px;
    display:inline-block;
}
 #referenceDocument div.after {
    left:470px;
    text-align:right;
}
#referenceDocument .contentBox img {
    position:absolute;
    top:0px;
    left:0px;
}
#documentContentbox p {
    width:400px;
}
#documentContentbox p.address {
    font-size:22px;
    line-height:1.6em;
    font-family:GeosansLight, Arial, Helvetica;
    margin-top:0px;
}
#textDocument {
    width:600px;
    position:relative;
}