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

body { margin:0; padding:0; font-family: "Lucida Sans"; font-size:12px; color:#FFF; background:#000;}
.headerWrapper { width:100%; float:left; height:10px; background:#000;}

.wrapper { width:100%; margin:100px auto 0 auto; #margin:120px auto 0 auto; float:left;}
/*.wrapperLft { width:49%; float:left; background:url(../images/slice.png); margin:210px 1% 0 0;  #margin:232px 1% 0 0; }
*/
.wrapperLft { width:40%; float:left; background:url(../images/slice.png); position:fixed; left:0; bottom:220px; height:30px; font-size:12px}

#slidingDiv {
    display: none;
	float:left;
	overflow:hidden;
 width:40%; float:left; background:url(../images/slice.png); position:fixed; left:0; bottom:0; height:220px;	
}

@media screen and (-webkit-min-device-pixel-ratio:0) { /* hacked for chrome and safari */
.wrapperLft { width:40%; float:left; background:url(../images/slice.png); margin:0 1% 0 0;   }
}


.leftContainer { width:420px; #width:auto; float:right; padding:5px 0 20px; #margin:0 0 0 20px; margin:0 0 0 20px;}
.logo { width:390px; float:left; #float:right;  line-height:30px; margin:2px 0 0 30px; #margin:0 0 0 0;  }
.logo a { width:390px; float:left; #float:right ;line-height:30px; background:url(../images/menu-bg.png) left top no-repeat; text-decoration:none; outline:none;}
.logo a:hover { width:390px; float:left;#float:right;line-height:30px; background:url(../images/menu-bg-hover.png) left top no-repeat; text-decoration:none;outline:none;}

.menu { width:390px ; float:left;  border-bottom:1px solid #2E2E2E ;border-top:1px solid #2E2E2E ; line-height:24px; margin:0 0 0 30px; #margin:0 0 0 0; }

.menu ul { margin:0; padding:0;}
.menu ul li  { list-style:none; display:inline; float:left; }
.menu ul li a{padding:0 10px 0 0; line-height:24px; font-family:"Lucida Sans"; font-size:10px; color:#989292; text-transform:uppercase; text-decoration:none; }
.menu ul li a:hover { text-decoration:underline;}
.contentLft { float:left;  #width:390px;  }
.content { width:260px; #width:260px; float:left;  padding:10px 10px 10px 0; font-size:12px; line-height:17px; color:#6C6C6C; margin:0 0 0 30px; #margin:0; text-align:justify;}
.rightMenu { width:100px;   padding:10px 0 10px 10px;  border-left:1px solid #2E2E2E ; float:left;}
.rightMenu ul { margin:0; padding:0;}
.rightMenu ul li { list-style:none; display:block; }
.rightMenu ul li a { font-family:"Lucida Sans"; font-size:11px; color:#FFF; text-transform:uppercase; text-decoration:none; float:left; line-height:24px;}
.rightMenu ul li a:hover { text-decoration:underline;}


.wrapperRht { width:59%; float:left; background:url(../images/slice.png); #position:relative; #left:59%; #top:0; position:relative; left:41%  }
@media screen and (-webkit-min-device-pixel-ratio:0) { /* hacked for chrome and safari */
.wrapperRht { width:59%; float:left; background:url(../images/slice.png); position:relative;   top:15%;   }
}



.RightContainer { width:576px; float:left; padding:15px 0 15px 15px ; min-height:700px; }
.RightContainer h3 {font-family:"Lucida Sans"; font-size:15px; color:#FFF; text-transform:uppercase; padding:0 0 10px 0;}
ul.rhtPanel { margin:0; padding:0 0 20px 0}
ul.rhtPanel li  { list-style:none; display:block; padding:3px 0 3px 20px; background:url(../images/icons/hollow.png) left 9px no-repeat;}

.projectContainer { width:535px; float:left;}
.projectContainer ul { margin:0; padding:0;}
.projectContainer ul li { list-style:none; display:inline; float:left; width:114px; margin:0 15px 0 0; padding:0 0 15px 0; text-align:center; height:152px;}
.projectContainer ul li a { text-decoration:none;}
.projectContainer ul li a img { padding:1px; background:#999; border:none;}
.projectContainer ul li a h6 {font-family:"Lucida Sans"; font-size:12px; color:#FFF; font-weight:normal;  text-decoration:none; text-align:center; padding:5px 0 0 0; text-transform:uppercase}
.projectContainer ul li a h6:hover { text-decoration:underline;}


.footerWrapper {width:100%; float:left; height:20px; background:#4A4B47; position:fixed; left:0; bottom:0;}
.footer { color:#FFF; line-height:20px; font-size:10px; padding:0 140px 0 115px; }
.copyright  { color:#FFF; line-height:20px; font-size:10px; float:left; font-family:Arial, Helvetica, sans-serif;}
.copyright span  { color:#FFF; line-height:20px; font-size:10px; float:left; font-family:Arial, Helvetica, sans-serif;}
.copyright img {  border:none; margin:1px 0 0 10px;}


.consultants  { color:#FFF; line-height:20px; font-size:10px; float:right; font-family:Arial, Helvetica, sans-serif;}

.consultants a  { color:#FFF; line-height:20px; font-size:10px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; }
.consultants a:hover { text-decoration:underline;}



		
		/* -------------- classes for different background styles --------------- */
	
		.bg1 { background:url(../images/contact.jpg) center top no-repeat #000; }
		.bg2 { background:url(../images/profile.jpg) center top no-repeat #000; }
		.bg3 { background:url(../images/new-institutional.jpg) center top no-repeat #000; }
		.bg4 { background:url(../images/industrial/1b.jpg) center top no-repeat #000; }
		.bg5 { background:url(../images/residential/2b.jpg) center top no-repeat #000; }
		.bg6 { background:url(../images/commercial/bg-c.jpg) center top no-repeat #000; }
		.bg7 { background:url(../images/interiors/2b.jpg) center top no-repeat #000; }
		.bg8 { background:url(../images/careers/1.jpg) center top no-repeat #000; }
		.bg9 { background:url(../images/careers/2.jpg) center top no-repeat #000; }
		.bg10 { background:url(../images/profile2.jpg) center top no-repeat #000; }
		
.textAreaLeft { float:left; width:290px; padding:0 15px 0 0;}
.textAreaLeft ul { margin:0; padding:0;}
.textAreaLeft ul li { list-style:none; display:block; padding:0 0 20px 0;}
.textAreaLeft ul li h2 {font-family:"Lucida Sans"; font-size:11px; color:#FFF; line-height:20px;}

.textAreaLeft ul li .textfields { width:290px; border: solid 1px #666666; background:#FFF; height:24px; font-family:"Lucida Sans"; font-size:11px; color:#666666;	}

.textAreaLeft ul li textarea { width:290px; border: solid 1px #666666; background:#FFF; height:60px; font-family:"Lucida Sans"; font-size:11px; color:#666666;	}
.btn { border:none; width:70px; height:22px; line-height:22px; font-family:"Lucida Sans"; font-size:11px; color:#000; text-transform:uppercase; text-shadow:2px 2px 2px #999
; cursor:pointer; text-decoration:none; background:url(../images/bg-btn.png) left top no-repeat; text-align:center; font-weight:bold;}
.btn:hover { text-decoration:underline; background:url(../images/bg-btn-hover.png) left top no-repeat;}


.textAreaLRight { float:left; width:160px; padding:0 5px;}
.textAreaLRight  h4 {font-family:"Lucida Sans"; font-size:11px; color:#FFF; line-height:30px; text-align:center; background:#333333;  font-weight:bold; width:150px}

.textAreaLRight ul { margin:0; padding:0;}
.textAreaLRight ul li { list-style:none; display:block; padding:10px 0 ; background:url(../images/line.png) left bottom no-repeat; font-family:"Lucida Sans"; font-size:11px; color:#CCCCCC; line-height:20px;	}
.textAreaLRight ul li h5 {font-family:"Lucida Sans"; font-size:11px; color:#FFF; font-weight:bold;}
.textAreaLRight ul li a { text-decoration:underline; font-family:"Lucida Sans"; font-size:11px; color:#CCCCCC;}
.textAreaLRight ul li a:hover { text-decoration:none;}

.list { width:100%; float:left; }
.list ul { margin:0; padding:10px 0;}
.list ul li { list-style:none; display:block;font-family:"Lucida Sans"; font-size:12px; line-height:24px; color:#CCCCCC; /*background:url(../images/icons/tick.png) left 3px no-repeat; padding:0 0 0 20px;*/ font-weight:normal; }

.links { font-family: "Lucida Sans"; font-size:12px; color:#FFF; text-decoration:underline;}
.links:hover { font-family: "Lucida Sans"; font-size:12px; color:#FFF; text-decoration:none;}

.list2 { width:100%; float:left; padding:0 0 20px 0; }
.list2 ul { margin:0; padding:10px 0;}
.list2 ul li { list-style:none; display:block;font-family:"Lucida Sans"; font-size:14px; line-height:24px; color:#CCCCCC; /*background:url(../images/icons/tick.png) left 3px no-repeat; padding:0 0 0 20px;*/ font-weight:normal; font-style:italic; }

.careerContainer {
	font-family:"Lucida Sans"; font-size:12px; line-height:20px; color:#CCCCCC;
}
.careerContainer img  {padding:2px; border:1px solid #2E2E2E; background:#E9E9E9
}



.projectContainer2 { width:535px; float:left;}
.projectContainer2 ul { margin:0; padding:0;}
.projectContainer2 ul li { list-style:none; display:inline; float:left; width:114px; margin:0 15px 0 0; padding:0 0 15px 0; text-align:center; height:165px;}
.projectContainer2 ul li a { text-decoration:none;}
.projectContainer2 ul li a img { padding:1px; background:#999; border:none;}
.projectContainer2 ul li a h6 {font-family:"Lucida Sans"; font-size:12px; color:#FFF; font-weight:normal;  text-decoration:none; text-align:center; padding:5px 0 0 0; text-transform:uppercase}
.projectContainer2 ul li a h6:hover { text-decoration:underline;}