@charset "utf-8";
/* CSS Document */
@import "fonts/stylesheet.css";
@import "animate.css";


/*Opera Fix*/
body:before {	content:"";
				height:100%;
				float:left;
				width:0;
				margin-top:-32767px;}

*{margin:0;padding:0;}
#home-content p { 
	margin:0;
	padding:0;
	color:#000000;
}

html, body {height: 100%;
background-image:url("/images/bg_w.jpg");}
::selection { background: #e6c227;
				color:#000000; }

::-moz-selection { background: #e6c227;
				color:#000000; }

:selection { background: #e6c227;
				color:#000000; }



body {	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		background-color:#fff;
		line-height:1.3em;
		/*background:url(../images/bg.jpg) fixed;*/ 
		color:#000;
		margin-top:1px;}
	
p {	margin-bottom:25px;
	font-size:15px;}
	
h1, a:link h1 {	margin-bottom:15px;
		font-size:28px;
		color:#1188f6;
		font-weight:lighter;
		line-height:26px;}
	
h2 {	margin-bottom:5px;
		font-size:11px;
		color:#686767;
		font-weight:lighter;}
		
.notxt {
	line-height:0;
	text-indent:-9999px;
	font-size:0;
}

#main li, #main ul{ 
	color:#585b64; 
	padding-left:10px; 
	list-style:circle; 
	margin-bottom:8px;
}
 #main hr#port {height:10px; background:url(../images/port-nav.gif) no-repeat; margin:0 0 20px 0}
#main hr { height:1px; background:url(../images/hr.jpg);border:none; margin:0 0 20px 0;}
a img {border:none;}
#main a:hover > h2.header  { 
	color:#FFD61A;
}
#main .col p a, #main .colmid p a, #main .col2 p a, #main .post .entry-meta a, .entry-content a   {
	border-bottom: 1px dotted #000000;
	color:#585B64;
	text-decoration:none;
}
.third > h1 span {
	color:#FFF
}

a.s, a.s visited { font-size:9px;}
.serhov:link{ background:none;
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:320px;
	width:640px;}
.serhov:hover {
	display:block;
	position:absolute;
	top:1px;
	left:1px;
	filter: alpha(opacity=90); /* internet explorer */
	-khtml-opacity: 0.9;      /* khtml, old safari */
	-moz-opacity: 0.9;       /* mozilla, netscape */
	opacity: 0.9;           /* fx, safari, opera */
	height:319px;
	width:640px;
		background:url(../images/servhov.png) no-repeat 50% 40% #000000;

	
}
/* IE8 hack to get it to apply margin auto centering to element inside this one */
#wrap {min-height: 100%;
	width:100%;
	min-width:960px;
	margin-bottom:-150px;
	border-top: 5px #004bf5 solid;}
	
#header { height:150px;
	width:960px;
	margin:0 auto;
	background:url(../images/header-line.jpg) no-repeat 130px 120px;
	z-index:1;
}	
.headbg{
	width:100%;
	height:150px;
	background-color:#fcfcfc;
	position:absolute;
	z-index:0;
	border-bottom:1px solid #dddddd;
}
	.home_sldr .slide-wrapper {
		text-shadow:0 2px 2px #12325C !important;
	}
	a.logo {
		background:url(../images/logo.png) no-repeat;
		width:428px;
		height:74px;
		display:block;
		position: absolute;
		top:43px;	
		font-family: "BebasRegular", sans-serif !important; 
		color:#000000;
		text-decoration:none;
		padding: 16px 0 0 130px;
	}
		a.logo span {
			display:block;
				font-size:13px;
		}
				a.logo span#name {
				font-size:42px;
				margin-top:5px;
			  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
			  filter: alpha(opacity=10);
			  -moz-opacity: 0.1;
			  -khtml-opacity: 0.1;
			  opacity: 0.1;
			  margin-left:-2px;
				}

#main {
	width:960px;
	margin:0 auto;
	clear:both;
	height:100%;
	background-color:transparent;
	padding-bottom:304px;}
