/* CSS Document */



*{

	padding:0px;

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

}



img{
	border: 0px;
	float: left;
	margin-top: 5px;

}



.floatl{

	float:left;

}



.floatr{

	float:right;

	padding-right: 0px;

	padding-bottom: 2px;

}



.clear{

clear:both;

}



body{

	background:#fff2db;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

}



#container{

	width:965px;

	margin:auto;

	padding-bottom:0px;

}





/* css for left col starts here*/



.left-col{

	background:url(../images/left-col-bg.gif) bottom left no-repeat;

	height:860px;

	width: 265px;

}

.left-col2{
	background: url(../images/left-col-bg.gif) bottom left no-repeat;
	height: 700px;
	width: 265px;

}

.left-col3{

	background:url(../images/left-col-bg.gif) bottom left no-repeat;

	height:600px;

	width: 265px;

}

.left-col4{

	background:url(../images/left-col-bg.gif) bottom left no-repeat;

	height:1100px;

	width: 265px;

}

.left-col5{

	background:url(../images/left-col-bg.gif) bottom left no-repeat;

	height:3200px;

	width: 265px;

}



.logo{

padding-top:25px;

}



.top-links ul{

	list-style:none;

	

}



.top-links li{

float:left;

font-weight:bold;

color:#fff;

padding-left:3px;

}



.top-links li a{

font-weight:bold;

text-decoration:none;

background:url(../images/li-bg.gif) top left repeat-x;

border:1px solid #fff;

display:block;

color:#fff;

width:82px;

text-align:center;

line-height:26px;

}



.top-links li a:hover{

background:url(../images/li-hover-bg.gif) top left repeat-x;

border:1px solid #7b0c26;

}



.top-links li a.active{

background:url(../images/li-hover-bg.gif) top left repeat-x;

border:1px solid #7b0c26;

}

.logo{

padding-top:25px;

}



.main-links ul{

list-style:none;

margin-top:60px;

}



.main-links li{

background:url(../images/main-links-li-bg.gif) bottom left no-repeat;

width:245px;

color:#000;

line-height:28px;

text-align:right;

font-weight:bold;

}



.main-links li a{

text-decoration:none;

color:#000;

background:url(../images/main-links-li-bullets.gif) right 5px no-repeat;

padding-right:15px;

}



.main-links li a:hover{

color:#c00f2c;

}



.main-links li a.active{

color:#c00f2c;

}





/* css for left col ends here*/





/* css for right col starts here*/



.right-col{

	width:630px;

	background:url(../images/right-col-bg.gif) top left no-repeat;

	padding-top: 0px;

	padding-right: 25px;

	padding-bottom: 0px;

	padding-left: 35px;

	background-color: #fff;

	float: left;

}



.right-col-content{

background:#fff;

padding:25px 20px;

}



.main-content{

	padding-top:20px;

	background:url(../images/main-content-dotted-bg.gif) bottom left repeat-x;

	color:#494949;

	line-height:20px;

	padding-left: 30px;

}



h1, h2, h3, h4{line-height:normal;}



a{

	color:#036;

}



a:hover{

	text-decoration:none;

	

}



.main-content h1{

	font-family:Arial, Helvetica, sans-serif;

	font-size:24px;

	color:#7b2c1d;

	font-weight:normal;

	padding-bottom:15px;

}



.main-content span{

color:#a38d66;

font-weight:bold;

}



.main-content p{

	color:#494949;

	line-height:20px;

	padding:10px 0px;

}



.main-content p span{

color:#c6765a;

font-weight:bold;

}



.gallery-section{

	padding:20px 0px;

	background:url(../images/main-content-dotted-bg.gif) bottom left repeat-x;

	margin-bottom:30px;

	padding-left: 30px;

}



.gallery-section h2{

font-family:Georgia, "Times New Roman", Times, serif;

font-size:25px;

color:#7b2c1d;

font-weight:normal;

padding-bottom:20px;

}



.gallery-section ul{

list-style:none;

}



.gallery-section li{

	float:left;

	width:146px;

	text-align:center;

	padding-right:10px;

}



