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

body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	background:url(../images/back_main_body/back_main_body.jpg) repeat-x;
	background-color:#fff;
}

a{outline:0;}
img, a img{border:0;}
form{padding:0; margin:0;}
input, textarea{ 
	width:400px;
	height:20px;
	padding:6px 0 0 0;
	margin:5px 0;
	color:#b2b2b2; 
	font-size:12px;
	font-style:italic; 
	border:1px solid #e7e7e7; 
	background:#f5f5f5;
	outline:0;
}
textarea{height:180px;}

.clearFloats { clear:both; }
.hidden{ display:none;}

.mainBox {
	position:relative;
	left:50%;
	width:994px;
	margin-left:-498px;
}

	.containerHeaderTop {
		width:inherit;
		height:100%;
	}
	
		.wrapperLogoMagus {
			width:195px;
			height:60px;
			float:left;
			padding-top:40px;
		}
		
		.mottoHeaderTop {
			width:245px;
			float:right;
		}
		
			.mottoHeaderTop p {
				margin:0;
				padding:0;
				font-size:12px;
				color:#7e7e7e;
				padding-top:40px;
			}
			
		.wrapperMainMenu {
			width:600px;
			margin-left:440px;
			margin-top:-10px;
			position:relative;
			top:-15px;
			font-size:12px;
		}
		
			.wrapperMainMenu ul {
				height:29px;
				margin:0;
				padding:0;
				list-style:none;
			}
			
				.wrapperMainMenu ul li {
					float:left;
					height:29px;
					margin-left:15px;
				}
					.wrapperMainMenu ul li img{ margin-top:7px;}

					.wrapperMainMenu ul li a {
						text-decoration:none;
						color:#7e7e7e;
					}
					.wrapperMainMenu ul li a span{
						float:left;
						height:29px;
					}
					.wrapperMainMenu ul li a span.left, .wrapperMainMenu ul li a span.right{width:8px;}
					.wrapperMainMenu ul li a span.center{
						height:21px;
						padding-top:2px;
					}
					.wrapperMainMenu ul li a:hover span.left, .wrapperMainMenu ul li a.selected span.left {
						background:url(../images/pic_hover_main_menu/menu_hover_left.png) left top no-repeat;
					}
					.wrapperMainMenu ul li a:hover span.center, .wrapperMainMenu ul li a.selected span.center {
						background:url(../images/pic_hover_main_menu/menu_hover_center.jpg) top repeat-x;
					}
					.wrapperMainMenu ul li a:hover span.right, .wrapperMainMenu ul li a.selected span.right {
						background:url(../images/pic_hover_main_menu/menu_hover_right.png) right top no-repeat;
					}
					
					.wrapperMainMenu ul li a:hover { color:#FFFFFF;	cursor:pointer;}
					.wrapperMainMenu ul li a.selected {	color:#FFFFFF; }
					
	.wrapperTopLine {
		width:inherit;
		height:2px;
		line-height:2px;
		background:url(../images/pic_topLine/pic_topLine.png) repeat-x;
		/*margin-top:15px;*/
		margin-bottom:10px;
	}
	
	.visit{
			position:absolute;
			padding:3px 5px;
			line-height:19px;
			color:#FFFFFF;
			text-decoration:none;
			font-size:12px;
			background:#838383;
	}
	a.readmore{
			position:absolute;
			padding-left:17px;
			text-decoration:none;
			font-size:12px;
			color:#34a2df;
			background:url(../images/pic_icon_read_more_link/pic_icon_read_more.jpg) left 4px no-repeat;
	}
	a.readmore:hover{ text-decoration:underline;}
	
	
.containerContentHomePage {
	width:inherit;
}

	.columnContentHomePage {
		width:311px;
		float:left;
		padding-left:20px;
		margin-bottom:30px;
	}
	
		.columnContentHomePage h1 {
			margin:0;
			padding:0;
			font-size:18px;
			color:#3e4651;
			padding-bottom:20px;
		}
		
		.columnContentHomePage h3 {
			margin:0;
			padding:0;
			font-size:18px;
			color:#34a2df;
			font-weight:normal;
			line-height:20px;
			padding-bottom:15px;
		}
		
		.columnContentHomePage h4 {
			margin:0;
			padding:0;
			font-size:14px;
			color:#34a2df;
		}
		
		.columnContentHomePage h5 {
			margin:0;
			padding:0;
			font-size:10px;
			color:#6B6B6B;
			margin-bottom:10px;
		}
		
		.columnContentHomePage p {
			margin:0;
			padding:0;
			color:#6b6b6b;
			font-size:14px;
		}
		
			.wrapperListServicesHomePage {
				width:inherit;
				margin-top:15px;
			}
			
				.wrapperListServicesHomePage ul {
					margin:0;
					padding:0;
					list-style:none;
				}
				
					.wrapperListServicesHomePage ul li {
						padding-bottom:15px;
					}
				
					.wrapperListServicesHomePage ul li img {
						margin-right:10px;
					}
					
					.wrapperListServicesHomePage ul li a {
						text-decoration:none;
						color:#6b6b6b;
						font-size:14px;
					}
					
					.wrapperListServicesHomePage ul li a:hover {
						text-decoration:underline;
					}
		
			.breakingLineColumnContentHomePage {
				width:inherit;
				margin-bottom:20px;
			}
			
			.breakingLineNewsSectionHomePage {
				width:inherit;
				height:1px;
				border-top:1px dotted #303c42;
				margin-bottom:15px;
			}
			
		.wrapperLinkReadMoreHomePage {
			width:85px;
			margin-top:15px;
			margin-bottom:20px;
		}
		
			.wrapperLinkReadMoreHomePage ul {
				margin:0;
				padding:0;
				list-style:none;
				display:inline;
			}
			
				.wrapperLinkReadMoreHomePage ul li {
					display:inline;
				}
				
				.wrapperLinkReadMoreHomePage ul li img {
					position:relative;
					top:2px;
				}
				
				.wrapperLinkReadMoreHomePage ul li a {
					text-decoration:none;
					font-size:12px;
					color:#34a2df;
				}
				
				.wrapperLinkReadMoreHomePage ul li a:hover{
					text-decoration:underline;
				}
				
	.wrapperLogosSocialNetworks {
		width:inherit;
	}
	
		.wrapperLogosSocialNetworks ul {
			margin:0;
			padding:0;
			list-style:none;
			display:inline;
		}
		
			.wrapperLogosSocialNetworks ul li {
				display:inline;
				margin-right:13px;
			}
			
			
/*css code for footer*/

.containerFooter {
	width:100%;
	height:110px;
	background-color:#3e4651;
	padding-top:20px;
}

	.wrapperContentFooter {
		width:995px;
		margin-left:auto;
		margin-right:auto;
	}
	
		.columnContentFooter {
			width:311px;
			float:left;
			padding-left:20px;
			margin-bottom:30px;
		}
		
			.columnContentFooter h4, .columnContentFooter p, .columnContentFooter a {
				margin:0;
				padding:0;
				font-size:11px;
			}
			
			.columnContentFooter h4 {
				color:#34a2df;
			}
			
			.columnContentFooter p, .columnContentFooter a {
				color:#fff;
			}
			
			.columnContentFooter a {
				text-decoration:none;
			}
			
			.columnContentFooter a:hover {
				text-decoration:underline;
			}
			
			
/*css code for portfolio*/

.breadcrumbInsidePages {
	width:inherit;
	margin-bottom:15px;
}

	.breadcrumbInsidePages ul {
		margin:0;
		padding:0;
		color:#7e7e7e;
		font-size:10px;
		list-style:none;
		display:inline;
	}
	
		.breadcrumbInsidePages ul li {
			display:inline;
		}
		
			.breadcrumbInsidePages ul li a {
				text-decoration:underline;
				color:#7e7e7e;
				font-size:10px;
			}
			#tab_services{ text-decoration:none;}
			
			
.headerPortfolio {
	width:inherit;
	margin-bottom:50px;
}

	.largeTextHeaderPortfolio {
		width:430px;
		float:left;
	}
	
		.largeTextHeaderPortfolio h1,  .largeTextHeaderPortfolio h3 {
			margin:0;
			padding:0;
			color:#3e4651;
		}
		
		.largeTextHeaderPortfolio h1 {
			font-size:72px;
			padding-bottom:25px;
		}
		
		.largeTextHeaderPortfolio h3 {
			font-size:18px;
			padding-bottom:10px;
		}
		
		.wrapperTestimonial {
			position:relative;
			float:right;
			width:400px;
			padding:2px 45px 30px 0;
			letter-spacing:-1px;
			line-height:20px;
			font-weight:bold;
			/*background:url(../images/back_header_shadow/back_header_shadow.jpg) 40px bottom no-repeat;*/
		}
		
			.textTestimonial {
				width:inherit;
			}
			
				.textTestimonial ul {
					margin:0;
					padding:0;
					display:inline;
					list-style:none;
				}
				
					.textTestimonial ul li {
						display:inline;
						font-size:17px;
						margin-left:5px;
						color:#555555;
					}
					
						.textTestimonial ul li img.topQuote {
							position:relative;
							top:-5px;
						}
						
						.textTestimonial ul li img.bottomQuote {
							position:relative;
							top:5px;
						}
						
		.wrapperQuoteAuthor {
			width:205px;
			position:relative;
			top:-10px;
			margin-left:170px;
		}
		
			.wrapperQuoteAuthor p.authorName {
				margin:0;
				padding:0;
				font-size:18px;
				font-weight:bold;
				color:#555555;
			}
			
			.wrapperQuoteAuthor p.professionName {
				margin:0;
				padding:0;
				font-size:12px;
				color:#555555;
			}
			
	.containerPortfolioPreview {
		width:inherit;
	}
		#elements{
			margin:-50px 0 0 -50px;
		}
		#elements td.element{
			position:relative;
			vertical-align:top;
			cursor:pointer;
			border:2px solid #ffffff;
		}
		#elements td.selected{
			border:2px solid #dadada;
		}
		.wrapperThumbnailPreviewPortfolio {
			position:relative;
			width:275px;
			
		}
		
			.imagePortfolio {
				width:inherit;
				margin-bottom:15px;
			}
		
			.projectPortfolioDescription {
				width:275px;
			}
			
				.projectPortfolioDescription h1, .projectPortfolioDescription p {
					margin:0;
					padding:0;
					color:#3e4651;
				}
				
				.projectPortfolioDescription h1 {
					font-size:18px;
					margin-bottom:15px;
				}
				
				.projectPortfolioDescription p {
					font-size:14px;
				}

				