/* HOME SLIDER
*************************************/
.home_sldr{
	background: url(../images/home_sldr_bg2.png) repeat-x 0 -358px transparent !important;
}
.jFlowControl{color:#000000 !important;}
ul#portfolio-filter a:link, ul#portfolio-filter a:visited {
    color: #000000 !important;

}
/* Nav */	

#nav { 
	position:relative; 
	top:70px; 
	float:right;
	border-bottom:1px solid #dddddd;
	text-align: justify;
	}
/*#show{ display:none;}*/


        .lavaLamp {
            height: 29px;
            width: 461px;
            background-color: #EEE;
            padding: 5px 0px 5px 5px;
            overflow: hidden;
        }
                .lavaLamp li {
                    list-style: none;
					text-align:center;
					position: relative;
				    display: inline-block;
                }
                .lavaLamp:after {
				    content: '';
				    display: inline-block;
				    width: 100%;
				}
                    .lavaLamp li.back {
                        background-color: #004bf5;
                        width: 9px;
                        height: 23px;
                        z-index: 8;
                        position: absolute;
						padding-bottom:5px;
                    }
                    .lavaLamp li a {
                        font: 13px Verdana, Geneva, sans-serif;
                        text-decoration: none;
                        color: #7a7a7a;
                        outline: none;
                        text-align: center;
                        line-height: 27px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        padding:0 9px;
                    }
						  
                        .lavaLamp li a:hover, .lavaLamp li a:active/*, .lavaLamp li a:visited*/ {
                            border: none;
							color:#fff;
                        }  .lavaLamp .current a {color:#fff; } 
#servnav { 	background:url(../images/serv-nav.gif) no-repeat; 
			width:960px; 
			height:25px;
			margin-bottom:20px; 
			padding:40px 20px 10px 20px;
}
#home-content {
	border-top:1px solid #373737;
	border-bottom:	1px solid #484848;
	padding: 24px 0;
	margin:45px 0 35px 0;
}
a.item1 {
	padding-left:60px;
	background:url(../images/home-item1.png) no-repeat;
	margin-right:18px;
	border-right:1px solid #373737;
}
a.item2 {
	padding-left:85px;
	background:url(../images/home-item2.png) no-repeat;
	margin-right:18px;
	border-right:1px solid #373737;
}
a.item3 {
	padding-left:85px;
	background:url(../images/home-item3.png) no-repeat;
}
#home-content a:link, #home-content a:visited{
	color:#ffffff;
	width:230px;
	float:left;
	display:block;
	text-decoration:none;
}
#home-content a:hover{
	color:#FCD263;
}
.item1 h2.header {
	width:173px;
	height:23px;
}

	.item2 h2.header {
	width:167px;
	height:23px;
}

	.item3 h2.header { 
	width:132px;
	height:23px;
}
h2.header {
	margin-bottom:10px;
	font: 22px/24px "BebasRegular", sans-serif !important;
}
.rollover_img {
width: 242px;
height: 61px;
background-position: top;
font:13px normal Arial, Helvetica, sans-serif;
line-height:18px;
float:left;
margin:0 10px 10px 0;
overflow:hidden;
}

.rollover_img a {
color: #fff;
width: 242px;
height: 61px;
display: block;
text-decoration: none;
}

.rollover_img a:hover {
opacity:.80;
filter:alpha(opacity=80);
background:#000;
}

.rollover_img a span {
/*display: none;*/
display: block;
width:242px;
	color:#FFD61A;
	font-family: "BebasRegular";
	font-size:28px;
	margin-left:-300px;
padding:20px;
}

.rollover_img a:hover span {
	margin-left:0px;
}
#web{background-image: url(../images/web.jpg);}
#logos{background-image: url(../images/print.jpg);}
#print{background-image: url(../images/logos.jpg);}
#retou{background-image: url(../images/retou.jpg);}

.col {width:250px;}
.colmid {width:350px; margin:0 50px;}
.col2 { width:650px;}
#fl, .fl { float:left;}
#fr, .fr { float:right;}


