@import url("reset.css");

*{margin:0; padding:0}
body{color:#7f7f7b; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0;}
img{ behavior: url(iepngfix.htc);}
a {outline:0; text-decoration:none;}
a img{border:0;}
.clr{clear:both;height:0;}
.flt{float:left;}
.fltrt{float:right;}
input {vertical-align:middle}
hr{margin:10px 0; clear:both;border:0; border-bottom:1px solid #ccc;}
/* Main Page Css */


.blue {color:#0a3159 !important;}
.orange {color:#f68821 !important;}
p.orangeLinks {color:#f68821; font-size:14px !important; font-weight:bold; border-bottom:1px solid #ccc; padding:5px 0 }
p.orangeLinks a {color:#f68821;}
p.orangeLinks a:hover {color:#000}
p.orangeMainLinks {color:#f68821; font-size:18px !important; font-weight:bold; padding:5px 0 }
p.orangeMainLinks a {color:#f68821;}
p.orangeMainLinks a:hover {color:#000}
/* top Container
-------------------------------------------------------------- */
#wrapperTop {width:100%; clear:both; height:78px; padding:0; margin:0; background:url(../images/topHeaderBg.png) repeat-x left bottom}
#wrapperTop .midWrap {margin:0 auto;height:78px; padding:0; width:967px; background:url(../images/headerBg.png) no-repeat center top;}
#wrapperTop .topLinks {width:600px; padding:10px 0 0 0; float:right; text-align:right}
.logo {float:left; margin-left:10px; padding-top:20px}

.topLinks ul{margin:0; padding:0; list-style:none;float:right}
.topLinks li{margin:0 0 0 8px; padding:0; float:left; position:relative; text-align:right; z-index:101;}
.topLinks li a{float:left; text-decoration:none; padding-left:4px; font-size:13px; font-weight:bold; color:#505050; margin:0px; cursor:pointer; line-height:23px; vertical-align:middle}
.topLinks li a span{float:left; padding:0px 8px 2px 0px;}	
.topLinks li a:hover span{float:left;cursor:pointer;background:url(../images/orgBig.png) right top no-repeat; color:#FFF;}
.topLinks li a:hover{float:left; text-decoration:none; color:#0a3159;background:url(../images/orgSml.png) left top no-repeat;}
.topLinks li a.active{float:left;display:block; cursor:pointer; background:url(../images/orgSml.png) left top no-repeat;}
.topLinks li a.active span{float:left; display:block;background:url(../images/orgBig.png) right top no-repeat; color:#FFF;}


.topLinks li.test:hover a{float:left;cursor:pointer;background:#fff url(../images/orgBig.png) right top no-repeat; color:#fff;}
.topLinks li.test:hover	ul li a	{background:#fff; color:#666;}	
.topLinks li.test:hover	ul li a:hover	{ color:#000;}

.topLinks ul li ul {display:none; position:absolute; z-index:101;top:24px;left:0px;border:1px solid #e9e9e9;}
.topLinks ul li:hover ul {display:block;}
.topLinks ul li ul li{float:left; margin:0 }	
.topLinks ul li ul li a{text-decoration:none; padding:0px 10px;  margin:0; cursor:pointer; text-align:left;color:#666; background:#fff; width:150px;display:block; border-bottom:1px solid #e9e9e9; font-size:12px; margin:0}
.topLinks ul li ul li a:hover{color:#000; background:#fff;}

.topLinks p {font-size:11px; font-weight:normal;}
.language {float:right; width:85px; *width:90px; margin:0 6px 0 0; padding:0; text-transform:uppercase; font-weight:600}
.language a {color:#7F7F7B;}
.language a:hover {color:#0A3159;}
.date-time {float:right; margin-right:10px; padding:0 0 5px 25px; background:url(../images/ghariImage.png) no-repeat left -1px;font-weight:600}



/* mid Header top
-------------------------------------------------------------- */
#wrapperHeader {width:100%; min-width:967px; clear:both; height:486px; background:url(../images/orgRepeatHeader.png) repeat-x left top; border-bottom:2px solid #a1a1a1;}
#wrapperHeader .midWrap {margin:0 auto; padding:25px 0 0 0; width:967px; height:461px;}
#wrapperHeader .flashHeader {margin:0; padding:0; width:736px;top:-25px; float:left;text-align:right; position:absolute}
.callusBox {float:left; width:173px; height:65px; float:right; padding:18px 0 0 38px; background:url(../images/callUs.png) no-repeat left 18px; font-family:Arial, Helvetica, sans-serif; *letter-spacing:-1px; font-size:21px; color:#fff; font-weight:600}

.thmbsResidential {width:213px; float:right; padding:0; margin:0 0 20px 0}
.thmbsCommercial {width:213px; float:right; padding:0;margin:0 0 20px 0}
.caseStudy {float:right; padding:0;}

/* mid Header top
-------------------------------------------------------------- */
#wrapperBody {width:100%; min-width:967px; clear:both; background:url(../images/grayBg.jpg) repeat-x left top;}
#wrapperBody h1 {font-size:24px; color:#0a3159; font-weight:600; padding-bottom:10px;}
#wrapperBody h2 {font-size:18px; color:#0a3159; font-weight:600; padding-bottom:10px;}
#wrapperBody h3 {font-size:14px; color:#0a3159; font-weight:600; padding-bottom:10px;}

#wrapperBody p {font-size:12px; color:#505050; line-height:18px;}
#wrapperBody a.orgLink {font-size:12px; color:#f68821; font-weight:normal;}
#wrapperBody a.orgLink:hover {text-decoration:underline}

.iconHome{background:url(../images/homeIcon.gif) no-repeat left 4px; padding-left:25px}
.iconTest{background:url(../images/customer-icon.png) no-repeat left 4px; padding-left:25px}
.iconService{background:url(../images/serviceIcon.png) no-repeat left 4px; padding-left:30px}
.iconMember{background:url(../images/iconMembership.png) no-repeat left 4px; padding-left:25px}
#wrapperBody .midBody {margin:0 auto; padding:15px 0 0 10px; width:957px; overflow:hidden}
.bodyLeftCont {width:725px; float:left; margin:40px 0 0 0}
.colAbout {width:495px; float:left;}
.colTestimonial {width:210px; float:right; padding-left:20px; background:url(../images/deviderTest.jpg) no-repeat left top}
.members {width:725px; float:left;}
.membershipBox {width:100%; height:63px; float:left; background:url(../images/whitRoundBg.png) no-repeat left top; padding:5px 0 10px 0;}
.membershipBox ul{margin:5px 0 0 0; padding:0; list-style:none;}
.membershipBox li{padding:0 27px; background:url(../images/devider.jpg) no-repeat left top; float:left}
#bodyRightCont {width:212px; float:left; margin:0 0 0 20px}

/* mid Header top
-------------------------------------------------------------- */
#wrapperFooter {width:100%; min-width:967px; clear:both; background:#f3f3f3 url(../images/dotter.png) repeat-x left top; height:67px;}
.midFooter {margin:0 auto; padding:0; width:957px; padding:20px 0 0 10px; font-size:11px !important;}
.midFooter a {color:#505050;}
.midFooter a:hover {Text-decoration:underline}
.midFooter ul{margin:0; padding:0; list-style:none;float:left}
.midFooter li{margin:0 10px 0 2px; display:inline; background:url(../images/bullet.png) no-repeat left 5px;}
.midFooter li a{text-decoration:none; padding-left:15px; font-size:11px; color:#505050; margin:0px; cursor:pointer;}
.midFooter li a:hover{text-decoration:underline;}


/* profile page
-------------------------------------------------------------- */
#wrapperHeaderInside {width:100%; min-width:967px; clear:both; height:139px; background:url(../images/orgRepeatHeader.png) repeat-x left top; border-bottom:2px solid #a1a1a1;}
#wrapperHeaderInside .midWrap {margin:0 auto; padding:0; width:967px; height:139px;}
.flashHeaderInside {margin:0; padding:0; width:100%; float:left;text-align:right; position:absolute; z-index:10;}
.bodyLeftContInside {width:700px; min-height:280px; float:left; margin:15px 0 0 0; padding:0 18px 0 0; border-right:1px solid #d4d4d4}
.bodyLeftContInside .innerBoxed {width:700px; float:left; margin:0 0 25px 0; padding:0;}
.innerBoxed img {float:left; padding:0 12px 0 0; margin:0}
.innerBoxed span {font-weight:bold;}

.colList {float:left; width:293px; padding:0 10px 0 0}
.colList ul {margin:0; padding:0; list-style:none}
.colList ul li{background:url(../images/grayBullet.gif) left 4px no-repeat; padding:0px 0px 0px 12px; font-size:11px; color:#767676; margin-bottom:5px;}
.colList ul li span	{ display:block;}
.colList ul li a{ color:#767676; text-decoration:none;}
.colList ul li a:hover	{ text-decoration:underline;}
.phoneNo {margin:5px 0 0 0; padding-left:35px; width:160px; height:51px; line-height:51px; vertical-align:middle; background:url(../images/callIconWhite.png) left 12px no-repeat; font-size:18px; color:#fff; font-weight:600; position:absolute; right:15px}

/*.phoneNo {margin:20px 0 0 0; padding-left:55px; width:160px; line-height:51px; vertical-align:middle; background:url(../images/phoneNo.jpg) left top no-repeat; font-size:18px; color:#0a3159; font-weight:600}*/


/* contact us
----------------------------------------------------*/
.boxedContact {float:left; width:660px; padding:15px; background:url(../images/addressBg.jpg) repeat-x left bottom; border:1px solid #e0dddd;}
.boxedContact img {float:left; margin-right:15px; padding:0}
.boxedContact .addressBoxed {float:left; margin:0; width:440px;}
.addressBoxed p {line-height:18px !important; margin:5px 0 0 0; clear:both; display:inline-block;}
.addressBoxed p span {display:block; float:left; font-weight:normal}
.addressBoxed p span.blueBold {width:110px;color:#0a3159 !important; font-weight:bold;}
.addressBoxed p span a{color:#505050;}
.addressBoxed p span a:hover{text-decoration:underline;}
.formsBox {float:left; margin:0 0 25px; padding:0; width:700px;}

.formsBox p {padding:0px 0px 15px 0px; margin:0px; clear:both; display:inline-block;}
.formsBox p label {float:left; width:200px; display:block; font-size:13px;}
.formsBox p label .red {color:#ff0000; padding-right:5px}
.formsBox p .inputText {float:left; width:230px; padding-left:3px; height:20px; border:1px solid #ccc; color:#666; font-size:12px;}
.formsBox p .slectA {float:left; width:230px; height:20px; border:1px solid #ccc; color:#666;font-size:12px;}
.formsBox p .textArea {float:left; width:360px; height:65px; border:1px solid #ccc; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#666; padding:2px 0 0 2px}

.borderBottom {padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #CCCCCC}

/* Intro Page CSS ----------------------------------------------------*/
.midWrapIntro {margin:0 auto;height:78px; padding:0; width:967px;}
.midWrapIntroInner {margin:0 auto; width:967px; height:461px;}
#wrapperBottomIntro {width:100%; min-width:967px; clear:both; height:40px; padding:0; margin:0; background:url(../images/introBottomShadowBg.png) repeat-x left top;}
#wrapperFooterIntro {width:100%; min-width:967px; clear:both; background:#f3f3f3; height:70px; padding:60px 0px 0px 0px; text-align:center;}
.flashHeaderIntro {position:absolute; z-index:100; width:967px;}
.formsBox p .inputTextSmall {width:50px; padding-left:3px; height:20px; border:1px solid #ccc; color:#666; font-size:12px;}

.formsBox p .inputTextSmall {width:40px; padding-left:3px; height:20px; border:1px solid #ccc; color:#666; font-size:12px;}
.viewLocation	{ display:block;}
.viewLocation	 a	{ font: 12px Arial, Helvetica, sans-serif; color:#505050; text-decoration:none;}
.viewLocation	 a:hover	{ text-decoration:underline;}