@charset "utf-8";
/* CSS Document */

body {
border-top : 30px solid #000;
font-family : helvetica, arial, sans-serif;
font-size : 11px;
color : #606060;
line-height : 1.6em;
background-color : #fff;
margin : 0;
padding : 0;
}
a {
color : #046e96;
text-decoration : none;
}
a:hover {
color : #000;
}
a img {
border : none;
}
big {
font-size : 12px;
text-transform : uppercase;
}
h1 {
font-size : 20px;
font-weight : lighter;
color : #000;
text-transform : uppercase;
border-bottom : 1px solid #e9e9e9;
padding : 10px 0 10px 0;
line-height : normal;
}
h2 {
font-size : 40px;
font-weight : normal;
color : #000;
line-height : normal;
}
h3 {
border-bottom : 1px solid #e9e9e9;
padding : 20px 0 10px 0;
font-size : 12px;
font-weight : lighter;
text-transform : uppercase;
}
input {
border : 1px solid #e9e9e9;
background-color : #fff;
padding : 4px;
}
.submit {
background-color : #046e96;
padding : 4px;
color : #fff;
cursor : pointer;
}
.site {
width : 960px;
margin : auto;
}
.header {
width : 100%;
float : left;
height : 75px;
border-bottom : 1px solid #e9e9e9;
}
.logo {
float : left;
width : 164px;
height : 62px;
margin : 20px 0 0 0;
}
.menu {
width : 70%;
float : right;
margin : 31px 0 0 0;
}
.menu ul {
list-style-type : none;
margin : 0;
padding : 0;
}
.menu ul li {
display : inline;
float : right;
margin : 0 0 0 60px;
}
.menu ul li a {
font-size : 12px;
height : 32px;
padding : 13px 11px 0 11px;
display : block;
color : #848484;
}
.menu ul li a:hover {
color : #161616;
}
.menu ul li a.active {
color : #29abe2;
border : 1px solid #e9e9e9;
border-bottom : #fff;
background-color : #fff;
padding : 12px 10px 0 10px;
}
#loopedSlider {
width : 960px;
height : 399px;
float : left;
margin : 30px 0 0 0;
}
#loopedSlider .container {
padding : 0;
margin : 0;
height : 380px;
background-image : url(img/slide-bg.png);
background-repeat : no-repeat;
background-position : bottom;
padding : 0 0 19px 0;
}
.container {
width : 960px;
height : 380px;
}
.content {
width : 100%;
float : left;
margin : 0 0 0 0;
}
.sideworks {
width : 32%;
float : left;
margin : 0 2% 0 0;
}
.services {
width : 32%;
float : right;
margin : 0 0 0 2%;
}
.news {
width : 32%;
float : left;
}
.news p {
margin : 3px 0 10px 0;
}
.news span {
color : #161616;
}
.portf-pre {
width : 100%;
float : left;
height : 80px;
margin : 10px 0 10px 0;
}
.icon {
width : 75px;
height : 80px;
float : left;
padding : 10px 10px 10px 5px;
}
.link {
float : left;
width : 200px;
margin-top : 25px;
}
.portf-pre a {
width : 100%;
height : 80px;
display : block;
}
.portf-pre a:hover {
background-color : #e9e9e9;
}
.footer {
width : 100%;
height : 40px;
float : left;
background-color : #000;
padding-top : 13px;
margin-top : 30px;
}
.footer-static {
width : 960px;
margin : auto;
display : block;
}
.footer-static p {
width : 50%;
float : left;
}
.portf {
width : 30%;
float : left;
height : 80px;
margin : 10px 3% 10px 0;
}
.portf a {
width : 100%;
height : 80px;
display : block;
}
.portf a:hover {
background-color : #e9e9e9;
}
.portf .link {
float : left;
width : 195px;
margin-top : 25px;
}
.main {
width : 60%;
float : right;
font-size : 11px;
line-height : 1.7em;
margin-top : 0;
}
.pics {
height : 500px;
width : 100%;
padding : 0;
margin : 0;
}
#prev_slide {
width : 50%;
float : left;
cursor : pointer;
}
#next_slide {
width : 50%;
float : right;
text-align : right;
cursor : pointer;
}
.main-left {
width : 68%;
float : left;
}
.main-right {
width : 27%;
float : right;
border-left : 1px solid #e9e9e9;
margin : 0 0 0 2%;
padding : 0 0 0 10px;
font-size : 11px;
}
.main-right a {
background-image : url(img/arr.png);
background-repeat : no-repeat;
background-position : left center;
padding : 0 0 0 10px;
}
.ui-tabs {
position : relative;
width : 575px;
float : right;
}
.ui-tabs .ui-tabs-nav {
width : 520px;
float : left;
margin : 0 0 0 0;
padding : 0 0 5px 0;
}
.ui-tabs .ui-tabs-nav li {
list-style : none;
float : left;
position : relative;
top : 1px;
margin : 0 0 1px 0;
border-bottom : 0 !important ;
padding : 0;
white-space : nowrap;
}
.ui-tabs .ui-tabs-nav li a {
float : left;
background : url(img/slide-nav.png) no-repeat 0 0;
width : 18px;
height : 18px;
margin : 0 10px 0 0;
text-decoration : none;
font-size : 10px;
color : #fff;
text-align : center;
padding : 0 0 0 0;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
margin-bottom : 0;
padding-bottom : 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
cursor : text;
float : left;
background : url(img/slide-nav.png) no-repeat 0 -18px;
width : 18px;
height : 18px;
margin : 0 10px 0 0;
text-decoration : none;
font-size : 10px;
color : #fff;
text-align : center;
padding : 0 0 0 0;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
cursor : pointer;
}
.ui-tabs .ui-tabs-panel {
width : 575px;
float : right;
display : block;
}
.ui-tabs .ui-tabs-panel img {
display : block;
overflow : hidden;
width : 575px;
}
.ui-tabs .ui-tabs-hide {
display : none !important ;
}
#next_prev {
border-bottom : 1px solid #e9e9e9;
}
.text {
float : left;
width : 100%;
margin-bottom : 20px;
}
.text a h3 {
color : #161616;
}
.sideworks ul li {
margin-top : 10px;
padding : 3px;
width : 285px;
display : block;
}
.sideworks ul li a.active, .sideworks ul li a:hover {
padding : 3px;
display : block;
width : 285px;
color : #161616;
background-color : #e9e9e9;
border : 1px solid #e9e9e9;
}
.portf-pre2 {
width : 100%;
float : left;
height : 80px;
margin : 0 0 0 0;
}
.portf-pre2 a {
width : 100%;
height : 80px;
display : block;
}
.portf-pre2 a:hover {
background-color : #e9e9e9;
}
.contacts-left {
width : 600px;
float : left;
}
.block {
width : 200px;
float : left;
margin : 0 20px 20px 20px;
}
.gray {
width : 940px;
padding : 10px;
float : left;
background-color : #ececec;
}
.gray h3 {
margin-top : 0;
margin-bottom : 0;
padding-top : 5px;
padding-bottom : 5px;
border-bottom : 1px solid #e2e2e2;
}

.banner { width:100%; float:left;}
.halfblock {width:472px; margin:0; float:left; }
.halfblock-text {float:left; width:96%; padding:0px 2% 0px 2%;border:1px solid #eaeaea; border-bottom:none}
.halfblock-bg {background : url(img/block-bg.jpg) no-repeat bottom center; float:left; width:100%; height:10px;}
.halfblock h3, .halfblock2 h3 { margin-top:0;}
.halfblock2 {width:472px; padding:0; float:right;}
.halfblock-left { width:70%; float:left;}
.halfblock-right { width:25%; float:right; background:#000; color:#fff; font-size:16px; text-align:center; line-height:45px;}