.gallery-section p{

	padding-top:5px;

	color:#930;

	font-weight:normal;

}



.gallery-section li a{

color:#71311d;

}



.testimonial-section h2{

font-family:Georgia, "Times New Roman", Times, serif;

font-size:25px;

color:#7b2c1d;

font-weight:normal;

padding-bottom:20px;

}



.testimonial-section p{

font-style:italic;

line-height:20px;

width:455px;

text-align:center;

padding-bottom:10px;

}







/* css for right col ends here*/







.footer-links{

color:#ffffff;

margin:auto;

font-size:11px;

}



.footer-links ul{

list-style:none;

}



.footer-links li{

float:left;

padding-left:10px;

color:#fafafa;

line-height:83px;

font-size:11px;

}



.footer-links li a{

	text-decoration:none;

	color:#CCC;

}



.footer-links p{

padding-top:35px;

color:#a8a8a8;

}

/* inner pages css start */

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

h5{font-size:15px;font-weight:bold; padding:0px 0px 5px 0px; border-bottom:1px dotted #666;	margin:0px 0px 10px 0px;}

h6{font-size:16px; font-weight:bold; 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:#000; background:#ffc850; font:bold 11px Arial, Helvetica, sans-serif; text-decoration:none; padding:10px 10px; margin:0px 5px 5px 0;	border:1px solid #5b7a92;}

input.button:hover{cursor:pointer; color:#fff; background:#663300; border:1px solid #ffc850;}

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

.whiteheading{font:30px Myriad Pro, Arial; color:#CBD76B; font-weight:100;	padding:0px; margin:25px 0px 20px 0px;}

.ourprojectrow{margin-bottom:20px; border-bottom:1px ; padding-bottom:10px; padding-right:20px}

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

/* inner pages css ends */
/**
 * Placerholder css
 */
 .wookmark-placeholder {
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
			border-radius: 2px;
	background-color: #eee;
	border: 1px solid #dedede;
	z-index: -1;
  }
  
  /**
   * Grid container
   */
  .tiles-wrap {
	position: relative; /** Needed to ensure items are laid out relative to this container **/
	margin: 10px 0;
	padding: 0;
	list-style-type: none;
	display: none;
  }
  
  
  /**
   * Grid items
   */
  .tiles-wrap li {
	display: block;
	opacity: 0;
	text-align: center;
	list-style-type: none;
	background-color: #fff;
	float: left;
	cursor: pointer;
	width: 200px;
	padding: 4px;
	border: 1px solid #dedede;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
			box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
			border-radius: 2px;
  }
  .tiles-wrap.wookmark-initialised.animated li {
	-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
		 -o-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;
  }
  
  .tiles-wrap.wookmark-initialised li {
	opacity: 1;
  }
  
  .tiles-wrap li.wookmark-inactive {
	visibility: hidden;
	opacity: 0;
  }
  
  .tiles-wrap li:hover {
	background-color: #fafafa;
  }
  
  .tiles-wrap img {
	display: block;
  }
  
  .tiles-wrap a {
	color: #555;
	text-align: center;
	/* display: table-cell; */
	width: 200px;
	height: 200px;
	font-size: 2em;
	font-weight: bold;
	text-decoration: none;
  }
  
  .tile-loading:after {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #ddd;
	content: "Loading\2026";
	padding-top: 20px;
	color: #999;
  }
  
  /**
   * Filters
   */
  #filters {
	list-style-type: none;
	text-align: center;
	margin: 0 5% 0 5%;
  }
  
  #filters:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
  }
  
  #filters li {
	font-size: 12px;
	float: left;
	padding: 6px 8px 4px;
	cursor: pointer;
	margin: 0 10px;
	-webkit-transition: all 0.15s ease-out;
	   -moz-transition: all 0.15s ease-out;
		 -o-transition: all 0.15s ease-out;
			transition: all 0.15s ease-out;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
  }
  
  #filters li:hover {
	background: #4281f5;
	color: #ffffff;
  }
  
  #filters li.active {
	background: #4281f5;
	color: #ffffff;
  }