@charset "utf-8";
body {
	background-color:#ffffff;
}

.primary-text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#3a4040;
}

.secondary-text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#818181;
}

.detail-text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#666769;
}

.default-text1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#666769;
}

default-text2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#bc9737;
}

.flexheader {
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
}


.footertext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#929395;
	padding:12px;
	line-height:150%;

}

.title {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#0391d9;
}



.subtitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#797979;
}

.sectiontitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#3a4040;
}

.mgmtteam {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#2d3232;
	line-height:135%;
}

.mgmtdesignation {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
	color:#5b5a5a;
	line-height:135%;
}


.ourteamtext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#818181;
	padding:0;
	padding-left:10px;
	line-height:125%;
}

.headerpanel {
	background-color:#0391d9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#ffffff;
}

A.hylink1:Link, A.hylink1:Visited  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#fc5e27;
	text-decoration: none;
}

A.hylink1:Hover  {
	color:#c73300;
	text-decoration: underline;
}

A.hylink2:Link, A.hylink2:Visited  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#3a4040;
	text-decoration: none;
}

A.hylink2:Hover  {
	color:#1f2020;
	text-decoration: underline;
}

A.hylink3:Link, A.hylink3:Visited  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#3e3e3e;
	text-decoration: none;
}

A.hylink3:Hover  {
	color:#666769;
	text-decoration: underline;
}

A.hylink4:Link, A.hylink4:Visited  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#929395;
	text-decoration: none;
}

A.hylink4:Hover  {
	color:#3e3e3e;
	text-decoration: underline;
}

A.hylink5:Link, A.hylink5:Visited  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#0186d3;
	text-decoration: none;
}

A.hylink5:Hover  {
	color:#035e93;
	text-decoration: underline;
}

A.hylink6:Link, A.hylink6:Visited  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#bc9737;
	text-decoration: none;
}

A.hylink6:Hover  {
	color:#9a7412;
	text-decoration: underline;
}



#header {
	align: center;
}
	
.navbarcontactno {
	background-color:#e47726;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#ffffff;
}
	
.divider1 {
	background-color:#dedede;
	padding:0px !important;
}

.divider2 {
	background-color:#4f5555;
	padding:0px !important;
}

.divider3 {
	background-image:url(../images/divider_dotted.png);
	background-position:left top;
	background-repeat:repeat-x;
}

.divider4 {
	background-color:#cdcdcd;
	padding:0px !important;
}

.bullet_square {
	background-image:url(../images/bullet_square.png);
	background-position:left center;
	background-repeat:no-repeat;
}

#welcometext TD.primary-text {
	font-size:31px !important;
}

#welcometext div.secondary-text {
	font-size:18px !important;
	line-height:150% !important;
}

div.technology A.hylink1 {
font-size: 16px !important;
}

#tabletitle A.hylink1 {
font-size: 16px !important;
}

/*#grid {
	border:1px solid #cecdcd;
}

#grid.Hover {
	border: 1px solid red;
}*/

#grid TD.primary-text {
	font-size:18px !important;
	padding: 20px;
}

#grid TD.secondary-text {
	font-size:18px !important;
/*	line-height:150% !important;*/
}

#grid TD.headerpanel {
	text-transform: uppercase;
	padding:15px;
}

#grid #griddetails TD.secondary-text {
	font-size:12px !important;
	line-height:143% !important;
	padding:10px 0px 0px 15px;
}

#griddetails A.hylink5:Link, #griddetails A.hylink5:Visited, #griddetails A.hylink5:Hover{
	font-size:11px;
}



#grid {
	border:1px solid #cecdcd;
    transition: border-color 0.25s linear;
    -moz-transition: border-color 0.25s linear;    /* FF3.7+ */
    -o-transition: border-color 0.25s linear;      /* Opera 10.5 */
    -webkit-transition: border-color 0.25s linear; /* Saf3.2+, Chrome */
	box-shadow: 0px;
/*	transition: box-shadow 0px;*/
}

#grid.Hover {
	border:1px solid #0391d9;
	box-shadow: 1px 1px 10px #888888;
	 -ms-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -webkit-transition: all .25s linear;
    -o-transition: all .25s linear;
}


A.gridtable {
	border:1px solid red;
}


#ongoingprojects_specs {
	border:1px solid #cecdcd;
	border-right:0px;
	border-left:0px;
	border-bottom:0px;
}

#ongoingprojects_specs TD {
	border-right:1px solid #cecdcd;
}

#ongoingprojects_specs .default-text1 {
	padding:12px 0px 12px 9px;;
}


#completedprojects TD.secondary-text {
	font-size:12px !important;
	line-height:150% !important;
}

div.brandpartners {
	background-color:#3a3f42;
	display:block;
	width:207px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:bold;
	font-style:normal;
	color:#ffffff;
	padding-top:10px;
	padding-bottom:10px
}