/*css code for portfolio display*/

.containerMainPortfolioDisplay {
	width:inherit;
	margin-bottom:50px;
}

	.leftColumnPortfolioDisplay {
		width:470px;
		float:left;
	}
	
		.leftColumnPortfolioDisplay  h1, .leftColumnPortfolioDisplay p, .leftColumnPortfolioDisplay ul {
			margin:0;
			padding:0;
			color:#3e4651;
		}
		
			.leftColumnPortfolioDisplay  h1 {
				font-size:18px;
				margin-bottom:10px;
			}
			
			.leftColumnPortfolioDisplay a {
				background-color:#838383;
				padding:3px 5px;
				text-decoration:none;
				font-size:12px;
				color:#fff;
			}
			
			.leftColumnPortfolioDisplay a:hover {
				text-decoration:underline;
			}
			
			.leftColumnPortfolioDisplay p {
				font-size:14px;
				margin-top:20px;
			}
			
			.leftColumnPortfolioDisplay ul {
				list-style:none;
				margin-top:20px;
				font-size:14px;
			}
			
				.leftColumnPortfolioDisplay ul li {
					margin-bottom:10px;
				}
			
				.leftColumnPortfolioDisplay ul li img {
					position:relative;
					top:1px;
				}
	
	.rightColumnPortfolioDisplay {
		width:460px;
		float:right;
	}
		#displayContainer{
			width:436px;
			padding:12px;
			border:1px solid #ececec;
			background:#f3f3f3;
		}
			#displayContainer img.prev{ float:left; padding-bottom:10px; }
			#displayContainer img.next{ float:right; padding-bottom:10px; }
			#displayContainer .screenshot{position:relative;}
			#displayContainer .play{
				position:absolute;
				left:50%;
				top:50%;
				margin-left:-13px;
				margin-top:-15px;
			}
	
	
