﻿html, body{
height:100%;margin:0;padding:0;border:0;text-align:center;font:normal 12px arial, helvetica, sans-serif;color:#000
}
body form{
height:100%;padding:0;margin:0
}
.container{
width:990px;margin:0 auto -55px auto;min-height:100%;text-align:left
}
* html .container{
height:100%
}
.footer-helper{
height:55px;clear:both
}
.footer{
width:990px;height:55px;margin:0 auto;text-align:left;border-collapse:collapse
}
.footer td{
padding:0;text-align:center
}
.tertiary-nav{
font-size:11px;font-family:tahoma
}
.tertiary-nav a{
color:#666;margin:0 5px
}
embed, object, textarea, select{
outline:none;margin:0
}
label input{
vertical-align:middle;margin-right:5px
}
label span{
vertical-align:middle
}
.s{
font-size:0;height:1px
}
img{
border:0;
}
a img{
vertical-align:middle
}
a{
text-decoration:underline;outline:none;color:#007cc3
}
a:hover{
text-decoration:none
}
.b{
font-weight:bold
}
.fl{
float:left !important
}
.fr{
float:right !important
}
.ar{
text-align:right !important
}
.ac{
text-align:center !important
}
.al{
text-align:left !important
}
.aj{
text-align:justify !important
}
.at{
vertical-align:top !important
}
.am{
vertical-align:middle !important
}
.ab{
vertical-align:bottom !important
}
p{
margin:0 0 10px 0
}
font{
line-height:normal
}
.wrap{
overflow:hidden
}
.ico{
display:inline-block;background-image:url(sprites.png);background-repeat:no-repeat;vertical-align:middle
}
.ico-prev{
width:13px;height:24px;background-position:-122px -52px
}
.ico-next{
width:13px;height:24px;background-position:-135px -52px
}
.btn, .btn b{
display:inline-block;background:url(sprites1.png) 0 0 no-repeat;text-decoration:none;vertical-align:middle
}
.btn b{
position:relative;display:block
}
.btn_a, .btn_a b{
height:20px;color:#fff;font:normal 14px arial, helvetica, sans-serif;line-height:19px
}
.btn_a{
margin-left:9px;background-position:100% -326px
}
.btn_a b{
margin-left:-9px;padding:0 12px;background-position:0 -306px
}
.vis{
width:943px;height:261px;position:relative;text-align:center;margin:0 auto 15px auto;overflow:hidden;zoom:1
}
.vis-scroller{
overflow:hidden;zoom:1;margin:0;padding:0;list-style:none;height:265px
}
.vis-scroller li{
float:left;width:943px;height:261px
}
.vis img{
vertical-align:top;width:943px;height:261px
}
.page_b{
height:270px;margin-top:-50px;background:url(bg6.jpg) 50% 0 no-repeat;/*margin:-255px 0 0 0*/;padding:305px 0 0 0;position:relative
}
.copyright{
background:url(logo2.png) 0 0 no-repeat;padding:85px 0 0 140px;width:285px;margin:0 0 20px 25px;font-family:tahoma;font-size:11px
}
.copyright p{
margin-bottom:17px
}
.copyright a{
color:#666
}
.main-menu{
margin:0;padding:0;list-style:none;float:left
}
.main-menu LI{
display:inline-block;//zoom:1;//display:inline;margin:0 10px 0 0;padding:0;font-size:1.2em;font:bold 15px arial
}
.main-menu A, .main-menu STRONG{
display:block;height:33px;padding-left:15px;text-decoration:none;color:#000;_float:left
}
.main-menu A SPAN, .main-menu STRONG SPAN{
display:block;height:26px;padding:7px 15px 0 0;_float:left
}
.main-menu A SPAN{
cursor:pointer
}
.main-menu .active A, .main-menu STRONG{
background:url(menu.gif) no-repeat 0 0;color:#FFF
}
.main-menu .active A SPAN, .main-menu STRONG SPAN{
background:url(menu.gif) no-repeat 100% 0
}
.main-menu A:hover{
background:url(menu.gif) no-repeat 0 100%;color:#FFF
}
.main-menu A:hover SPAN{
background:url(menu.gif) no-repeat 100% 100%
}
.top{
height:43px;margin:0 0 25px 0;padding:15px 20px 0 20px;border-bottom:solid 1px #dfdfdf
}
.top-r{
float:right;font:bold 15px arial;width:290px;margin-top:9px
}
.phone{
float:left
}
.phone img{
margin:-4px 10px 0 0;vertical-align:middle
}
.phone span{
color:#a7a7a7
}
.mail{
float:right
}
.mail img{
margin-right:10px;vertical-align:middle
}
.mail a{
text-decoration:none
}
.promo{
overflow:hidden;zoom:1;font:normal 12px tahoma, geneva, sans-serif;margin:0 0 43px 20px
}
.promo div div{
padding:60px 10px 10px 10px;background-position:100% 100%;background-repeat:no-repeat;color:#626262
}
.createsites, .brandstyling, .interfaces{
width:310px;float:left;margin-right:8px;background-position:0 0;background-repeat:none
}
.createsites, .createsites div{
background-image:url(createsites.png)
}
.brandstyling, .brandstyling div{
background-image:url(brandstyling.png)
}
.interfaces, .interfaces div{
background-image:url(interfaces.png)
}
h1{
font:normal 18px georgia, times new roman, times, serif;margin:0 0 10px 0; text-align:center
}
h2{
font:normal 30px georgia, times new roman, times, serif;margin:0 0 10px 0
}
h3{
font:normal 30px georgia, times new roman, times, serif;margin:0 0 10px 0
}
.block1{
overflow:hidden;zoom:1;margin:0 0 50px 20px
}
.quote{
width:623px;float:left;margin-right:26px
}
.quote h1{
margin-left:12px
}
.quote-bg{
width:523px;height:137px;background:url(quote.png) 0 0 no-repeat;padding:17px 50px;font-size:11px;font-family:tahoma;line-height:145%
}
.services{
float:left;margin-left:5px
}
.list1 a{
display:block;font-size:16px;margin-bottom:10px
}
.page_a{
overflow:hidden;zoom:1;margin-left:20px
}
.page_a-col1{
width:630px;margin-right:-630px;float:left
}
.page_a-col2{
width:290px;margin-left:655px;float:left
}
.works dl{
margin:0;overflow:hidden;zoom:1;margin-bottom:19px;background:url(border1.png) 0 100% repeat-x;padding:10px 0;width:630px
}
.works dt{
margin:0 -280px 0 0;width:280px;text-align:center;float:left;background:url(border1.png) 0 0 repeat-x;padding:20px 0 0 0
}
.works dd{
margin:0 0 0 280px;float:right;background:url(border1.png) 0 0 repeat-x;padding:20px 0 0 0
}
.works p{
margin-left:19px
}
.works .title{
color:#74ab20;font:normal 18px georgia, times new roman, times, serif;margin-left:0
}
.page_a-col1 h1{
margin-left:20px
}
.text1{
width:943px;margin:0 0 0 20px;position:relative;z-index:2
}
.text1 a{
color:#85c226
}
.form{
margin:28px 0 45px 0;width:287px
}
.form .inp, .form textarea{
width:282px;margin-bottom:9px;padding:2px;color:#d5cdde
}
.form textarea{
height:90px
}
.input-focused{
color:#000 !important
}
.inp{
border:solid 1px #abadb3;font:normal 12px arial, helvetica, sans-serif
}
textarea{
border:solid 1px #abadb3;font:normal 12px arial, helvetica, sans-serif
}
.scroller{
position:relative;overflow:hidden;//zoom:1;margin:0 0 40px 20px;height:126px
}
.scroller-helper{
border-top:solid 1px #e0e0e0;border-bottom:solid 1px #e0e0e0;height:123px;width:865px;float:left;zoom:1
}
.scroller-helper ul{
margin:0;padding:0;list-style:none;overflow:hidden;zoom:1;height:123px
}
.scroller-helper li{
float:left;width:173px;height:123px;text-align:center
}
.scroller-prev, .scroller-next{
margin:-1px 0;position:relative;width:40px;height:126px;float:left;background:url(sprites.png) 0 0 no-repeat
}
.scroller-next{
background-position:-40px 0
}
.scroller-helper{
width:865px;padding:0;display:inline-block;//zoom:1;//display:inline;overflow:hidden;//zoom:1;vertical-align:middle
}
