#footer-bg {
	position: absolute; top: 0; left: 0; height: 800px; width: 100%; z-index: -1; 
	background: url('images/body-bg.jpg') repeat-x top; }

#footer-bg-2 {
	position: absolute; height: 298px; width: 100%;
	background: transparent url('images/fbg.gif') repeat-x bottom; z-index:1; }
	
A {
	text-decoration: underline !important; }
	
A:hover {
	text-decoration: none !important; }

* {
    padding: 0; margin: 0; border: 0 none; }

HTML, BODY {
    height: 100%; }
    
BODY {
    font: 12px Arial; }

.clr {
    clear: both; font-size: 0; height: 0; line-height: 0; }
    
/* IE : bug fix */

#block-service .seo .num {
    _height: 78px; _width: 117px;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src="/themes/seo_promo/images/num-1.png", sizingMethod="scale"); }
#block-service .seo .num IMG {
    _display: none; }
    
#block-service .context .num {
    _height: 78px; _width: 117px;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src="/themes/seo_promo/images/num-2.png", sizingMethod="scale"); }
#block-service .context .num IMG {
    _display: none; }
    
#block-service .media .num {
    _height: 78px; _width: 117px;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src="/themes/seo_promo/images/num-3.png", sizingMethod="scale"); }
#block-service .media .num IMG {
    _display: none; }
    
#block-service .seo .bg { 
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src="/themes/seo_promo/images/seo.png", sizingMethod="scale");
    _background: none !important; }
#block-service .context .bg {
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src="/themes/seo_promo/images/context.png", sizingMethod="scale");
    _background: none !important; }
#block-service .media .bg {
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src="/themes/seo_promo/images/media.png", sizingMethod="scale");
    _background: none !important; }
    
#block-service H2 { 
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src="/themes/seo_promo/images/service.png", sizingMethod="crop");
    _background: none !important; 
    _zoom: 1; }
    
#block-clock .clock {
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src="/themes/seo_promo/images/clock.png", sizingMethod="crop");
    _background: none !important; }
    
#work-scheme {
    }
    
#our-advantage {
    }
    
#block-request {
    }
    
#clients {
    _display: none !important; }
    
#web-design A {
    color: #484848; }
    
/* IE : bug fix */
    
.ajax-loading {
    background: transparent url('images/ajax-loader.gif') no-repeat center center; }
    
.ajax-loading-2 {
    height: 15px; width: 128px;
    background: transparent url('images/ajax-loader-2.gif') no-repeat center center; }
    
A {
    text-decoration: none; }
    
A:hover {
    text-decoration: underline; }

P {
    text-align: justify; }
    
H1, H2, H3, H4, H5, TEXTAREA {
    font-weight: normal; font-family: Calibri; }

H1 { font-size: 20px; }
H2 { font-size: 20px; }
H3 { font-size: 18px; }
H4 { font-size: 16px; }
H5 { font-size: 14px; }
    
    
    
.page-wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
    max-width: 1500px;
    min-width: 1250px;
	margin: 0 auto -298px; /* the bottom margin is the negative value of the footer's height */
}
.footer-wrapper, .push {
    max-width: 1500px;
    min-width: 1250px;
    margin: 0 auto;
	height: 298px; /* .push must be the same height as .footer */
}

.page-wrapper {
    background: url('./images/bg.jpg') repeat-x 0 124px; }
    
    .page-header {
        position: relative;
        height: 124px;
        background: url('./images/header-bg.jpg') repeat-x; }
        
    .page-content {
        }
        
    .footer-wrapper {
        background: #B2B2B2; }
    
#logo {
    position: absolute; top: 12px; left: 13px; }
    
#header-box {
    position: relative; left: 50%; width: 625px; height: 124px; margin-left: -245px; }
    
#icons-menu {
    margin-left: 51px; width: 136px; height: 23px; line-height: 23px; font-size: 0;
    list-style-type: none; background: black; }

#icons-menu LI {
    float: left; display: inline-block; }

#icons-menu LI.h {  }

#icons-menu LI.s { width: 90px; text-align: center; }

#icons-menu LI.m {  }

#header-box .phone {
    clear: both; margin-top: 35px; }
    