/*css code for our services*/

.largeTextHeaderOurServices {
	width:430px;
	float:left;
}

.containerMainOurServices {
	width:inherit;
	color:#3e4651;
}

	.wrapperTopParagraphOurServices {
		width:inherit;
		margin-bottom:45px;
	}
	
		.wrapperTopParagraphOurServices p {
			margin:0;
			padding:0;
			font-size:14px;
		}
		
	.leftColumnOurServices {
		width:645px;
		float:left;
		margin-bottom:90px;
	}
	
		.leftColumnOurServices p {
			margin:0;
			padding:0;
			font-size:14px;
		}
	
			#wrapperTabs {
				width:665px;
				margin-bottom:45px;
			}
				#wrapperTabs img{
					float:left;
					margin:20px;
				}
	
	.rightColumnOurServices {
		width:285px;
		float:right;
	}
	
		.wrapperTestimonialsOurServices {
			width:inherit;
		}
		
			.wrapperTestimonialsOurServices h1, .wrapperTestimonialsOurServices p, .wrapperTestimonialsOurServices h3 {
				margin:0;
				padding:0;
				color:#6b6b6b;
			}
			
				.wrapperTestimonialsOurServices h1, .wrapperTestimonialsOurServices p {
					font-size:14px;
					padding-bottom:20px;
				}
				
				.wrapperTestimonialsOurServices h3 {
					font-size:12px;
				}
				
				
/*css code for latest news*/

