﻿/***CONTENT***/
#content{
	height : 1000px;
	margin : 10px 25px 10px 25px;
}

.page{
	width : 992px;
	height : 500px;
}

#slider{
	height : 350px;
	width : 800px;
	overflow : hidden;
	margin : -10px 0px 30px 0px;
}

#counter{
	visibility : hidden;
}

#slider div{
	position : absolute;
}

.front img{
	max-width : 940px;
}

.back img{
	max-width : 940px;
}

#prevBtn{
	float : left;
	margin-left : 10px;
	margin-top : 150px;
	opacity : 0.7;
    cursor : pointer;
}

#nextBtn{
	float : right;
	margin-left: 900px;
	margin-top : 150px;
	opacity : 0.7;
    cursor : pointer;
}

img.line01{
	margin-top : 10px;
}

#line02{
	margin-top : 10px;
	max-width : 840px;
}

#contentMain{
	float:left;
	margin-top : 10px;
	margin-bottom : 10px;
}

.paragraph{
	color : #1e2224;
	font-weight : 600;
	font-size : 15px;
	float : left;
    margin-top : 20px;
}

img.icon1 {
    float : left;
}

img.icon2 {
    float : left;
}

img.icon3 {
    float : left;
}

img.seeMore{
	float : right;
	margin-right : 10px;
}


#seeMoreBtn{
	float : right;
	margin-top: 5px;
	margin-right : 60px;
	cursor : pointer;
}

#companyMain{
	width : 310px;
	float : left
}

.contentMain{
	margin-left : 50px;
	padding-right: 30px;
	height : 270px	
}

span.headContent{
	color : #1e2224;
	font-weight : bold;
	font-size : 15px;
}

p.textContent { 
    margin-top : 5px; 
    color : #8f949d; 
    font-size : 12px; 
    line-height : 2.0; 
}


#offerMain{
	width : 310px;
	float: left;
}

#projectMain{
	width : 310px;
	float: left;
}

#project {
    margin-top : 25px;
}

#lastProject{
	padding-top : 320px;
}

div.works{
	float : left;
	width : 220px;
	height : 200px;
	margin-right : 18px;
	margin-bottom : -10px;
    font-weight : 500;
}

div.works p{
	margin-top : 5px;
	font-size : 12px;
	letter-spacing : 0.2px
}

img.images{
	border : 2px #343839 solid;
}

#footer{
    margin-top: 50px;
}