/* CSS Document */

body {
	font:11px Arial, Helvetica, sans-serif;
	color:#535353;
	background:#FFFDE4 url(../images/bgmg.jpg) left top repeat-x;
	margin:0px;
	padding:0px;
}

#container {
	width:100%;
	margin:auto;
	text-align:justify;
}

.header {
	height:5%;
	background:#2890bd;
	text-align:center;
}

.banner {
	height:384px;
	background:url(../images/bannermg.jpg) left top repeat-x;
}

.workzone {
	padding:0px 3% 0px 0px;
	display:flex;
    justify-content: center;
}

.workzone-left {
	width:50%;
	float:left;
	padding:1% 3% 0px 1%;
	margin-right:10%;
}

.workzone-right {
	width:130%;
	float:right;
	padding:1% 0px 3% 10%;
}
@media screen and (min-width:1152px){
  .main {
      justify-content: space-between;
  }

  .left {
      order:2;
  }

  .right {
      order:1;
  }
}
.logozone {
	padding:61px 0px 0px 51px;
}

.latestprojectzone {
	padding:3% 3% 0px 0px;
	margin:3% 3% 0px 0px;
}

.projectgallery {
	border-bottom:1px solid #CCCAB6;
	padding-bottom:3%;
	color: #000000;
}

.projectimg {
	float:left;
	background:#ffffff;
	border:1px solid #CCCCCC;
	padding:1%;
	margin-right:5%;
}

.projecttxt {
	width:70%;
	float:left;
	margin-right:2%;
	text-align:left;
	font-weight:bold;
	padding:1% 0% 0% 0%;
}

.newszone {
	background:#E5E2B5;
	border:4px solid #D3CE89;
	padding:3% 3% 3% 3%;
}

.morenews {
	padding:0px 0px 3% 3%;
	text-align:right;
}

.footer {
	background:url(../images/footermg.jpg) left  bottom repeat-x;
}

.footerinside {
	width:auto;
	margin:0px auto;
	text-align:right;
	padding:3% 3% 5% 0%;
	color: #F3F3F3;
}

.clear {
	clear:both;
	margin:0px;
	padding:0px;
}


/* Text Styles Start Here */

h1 {
	font:20px Georgia, Arial, Helvetica, sans-serif;
	color:#000000;
	padding:0px;
	margin:0px 0px 4% 1%;
	line-height: 70%;
	display:flex;
}

.newssubheading {
	background:url(../images/headingblackbg.gif) left top no-repeat;
	color:#da210e;
	padding:1% 0% 1% 15%;
}

.newscontent {
	padding:1% 0% 2% 10%;
}

/* Text Styles Start Here */


/* Menu Styles Start Here */

a {
	color:#000000;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

.topmenu {
	padding:7px 0px 0px 0px;
}

.topmenu ul {
	margin:0px;
	padding:0px
}

.topmenu li {
	display:inline;
	border-right:1px solid #ffffff;
	padding:0px 10px 0px 10px;
}

.topmenu li a{
	font:bold 11px Tahoma, Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:none;
}

.topmenu li a:hover {
	color:#cccccc;
}

.footerlink {
	color:#000000;
}

.footerlink ul {
	margin:0px;
	padding:0px;
}

.footerlink li {
	display:inline;
	border-right:1px solid #ffffff;
	padding:0px 10px 0px 10px;
}

.footerlink li a{
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}

.footerlink li a:hover {
	color:#000000;
}

/* Menu Styles End Here */




/* Inside Style Start Here	*/

.insidebanner {
	height:384px;
	background:url(../images/bannermg.jpg) left top repeat-x;
}

h3 {
	font:bold 16px Georgia, Arial, Helvetica, sans-serif;
	color:#BF5A14;
	padding:0px 0px 5px 0px;
	border-bottom:1px dotted #BF5A14;
	margin:0px 0px 10px 0px;
}

h4 {
	font:bold 16px Georgia, Arial, Helvetica, sans-serif;
	color:#BF5A14;
	padding:0px 0px 5px 0px;
	margin:0px 0px 10px 0px;
}

.ourvalue {
	margin:10px 0px 0px 0px;
}

.aboutus-img {
	float:right;
	border:4px solid #b0a48b;
	margin:0px 0px 10px 20px;
}

.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;
}

.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;
}

.our-comment {
	margin:10px 0px 0px 0px;
}

.blog-posted-row {
	padding:3px;
}

.ourprojectrow {
	margin-bottom:20px; 
	border-bottom:1px dotted #000000; 
	padding-bottom:10px;
}

.project-img {
	float:right;
	margin-left:20px;
	border: 6px solid #b0a48b;
}

input.button {
	color:#ffffff;
	background:#0996b7;
	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;
}

.readmore {
	padding:10px 0px 10px 0px;
}

/* Inside Style End Here	*/