
/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font:12px Arial, Helvetica, sans-serif; color: #626262; text-align:justify; }
input, select, textarea { font:11px Arial, Helvetica, sans-serif; color: #000; }
body { background: #e2e2e2 url('../images/bodyBg.gif') center top repeat-x; }
ul { display:block; }
li { list-style:none; }
img { border: 0px; }
p { padding:0px 0px 10px 0px; line-height:22px; }

h1 { padding:0px 0px 4px 0px; margin:0px 0px 25px 0px; font:27px Arial, Helvetica, sans-serif; color:#282828; border-bottom: #cccccc solid 1px; background: url(../images/h1-right.gif) right 10px no-repeat; }
h2 { padding:0px 0px 4px 0px; margin:0px 0px 15px 0px; font:22px Arial, Helvetica, sans-serif; color:#282828; background:url(../images/h1Row.gif) left bottom repeat-x; }
h3 { padding:0px 0px 0px 0px; font:22px Arial, Helvetica, sans-serif; color:#8d5b11; }
h4 { padding:0px 0px 4px 0px; margin:0px 0px 16px 0px; font:21px Arial, Helvetica, sans-serif; color:#cccccc; background:url(../images/h4Row.gif) 0% 90% repeat-x; }

/* ### GLOBAL CLASSES & IDS ### */
.clear { clear: both; height: 1px; }

ul.featureList { margin:0px; padding:20px 0px 0px 32px; }
ul.featureList li { padding:0px 0px 7px 11px; font:bold 12px Arial, Helvetica, sans-serif; color:#626262; background:url(../images/listDisc.gif) 0px 5px no-repeat; }

ul.featureList1 { margin:0px; padding:0px 0px 0px 0px; }
ul.featureList1 li { padding:0px 0px 7px 11px; font:bold 12px Arial, Helvetica, sans-serif; color:#626262; background:url(../images/listDisc.gif) 0px 5px no-repeat; }

ul.linkList {}
ul.linkList li { padding:0px 0px 3px 0px; }
ul.linkList li a { font:12px Arial, Helvetica, sans-serif; color:#cccccc; text-decoration:underline; }
ul.linkList li a:hover { color:#fff; }

ul.linkList1 {}
ul.linkList1 li { padding:0px 0px 3px 20px; background:url(../images/bullet.gif) 0px 02px no-repeat; }
ul.linkList1 li a { font:12px Arial, Helvetica, sans-serif; color:#cccccc; text-decoration:underline; }
ul.linkList1 li a:hover { color:#fff; }

.moreinfo { padding:5px 0px 0px 32px;}

.viewarticles { padding:7px 0px 0px 12px; }
.viewarticles a { font:bold 12px Arial, Helvetica, sans-serif; color:#000000; text-decoration:underline; }
.viewarticles a:hover { text-decoration:none; }

/* ### WRAPPER ### */
#wrapper { position:relative; display:block; width:100%; min-height:100%; }

/* ### MAIN CONTAINER ### */
#mainCntr { padding:0px 0px 0px 0px; margin: 0px auto; width: 930px; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { height:101px; overflow:hidden; }
	
		.headerLeftBox { padding:11px 0px 0px 0px; display:block; float:left; }
		.headerRightBox { padding:0px 0px 0px 0px; display:block; float:right; }
		
			.headerRightBox ul { padding:65px 0px 0px 0px; height: 34px; overflow: hidden; }
			.headerRightBox ul li { display:block; float:left; }
			.headerRightBox ul li a { padding:0px 0px 0px 5px; display:block; float:left; font:13px Arial, Helvetica, sans-serif; color:#d9d9c2; text-decoration:none; cursor:pointer; }
			.headerRightBox ul li a span { padding:11px 20px 12px 15px; display:block; float:left;; }
			.headerRightBox ul li a:hover { color:#fff; background:url(../images/topMenuLeft.gif) left top no-repeat; }
			.headerRightBox ul li a:hover span { background:url(../images/topMenuRight.gif) right top no-repeat; }
			.headerRightBox ul li a.active { color:#fff; background:url(../images/topMenuLeft.gif) left top no-repeat; }
			.headerRightBox ul li a.active span { background:url(../images/topMenuRight.gif) right top no-repeat; }
			
	
	/* ### BANNER CONTAINER ### */
	#bannerCntr { height:295px; overflow:hidden; background:url(../images/banner.gif) 0px 13px no-repeat; }
	
		.bannerBox { padding:75px 0px 0px 352px; color:#fff; font:30px Arial Narrow, Helvetica, sans-serif; }
		.bannerBox p{ padding:3px 0px 0px 0px; font:14px Arial, Helvetica, sans-serif; line-height:20px; }
		
		.bannerBox .button { padding:10px 10px 0px 0px; float:left; }
	
/* ### TOP CONTAINER ### */
	.mainBoxTop { padding:0px 0px 1px 0px; width:930px; margin:0px auto; }
	.mainBoxTop .leftBox { padding:23px 80px 10px 0px; width:606px; float:left; }
	
		.mainBoxTop .leftBox div.leftPanel { padding:0px 75px 0px 0px; width:208px; float:left; background:url(../images/vline.gif) right top repeat-y; }
		
			div.leftPanel h3 span { padding:2px 0px 10px 30px; background:url(../images/creativeServiceImg.gif) 0px 0px no-repeat; }
			
		.mainBoxTop .leftBox div.rightPanel { padding:0px 0px 0px 40px; width:283px; float:left; }
		
			div.rightPanel h3 span { padding:2px 0px 10px 30px; background:url(../images/webDevelopmentImg.gif) 0px 0px no-repeat; }
	
	.mainBoxTop  .rightBox { padding:25px 20px 28px 20px; width:204px; float:right; background:#cacaca url(../images/resourceBg.gif) left top repeat-x; }

/* ### MIDDLE CONTAINER ### */
#mainCntrMiddle { padding:30px 0px 30px 0px; background:#fff; }
	.mainBoxMiddle { width:930px; margin:0px auto; }
		
		.rightArrow { padding-top: 15px; float: right; }
		.projectImgZone { height:141px; overflow:hidden; }
		.projectimg { padding:0px 30px 0px 0px; float:left; }
		.projectimgLast { padding:0px 0px 0px 0px; float:left; }

/* ### BOTTOM CONTAINER ### */
#mainCntrBottom { padding:37px 0px 30px 0px; background:#282828; }
	.mainBoxBottom { width:930px; color:#cccccc;  margin:0px auto; }
	.mainBoxBottom_content { width: 930px; overflow: hidden; }
		.mainBoxBottom li.leftBox { padding:0px 70px 0px 40px; display:block; width:187px; float:left; background:url(../images/shareIcon.gif) 0px 0px no-repeat; }		
		.mainBoxBottom li.centerBox { padding:0px 60px 0px 40px; display:block; width:280px; float:left; background:url(../images/contactIcon.gif) 0px 0px no-repeat; }		
		.mainBoxBottom li.rightBox { padding:0px 0px 0px 40px; display:block; width:212px; float:left; background:url(../images/rssIcon.gif) 0px 0px no-repeat; }
		

		
		.mainBoxBottom div.footer { padding:30px 0px 20px 0px; margin:30px 0px 0px 0px; text-align:center; font:11px Arial, Helvetica, sans-serif; color:#605f5f; background:#000000; }
		.footer ul { padding:0px 0px 3px 0px; }
		.footer ul li { padding:0px 10px 0px 10px; border-right:1px solid #8b8b8b; display:inline; }
		.footer li a { font:12px Arial, Helvetica, sans-serif; color:#8b8b8b; text-decoration:none; }
		.footer li a:hover { color:#fff; }
		
		/* inner pages css start */
h1.inner{font:33px Myriad Pro, Arial; color:#fff; font-weight:100; margin:0px; padding:25px 0px 10px 0px; background:none}
.aboutus-img{float:right; border:4px solid #b0a48b;	margin:0px 0px 10px 20px;}
h5{font:18px Myriad Pro, Arial, Helvetica, sans-serif; color:#282828; padding:0px 0px 5px 0px;	border-bottom:1px dotted #333;	margin:0px 0px 10px 0px;}
h6{font:20px Myriad Pro, Arial, Helvetica, sans-serif; color:#282828; padding:0px 0px 5px 0px;	margin:0px 0px 10px 0px;}
.aboutcolumnzone{padding:20px 0px 16px 0px;}
.aboutcolumn1{width:48%; float:left; margin:0px 0px 10px 0px;}
.aboutcolumn2{width:48%; float:right; margin:0px 0px 10px 0px;}
.abouticon{float:left; margin:0px 20px 0px 0px;}
.insidereadmore{padding:10px 0px 10px 0px;}
input.button{color:#ffffff;	background:#414141;	font:bold 11px Arial, Helvetica, sans-serif; text-decoration:none; padding:10px 10px; margin:0px 5px 5px 0;	border:1px solid #000000;}
input.button:hover{cursor:pointer; color:#cccccc;}
.project-img{float:right; margin-left:20px;	border: 6px solid #ccc;}
.whiteheading{font:30px Myriad Pro, Arial; color:#ffffff; font-weight:100;	padding:0px; margin:25px 0px 20px 0px;}
.ourprojectrow{margin-bottom:20px;	border-bottom:1px dotted #333; padding-bottom:10px; width: 95%;}
.servicecolumnzone{padding:20px 0px 16px 0px;}
.servicecolumn1{width:48%; float:left; margin:0px 0px 10px 0px;}
.servicecolumn2{width:48%; float:right;	margin:0px 0px 10px 0px;}
.blog-posted-row{padding:3px;}

.mainBoxMiddle_inner { width:930px; margin:0px auto; }
.mainBoxMiddle_inner a { color: #444; }
.mainBoxMiddle_inner h1 { background: none; }
/* inner pages css ends */