#header-box .address { 
    padding-left: 51px; margin-top: 5px;
    color: #868686; }
    
#header-box .order-call {
    }
    
.footer-left { 
    position: relative; z-index: 2;
    margin-left: 15px; display: inline;
    width: 400px; float: left; margin-top: 10px; }
    
.footer-center { position: relative; z-index: 1;
    width: 100%; float: left; margin: 0 -270px 0 -415px; display: inline;
    }
    .footer-center .squeeze { 
        margin: 10px 330px 0 415px; }
        
.footer-right { 
    margin-right: 55px; position: relative; z-index: 2;
    width: 212px; float: left; display: inline; margin-top: 10px; }

.footer-wrapper, .footer-wrapper H2, .footer-wrapper H3, .footer-wrapper A {
    font-family: Calibri;
    color: white; }
    
.footer-wrapper H2 {
    font-size: 20px; margin-bottom: 5px; }

.footer-wrapper H3 {
    font-size: 16px; }
    
#block-navigate UL { 
    width: 180px; font-size: 16px;
    padding-left: 13px; list-style-type: none;
    border-left: 1px solid white; }
    
#block-navigate .first-col, #block-navigate .second-col { 
    float: left; padding-top: 10px; padding-bottom: 10px; }

#block-contacts, #block-seo-dep {
    width: 320px; margin: auto auto; padding-left: 190px; }
    
#block-contacts {
    background: url('images/big-mail.jpg') no-repeat;
    height: 165px; }

#block-contacts .phone {
    font-size: 45px; color: black; }
    
#block-contacts .phone SPAN {
    color: white; }
    
#block-contacts .address  {
    font-size: 16px; margin-top: 5px; }
    
#block-seo-dep {
    border-top: 3px solid #D9D9D9; font-size: 16px; }
    
#block-seo-dep .email{
    margin-top: 25px; }
    
.content-wrapper {
    padding: 0 15px; }
    
#block-service {
    margin-top: 15px; margin-bottom: 20px; }

#block-service A {
	text-decoration: none !important; }
    
#block-service H2 { 
    font: 15px Calibri; color: #868686;
    line-height: 38px; padding-left: 115px;
    background: url('images/service.png') no-repeat; }
    
#block-service P {
    color: #484848; margin-top: 20px; padding-right: 30px; }
    
#block-service H1 {
    font: 20px Calibri; }
    
#block-service A { 
    text-decoration: none; color: black; }
    
#block-service A H1 { 
    padding-bottom: 3px; display: inline;
    background: url('images/bg-1.gif') repeat-x bottom; }

#block-service .service { 
    padding-top: 65px;
    /*margin-top: 65px;*/ }

#block-service .seo { 
    position: relative; z-index: 2;
    float: left; width: 420px; }
    
#block-service .context { 
    float: left; width: 100%; margin: 0 -420px 0 -420px; }
    #block-service .squeeze {
        position: relative;
        width: 385px; margin: 0 auto; }
        
#block-service .media {
    position: relative; z-index: 2;
    float: left; width: 420px; }
    
#block-service .seo .bg { 
    position: absolute; top: -5px; right: -1px; z-index: 0;
    height: 197px; width: 262px;
    background: url('images/seo.png') no-repeat; }
#block-service .context .bg {
    position: absolute; top: 0; right: 0; z-index: 0;
    height: 213px; width: 212px;
    background: url('images/context.png') no-repeat; }
#block-service .media .bg {
    position: absolute; top: 0; right: 0; z-index: 0;
    height: 191px; width: 205px;
    background: url('images/media.png') no-repeat; }
/*
#block-service .seo { 
    background: url('images/seo.png') no-repeat; }
    
#block-service .squeeze {
    background: url('images/context.png') no-repeat; }
    
#block-service .media {
    background: url('images/media.png') no-repeat; }
*/

.two-col {
    background: url('images/bg-2.jpg') no-repeat center center; }
   
    .two-col .first-col {
        float: left; width: 50%; }
    .two-col .first-col .squeeze {
        margin-right: 22px; }
    .two-col .second-col {
        float: left; width: 50%; }
    .two-col .second-col .squeeze {
        margin-left: 22px; }
        
#experience {
    border-left: 4px solid #878787; padding-left: 25px; padding-bottom: 30px; }
