/* CSS Document */

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

#wrapper {
	width:1003px;
	/*background:url(../images/header.jpg) left top no-repeat;*/
	margin:0px auto;
}


.header {
	height:80px;
	position:relative;
}

.logonew {
	
}

.header-left {
	float:left;
	padding:0px 0px 0px 32px;
	margin:0px 0px 0px 0px;
}

.header-right {
	float:right;
	color:#666666;
	text-align:right;
	font-weight:bold;
	padding:30px 90px 0px 0px;
}

.menuzone {
	width:906px;
	height:39px;
	background:url(../images/menubg.jpg) left top repeat-x;
	margin:0px auto;
}

.menuleft {
	background:url(../images/menu-left.jpg) left top no-repeat;
}

.menuright {
	background:url(../images/menu-right.jpg) right top no-repeat;
	height:39px
}

.container {
	width:898px;
	background:#FFFFFF;
	/*background:url(../images/container.jpg) left top repeat;*/
	text-align:justify;
	padding:2px 4px;
	margin:0px auto;
}

.container-left {
	width:629px;
	float:left;
}

.container-right {
	width:269px;
	float:left;
}
.container-two {
	height:auto;
	width:898px;
	background:url(../images/container.jpg) left top no-repeat;
	text-align:justify;
	padding:2px 4px;
	margin:0px auto;
}
.banner {
	height:221px;
	/*height:329px;*/
	background:url(../images/banner.jpg) left top no-repeat;
}

.welcomezone {
	width:269px;
	height:221px;
	background:#4B8123 url(../images/welcometop.jpg) right top no-repeat;
}

.welcomebottom {
	height:100%;
	background:url(../images/welcomebottom.jpg) right bottom no-repeat;
}

.welcomeworkarea {
	padding:35px 16px 0px 16px;
	color:#ffffff;
}
.welcomezone1 {
	width:269px;
	height:221px;
	background:#4B8123 url(../images/welcometop2.jpg) right top no-repeat;
}

.welcomebottom1 {
	height:100%;
	background:url(../images/welcomebottom2.jpg) right bottom no-repeat;
}

.welcomeworkarea1 {
	padding:10px 5px 0px 5px;
	color:#ffffff;
}
.workarea {
	padding:25px 11px 20px 11px;
}
.box1 {
	height:150px;
	width:290px;
	/*padding:20px 11px 20px 11px;*/
}
.box2 {
	height:150px;
	width:290px;
	/*padding:20px 11px 20px 11px;*/
}
.box3 {
	height:150px;
	width:290px;
	/*padding:20px 11px 20px 11px;*/
}
.serviceleft {
	width:50%;
	float:left
}

.serviceright {
	width:50%;
	float:left;
}

.service-content {
	padding:0px 28px 0px 28px;
}

.service-content1 {
	padding:0px 0px 0px 5px;
}


.floatimgleft{
	float:left;
	margin:0px 32px 10px 0px;
}

.newszone {
	padding:0px 14px 20px 14px;
	background:url(../images/newsbottom.jpg) left bottom no-repeat;
}

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

.contact {
	height:172px;
	color:#BBD8E6;
	background:url(../images/contactbg.jpg) right top no-repeat;
	padding:26px 0px 0px 35px;
}

.projectscontent {
	width:898px;
	background:url(../images/container.jpg) left top repeat;
	text-align:justify;
	padding:2px 4px;
	margin:0px auto;
}


.footer {
	width:898px;
	background:url(../images/container1.jpg) left top no-repeat;
	text-align:justify;
	padding:2px 4px;
	margin:0px auto;
}	/*background:url(../images/footer.jpg) left top repeat-x;
	text-align:center;
	padding:39px 0px 57px 0px;*/


.footer-inside {
	width:890px;
	margin:0px auto;
}

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


/* Text Style Start Here */

h1 {
	font:20px Myriad Pro, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-weight:100;
	border-bottom:1px solid #558F2A;
	padding:0px 0px 0px 0px;
	margin:0px 0px 19px 0px;
}

h2 {
	font:20px Myriad Pro, Arial, Helvetica, sans-serif;
	color:#143956;
	font-weight:100;
	border-bottom:1px solid #D3D6DE;
	border-top:1px solid #D3D6DE;
	padding:6px 0px 6px 13px;
	margin:0px 0px 18px 0px;
}
h3 {
	font:20px Myriad Pro, Arial, Helvetica, sans-serif;
	color:#333333;
	font-weight:100;
	border-bottom:1px solid #666666;
	padding:6px 0px 6px 10px;
	margin:0px 0px 8px 0px;
}

