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

/* set all the styles to 0 */
html, body, table, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
/* Firefox will always display a scroll bar */
html {
	min-height: 100%;
	margin-bottom: 1px;
}
html, body {
	height:100%;
}
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	text-align:center;
	margin:0px;
	padding:0px;
	background-color: #FFFFFF;
	background-image:url(../images/page-bg.jpg);
}
a {
	cursor: pointer;
	outline:none;
	color:#000;
	text-decoration:none;
}

a:hover {
	cursor: pointer;
	outline:none;
	color:#000;
	text-decoration:underline;
}
img {
	border:0px;
	outline:none;
}
p {
	padding:3px 0px;
	margin:0px;
}

h2{
font-size:9px;
color: #d1c1b4;
line-height:7px;
text-align:center;
}

h3{
font-size:8px;
color: #d1c1b4;
text-align:center;
line-height:7px;
}


.clear {
	clear:both;
	font-size:0;
	height:0;
}
.container-percentage {
	float:left;
	width:100%;
	overflow:auto;
}
.container {
	margin:0px auto;
	padding:0px;
	height:auto;
	text-align:left;
	width:992px;
}
.master {
	margin:0px;
	padding:0px;
	height:auto;
	width:992px;
	float:left;
}
.portfolioMaster {
	margin:0px;
	padding:0px;
	height:auto;
	width:992px;
	float:left;
}
.latestProjectL {
	margin:0px;
	padding:0px;
	height:456px;
	width:98px;
	float:left;
	padding-left:9px;
}
.latestProjectM {
	margin:0px;
	padding:0px;
	padding-left:22px;
	height:456px;
	width:697px;
	float:left;
	background-image:url(../images/latest-portfolio-bg.jpg);
	background-repeat:no-repeat;
}
.latestProjectM h1 {
	margin:0px;
	padding:0px;
	font-size:26px;
	font-weight:bold;
	color:#b60a0f;
}
.latestProjectR {
	margin:0px;
	padding:0px;
	height:456px;
	width:16px;
	float:left;
}
.portfolioCategoryMaster {
	margin:0px;
	padding:0px;
	height:auto;
	width:992px;
	float:left;
}
.PortfolioL {
	margin:0px;
	padding:0px;
	height:370px;
	width:108px;
	float:left;
}
.PortfolioM {
	margin:0px;
	padding:0px;
	padding-left:22px;
	height:370px;
	width:696px;
	float:left;
	background-image: url(../images/portfolio-bg.jpg);
	background-repeat:no-repeat;
}
.PortfolioMColmn {
	margin:0px;
	padding:20px 7px 0px 7px;
	height:auto;
	width:160px;
	float:left;
}
.PortfolioMColmnHeading {
	width:160px;
	font-size:20px;
	letter-spacing:-1px;
	font-weight:bold;
	float:left;
	text-transform:uppercase;
}
.PortfolioMColmntempContainer {
	width:155px;
	float:left;
	padding-top:5px;
	line-height:18px;
}
.PortfolioMColmntempContainer ul {
	padding:0px;
	margin:0px;
	list-style:none;
}
.PortfolioMColmntempContainer ul li {
	width:150px;
	float:left;
	padding-top:8px;
}
.PortfolioR {
	margin:0px;
	padding:0px;
	height:370px;
	width:143px;
	float:left;
}

.whoAmIMaster {
	margin:0px;
	padding:0px;
	height:auto;
	width:992px;
	float:left;
}

.whoAmIMasterL {
	margin:0px;
	padding:0px;
	height:466px;
	width:108px;
	float:left;
	text-align:right;
}
.whoAmIMasterM {
	margin:0px;
	padding:0px;
	height:466px;
	width:715px;
	float:left;
	background-image: url(../images/who-am-i-bg.jpg);
	background-repeat:no-repeat;
}

.whoAmIMasterColumn1{
	margin:0px;
	padding:0px;
	height:auto;
	width:320px;
	float:left;
	padding-left:10px;
	padding-right:15px;
}


.whoAmIMasterColumn1 ul{
	padding:0px;
	margin:0px;
	list-style:none;
}