#experience H2 {
    font-size: 20px; color: #484848; margin-bottom: 10px; }
#experience P {
    font-family: Arial; color: #484848; }
    
#block-clock { 
    position: relative; margin-bottom: -25px; margin-top: -25px;
    color: white; padding-top: 49px; padding-bottom: 42px; }

#block-clock .clock {
    position: absolute; top: 0; right: 0; z-index: 10;
    height: 214px; width: 156px;
    background: url('images/clock.png') no-repeat; }
    
#block-clock .colored-wr { position: relative; z-index: 2; _margin-left: 8px;
    height: 123px; padding-left: 28px; padding-right: 140px; margin-right: 30px;
    background: #FF9201; }

#block-clock H2 {
    font-size: 23px; padding-bottom:12px; padding-top:20px; }
    
#block-clock P {
    font: 15px; }

#actions {
    margin-bottom: 20px; }
    
#actions H2 {
    font-size: 20px; color: black; }
    
#actions .action {
    margin-bottom: 10px; padding-bottom: 5px;
    background: url('images/bg-1.gif') repeat-x bottom center; }
    
#actions .action .head { 
    line-height: 25px;
    text-align: right; vertical-align: text-bottom; }
    
#actions .action .head {
    color: #868686; font-size: 12px; }
    
#actions .action .head H2 {
    display: inline; float: left;
    color: #FE970A; font-size: 20px; }

#actions .action .head H2 A { color: #FE970A; text-decoration: underline; }
#actions .action .head H2 A:hover { text-decoration: none; }
    
#actions .action .head SPAN {
    background: #FE970A; color: white; font-size: 15px; padding: 2px; }
    
#actions .action P {
    margin-top: 5px; font: 11px Arial; color: #484848; }
    
#block-request {
    margin-bottom: 20px; }
    
#block-request .input-border {
    border: 1px solid #999999; }
    
#block-request .error {
    border: 1px solid red !important; }
    
#block-request H2 {
    color: #444444; font-size: 20px; }

#block-request H4 {
    color: #484848; margin-bottom: 7px; }

#block-request INPUT, #block-request TEXTAREA {
    color: #696969; font-size: 14px; padding: 1px 0; }
    
#block-request LABEL {
    color: #868686; display: block; line-height: 20px; }
    
#block-request LABEL A {
    color: #868686; text-decoration: underline; }

#block-request .field-keyword { padding: 6px; padding-bottom: 0 !important;
    background: url('images/bg-1.gif') repeat-x top center;}

#block-request .field-region {
	width: 49%; float: left; }    
#block-request .field-region DIV {
	padding: 6px; padding-bottom: 12px !important; 
	background: url('images/bg-1.gif') repeat-x bottom center;}
#block-request .field-region DIV.input-border {
	padding: 0 !important; }
	
#block-request .field-site {
	width: 50%; float: left; }
#block-request .field-site DIV {
	padding: 6px; padding-bottom: 12px !important; 
	background: url('images/bg-1.gif') repeat-x bottom center;}
#block-request .field-site DIV.input-border {
	padding: 0 !important; }
    
#block-request .field INPUT, 
#block-request .field TEXTAREA { width: 100%; }

#block-request .field-phonen, 
#block-request .field-email, 
#block-request .field-name { 
    float: left; width: 33% !important; }
    
#block-request .field-phonen DIV, 
#block-request .field-email DIV, 
#block-request .field-comments DIV,
#block-request .field-name DIV {
    padding: 6px; }
    
#block-request .input-border {
    padding: 0 !important; }
    
#block-request .field-comments DIV {
    padding-top: 0 !important; }
    
#block-request .field-comments TEXTAREA {
    height: 70px; }

#block-request .field-comments {
    float: left; width: 66% !important; }
    
#block-request .field-submit { margin-top: 20px; line-height: 70px; text-align: center;
    float: left; width: 33% !important; }
    
#block-request .field-submit A { color: #FE970A; font: 20px Calibri;
    /*background: url('images/bg-1.gif') repeat-x bottom center;*/ }

#our-advantage { 
    margin-bottom: 20px; _margin-left: 8px; }
    
#our-advantage H2 {
    margin-bottom: 10px; }
    
