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





/*Index start*/



#index {
	float: left;
	height: 700px;
	width: 980px;
	position: relative;
}
#indexBanner {
	display: inline;
	float: left;
	height: 390px;
	width: 980px;
	position: relative;
	padding-top: 10px;
}
#indexBanner .leftSide {
	float: left;
	height: 390px;
	width: 470px;
	padding-right: 10px;
	padding-left: 10px;
	position: relative;
	display: inline;
}
#indexBanner .rightSide {
	float: left;
	height: 390px;
	width: 470px;
	padding-right: 10px;
	padding-left: 10px;
	position: relative;
	display: inline;
}
#latestProjects {
	float: left;
	height: 400px;
	width: 470px;
	position: relative;
}
#latestProjects .head {
	display: inline;
	float: left;
	height: 30px;
	width: 450px;
	padding-left: 20px;
}
#latestProjects .picture {
	float: left;
	height: 335px;
	width: 470px;
	position: relative;
}
#slajder{
	overflow:hidden;
	width:470px;
	height:317px;
}	
#stage{
	width:2350px;
}
#latestProjects .navigation {
	display: inline;
	float: left;
	height: 30px;
	width: 170px;
	margin-left: 150px;
	position: relative;
	text-align: center;
}
#latestProjects .navigation .button {
	display: inline;
	float: left;
	height: 23px;
	width: 23px;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
}
#latestProjects .navigation .buttonHov {
	display: inline;
	float: left;
	height: 23px;
	width: 23px;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
}

#indexContent {
	display: inline;
	float: left;
	height: 250px;
	width: 980px;
	position: relative;
	padding-top: 10px;
}
#News {
	float: left;
	height: 230px;
	width: 260px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	position: relative;
	background-image: url(images/content_bg.png);
	background-repeat: repeat-x;
	font-size: 10px;
	line-height: normal;
}
#News .head {
	display: inline;
	float: left;
	height: 40px;
	width: 260px;
}
#News .date {
	font-size: 10px;
	height: 14px;
	width: 260px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #999;
	float: left;
	display: inline;
}
#News .text {
	display: inline;
	float: left;
	height: 110px;
	width: 260px;
	padding-top: 5px;
	padding-bottom: 5px;
	position: relative;
}
#News .public {
	display: inline;
	float: left;
	height: 45px;
	width: 260px;
	background-image: url(images/blue_line.png);
	background-repeat: no-repeat;
	position: relative;
	text-align: center;
	font-size: 10px;
	color: #59bbe0;
	padding-top: 2px;
	line-height: 20px;
}
#News .public img {
	border: 0px none #000;
}

#welcome {
	float: left;
	height: 230px;
	width: 620px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	position: relative;
	margin-left: 20px;
	font-size: 14px;
	background-image: url(images/content_bg.png);
	background-repeat: repeat-x;
}


/*About start*/

#about {
	float: left;
	height: 500px;
	width: 980px;
	margin-left: 1500px;
	position: relative;
}
#aboutBanner {
	display: inline;
	float: left;
	height: 460px;
	width: 980px;
	position: relative;
	padding-top: 10px;
}

#aboutLeftSide {
	display: inline;
	float: left;
	height: 440px;
	width: 480px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	position: relative;
	font-size: 12px;
}
#aboutLeftSide .head {
	display: inline;
	float: left;
	height: 47px;
	width: 480px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 15px;
}
#aboutLeftSide .text {
	display: inline;
	float: left;
	height: 335px;
	width: 470px;
	padding-top: 15px;
	background-image: url(images/about_txt_bg.png);
	background-repeat: repeat-x;
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 5px 5px;
	text-align: justify;
}
#aboutRightSide {
	display: inline;
	float: left;
	height: 440px;
	width: 480px;
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
}


/*What we do start*/

#what {
	float: left;
	height: 500px;
	width: 980px;
	margin-left: 1500px;
	position: relative;
}
#whatBanner {
	display: inline;
	float: left;
	height: 460px;
	width: 980px;
	position: relative;
	padding-top: 10px;
}

#whatLeftSide {
	display: inline;
	float: left;
	height: 440px;
	width: 480px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	position: relative;
}
#whatLeftSide .head {
	display: inline;
	float: left;
	height: 47px;
	width: 480px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 15px;
	margin-bottom: 5px;
}
#whatLeftSide .text {
	display: inline;
	float: left;
	height: 335px;
	width: 470px;
	padding-top: 15px;
	background-image: url(images/about_txt_bg.png);
	background-repeat: repeat-x;
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 5px 5px;
	text-align: justify;
}
#whatRightSide {
	display: inline;
	float: left;
	height: 440px;
	width: 480px;
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
}
#portfolio {
	float: left;
	height: 620px;
	width: 980px;
	margin-left: 1500px;
	position: relative;
}
#portfolioHead {
	display: inline;
	float: left;
	height: 47px;
	width: 480px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 15px;
	margin-bottom: 5px;
}

#portfolioBanner {
	display: inline;
	float: left;
	height: 525px;
	width: 945px;
	position: relative;
	margin-top: 10px;
	margin-left: 20px;
}
#workSmall {
	display: inline;
	float: left;
	height: 100px;
	width: 100px;
	position: relative;
	margin-bottom: 5px;
	margin-right: 5px;
}




/*Contact start*/


#contact {
	float: left;
	height: 500px;
	width: 980px;
	margin-left: 1500px;
	position: relative;
}
#contactBanner {
	display: inline;
	float: left;
	height: 460px;
	width: 980px;
	position: relative;
	padding-top: 10px;
}

#contactLeftSide {
	display: inline;
	float: left;
	height: 440px;
	width: 480px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	position: relative;
	font-size: 12px;
	line-height: normal;
}
#contactLeftSide .head {
	display: inline;
	float: left;
	height: 47px;
	width: 480px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 15px;
}
#contactLeftSide .text {
	display: inline;
	float: left;
	height: 335px;
	width: 470px;
	padding-top: 15px;
	background-image: url(images/about_txt_bg.png);
	background-repeat: repeat-x;
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 5px 5px;
	text-align: justify;
}
#contactRightSide {
	display: inline;
	float: left;
	height: 440px;
	width: 480px;
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
	color: #FFF;
	font-size: 12px;
	line-height: normal;
}
#contactForm {
	display: inline;
	float: left;
	height: 375px;
	width: 390px;
	border: 1px solid #242424;
	position: relative;
	margin: 20px 32px;
	padding: 10px 10px;
	font-size: 12px;
	color: #FFF;
}
#contactForm .fieldName {
	float: left;
	height: auto;
	width: 390px;
	position: relative;
	display: inline;
}
#contactForm .field {
	float: left;
	height: 16px;
	width: 260px;
	position: relative;
	display: inline;
	border: 1px solid #707070;
	padding: 2px;
	background-color: #242424;
	margin-bottom: 15px;
	font-size: 12px;
	line-height: normal;
	color: #FFF;
}
#contactForm .fieldMassage {
	float: left;
	height: 150px;
	width: 380px;
	position: relative;
	display: inline;
	border: 1px solid #707070;
	padding: 4px;
	background-color: #242424;
	margin-bottom: 10px;
	font-size: 12px;
	line-height: normal;
	color: #FFF;
}
#contactForm .sendButton {
	float: right;
	height: 22px;
	width: 53px;
	position: relative;
	display: inline;
}