.whoAmIMasterColumn1 ul li{
	width:300px;
	float:left;
	padding-top:2px;
	font-size:17px;
}


.whoAmIMasterColumn1 h1{
	font-size:20px;
	font-weight:bold;
	line-height:22px;
}

.whoAmIMasterColumn1 p{
	font-size:14px;
	line-height:18px;
}

.whoAmIMasterR {
	margin:0px;
	padding:0px;
	width:114px;
	float:left;
}



.myProcessMaster {
	margin:0px;
	padding:0px;
	height:auto;
	width:992px;
	float:left;
}

.myProcessMasterL {
	margin:0px;
	padding:0px;
	height:932px;
	width:108px;
	float:left;
	text-align:right;
}
.myProcessMasterM {
	margin:0px;
	padding:0px;
	padding-left:5px;
	height:932px;
	width:710px;
	float:left;
	background-image: url(../images/who-am-i-bg.jpg);
	background-repeat:repeat;
}

.myProcessMasterMCont {
	margin:0px;
	padding:0px;
	padding-left:5px;
	height:auto;
	width:685px;
	float:left;
}

.myProcessMasterMCont p{
	margin:0px;
	padding:0px;
	font-size:14px;
	line-height:18px;
}

.myProcessMasterMCont h1{
	margin:0px;
	padding:0px;
	font-size:18px;
	font-weight:bold;
	line-height:18px;
	text-transform:uppercase;
	padding:5px 0 0 0;
}


.myProcessMasterR {
	margin:0px;
	padding:0px;
	height:932px;
	width:114px;
	float:left;
}

.testimonialCont {
	margin:0px;
	padding:0px;
	padding-left:0px;
	height:auto;
	width:430px;
	float:left;
}
.testimonialImgCont {
	margin:0px;
	padding:0px;
	height:auto;
	width:250px;
	float:left;
}



.clientsMaster {
	margin:0px;
	padding:0px;
	height:auto;
	width:992px;
	float:left;
}

.clientsMasterL {
	margin:0px;
	padding:0px;
	height:466px;
	width:108px;
	float:left;
	text-align:right;
}
.clientsMasterM {
	margin:0px;
	padding:20px 0px 0px 0px;
	height:446px;
	width:716px;
	float:left;
	background-image: url(../images/who-am-i-bg.jpg);
	background-repeat:no-repeat;
}


.clientsMaster h1{
	font-size:20px;
	font-weight:bold;
	line-height:22px;
}

.clientsMaster p{
	font-size:14px;
	line-height:18px;
}

.clientsMasterR {
	margin:0px;
	padding:0px;
	width:114px;
	float:left;
}




.TalktoMeMaster {
	margin:0px;
	padding:0px;
	height:auto;
	width:992px;
	float:left;
	
}

.TalktoMeMasterL {
	margin:0px;
	padding:0px;
	height:466px;
	width:108px;
	float:left;
	text-align:right;
}
.TalktoMeMasterM {
	margin:0px;
	padding:0px;
	width:828px;
	float:left;
	background-image: url(../images/who-am-i-bg.jpg);
	background-repeat:no-repeat;

}

.TalktoMeMasterColumn1{
	margin:0px;
	padding:0px;
	height:auto;
	width:340px;
	float:left;
	padding-left:0px;
	padding-right:15px;
	
}
.TalktoMeMasterColumn1Form{
	margin:0px;
	padding:0px;
	height:auto;
	width:340px;
	float:left;
	padding-left:0px;

}



.TalktoMeMasterColumn1Form ul{
	padding:0px;
	margin:0px;
	list-style:none;
}

.TalktoMeMasterColumn1Form ul li{
	width:auto;
	float:left;
	padding-top:2px;
	font-size:17px;

}

.TalktoMeMasterColumn1Form ul li p{
	width:auto;
	float:left;
	padding:0px;
	margin:0px;
	font-size:17px;
}


.TalktoMeMasterColumn1Form ul li span{
	width:240px;
	float:left;
	padding:2px 5px 0px 5px;
	font-size:17px;
	background-image:url(../images/contact-details-bg.jpg);
	background-repeat:no-repeat;
	background-position:left;
	height:30px;
	margin-left:15px;
}