#our-advantage .advantage H3 {
    color: #444444; margin-top: 12px; margin-bottom: 10px;
    background: url('images/bg-1.gif') repeat-x bottom center; }

#our-advantage .advantage P {
    font: 12px Arial; color: #484848; }

#web-design { margin-left: -20px;
    height: 145px; padding-left: 202px; padding-top: 10px;
    background: url('images/web-design.jpg') no-repeat; }
    
#web-design h2 { display: inline;
   /* background: url('images/bg-1.gif') repeat-x bottom; */}

#web-design P { margin-top: 12px;
    font: 11px Arial; color: #484848; }
    
#page-content {
    margin-bottom: 10px; }
    
#work-scheme { position: static !important;
    margin-bottom: 10px; /*position: relative; z-index: 2;*/ }

#work-scheme H2 { _margin-left: 8px; margin-bottom: 5px; display:inline-block;
	/*background: url('images/bg-1.gif') repeat-x scroll center bottom;*/ }
#work-scheme H5 { _margin-left: 8px;
    font: 11px Arial; color: #868686; margin-bottom: 5px; }

#work-scheme UL {
    list-style-type: none; }

#work-scheme UL LI {
    float: left; /*width: 100px;*/
    padding-right: 25px; padding-bottom: 8px; 
    background: url('images/scheme-line.gif') no-repeat -189px bottom; }
    
#work-scheme UL LI.first {
    background: url('images/scheme-line.gif') no-repeat 2px bottom; }
    
#work-scheme UL LI.last {
    background: url('images/scheme-line.gif') no-repeat -396px bottom; }
    
#work-scheme UL LI A {
    font: 18px Calibri; color: #444444; padding-left: 15px; text-decoration: none;
    background: url('images/scheme-li.gif') no-repeat 0 9px; }
    
#work-scheme UL LI A:hover {
    text-decoration: none; }

#work-scheme UL LI A.active {
    background: url('images/scheme-li-active.gif') no-repeat 0 9px; }

#work-scheme .r-cont { position: relative; height: 23px; _margin-left: 8px; }

#work-scheme .roller { position: absolute; cursor: pointer;
    height: 23px; width: 72px; 
    background: url('images/scheme-roller.gif') no-repeat; }
    
#work-scheme .slides { position: relative; height: 110px; _margin-left: 8px; }
#work-scheme .slides DIV { display: none; position: absolute; }
#work-scheme .slides DIV.active { display: block; }

#work-scheme .slides DIV H4 { 
    margin-bottom: 20px; margin-top: 5px; }
    
#work-scheme .slides DIV P { }
    
#clients  { margin-bottom: 15px; height: 350px; }
#clients .slides  IMG { margin: 5px 0; }
#clients H2 { color: #3a3a3a; margin-bottom: 3px; }

#clients .nav { 
    padding-bottom: 4px;
    background: url('images/bg-1.gif') repeat-x center bottom; }
#clients UL LI { border-bottom: 3px solid #494949; list-style-type: none; color: #494949; }
#clients UL LI.first { float: left; }
#clients UL LI.last { float: right; text-align: right; }

    
#clients .slide .cont { float: left; width: 33%; margin-bottom: 20px; }
#clients .slide .cont {  _width: 49%; }
#clients .cont .text { display: none; }
#clients .cont .name { font-size: 12px; }
	
#clients .slide { width: 100% !important; }

#clients .client { color: #757575; font: 0.9em Arial; }
#clients .slide .cont-left .client { margin-right: 20px; }
#clients .slide .cont-right .client { margin-left: 20px; }

#clients .roller-cont { height: 23px; margin-bottom: 10px; position: relative;
    background: url('images/client-roller-bg.gif') repeat-x 0 1px; }

#clients .roller-cont .roller-2 { 
    height: 23px; width: 72px; cursor: pointer; position: absolute !important;
    background: url('images/client-roller.gif') no-repeat; }
    
#block-copy {
    font-size: 20px;
    height: 34px; line-height: 34px; margin-top: 40px; padding-left: 43px;
    background: url('images/copy.gif') no-repeat; }
    
#block-order-call LABEL {
    color: black; font-size: 14px; }

