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

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
@font-face {
	font-family: 'Conv_trade gothic lt std bold';
	src: url('fonts/trade gothic lt std bold.eot');
	src: local('☺'), url('fonts/trade gothic lt std bold.woff') 
	format('woff'), url('fonts/trade gothic lt std bold.ttf') 
	format('truetype'), url('fonts/trade gothic lt std bold.svg') 
	format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_trade gothic  lt';
	src: url('fonts/trade gothic  lt.eot');
	src: local('☺'), url('fonts/trade gothic  lt.woff') format('woff'), url('fonts/trade gothic  lt.ttf') format('truetype'), url('fonts/trade gothic  lt.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
h1, h2, h3, p, a{
	font-family:Conv_trade gothic lt std bold, Arial, Helvetica, sans-serif;	
}
h1{
	font-size:30px;	
}
h2{
	font-size:32px;	
}
h3{
	font-size:21px;	
}
p{
	font-size:15px;	
}

#container{
	width:100%;
	margin:0px auto;
	position:absolute;
}
#head{
	position:absolute; 
	top:0px; 
	left:0px; 
	width:100%; 
	height:657px; 
	background-image:url(../img/background.jpg); 
	background-repeat:no-repeat; 
	background-size:cover;
}
#headcontent{
	position: relative;
	top: 0px;
	left: 0px;
	overflow:hidden;
	width: 1000px;
	height:700px;
	margin: 0 auto;	
}
#logo{
	float:left;
	position:relative;	
}
ul#menubar{
	position:relative;
	float:right;
	width:710px;
	height:140px;
	background-image:url(../img/menu-shape.png);
	background-repeat:no-repeat;
	margin-top:25px;
	display:none;
}
ul#menubar li{
	float:left;
	margin-right:30px;
	text-decoration:none;
	list-style:none;
	margin-top:50px;
}
ul#menubar li a{
	color:#FFF;
	list-style:none;
	text-decoration:none;
	font-size:20px;	
}
ul#menubar li a:hover{
	text-decoration:underline;	
}
li.current{
	margin-left:65px;	
}
#content{
	position:relative;
	float:left;
	top:0px;
	left:0px;
	width: 1000px;
}
#black-content{
	background-image:url(../img/content-shape-black.png);
	background-repeat:no-repeat;
	overflow:hidden;
	height:265px;
	width:675px;
	position:relative;	
}
#black-content h1{
	margin-top:65px;
	color:#FFF;
	margin-left:50px;
	font-size:36px;
}
#black-content p{
	color:#FFF;
	width:550px;
	line-height:20px;
	margin-left:50px;	
}
#white-content{
	background-image:url(../img/content-shape-white.png);
	background-repeat:no-repeat;
	overflow:hidden;
	width:600px;
	height:75px;
	position:relative;
	top:-30px;
	margin-left:40px	
}
#white-content h3{
	margin:25px 0px 0px 45px;
	float:left;	
}
#pinterest{
	float:left;	
}
#text-social{
	top:0px;
	left:0px;	
}
#subcontent{
	width:1000px;
	margin:0 auto; margin-top:657px;
	position:relative;
	background-color:#FFF;	
}
#upperlevel{
}
#reference{
	background-image:url(../img/logos/reference-shape.png);
	background-repeat:no-repeat;
	width:420px;
	height:420px;
	float:left;	
	margin-top:47px;
}
#reference-text{
	margin-top:25px; 	
}
#arrow{
	width:500px;
	margin-left:150px
}
#sideblock{
	position:absolute;
	top:210px;
	left:750px;
	height:175px;
	width:216px;
}
#sideblock-image{
	position:absolute;	
}
.social-media-icons{
	float:left;
	position:absolute;
	top:33px;
	width:216px;
}
.social-media-icons h3{
	color:#000;
	margin-top:73px;
	left:26px;
	position:relative;
}
#facebook{
	float:left;	
	margin-left:46px;
}
#twitter{
	float:left;
}
#pinterest{
	float:left;	
}
#reference-text p{
	color:#FFF;	
	font-size:16px;
	line-height:23px;
	margin:45px 0px 0px 40px;
	width:344px;
}
#reference-name{
	margin:90px 0px 0px 100px;	
	width:350px;
	position:relative;
}
#reference-name p{
	font-style:italic;
	font-size:14px;	
}
#our-clients{
	width: 350px;
	float:left;
	margin:30px 0px 0px 225px;
}
#our-clients-text{
	position:relative;	
	margin-bottom:10px;
}
.company-icons{
	background-image:url(../img/our-clients-SMALL.png);
	background-repeat:no-repeat;
	height:335px;
	width:350px	
}
div.comany-icon{
	position:relative; float:left; left:2px; top:0px;
	margin:17px 12px 2px 6px; width:90px; height:90px;	
}
div.company-icon-hover,
div.company-icon-bw{
	position:absolute; left:0px; top:0px;	
}
div.company-icon-hover{
	display:none; z-index:1;	
}

div.comany-icon:hover div.company-icon-hover{
	display:block;	
}

.comany-icon{
	margin:17px 10px 0px 0px;	
}


#secondlevel{
	position:relative;
	width:1000px;
	height:400px;
	background-image:url(../img/about-shape.png);	
	background-repeat:no-repeat;
	margin-bottom:140px;
	top:475px;
	left:20px
}
#portret{
	float:left;
	position:absolute;
	width:400px;
	margin:30px;	
}
#about-text{
	color:#FFF;
	position:absolute;
	margin:24px 0px 0px 500px;
	float:left;	
	width:400px;
}
#about-text h3{
	font-size:40px;	
}
#about-text p{
	font-size:16px;
	line-height:23px;	
}
#about-text img{
	margin-top:10px;
	display:none;
}
#footer{
	float:left;
	position:relative;
	width:100%;
	height:279px;
	top:300px;
	background-image:url(../img/footer-shape.png);
	background-repeat:repeat-x;
}
#footer-text{
	color:#FFF;
	position:relative;
	margin:0 auto;
	margin-top:35px;
	text-align:right;
	z-index:2;
	width:1000px;
}
#footer-text h3{
	font-size:36px;	
}
#footer-text p a{
	text-decoration:none;
	color:#FFF;
}
#footer-text p a:hover{
	text-decoration:underline;	
}
#footer-image{
	position:absolute; 
	top:0px; 
	left:0px; 
	width:100%; 
	height:300px; 
	z-index:1;
}
#conditions{
	position:absolute;
	float:left;
	left:0px;
	top:170px;
	margin:0px;	
}
#conditions p{
	color:#FFF;	
}
#conditions div{
	position:relative;
	float:left;
	left:0px;
	top:0px;
	margin:5px 5px 0px 0px;
}