/*
-----------------------------------------------
Site Default Styles
Author:   Dmitry Paputsa at http://higher.com.ua
Version:  14 Jan 2010
----------------------------------------------- */
/**
*reset
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}:focus{outline:0;}body{line-height:1;color:black;background:white;}table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}
/**
*standard
*/
body{background:#020303 url(../i/body-bg.png) 50% 0 no-repeat;color:#374450;margin:0;padding:0;font:12px/1.6 Arial, Helvetica, sans-serif;}
textarea,
select,
input{font-family:Arial,Helvetica,sans-serif;font-size:100%;vertical-align:middle;margin-left:0;}
textarea{overflow-y:auto;}
label{cursor:pointer;}
h1,h2,h3,h4,h5,h6{font-weight:normal;margin:16px 0 8px 0;color:#526f8c;}
h1{font-size:27px;margin:0 0 8px 0;}
h2{font-size:15px;}
h3{font-size:18px;}
h4{font-size:14px;font-weight:bold;}
h5{font-size:12px;}
h6{font-size:12px;font-style:italic;}
p,table,pre,dl,form{margin:16px 0;}
table{width:100%;border-collapse:collapse;}
th,td{padding:6px;border:1px solid #374450;}
th{font-weight:bold;}
caption{padding:1em 0 .5em 0;text-align:center;font-weight:bold;font-size:110%;}
blockquote{background:transparent;border-left:2px solid #ccc;margin:1em 0;padding:0 1em;font-style:italic;font-family:Georgia,serif;}
ol,ul{margin:16px 0 16px 2em;}
ol ol,ul ul{margin-top:8px;margin-bottom:8px;}
ol li{list-style:decimal outside;}
li{margin:4px 0;}
dt{font-weight:bold;margin-top:6px;margin-bottom:2px;}
strong{font-weight:bold;}
em,i{font-style:italic;}
a{color:#63778f;text-decoration:none;}
a:hover{color:#fff;}
html\:abbr,acronym,abbr{cursor:help;text-transform:uppercase;font-size:85%;letter-spacing:.1em;}
address{background:transparent;font-style:normal;}
a img,fieldset{border:none;}
img{vertical-align:middle;}
code{font-size:115% !important;font-family:"Courier New",Courier,mono;color:#800;}
pre{overflow-x:auto;/* Use horizontal scroller if needed;for Firefox 2,not needed in Firefox 3 */
white-space:pre-wrap;/* css-3 */
white-space:-moz-pre-wrap !important;/* Mozilla,since 1999 */
white-space:-pre-wrap;/* Opera 4-6 */
white-space:-o-pre-wrap;/* Opera 7 */
/* width:99%;*/
word-wrap:break-word;/* Internet Explorer 5.5+ */}
sup{position:relative;top:-3px;vertical-align:top;font-size:90%;}
sub{vertical-align:sub;font-size:90%;}
small{font-size:90%;}
hr{display:none;}
form ol,
form ul{margin:0;}
form li{list-style:none;}
/**
*structure
*/
#page {width:850px;margin:0 auto;padding:0 60px;}
#header{margin-bottom:32px;}
#nav{}
#slider-wrap{margin-bottom:64px;}
#content{padding:0 0 32px 0;}
#footer{padding:0 0 8px 0;}
.hide{display:none;}
.clear{clear:both;}
.flow{zoom:1;overflow:hidden;}
.clearfix{zoom:1;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}

/*2 cols*/
.col1of2,.col2of2{float:left;width:50%;//width:49.9%;overflow:hidden;}

/*3 cols*/
.col1of3,.col2of3,.col3of3{float:left;width:33.3%;//width:33.25%;overflow:hidden;}
.col12of3,.col23of3{float:left;width:66.7%;//width:66.65%;overflow:hidden;}

/*cols paddings*/
.col1of3 .col{padding:0 40px 0 0;}
.col2of3 .col{padding:0 20px;}
.col3of3 .col{padding:0 0 0 40px;}
.col23of3 .col {padding:0 0 0 20px;}
.col12of3 .col {padding:0 20px 0 0;}
.clear,.content br{clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.flow {zoom:1;overflow:hidden;}
.hide {display:none;}

/*paddings & margins*/
.m0 {margin:0!important;}.mt0 {margin-top:0!important;}.mb0 {margin-bottom:0!important;}.p10 {padding:10px!important;}.pt5 {padding-top:5px!important;}.pt10 {padding-top:10px!important;}.pt15 {padding-top:15px!important;}.pl10 {padding-left:10px!important;}.pr10 {padding-right:10px!important;}.pl15 {padding-left:15px!important;}.pr15 {padding-right:15px!important;}.mtb15 {margin-bottom:15px!important;margin-top:15px!important;}.mt5 {margin-top:5px!important;}.mt10 {margin-top:10px!important;}.mt15 {margin-top:15px!important;}.mb5 {margin-bottom:5px!important;}.mb10 {margin-bottom:10px!important;}.mb15 {margin-bottom:15px!important;}.mb20 {margin-bottom:20px!important;}.ml10 {margin-left:10px!important;}.ml15 {margin-left:15px!important;}.ml20 {margin-left:20px!important;}.mr10 {margin-right:10px!important;}.mr15 {margin-right:15px!important;}.mr20 {margin-right:20px!important;}

/* width */
.w25 {width:25%;}.w50 {width:50%;}.w75 {width:75%;}.w100 {width:100%;}.w33 {width:33%;}.w67 {width:67%;}

/*fonts*/
.f70 {font-size: 70%;}.f75 {font-size: 75%;}.f80 {font-size: 80%;}.f85 {font-size: 85%;}.f90 {font-size: 90%;}.f100 {font-size: 100% !important;}.f110 {font-size: 110%;}.f120 {font-size: 120%;}.f150 {font-size: 150%;}.f170 {font-size: 170%;}

/* Generic styles */
.image-left{float:left;margin:0 10px 0 0;//display:inline;}
.image-right{float:right;margin:0 0 0 10px;//display:inline;}
.image-center{display:block;margin:6px auto;}
.left {float:left;}
.right {float:right;}
.align-left,.al {text-align:left;}
.align-right,.ar {text-align:right;}
.align-center,.ac {text-align:center;}
.align-justify,.aj {text-align:justify;}
.decor{text-decoration:underline;}

/*colors*/
.white{color:#fff;}
.dark{color:#374450;}

/*lists*/
.nobull{margin-left:0;padding-left:0;}
.nobull li{list-style:none;}

/* Form styles */
div.form-container {margin:16px 0;}

p.legend {margin-bottom:1em;}
p.legend em {color:#C00;font-style:normal;}

div.errors {margin:0 0 16px 0;padding:6px 16px;border:#c00 1px solid;}
div.errors p {margin:0;}
div.errors p em { color:#C00;font-style:normal;font-weight:bold;}

div.form-container form p {margin: 0;}
div.form-container form p.note {margin-left:170px;font-size:90%;}
div.form-container form fieldset {margin:10px 0;padding:10px;border-top:#374450 1px solid;}
div.form-container form legend {font-weight:bold;}
div.form-container form fieldset div {padding:0.25em 0;}
div.form-container label, 
div.form-container span.label {margin-right:10px;padding-right:10px;width:150px;display:block;float:left;text-align:right;position:relative;color:#fff;}
div.form-container label.error, 
div.form-container span.error {color:#C00;}
div.form-container label em, 
div.form-container span.label em {position:absolute;right:0;font-size:120%;font-style:normal;color:#C00;}
div.form-container input.error {border-color:#C00;background-color: #FEF;}
div.form-container div.controlset label, 
div.form-container div.controlset input {display:inline;float:none;}
div.form-container div.controlset div {margin-left:170px;}
div.form-container div.buttonrow {margin-left:180px;}


/**
*header
*/
#header span{float:left;margin:0 0 0 -20px;width:205px;height:99px;background:transparent url(../i/logo.png) 0 0 no-repeat;text-indent:-9999px;position:relative;}
#header span a{display:block;width:205px;height:99px;}
#header .tel{float:right;color:#5c96d4;text-align:right;}
#header .tel strong {color:#fff;font-size:18px;display:block;font-weight:normal;}

/**
*navigation
*/
#nav {margin:0 0 36px -60px;padding:0;position:relative;zoom:1;}
#nav li {margin:0 0 0 60px;padding:0 0 18px 0;float:left;list-style:none;font-size:18px;width:243px;line-height:1.3;//display:inline;/*height:62px;overflow:hidden;*/}
#nav small{font-size:9px;text-transform:uppercase;display:block;color:#455a6d;}
#nav a{color:#77d2fd;}
#nav strong,#nav .current a,#nav a:hover{color:#fff;font-weight:normal;}
#nav .current small,#nav a:hover small{color:#455a6d;}

/**
*Easy Slider
*/
#slider-wrap{position:relative;width:850px;height:139px;overflow:hidden;}
#slider ul,#slider li{margin:0;padding:0;list-style:none;}
#slider li{width:850px;height:139px;overflow:hidden;position:relative;}
#prevBtn,#nextBtn,
#slider1next,#slider1prev{display:block;width:30px;height:77px;position:absolute;right:58px;top:18px;z-index:1000;text-indent:-9999px;}
#nextBtn,#slider1next{right:36px;}
#prevBtn a,#nextBtn a,
#slider1next a,#slider1prev a{display:block;position:relative;width:18px;height:12px;background:url(../i/arrow-left.png) no-repeat 0 0;}
#nextBtn a,#slider1next a{background:url(../i/arrow-right.png) no-repeat 0 0;}

#slider strong{position:absolute;right:36px;bottom:18px;font-size:22px;padding:0 18px;background:transparent url(../i/semi-transparent.png) 0 0 repeat;font-weight:normal;}
#slider a{color:#fff;}
#slider ul li {cursor:pointer;}


/**
*modal
*/
/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
.jqmWindow{display:none;position:fixed;top:25%;left:50%;margin-left:-200px;width:400px;background-color:#272b36;color:#526372;padding:0;}
.jqmOverlay{background-color:#000;}
* html .jqmWindow{position:absolute;top:expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');}
.jqmClose{width:13px;height:13px;float:right;text-indent:-9999px;background:transparent url(../i/jqmClose.png) 50% 50% no-repeat;padding:6px 6px;}
.jqmWindowContent{padding:0 32px 16px 32px;_height:400px;max-height:400px;overflow-y:auto;display:block;}

/**
*flash video
*/

.flash-video {margin-bottom:32px;}

/**
*gallery
*/
.project-gallery ul {margin:0 -30px 0 -29px;padding:0;position:relative;}
.project-gallery ul li {margin:0 0 29px 29px;padding:0;list-style:none;float:left;//display:inline;}
.project-gallery ul li a{float:left;padding:1px;border:2px solid #000;}
.project-gallery ul li a:hover{border:2px solid #4e87c1;}

/**
*projects
*/
.projects .line {margin:0 0 16px 0;}
.projects{position:relative;margin:-4px -4px 0 -4px;}
.project-link,
.project-link span{display:block;}
.project-link span {padding:8px 0;}
.project-link{padding:4px;}
.project-link:hover{border:2px solid #4e87c1;padding:2px;}

/**
*pagination
*/
.pagination{margin:32px 0;}
.pagination ul{margin:0;padding:0;text-align:center;font-size:14px;}
.pagination ul li{margin:0 32px;padding:0;list-style:none;display:inline;color:#4e87c1;}
.pagination ul li.current{}
.pagination ul li a{color:#4e87c1;display:inline-block;padding:1px 8px;text-align:center;border:2px solid #000;}
.pagination ul li a:hover{color:#fff;}
.pagination ul li strong {font-weight:normal;display:inline-block;padding:1px 8px;text-align:center;border:2px solid #4e87c1;}