.TalktoMeMasterColumn1 ul li .input{
	width:216px;
	float:left;
	padding:8px 8px 4px 8px;
	font-size:14px;
	height:24px;
	border:none;
	margin:5px 0 0 0;
	background-image:url(../images/textbox-bg.jpg);
	background-repeat:no-repeat;
	background-position:right;
	font-weight:normal;
	border:0;
}

.TalktoMeMasterColumn1 ul li p .input{
	width:43px;
	float:left;
	padding:8px 8px 4px 8px;
	font-size:14px;
	height:24px;
	border:none;
	margin:5px 15px 0 0;
	background-image:url(../images/textbox-security-bg.jpg);
	background-repeat:no-repeat;
	background-position:right;
	font-weight:normal;
	border:0;
}

.TalktoMeMasterColumn1 ul li label{
	width:65px;
	float:left;
	padding:2px;
	font-size:17px;
	height:15px;
	margin:10px 0 0 0;
}
.TalktoMeMasterColumn1 ul li textarea{
	width:180px;
	float:left;
	padding:8px;
	font-size:14px;
	height:125px;
	margin:5px 0 0 0;
	overflow:auto;
	background-image: url(../images/text-area-bg.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	border:0;
}



.TalktoMeMaster h1{
	font-size:20px;
	font-weight:bold;
	line-height:22px;
}

.TalktoMeMaster p{
	font-size:14px;
	line-height:18px;
}

.TalktoMeMasterR {
	margin:0px;
	padding:0px;
	width:114px;
	float:left;
}


.footercontainer-percentage {
	float:left;
	width:100%;
	overflow:auto;
	background-image:url(http://m4.manpritkalsi.com/footer-bg.jpg);
	background-position:center top;
	height:678px;
}
.footercontainer {
	margin:0px auto;
	padding:0px;
	height:auto;
	text-align:left;
	width:992px;
}
.footermaster {
	margin:0px;
	padding:0px;
	height:152px;
	width:992px;
	float:left;
	background-image:url(http://m4.manpritkalsi.com/manprit-kalsi-10.png);
	background-position:center top;
	background-repeat:no-repeat;
}

.disclaimer h4 {
	margin:0px;
	margin-top:450px;
	padding:0px;
	height:auto;
	width:992px;
	float:left;
	font-size:10px;
	color:#cec4a3;
	line-height:12px;
	font-weight:normal;
}

.disclaimer h4 a{
	color:#cec4a3;
	text-decoration:none;
}

.disclaimer h4 a:hover{
	color:#cec4a3;
	text-decoration:none;
}



.links{
	font-size:16px;
	font-weight:bold;
}

.links a{
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	color:#a81d21;
}

.links a:hover{
	font-size:16px;
	font-weight:bold;
	text-decoration:underline;
	color:#a81d21;
}

.portfolioEnlargedBaseSmall
{
	width:880px;
	height:379px;
	padding:100px 0 0 0;
	margin:0;
	background-image: url(../images/portfolio-home/enlarged/enlarged-base-2.jpg)
}

.portfolioEnlargedBaseBig
{
	width:880px;
	height:532px;
	padding:100px 0 0 0;
	margin:0;
	background-image: url(../images/portfolio-home/enlarged/enlarged-base-1.jpg)
}


/*was as inline*/
/* Loadign Div Style */
#loading {
	position:absolute;
	width:200px;
	height:20px;
	text-align:center;
	padding:5px 0 0 0;
	background-color:#000;
	background-image:url(images/transpBlack.png);
	background-repeat:repeat;
	z-index:9999;
	font-size:13px;
	color:#FFF;
	left:45%;
}
.stepcarousel {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 155px; /*Width of Carousel Viewer itself*/
	height:150px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 2px; /*margin around each panel*/
	width: 148px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.stepcarousel-t {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 420px; /*Width of Carousel Viewer itself*/
	height:200px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt-t {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel .panel-t {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 2px; /*margin around each panel*/
	width: 420px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.textWhite
{
color:#FFFFFF;
}