.greenheading {
	font:20px Myriad Pro, Arial, Helvetica, sans-serif;
	color:#4E8425;
	font-weight:100;
}

.blackfont12 {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#143956;
	padding:0px;
	margin:30px 0px 20px 0px;
}

.bluefontlight {
	font:12px Arial, Helvetica, sans-serif;
	color:#185FA1;
}

.contactheading {
	font:20px Myriad Pro, Arial, Helvetica, sans-serif;
	color:#D4EEFB;
	margin:0px 0px 10px 0px;
}

.whitebold {
	color:#ffffff;
	font-weight:bold;
}

/* Text Style End Here */




/* Menu Style Start Here */

a {
	color:#666666;
	text-decoration:none;
	/*text-decoration:underline;*/
}

a:hover {
	/*text-decoration:none;*/
}

a:hover {
}

a.green:link,
a.green:visited {
  color: #339900;
}
a.green:hover,
a.green:active {
  color: #339900;
}

a.red:link,
a.red:visited {
  color: #990000;
  /*text-decoration: underline;*/
}
a.red:hover,
a.red:active {
  color: #990000;
}

a.blue:link,
a.blue:visited {
  color: #0000CC;
}
a.blue:hover,
a.blue:active {
  color: #0000CC;
}

a.white:link,
a.white:visited {
  color: #fff;
}
a.white:hover,
a.white:active {
  color: #fff;
}

a.green:link,
a.green:visited {
  color: #143956;
}
a.green:hover,
a.green:active {
  color: #143956;
}

a.black:link,
a.black:visited {
  color: #000000;
}
a.black:hover,
a.black:active {
  color: #000000;
}

.mainmenu {
	text-align:center;
	padding:13px 0px 10px 0px;
}

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

.mainmenu li  {
	display:inline;
	background:url(../images/devider.jpg) right top no-repeat;
	padding:10px 19px 10px 18px;
}

.mainmenu li.active {
	background:#344f5f;
}

.mainmenu li.active a{
	color:#ffffff;
}

.mainmenu li a{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#3D5665;
	text-decoration:none;
}

.mainmenu li a:hover {
	color:#898a8a;
	text-decoration:none;
}

.main li .active {
	background:url(../images/home.jpg) left top no-repeat;
}

.servicelink {
	padding:38px 0px 35px 0px;
}

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

.servicelink li {
	display:block;
	background:url(../images/disc.jpg) 0px 5px no-repeat;
	list-style:none;
	padding:0px 0px 5px 10px;
}

.servicelink li a{
	color:#565656;
	/*text-decoration:underline;*/
}

.servicelink li a:hover {
	color:#666666;
	text-decoration:none;
}

.footerlink {
	font-weight:bold;
	font-size:12px;
}

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

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

.footerlink li a{
	color:#ffffff;
	text-decoration:none;
}

.footerlink li a:hover {
	text-decoration:none;
}

/* Menu Style End Here */



/* Inside Style Start Here	*/

.insidebanner {
	height:329px;
	background:url(../images/insidebanner.jpg) left top no-repeat;
}

h5 {
	font:15px Myriad Pro, Arial, Helvetica, sans-serif;
	color:#143956;
	font-weight:100;
	padding:0px 0px 5px 0px;
	border-bottom:1px dotted #143956;
	margin:0px 0px 10px 0px;
}


h6 {
	font:17px Myriad Pro, Arial, Helvetica, sans-serif;
	color:#143956;
	font-weight:100;
	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:#414141;
	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;
}

/*Lightbox*/

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }
#lightbox img{border: none;}
#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	}
/* Inside Style End Here	*/

/* -------->> jtip <<<---------------------------------------------------------------*/
/* ----- add selectors here for font sizing ----- */
#JT_close_left, #JT_close_right{font-size: 1.1em;}
#JT_copy p, #JT_copy ul{font-size: 1.1em;}

#contentPad{
margin:20px;
}
.formInfo a, .formInfo a:active, formInfo a:visited{
	background-color:#FF0000;
	font-size: 1.3em;
	font-weight:bold;
	padding:1px 2px;
	margin-left:5px;
	color:#FFFFFF;
	text-decoration: none;
}
.formInfo a:hover{
	color:#660000;
	text-decoration: none;
}


#JT_arrow_left{
	background-image: url(../images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CC0000;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CC0000;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CC0000;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CC0000;
}

.jTip{
cursor:help;
}