#block-order-call .field-name DIV, 
#block-order-call .field-phonen DIV {
    height: 19px; padding: 2px 10px 0 10px;
    background: url('images/order-call-input.gif') no-repeat; }
    
#block-order-call .field-comments DIV {
    height: 76px; padding: 2px 10px 0 10px;
    background: url('images/order-call-textarea.gif') no-repeat; }

#block-order-call .field-comments DIV #comments {
    height: 73px; }
    
#block-order-call .field DIV INPUT, 
#block-order-call .field DIV TEXTAREA {
    width: 100%; background: transparent; }
    
#block-order-call .field-time {
    margin-top: 14px; float: left; width: 55px;
    height: 19px; padding: 2px 10px 0 10px; 
    background: url('images/order-call-select.gif') no-repeat; }
    
#block-order-call .field-time SELECT {
    background: transparent; }
    
#block-order-call .order-link {
    line-height: 50px; text-align: right;
    float: right; height: 50px; }
    
#block-order-call .order-link A { color: black; font: 16px Calibri;
    /*background: url('images/bg-1.gif') repeat-x bottom center;*/ }
#block-order-call .order-link A:hover {
    text-decoration: none; }
    
#block-order-call .order-link .ajax-loading-2 {
    margin-top: 17px;  }

#portfolio-page H2 { margin-bottom:10px; }
	
#portfolio-page .cont { width: 50%; margin-bottom: 20px; }
#portfolio-page .cont-left { float: left; _width: 49%; }
#portfolio-page .cont-right { float: right; }

#portfolio-page .client { color: #757575; font: 0.9em Arial; }
#portfolio-page .cont-left .client { margin-right: 20px; }
#portfolio-page .cont-right .client { margin-left: 20px; }


#block-contact H2 {
	margin-bottom: 5px; }

#block-contact .ajax-loading {
	}

#block-contact .input-border {
    border: 1px solid #999999; }

#block-contact INPUT, #block-contact TEXTAREA { width: 100%; }
	
#block-contact .field {
	margin-bottom: 5px; }

#block-contact .field-submit { text-align: right; margin-top: 10px; }
	
#block-contact .field-submit A { color: #FE970A; font: 18px Calibri;
    background: url('images/bg-1.gif') repeat-x bottom center; }
	
.first-col #actions H2 {
	margin-bottom: 1px; }
	
.first-col #actions .inactiv H2 {
	color: grey; }

#page-content H4 {
	margin-bottom: 4px; }
	
#page-content P {
	text-indent: 2em; padding: 5px 0; }
	
#page-content UL {
	margin-left: 2em; }

.three-cols {
	margin: 10px 0;}
.three-cols .left-col {
	width: 33%; float: left;  }
.three-cols .center-col {
	width: 33%; float: left;  }
.three-cols .right-col {
	width: 33%; float: left;  }

.three-cols {
	margin-bottom: 20px; }
	
.three-cols H2 { 
	}
	 
.three-cols .cnt H2 { display: none; }
.three-cols .cnt { margin-top: 5px; padding-top: 15px; color: #484848;
	background: url('images/bg-1.gif') repeat-x center top; }

.three-cols .left-col .cnt { margin-right: 15px; }
.three-cols .center-col .cnt { margin-right: 15px; margin-left: 15px; }
.three-cols .right-col .cnt { margin-left: 15px; }

#portfolio-page .text {
	display: none; }

#portfolio-page .cont .name {
	font-size: 12px; }
	
#tooltip {
	position: absolute; width: 300px; 
	background: white; padding: 10px; border: 1px solid #AAA; }
	
#tooltip .body {
	text-align: justify; text-indent: 2em; }
	
.simple {
	text-decoration: underline; color: #000; }
	
H5 A { color: #000; }
H5 A:hover { color: #000; }

H3 A { color: #000; }
H3 A:hover { color: #000; }

.teaser-article { margin-bottom: 15px; }

.readmore { margin-left: 2em; }

.paginator { text-align: center; }
.paginator A, .paginator B { padding: 2px 4px; border: 1px solid #CCC; }

.paginator A { color: #000; }


.paginator .first, .paginator .prev, .paginator .next, .paginator .last {
	font-weight: normal; }

#o-comments {
	height: 70px; }