.largeTextHeaderLatestNews {
	width:430px;
	float:left;
}

.containerMainLatestNews {
	width:inherit;
}

	.leftColumnLatestNews {
		width:280px;
		margin-bottom:45px;
		float:left;
	}
	
		.wrapperDottedLineLatestNews {
			width:inherit;
			margin-bottom:12px;
		}
		
		.wrapperNewsTitleLatestNews {
			width:inherit;
			margin-bottom:15px;
		}
		
			.wrapperNewsTitleLatestNews h1, .wrapperNewsTitleLatestNews p {
				margin:0;
				padding:0;
			}
			
				.wrapperNewsTitleLatestNews h1 a {
					font-size:12px;
					color:#34a2df;
					text-decoration:none;
				}
				
				.wrapperNewsTitleLatestNews h1 a:hover {
					text-decoration:underline;
				}
				
				.wrapperNewsTitleLatestNews p {
					font-size:10px;
					color:#6B6B6B; 
				}
	
	.rightColumnLatestNews {
		width:620px;
		float:right;
		margin-bottom:60px;
	}
	
		.rightColumnLatestNews h1, .rightColumnLatestNews h4, .rightColumnLatestNews p {
			margin:0;
			padding:0;
		}
		
			.rightColumnLatestNews h1 {
				font-size:14px;
				color:#6b6b6b;
			}
			
			.rightColumnLatestNews h4 {
				font-size:10px;
				color:#6b6b6b;
				font-weight:normal;
			}
			
			.rightColumnLatestNews p {
				font-size:14px;
				color:#6b6b6b;
				padding-top:10px;
				padding-bottom:10px;
			}
			
			.rightColumnLatestNews p img {
				float:right;
				margin-left:20px;
				margin-bottom:20px;
			}
			.rightColumnLatestNews .news_text{display:none;}
			
			
/*css code for our team*/ 


.largeTextHeaderOurTeam {
	width:430px;
	float:left;
}

.containerMainOurTeam {
	width:inherit;
}

	.wrapperTextWholePageOurTeam {
		width:inherit;
		margin-bottom:35px;
	}
	
		.wrapperTextWholePageOurTeam p, .wrapperTextHalfPageOurTeam p {
			margin:0;
			padding:0;
			color:#6b6b6b;
		}
		
	.wrapperTextHalfPageOurTeam {
		width:605px;
		margin-bottom:40px;
	}
	
	.wrapperInfoAboutOurTeam {
		width:inherit;
	}
	
		.headerTopAboutOurTeam {
			width:inherit;
			margin-bottom:25px;
		}
		
	.wrapperDetailedInfoOurTeam {
		width:inherit;
		margin-bottom:50px;
	}
	
		.wrapperInfo1TeamMember {
			width:470px;
			float:left;
			margin-right:25px;
		}
		
			.wrapperInfo1TeamMember h1, .wrapperInfo1TeamMember h4, .wrapperInfo1TeamMember p {
				margin:0;
				padding:0;
				color:#6b6b6b;
			}
			
				.wrapperInfo1TeamMember h1 {
					font-size:14px;
					
				}
				
				.wrapperInfo1TeamMember h4 {
					font-size:10px;
					margin-top:-7px;
					margin-bottom:10px;
				}
				
				.wrapperInfo1TeamMember p {
					padding-bottom:10px;
				}
				
				.wrapperInfo1TeamMember p img {
					float:left;
					margin-right:10px;
					margin-bottom:10px;
				}

/*css code for our team*/
.containerMainContact {
	width:inherit;
	color:#3e4651;
}
	.wrapperFormContact{
		width:500px;
	}
		.send{
			display:block;
			width:140px;
			height:38px;
			padding:0 10px 3px 10px;
			border:none;
			color:#FFFFFF;
			font-size:18px;
			font-style:normal;
			background:#3f4447;
			cursor:pointer;
		}
	.wrapperInfoContact{
		float:right;
		width:425px;
	}
		.containerInfo{
			float:right;
			overflow:hidden;
			margin-top:20px;
			padding:20px 15px 10px 15px;
			background:#f1f1f1;
		}
			.containerInfo img{ float:left; margin:5px 15px 0 0; }
			.containerInfo h3{ margin:0; padding-bottom:5px;}
			.containerInfo a{
				font-size:18px;
				font-weight:bold;
				line-height:20px;
				color:#3E4651;
				font-family:Arial,Helvetica,sans-serif;
				font-size:14px;
				line-height:18px;
				text-decoration:none;
			}
			.containerInfo div{  padding-top:5px;}

		.containerInfoText{
			float:right;
			padding:20px 15px 10px 15px;
			margin-top:20px;
		}