#footer {
	background-color:#f5f5f5;
}

#footer .primary-text {
	font-size:16px;
	font-weight:bold;
}

#footer span.subtitle {
	font-size:12px;
	font-weight:bold;
}

.footerimg {
	background-image:url(../images/footerbg.jpg);
	background-position:left bottom;
	background-repeat:repeat-x;
	background-color:#f5f5f5;
}

#tabletitle A {
	font-size: 15px;
}


/************************************ STEP CAROUSEL CSS STARTS **********************/

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 1100px; /*Width of Carousel Viewer itself*/
height: 220px; /*Height should enough to fit largest content's height*/
-webkit-box-sizing: border-box; /* set box  model so container width and height value includes any padding/border defined */
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.stepcarousel1{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 733px; /*Width of Carousel Viewer itself*/
height: 397px; /*Height should enough to fit largest content's height*/
-webkit-box-sizing: border-box; /* set box  model so container width and height value includes any padding/border defined */
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.stepcarousel2{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 1111px; /*Width of Carousel Viewer itself*/
height: 225px; /*Height should enough to fit largest content's height*/
-webkit-box-sizing: border-box; /* set box  model so container width and height value includes any padding/border defined */
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.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: 10px; /*margin around each panel*/
/*width: 190px; */ /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
/*padding-left:25px;
padding-right:25px;*/
width:200px;
}

.stepcarousel1 .belt1{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel1 .panel1{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
/*margin: 10px; *//*margin around each panel*/
/*width: 190px; */ /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
/*padding-left:25px;
padding-right:25px;*/
width:733px;
}


#mygallery2 .stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
/*margin: 10px; *//*margin around each panel*/
/*width: 190px; */ /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
/*padding-left:25px;
padding-right:25px;*/
width:1060px;
padding:0 !important;
/*border: 1px solid red;*/
}

.stepcarousel2 .belt2{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
/*border: 1px solid green;*/
}

.stepcarousel2 .panel2{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
/*margin: 10px; *//*margin around each panel*/
/*width: 190px; */ /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
/*padding-left:25px;
padding-right:25px;*/
width:275px;
/*border: 1px solid blue;*/
}


#mygallery1 .stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
/*margin: 10px; *//*margin around each panel*/
/*width: 190px; */ /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
/*padding-left:25px;
padding-right:25px;*/
width:200px;
}



span.paginatecircle{ /* CSS for paginate circle spans. Required */
background: white;
border: 2px solid black;
border-radius: 10px;
width: 6px;
height: 6px;
cursor: pointer;
display: inline-block;
margin-right: 4px;
}

span.paginatecircle:hover{
background: gray;
}

span.paginatecircle.selected{
background: black;
}

#mygallery {
	height:75px;
}

.mygallery_navbutton {
position:relative !important;
top: -563px !important;
}


/************************************ STEP CAROUSEL CSS ENDS **********************/

#ongoingprojectdetails .primary-text {
	font-size:21px;
}

#ongoingprojectdetails .secondary-text {
	font-size:15px;
}

#ongoingprojectdetails #ongoing_desc .secondary-text {
	font-size:12px;
	line-height:125%;
}

#features .primary-text {
	font-size:15px;
	font-weight:bold !important;
}

#features .secondary-text {
	font-size:12px;
	line-height:150%;
}

#aboutustext span.primary-text {
	font-size:15px;
	line-height:125%;
}

#aboutustext div.secondary-text, #aboutustext td.secondary-text {
	font-size:14px;
	line-height:125%;
}

#ourteam .primary-text {
	font-size:18px;
}

#ourteam .secondary-text {
	font-size:18px;
	line-height:150%;
}

#teammembers {
/*border: 1px solid #cccccc;*/
background-color:#f0f0f0;
padding-top:15px !important;
padding-bottom:15px;
}

#teammembers td {
/*border-right:1px solid #cccccc;*/
padding: 15px;
}

#teammembers .primary-text {
	font-size:15px;
	line-height:125%;
}

#teammembers .secondary-text {
	font-size:13px;
	line-height:125%;
}

#consultants .sectiontitle {
	font-size:18px;
}

#consultants .primary-text {
	font-size:14px;
}

#consultants .secondary-text {
	font-size:14px;
	padding:5px 0px;
}

#redevelopmentpanel .primary-text {
	font-size:15px;
	line-height:125%;
}

#redevelopmentpanel .secondary-text, #redevelop_pointers .secondary-text{
	font-size:14px;
	line-height:125%;
}

#completedprojects .mgmtdesignation {
font-size: 12px;
line-height:145%;
}

#disclaimer .secondary-text {
	line-height: 145%;
}

#otherbizventures .secondary-text {
	padding-left:25px;
	line-height: 145%;
}