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

*{ margin:0px; padding:0px;}

html, body{ width:100%; height:100%;}

body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; line-height:18px; background:#faf9f7;}


/*@media screen and (max-device-width: 480px){
    #banner img{
        width:100%;
        height:auto;
    }
}
*/


a{ outline:none; color:#ff9000; text-decoration:underline;}
img{ border:none;}

h1{ font-size:16px; color:#333333; margin-bottom:10px;}

p{ margin-bottom:10px;}

#wrapper{ width:100%; margin:0px auto;}

header{ background:url(images/bg-header.jpg) repeat-x center top; height:108px;}
	#top{ padding:9px 8px 0px 8px;}
	#logo{ text-align:center; position:absolute; left:50%; top:0px; margin-left:-105px;}
	#lang{ display:block; margin-top: 102px;}
	.bg-btn{ display:block; background:url(images/bg-btn.png) no-repeat; width:49px; height:36px; text-align:center; line-height:30px; font-size:12px; font-weight:bold; color:#333333; text-decoration:none;}
	.header-link-left{ background:#dcdcdc; min-width:42px; padding:7px 10px 7px 10px; text-align:center; border-radius:0px 25px 25px 0px; text-decoration:none; font-size:10px; font-weight:bold; color:#333333; margin-top:-45px;}
	.header-link-right{ background:#dcdcdc; min-width:42px; padding:7px 10px 7px 10px; text-align:center; border-radius:25px 0px 0px 25px; text-decoration:none; font-size:10px; font-weight:bold; color:#333333; margin-top:-45px;}
		.header-link-left:hover, .header-link-right:hover{ background:#fcbf0e; color:#333333;}

#banner{ text-align:center; padding-bottom:10px; }

#content-box{ background:url(images/bg-rpt-img.png) repeat-x; height:110px; text-align:center;}
	#content-box div{ width:296px; margin:0px auto;}
	#content-box a{ width:72px; float:left; text-align:center; text-decoration:none; font-size:12px; font-weight:bold; color:#103f95; margin:0px 1px;}
	

.shade-img{ position:relative; width:100%; height:10px; margin:0px auto;}

#content{ padding:5px 15px;}

#gallery-content{-webkit-box-shadow: inset 0px 7px 10px 0px rgba(0, 0, 0, 0.2); 
				box-shadow: inset 0px 7px 10px 0px rgba(0, 0, 0, 0.2); 
				background:url(images/bg-gallery-rpt.jpg); min-height:192px; padding:0px 15px; margin-bottom:5px;
				}
	.bg-white{ background:url(images/bg-white.png) no-repeat; width:144px; height:29px; line-height:26px; padding:0px 10px;}
	.gallery-box{ margin-top:10px; text-align:center;}
		.gallery-box a{ margin-right:12px;}
		.gallery-box a:last-child{ margin-right:0px;}

.bg-quote-rpt{ background:url(images/bg-quote-rpt.jpg) repeat-x; width:100%; height:70px; text-align:center; padding-top:45px;}

.bg-btn-blue{ display:block; background:url(images/bg-btn-blue.png) no-repeat; width:120px; height:28px; line-height:28px; text-align:left; font-size:11px; font-weight:bold; color:#FFFFFF; text-decoration:none; padding-left:13px;}
	.btn-marg{ margin-top:-20px;}

.customer-area{ background:#f8f7f5; padding:15px 15px 5px 15px;}
	
	.main-testimonial-box{ background:#c3e1f8; border:1px solid #8dc0e7; border-radius:10px; padding:10px; font-size:12px; color:#666666; margin-bottom:20px;}
	.testimonial-box{ float:left; margin:-10px 0px -10px 30px;}
	.icon-testimonial{ float:left; margin-top:-19px; margin-left:35px;}
	.icon-left-tstml{ width:22px; float:left; margin-right:10px;}
	.icon-right-tstml{ width:22px; float:right; margin-left:10px;}


nav{ background:url(images/bg-nav.jpg); min-height:230px;
	-webkit-box-shadow:  0px 0px 19px 0px rgba(0, 0, 0, 0.3);        
    box-shadow:  0px 0px 19px 0px rgba(0, 0, 0, 0.3);
	border-radius:20px;
	border:3px solid #FFFFFF;
	margin-bottom:20px;
	padding:25px 30px 0px 25px;
	}
	nav ul{ list-style:none;}
	nav ul li{	text-align:center; position:relative; margin-bottom:20px;}
	nav ul li img{ position:absolute; left:0px; margin-top:38px; margin-left:15px;}
	nav ul li a{
		-webkit-box-shadow: inset 0px 2px 0px 0px rgba(177, 149, 8, 0.8);
        box-shadow: inset 0px 2px 0px 0px rgba(177, 149, 8, 0.8);
		border-radius:10px;
		background:#FFFFFF;
		padding:10px;
		font-size:19px; 
		font-weight:bold; 
		color:#333333; 
		text-decoration:none;
		display:block;
	}
	nav ul li a:hover, nav ul li a.active{}



/* Page Who-we-are */
	.collapse{ margin-bottom:0px;}
	.collapse a{-webkit-box-shadow:  0px 6px 8px 1px rgba(0, 0, 0, 0.1);
        box-shadow:  0px 6px 8px 1px rgba(0, 0, 0, 0.1);
		background:url(images/bg-collapse.jpg) repeat-x; 
		height:40px; 
		line-height:40px;
		font-size:16px;
		font-weight:bold;
		text-decoration:none;
		color:#333333;
		display:block;
		border-radius:10px;
		margin-bottom:15px;
		padding:0px 5px 0px 15px;
		}


/* Page Methodology */
	.bg-btn-yellow{ display:block; background:url(images/bg-btn-yellow.png) no-repeat; width:120px; height:29px; line-height:29px; text-align:right; font-size:11px; font-weight:bold; color:#FFFFFF; text-decoration:none; padding-right:13px;}
	.icon-arrow{ float:right; margin:-10px 0px 0px 0px;}


/* Page Design */
	.design-box{ width:290px; margin:0 auto;}
		.design-box a{ width:140px; display:inline-block; text-align:center; text-decoration:none; font-size:16px; font-weight:bold; color:#103f95; line-height:22px; margin-bottom:15px;}
		.design-box a:hover{ text-decoration:underline;}


/* Page Services */
	.bg-btn-yellow2{ display:block; background:url(images/bg-btn-yellow2.png) no-repeat; width:110px; height:29px; line-height:29px; text-align:left; font-size:11px; font-weight:bold; color:#FFFFFF; text-decoration:none; padding-left:23px;}


/* Page Portfolio */
	.collapse2{ }
	.collapse2 a{-webkit-box-shadow:  0px 6px 8px 1px rgba(0, 0, 0, 0.1);
        box-shadow:  0px 6px 8px 1px rgba(0, 0, 0, 0.1);
		background:url(images/bg-collapse-white.jpg) repeat-x; 
		height:40px; 
		line-height:40px;
		font-size:16px;
		font-weight:bold;
		text-decoration:none;
		color:#333333;
		display:block;
		border-radius:10px;
		margin-bottom:15px;
		padding:0px 5px 0px 15px;
		text-align:left;
		}

	.collapse2 .portfolio-pagination{ text-align:center;}
	.collapse2 .portfolio-pagination a{-webkit-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
        	box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0); 
			background:none;
		}
	.collapse2 .portfolio-pagination a.left{ float:left; margin-top:8px; width:41px; padding:0px;}
	.collapse2 .portfolio-pagination a.right{ float:right; margin-top:8px; width:41px; padding:0px;}
	
	.collapse2 .portfolio-pagination .bg-white2{-webkit-box-shadow:  0px 0px 10px 4px rgba(0, 0, 0, 0.1);
			box-shadow:  0px 0px 10px 4px rgba(0, 0, 0, 0.1);
			background:#FFFFFF;
			 height:47px; 
			 width:100%; 
			 display:block;
			 margin-bottom:10px;
			 text-align:center;
		 }
	.collapse2 .portfolio-pagination .bg-white2 a{ float:left; margin:0px; display:block; margin-top:3px;}
	.collapse2 .portfolio-pagination .bg-white2 a:hover{ background:#fbb500; border-radius:50px; padding:0px 15px;}



/* Page Development */
	.collapse3{ border:1px solid #ceddf4; border-radius:10px; margin-bottom:20px;}
	
	.bg-collapse-grdnt{		
		background: rgb(235,242,253); /* Old browsers */
		background: -moz-linear-gradient(top, rgb(235,242,253) 0%, rgb(198,215,243) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(235,242,253)), color-stop(100%,rgb(198,215,243))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgb(235,242,253) 0%,rgb(198,215,243) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgb(235,242,253) 0%,rgb(198,215,243) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, rgb(235,242,253) 0%,rgb(198,215,243) 100%); /* IE10+ */
		background: linear-gradient(to bottom, rgb(235,242,253) 0%,rgb(198,215,243) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf2fd', endColorstr='#c6d7f3',GradientType=0 ); /* IE6-9 */
		font-size:15px;
		font-weight:bold;
		color:#333333;
		padding:0px 10px;
		min-height:44px;
		line-height:44px;
		display:block;
		text-decoration:none;
		}
	.collapse-content{ background:url(images/bg-white-rpt.jpg); padding:10px;}
	
	.bdr-rds{ border-radius:10px 10px 0px 0px !important;}
	.bdr-rds2{ border-radius:0px 0px 10px 10px!important;}
	
	
/* Page Markiting */
	.markiting-box{ display:block; background:#ffffff url(images/bg-blue-marketing-rpt.jpg) repeat-x; height:87px; border:1px solid #ceddf4;
		-webkit-box-shadow: inset 0px 0px 1px 2px rgba(255, 255, 255, 1);
        box-shadow: inset 0px 0px 1px 2px rgba(255, 255, 255, 1);
		border-radius:10px;
		font-size:20px;
		line-height:24px;
		font-weight:bold;
		color:#333333;
		text-decoration:none;
		padding-left:15px;
		margin-bottom:15px;
		}
	.markiting-box span{ width:160px; position:absolute; z-index:1000; margin-top:15px;}
	.markiting-box img{ float:right; margin:-1px -1px 0px 0px;}


/* Page Contact */
	#contact-blue-rpt-img{-webkit-box-shadow: inset 0px 7px 10px 0px rgba(0, 0, 0, 0.2); 
			box-shadow: inset 0px 7px 10px 0px rgba(0, 0, 0, 0.2); 
			background:url(images/contact-blue-rpt-img.jpg);
			padding:0px 15px; 
			margin-bottom:5px;
			color:#FFFFFF;
			font-size:12px;
			font-weight:bold;
			}
	#contact-blue-rpt-img input{ background:#ffffff; width:96%; height:34px; line-height:34px; border:none; border-top:2px solid #38455e; padding:0px 5px; margin:3px 0px 12px 0px;}

	.bg-btn-yellow3{ display:block; background:url(images/bg-btn-yellow3.png) no-repeat; width:133px; height:29px; line-height:29px; text-align:center; font-size:11px; font-weight:bold; color:#000000; text-decoration:none;}
	
	#contact-blue-rpt-img input.btn-submit{ display:block; background:url(images/btn-submit.png) no-repeat; width:162px; height:23px; line-height:23px; text-transform:uppercase; font-size:17px; font-weight:bold; text-align:center; text-decoration:none; color:#333333; border:none; padding-top:5px; cursor:pointer;}




.openlanguage{ display:block; width:78px; height:78px; background:url(images/hide-btn.png) no-repeat; cursor:pointer; }
.closedlanguage{ display:block; width:78px; height:78px; background:url(images/show-btn.png) no-repeat; cursor:pointer;}
.thelanguage{ float:left; width:100%;}



.border-none{ border:none;}
.bold-text{ font-weight:bold;}
.center-text{ text-align:center;}
.italic-text{ font-style:italic;}

.left{ float:left;}
.right{ float:right;}

.top-marg{ margin-top:10px;}
.right-marg{ margin-right:10px;}
.bottom-marg{ margin-bottom:10px;}
.left-marg{ margin-left:10px;}

.top-marg2{ margin-top:5px;}
.right-marg2{ margin-right:5px;}
.bottom-marg2{ margin-bottom:5px;}
.left-marg2{ margin-left:5px;}

.top-marg3{ margin-top:20px;}

.clear{clear:both;}


footer{ background:url(images/bg-footer.jpg) repeat-x; height:56px; margin:0px auto; padding:24px 45px 0px 45px; font-size:12px; font-weight:bold; line-height:16px;}
#footer-content{ width:230px; margin:0px auto;}