/*CSS Document*/
/*Comment all css which you are not useing in Layout*/
/*Don't use undescore(_)*/
/*Don't define font family in body*/  
/*UseProper name for css*/

/*ClearFix*/
.Clearfix:after{content: ".";display: block;clear:both;visibility:hidden;line-height:0;height:0;}
.Clear{clear:both;}
.Clearfix{display: inline-block;}

#Wraper{width:100%;height:auto;margin:0px;}
#MainWraper{width:953px;height:auto;margin:0px auto;}

.Header{width:953px;float:left;}
.SearchSection{width:953px; float:left; padding:7px 0px 8px 0px;}
.SearchArea{width:328px; float:right;}
.LoginTxt{width:90px; float:left; padding:6px 0px 0px 0px;}
.SearchTxt{width:200px; float:left;}

.HeaderSection{width:953px; float:left; padding:15px 0px 33px 0px;}
.Logo{width:231px; float:left; background:url(../images/logo_design.jpg) no-repeat; height:103px}

/*========================================================<Navigation Links Starts>=============================================*/
.Navigation{width:720px;float:right;}
.NavigationLinks{float:right;width:700px;padding:35px 0px 0px 0px;margin:0px 0px 0px 40px; text-align:right;}
.NavigationLinks ul {display:inline;list-style:none;padding:0px;margin:0px}
.NavigationLinks ul li {float:left;padding:0px;margin:0px;padding:0px 0px 0px 30px;}
.NavigationLinks ul li a {color:#635b4f;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-weight: normal;			text-transform:uppercase;letter-spacing:1px;}
.NavigationLinks ul li a:hover{color:#000000;text-decoration:none}
/*========================================================<Navigation Links Ends>=============================================*/

/*======================================================<Middle Section start here>=============================================*/

#MiddleWraper{float:left;width:953px;height:auto;margin:auto;}
.Banner{float:left;width:953px; height:328px;}

.MiddleContainer{width:953px;float:left;}

.RecentWork{width:353px; float:left; background:url(../images/recent_work_txt.jpg) no-repeat 0px 14px;}
.RecentWork .Image{width:353px; float:left; padding-top:38px}
.RecentWork p{width:353px; float:left; padding-top:15px}
.RecentWork .FindMore{width:353px; float:left; padding:12px 0px 0px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#534a3d}
.RecentWork .FindMore a{ color:#534a3d}
.RecentWork .FindMore a:hover{color:#f3901d; text-decoration:none }
.RecentWork .FindMore span{color:#f3901d; padding-right:2px}


.HomePagePromo{width:353px; float:left;}
.HomePagePromo .Image{width:353px; float:left; padding-top:38px}
.HomePagePromo p{width:353px; float:left; padding-top:15px}
.HomePagePromo .FindMore{width:353px; float:left; padding:12px 0px 0px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#534a3d}
.HomePagePromo .FindMore a{ color:#534a3d}
.HomePagePromo .FindMore a:hover{color:#f3901d; text-decoration:none }
.HomePagePromo .FindMore span{color:#f3901d; padding-right:2px}

.Introducing { background:url(../images/introducing.png) no-repeat 0px 14px;}

.CaseStudy{width:353px; float:left; background: url(../images/case_study_txt.jpg) no-repeat 0px 14px;}
.CaseStudy .Image{width:353px; float:left; padding-top:38px}
.CaseStudy p{width:353px; float:left; padding-top:15px}
.CaseStudy .FindMore{width:353px; float:left; padding:12px 0px 0px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#534a3d}
.CaseStudy .FindMore a{ color:#534a3d}
.CaseStudy .FindMore a:hover{color:#f3901d; text-decoration:none }
.CaseStudy .FindMore span{color:#f3901d; padding-right:2px}


.BookSection{width:206px; float:left;}
.BookContent{width:196px; float:left; position:relative}
.BookContent .FindMore{width:196px; float:left; padding:12px 0px 0px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#534a3d}
.BookContent .FindMore a{ color:#534a3d}
.BookContent .FindMore a:hover{color:#f3901d; text-decoration:none }
.BookContent .FindMore span{color:#f3901d; padding-right:2px}

#BookImage{position:absolute;left:93px;top:-41px;width:93px;height:105px;z-index:1;}


.CategorySection{width:100%; float:left; padding:20px 0px 40px 0px;}
.Category{width:953px; margin:auto;}

.CategoryLinks{float:left;width:128px;}
.CategoryTitle{width:128px; float:left;}

.CategoryLinks ul{padding:0px;margin:0px;list-style:none}
.CategoryLinks ul li {display:block;padding:0px 0px;float:left;margin:0px;color:#534a3d;}
.CategoryLinks ul li a {float:left;width:128px;padding:14px 0px 0px 0px;font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;color:#534a3d;font-weight:normal;}
.CategoryLinks ul li a:link {color:#534a3d;}
.CategoryLinks ul li a:visited {color:#534a3d;}
.CategoryLinks ul li a:hover{float:left;color:#000;text-decoration:none}

.CaseStudiesRightSection{width:677px; float:left; padding:0px 0px 0px 22px;}
.CaseStudiesBanner{width:677px; float:left;}
.CaseStudiesListingSection{width:677px; float:left; padding:0px 0px 5px 0px;}

.ListingSectionLeft{width:250px; float:left;}
.ListingSectionRight{width:300px; float:right;}

.CaseStudiesDetailSection{width:677px; float:left; padding:8px 0px 0px 0px;}
.CaseStudiesDetail{width:677px; float:left;}
.CaseStudiesDetailArea{width:588px; margin:0 auto; padding:53px 0px;}
.CaseStudiesDesc p { padding: 14px 0 0 0;}

.Listing {padding-left:3px;text-align:right; float:right;}
.Listing ul li {display: inherit; float: left;}
.Listing a { margin:5px; color:#036cb4; text-decoration:none;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#534a3d;}
.Listing a:hover { text-decoration:none;}

/*========================================================<Middle Section end here>=============================================*/

/*Footer start here*/
#FooterWraper{width:100%;margin:0px auto;clear:both;}
.Footer{width: auto; margin:auto;padding:27px 0px 90px 0px;}
.FotterLeft{width:400px; float:left;}
.FooterRight{width:455px; float:right;}


/*=====================================================<Portfolio Page start here>=============================================*/
.PortfolioSection{width:953px; float:left;}
.PortfolioTitleSection{width:953px; float:left; padding:0px 0px 5px 0px;}
.PortfolioTitleLeft{width:450px; float:left;font-family:Georgia, "Times New Roman", Times, serif;font-size:28px;font-weight:normal ; color:#534a3d}
.PortfolioTitleLeft span{ color:#f3901d}
.PortfolioTitleLeft span.Brown2{ color:#948671}

.PortfolioTitleRight{width:500px; float:right; padding:18px 0px 0px 0px; text-align:right;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; text-transform: uppercase;}

.PortfolioTitleRight .links{ float:right; width:500px; color:#534a3d; border: 0px solid #000;}
.PortfolioTitleRight .links a:link{ color:#948671}
.PortfolioTitleRight .links a:visited{ color:#948671}
.PortfolioTitleRight .links a:hover{  color:#534a3d; text-decoration:none}

.PortfolioDetail{width:953px; float:left; padding-top:5px}
.PortfolioDetailLeft{width:251px; float:left; padding-top:20px;}

.PortfolioLinks{width:220px; float:left; padding:0px 0px 60px 27px;}
.PortfolioLinks ul{padding:0px;margin:0px;list-style:none}
.PortfolioLinks ul li{display:block;padding:0px 0px}
.PortfolioLinks ul li a{float:left;width:220px;padding:11px 0px 0px 0px;font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;color:#948671;font-weight:normal;}
.PortfolioLinks ul li a:hover{float:left;color:#82745d;text-decoration:none}
.PortfolioLinks ul li a#current{color:#534a3d;text-decoration:none}


.PortfolioBookSection{width:251px; float:left; padding-top:10px; position:relative}
#Book{position:absolute;left:154px;top:-60px;width:97px;height:102px;z-index:1;}
.PortfolioBookContent{width:224px; float:left;}
.ProjectOverview{width:224px; float:left;}
.ProjectOverview p{width:224px; background:url(../images/project_overview.jpg) no-repeat 0px 3px; height:15px}

.BottomShape{width:251px; float:left;}

.PortfolioBookContent .FindMore{font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#534a3d}
.PortfolioBookContent .FindMore a{ color:#534a3d}
.PortfolioBookContent .FindMore a:hover{color:#f3901d; text-decoration:none }
.PortfolioBookContent .FindMore span{color:#f3901d; padding-right:2px}
.PortfolioBookContent .Overview p{font-style:italic; padding: 0 7px 0 0;}
.PortfolioBookContent .Overview span{color:#948671; font-style:italic; font-weight:bold; font-size:18px;}

.PortfolioDetailRight{width:678px; float: right; margin-left:23px;background-color:#dfddda;}
.PortfolioArea{width:646px; margin:0 auto;}
.FeaturedProjects{width:639px; float:left; padding:14px 0px 10px 7px;}

.Projects{width:650px; float:left; padding-left:7px}
.Projects ul{ display:block; list-style:none}
.Projects ul li{width:323px; float:left; padding-bottom:20px }
.Projects ul li img{border:10px solid #ffffff;}
.Projects ul li p{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#534a3d; padding-left:5px;}

.PortfolioImgSection{width:646px; float:left;}
.PortfolioImg{width:310px; float:left; padding:0px 0px 27px 0px;}

/*=====================================================<Case Study Page start here>=============================================*/

.CaseStudyRight{width:678px; float: right; margin-left:23px;}
.CaseStudyIntro{width:663px; float: right; margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: 1px solid #c6c3bc; border-collapse:collapse;}
div.CaseStudyIntro img {display:block; border: 0px solid #000;}
.CaseStudyInset{padding: 0px 30px 0px 50px; margin: 0; background-image:url(../images/case_study_page_bk.jpg); background-repeat:repeat-y; border: 0px solid #000;}
.CaseStudyRightDetail{width:678px; float: right;}
.CaseStudyArea{width:646px; margin:0 auto;}



/*=====================================================<Contact Page start here>=============================================*/

.ContactSection{width:376px; margin:0 auto; padding-top:27px}
.ContentSection{width:370px; float:left; padding-bottom:22px}
.ContentSection h2{font-family: Georgia, "Times New Roman", Times, serif;font-size:40px;font-weight:normal;color:#534a3d; line-height:normal; }

.ContentSection h2 span{ color:#f3901d;}
.ContentSection p{width:370px; float:left; padding-top:16px}

.FormSection{width:370px; float:left;}
.FormArea{width:370px; float:left; padding:14px 0px 0px 0px;}
/*========================================================<About Page start here >=============================================*/
.AboutLeftSection{width:251px; float:left; padding-top:90px;}
.HowSection{width:220px; float:left; background:url(../images/top_img.jpg) no-repeat 0px 0px #000; margin-top:22px; padding-top:30px; padding-left:21px; padding-right:10px; padding-bottom:30px}
.HowSection h2{ font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; color:#fff; font-weight: bold;}
.HowSection p{ font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; color:#f3901d; font-weight:normal; line-height:26px; padding-left:25px}
.HowSection span{ font-family:Georgia, "Times New Roman", Times, serif; font-size:35px; color:#fff; font-weight: bold;line-height:20px; padding:0px; margin:0px }

.HowSection .FindMore{ float:left; padding:5px 0px 0px 15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#fff}
.HowSection .FindMore span{ padding:2px 2px 0px 0px; float:left;  font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#f3901d}

.HowSection .FindMore a{ color:#fff}
.HowSection .FindMore a:hover{color:#f3901d; text-decoration:none }

.About{width:555px; margin:0 auto; }
.About h2{ font-family:Georgia, "Times New Roman", Times, serif; font-size:28px; color:#534a3d; font-weight:normal; padding-bottom:10px;}
.About h2 span{ color:#f3901d;}
.About p{ font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#534a3d; line-height:28px; padding-bottom:30px; text-align:justify;}

.About ul{ float:left; padding-left:35px; list-style:none;}
.About ul li{background:url(../images/dot.jpg) no-repeat 0px .7em; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#534a3d; padding:0px 0px 18px 16px; line-height:23px;}

/*===================================================<Capabilities Page start here>=============================================*/

.CapabilitiesSection{width:588px; margin:0 auto; padding:53px 0px;}
.CapabilitiesSection h2{font-family: Georgia, "Times New Roman", Times, serif;font-size:28px;font-weight:normal;color:#534a3d; padding-bottom:10px }
.CapabilitiesSection h2 span{ color:#f3901d;font-family: Georgia, "Times New Roman", Times, serif;font-size:28px;font-weight:normal;}


.CapabilitiesSection h3{font-family: Georgia, "Times New Roman", Times, serif;font-size:18px;font-weight:normal;color:#534a3d;line-height:28px; text-align:justify; padding-bottom:25px }


.CapabilitiesSection p{color:#534a3d;font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px;font-weight: normal; line-height: 24px; margin: 0 0 12px 0;}

.CapabilitiesSection span.Orange{ color:#f3901d; font-weight:bold; padding:0px 2px}

.CapabilitiesSection span.Serif{padding-bottom:20px;line-height:24px;color:#534a3d;font-family: Georgia, "Times New Roman", Times, serif;font-size:16px;}

.CapabilitiesSection  ul{ float:left; padding-left:35px; list-style:none;}
.CapabilitiesSection  ul li{background:url(../images/dot.jpg) no-repeat 0px .7em; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#534a3d; padding:0px 0px 18px 16px; line-height:23px;}

/*=============================================<interactive design Page start here>=============================================*/

.InteractiveLinks{width:220px; float:left; padding:0px 0px 38px 27px;}
.InteractiveLinks ul{padding:0px ;margin:0px;list-style:none}
.InteractiveLinks ul li{ padding:0px; margin:0px; display:block}

.InteractiveLinks ul li a{float:left;width:220px;padding:12px 0px 0px 0px;font-family: Georgia, "Times New Roman", Times, serif;
	font-size:16px;color:#948671;font-weight:normal;}
.InteractiveLinks ul li a:hover{float:left;color:#534a3d;text-decoration:none}
.InteractiveLinks ul li a#current{color:#534a3d;text-decoration:none}

.InteractiveLinks ul li ul{padding:10px 0px 26px 0px;margin:0px;list-style:none; float:left}
.InteractiveLinks ul li ul li{display:block;padding:0px 0px;}
.InteractiveLinks ul li ul li a{float:left;width:220px;padding:12px 0px 0px 0px;font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;color:#948671;font-weight:normal;}
.InteractiveLinks ul li ul li a:hover{float:left;color:#534a3d;text-decoration:none}
.InteractiveLinks ul li ul li a#current{color:#534a3d;text-decoration:none}

.HowDoSection{width:220px; float:left; background:#f4911e; margin-top:10px; padding-top:30px; padding-left:21px; padding-right:10px; padding-bottom:30px}
.HowDoSection h2{ font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; color:#fff; font-weight: bold;}
.HowDoSection p{ font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; color:#534a3d; font-weight:normal; line-height:26px; padding-left:25px}
.HowDoSection span{ font-family:Georgia, "Times New Roman", Times, serif; font-size:35px; color:#fff; font-weight: bold;line-height:20px; padding:0px; margin:0px }

.HowDoSection .FindMore{float:left; padding:5px 0px 0px 15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#fff}
.HowDoSection .FindMore span{ padding:2px 2px 0px 0px; float:left;  font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#fff}

.HowDoSection .FindMore a{ color:#534a3d}
.HowDoSection .FindMore a:hover{color:#fff; text-decoration:none }

/*=============================================<Twitter  start here>=============================================*/

.Twitter {
	clear: both;
	width: 100%;
	margin: 15px 0 0 0;
	padding: 10px 0 0 0;
}

.Tweet {
	float:left;
}

.Tweet .author {
	float:left;
	padding: 5px 10px 0 0;
}

.Tweet p {
	float:left;
}

.Tweet .date {
	width: 100px;
	float:left;
}

.Tweet .status {
	width: 600px;
	float:left;
}

.Facebook {
	float: right;
}