.form span {width:200px; 
			display:inline-block;
			padding-right:50px;
			text-align:right;
			vertical-align:top;}
			.form h2 { width:100%;
						background: #000;
						padding-left:8px;
						filter: alpha(opacity=80); /* internet explorer */
						-khtml-opacity: 0.8;      /* khtml, old safari */
						-moz-opacity: 0.8;       /* mozilla, netscape */
						opacity: 0.8;           /* fx, safari, opera */}


			
#toTop {
		
        text-align:center;
        padding:5px;
        position:fixed; /* this is the magic */
        bottom:10px; /* together with this to put the div at the bottom*/
        right:10px;
        cursor:pointer;
        display:none;
		z-index:9;
		font-size:9px;
}
.slide-thumbnail {
    background-color: #FFFFFF !important;
}
/*BLOG*/
.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #444;
	padding: 3px 5px;
	margin: 2px;
	color:#000000 !important;
	position:relative;
	z-index:999;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #E6C227;
	background-color:#E6C227;
	color:#000000 !important;
}
#secondary h3 {
	color:#000000;
}
#secondary {
    background-color: #EEEEEE !important;
	border:1px solid #DDDDDD;
}
#secondary a{
	color:#585B64;
}
#secondary .field{
	background-color:#ffffff !important; 
	border:1px solid #DDDDDD;
}
.entry-header .comments-link a {
	background-image:none !important;
    height: 25px !important;
    line-height: 25px !important;
	background-color:#DDDDDD !important;
}
.entry-header .comments-link a:hover {
    background-color: #E6C227 !important;
    color: #000000 !important;
}
.entry-header .comments-link span{
	visibility:visible !important;
}
/*CONTACT*/
.form h2{
	background-color:#dddddd !important;
}

/* Footer */
#footer { position:relative;
margin-top: -132px;
	background: url(../images/bg-footer.jpg) repeat-x #2d74d3;
	color:#ffffff !important;
	font-family:Verdana, Arial, sans-serif;
	height:150px;
	clear:both;}


#footer a {color: #fff;
	text-decoration:none;}
#footer a:hover {
	color:#fff;
	border-bottom:1px solid #ffffff;
	padding-bottom:2px;
}
#footer a:visited {color:#fff;
	text-decoration:none;}

#footer p {margin:5px 0 10px 0;
	font-size:13px;}


#foot {width:1000px;
	margin:0 auto;
	height:132px;
	line-height:1.1em;
	padding:0 10px 0 10px;}

#foot hr { background:url(../images/foot_hr.jpg) repeat-x;
	float:left;
	height:2px;
	margin:20px 0;
	width:100%;
	border:none; }

#foot #left {width:500px;float:left;}
#foot #right {width:250px;float:right;text-align:right;} 

			
.foottop {	
			background:url(../images/bg-footer-top.png) no-repeat;
			position: absolute;
			height:178px;
			width:1014px;
			margin:0 auto;
			bottom:150px;
			z-index:2;
			}

.copy{font-size:10px; margin-top:-15px;}


.clearfix:after {
    content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}


/*BLOG
******************************/
.entry-content img {
	background-color:#FFFFFF;
}
#respond {
	background-color:#CFCFCF !important;
	border:none !important;
	font-family: "BebasRegular",sans-serif !important;
	word-spacing:4px;
}
#respond  h3 {
	color:#1188F6 !important
}
a.theme{
	width:62px;
	height:62px;
	display:block;
	position:absolute;
	top:7px;
	right:0;
	background: url(../images/logo.png) no-repeat 0 -90px transparent;
}
a.theme:hover{
	background-position:0 -162px
}
a.theme span{
	/*display:none;*/
	position:absolute;
	top:12px;
	right:60px;
	color:#7A7A7A;
	font-size:10px;
	text-transform:uppercase;
	width:60px;
	height:17px;
	overflow:hidden;
}
a.theme:hover span{
	display:block;
}