@charset "utf-8";

/* CSS Document */



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, fieldset, form,  label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; 	padding: 0; border: 0; 	outline: 0;}

h1, h2, h3, h4, h5, h6 {font-weight:normal;font-size: 100%; }



h2.psd { font-weight:bold; font-size:14px; }



body { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#555555; font-weight:normal; background:url(../images/Body_BG.jpg) repeat-x top center ;  }



/* ============ Header Started ============= */

#wrapper { width:950px; margin:0 auto; }

.header { width:950px; float:left }

.logo_contact_cntr { width:950px; float:left; }

.logo { width:377px; /*height:85px;*/ float:left; padding:10px 0 0 0; }

.fleft{float:left;}

.fright{float:right;}

.clear{clear:both;}

.contactNubmer { width:200px;  float:right; /*height:50px;  padding-top:45px;*/ padding-top:60px; padding-bottom:5px; font-size:19px; color:#000000;}

.contactNubmer span { display:inline-block; float:right; font-size:20px; color:#b7810c; }

.contactNubmer span.color {  color:#425542;  }



.menuBox { width:950px; float:left; height:40px; background:url(../images/menu_bg.JPG) center top  no-repeat; margin-bottom:2px; }

.menus { width:600px; height:40px; float:left; }

.menu { width:600px; height:40px; float:left; padding-top:0px;  }

ul.header_menus { margin:0px; padding:10px 0 0 0;  }

ul.header_menus li { position:relative; width:11px; /*height:26px;*/ list-style:none; float:left; text-align:center; padding-left:11px; padding-right:75px; font-family:font-family:"century Gothic", sans-serif; font-size:16px; font-weight:bold; color:#7e8c84 !important;   }
ul.header_menus li:hover { background:url(../images/menu_li_LftBG.png) no-repeat !important; width:11px; height:26px; top:-3px;  }

ul.header_menus li:hover a { background:url(../images/menu_li_RghtBG.png) top right no-repeat; float:left; padding-right:11px; height:26px; font-family:font-family:"century Gothic", sans-serif; font-size:16px; font-weight:bold; text-decoration:none; color:#7e8c84; padding-top:3px;  }

ul.header_menus li.activ{ background:url(../images/menu_li_LftBG.png) no-repeat !important; width:11px; height:26px; top:-3px;}
ul.header_menus li.activ a.actv{ background:url(../images/menu_li_RghtBG.png) top right no-repeat; float:left; padding-right:11px; height:26px; padding-top:3px; }



/* Dropdown Services start */

ul.header_menus li ul.dropdown {display:none;}
ul.header_menus li:hover ul.dropdown{display:block; position:absolute; top:25px !important; left:0px; padding-top:15px;}


ul.dropdown { position:absolute; z-index:500; top:35px!important; display:none; padding:0px; margin:0px; background:url(../images/Service_drop_bg.png) no-repeat bottom center ; padding-bottom:10px;}

ul.dropdown li.drops {  background:url(../images/Serv_Drp_li_BG.jpg) left bottom no-repeat !important; width:98px; /*height:30px;*/   text-align:center; padding-top:10px;  margin-bottom:1px; }

ul.dropdown li.drops a { background:url(../images/Serv_Drp_liBG.png) no-repeat !important; color:#858585; font-size:12px !important; font-family:Arial, Helvetica, sans-serif; font-weight:normal !important; padding-left:15px; /*line-height:5px;*/ width:160px; text-align:left;   line-height:5px; }

ul.dropdown li.drops:hover{ width:98px; /*height:30px;*/ margin-bottom:1px;     }
ul.dropdown li.drops:hover a, ul.dropdown li.drops a.actv{  background:url(../images/Serv_Drp_li_hvrBG.png) no-repeat !important; color:#000; padding-left:15px; width:160px; text-align:left;   line-height:5px;  }



/*.menu ul li a { display:block;  text-align:center; font-size:16px; color:#7e8c84; text-decoration:none; font-family:font-family:"century Gothic", sans-serif; padding-top:15px; font-weight:bold;  }
.menu ul li a.actv { font-family:font-family:"century Gothic", sans-serif; font-weight:bold; }

.menu ul li a.selected { background:url(../images/menu_hoverBG.png) no-repeat; height:54px; }

.menu ul li a:hover {  height:54px; background:url(../images/ul-bg.png) right no-repeat; color:#FFCC66; }*/

/* ============ Header End ============= */



/* ============ Banner Started ============= */

.banner { width:950px; height:290px; float:left; /*background-color:#FFFFFF; border:1px solid #555555; */ background:url(../images/Banner_BG.png) no-repeat ; position:relative;   }



.bannerServices { width:950px; height:290px; float:left; /* background-color:#FFFFFF; border:1px solid #555555;*/  background:url(../images/innerBanner.png) no-repeat ;  position:relative; }



.banner .left { width:444px; height:275px; float:left; }

.banner .right { width:476px; height:281px; float:left; /*padding-top:70px;*/ font-family:"century Gothic", sans-serif; text-align:right; font-size:14px; color:#FFFFFF; /*font-style:italic; background-color:#fcfcfc; #646464*/ padding-left:25px; -webkit-border-radius:0 0 0 0;-moz-border-radius:0px 15px 15px 0; /*border-radius:15px 15px 0 0; border:2px solid #706f6f;*/ }

.banner .right h1 { font-family:"century Gothic", sans-serif; font-size:27px; color:#000; text-align:left; font-style:normal; margin-bottom:20px; background-color:none\9;  }

.banner .right a{ text-decoration:none; color:#fff;}

.banner .right a:hover{ text-decoration:underline; color:#fff;}

.banner .Servright { width:455px; height:330px; float:left; padding-top:70px;font-size:15px; color:#FFFFFF; font-weight:bold;}

.banner .Servright ul{list-style:none;padding:0;}

.banner .Servright span{padding-left: 10px;position: relative;top: -20px; font-family:"Arial", Helvetica, sans-serif; font-size:16px;}

.banner .Servright span.Active{padding-left: 10px;position: relative;top: -20px; font-family:"Arial Black", Helvetica, sans-serif; font-size:18px;text-decoration:underline;}

.banner .Servright span a{text-decoration:none; color:#fff;}

.banner .Servright span a:hover{font-family:"Arial Black", Helvetica, sans-serif; font-size:18px;}

span.browse_Pfolio { padding-right:85px; float:right; position:absolute; left:680px; top:217px; }

/* ============ Banner End ============= */



/* ============ Content Started ============= */

.contentArea { width:950px;  float:left; padding-top:20px; padding-bottom:20px; background-color:#FFFFFF; /*-webkit-border-radius:15px 15px 0 0;-moz-border-radius:15px 15px 0 0; border-radius:15px 15px 0 0; border:2px solid #595959; border-bottom:none;*/ background:url(../images/content-BG.png) no-repeat; }

.contentAreaAbout { width:950px;  float:left; padding-top:20px; background-color:#FFFFFF; /*-webkit-border-radius:15px 15px 0 0;-moz-border-radius:15px 15px 0 0; border-radius:15px 15px 0 0; border:2px solid #595959; border-bottom:none;*/ background:url(../images/content-BG.png) no-repeat; }

.contentArea .contenBox { width:214px; height:400px; border-right:1px solid #c2c2c2;  float:left; line-height:20px; padding-left:14px;  }

.contenBox.nobrdr { border:none; padding-left:15px; } .contenBox.margin { padding-left:27px; }

.contenBox h2 { font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:bold; color:#475541; }

.contenBox p { padding-top:25px; padding:10px 5px 10px 0; }

/* ============ Content End ============= */



/* ============ Footer Started ============= */

.footer_Cntr { width:100%; background:url(../images/footer_BG.jpg) repeat-x; float:left; }

.footer_Cntr .links { width:950px; height:175px;  margin:0 auto; padding-top:10px; }

.links .linkBox { width:230px; height:170px; float:left; border-right:1px solid #909090; }

.linkBox span { background:url(../images/site_Link.png) no-repeat; font-family:"myriad Pro", Arial, Helvetica, sans-serif; font-size:16px; color:#7e8c84;  padding-left:40px; line-height:36px; display:block; } 

.linkBox ul { margin:0px; padding:8px 0 0 0px; display:block;}

.linkBox ul li { list-style:none; color:#c2c2c2; font-size:13px; line-height:20px; }

.linkBox ul li a{color:#4a564f; text-decoration:none;}

.linkBox ul li a:hover{color:#2a352f;}

.linkBox.center { width:389px; padding-left:93px; } .linkBox span.center { background:url(../images/resources.png) no-repeat; }

.linkBox.rightbx { width:205px; padding-left:20px; border:none; } 

.linkBox.rightbx ul span { font:normal 13px Arial, Helvetica, sans-serif; color:#4a564f;}

.linkBox span.right { background:url(../images/generel_Contact.png) no-repeat; }

.rightbx span.address { background:none; padding-left:5px; display:block; font-size:14px; line-height:16px; margin-bottom:5px; }

.rightbx span.mail { background:none; padding-left:5px; display:block; font-size:14px; line-height:16px; height:30px; padding-top:10px; }

.footer_Cntr .copyright { width:950px;margin:0 auto; font-size:12px; color:#e5e5e5; text-align:center; padding:5px 0 5px 0; line-height:20px; }

.footer_Cntr .copyright a { color:#FFFFFF; }

/* ============ Footer End ============= */







/*###############################################################################################################################*/





/* ::::::::::::::::::: INNER PAGES STYLES ::::::::::::::::::::::: */

.InnerContent { width:950px; margin:0 auto; float:left; padding:0px 0 50px 0; }

.ContentTop { width:950px; height:26px; border-top:3px dotted #5caf9f; border-bottom:3px dotted #5caf9f;  margin:0 auto; float:left; padding:5px 0; margin-bottom:7px; }

.ContentStrip { width:927px; height:26px; background-color:#577290; font-size:18px; color:#FFFFFF; padding-left:23px; }

.LeftContentBox { width:573px; float:left; }

.TestmnlsContentBox {  float:left; }

.InnerContent h1, .LeftContentBox h1 { font-size:18px; color:#425542; margin-bottom:10px; margin-left:10px; }

.AboutArea {  width:auto; }

.AboutArea .topbg, .MapArea .topbg{ width:573px; height:10px; /*background:url(../images/AboutAreaTop.jpg) no-repeat;*/ }

.AboutArea .middlebg { width:auto; /*background:url(../images/AboutAreaMiddle.jpg) repeat-y;*/ font-size:12px; padding:0 20px; text-align:justify; line-height:20px; position:relative; }

.MapArea .middlebg { width:533px; /*background:url(../images/AboutAreaMiddle.jpg) repeat-y;*/ font-size:12px; padding:10px 20px; text-align:justify; line-height:23px; position:relative; }

.AboutArea .middlebg h1 { font-size:18px; color:#425542; margin-top:10px; margin-left:0px; }

.AboutArea .middlebg ul { padding:0px; margin:0px;  }

.AboutArea .middlebg ul li { list-style:none; display:block; background:url(../images/bullets.jpg) no-repeat left 8px !important; padding-left:30px; line-height:30px;  }

.principles { width:351px; height:217px; position:absolute; bottom:0; right:0; background:url(../images/aboutBG.png); }

.AboutArea .middlebg img.coffeemug { float:left;  } 

.AboutArea .middlebg p.about-us { margin-bottom:15px; }

.MapArea{padding:0 10px;}

.AboutArea .bottombg, .MapArea .bottombg { width:573px; height:10px; /*background:url(../images/AboutAreaBottom.jpg) no-repeat;*/  }



.PortArea { width:945px;  }

.PortArea .topbg { width:945px; height:10px; background:url(../images/PortAreaTop.jpg) no-repeat; }

.LeftNavCont{width:255px;height:auto; display:block; float:left;}

.PortListNav ul{padding:0; margin:0; list-style:none;}

.PortArea .middlebg { width:100%; display:inline-block; background:url(../images/PortAreaMiddle.jpg) repeat-y; font-size:12px; padding:8px; text-align:justify; line-height:23px; position:relative; }

.PortArea .middlebg h1 { font-size:18px; color:#000000; margin-top:10px; margin-left:0px; }

.PortArea .middlebg ul { padding:0px; margin:0px;  }

.PortArea .middlebg ul li { list-style:none; display:block; background:url(../images/port_tab_expand_bg.png) no-repeat left top; line-height:30px;  }

.PortArea .middlebg ul li a{color:#fff; font-weight:bold;text-decoration:none;padding-left: 30px;}

.activePortNav{ background:url(../images/port_tab_collapse_bg.png) no-repeat left top !important;}

.PortArea .middlebg .expdCont{ height:auto;}

.PortArea .middlebg .expBottomBg{background:url(../images/expBottomBg.png) no-repeat left top !important;height:11px;margin-bottom:10px;}

.PortArea .middlebg ul li ul li {background-color:#fff !important;list-style:none; display:block; background:none; line-height:29px; border-bottom:#ccc dotted 1px;padding: 4px 0 4px 30px; border-left:#ccc solid 1px; border-right:#ccc solid 1px; }

.PortArea .middlebg ul li ul li a{color:#000; font-size:14px;font-weight:normal;padding-left:0px;}

.PortArea .middlebg ul li ul li a:hover{color:#476b83;}



.principles { width:351px; height:217px; position:absolute; bottom:0; right:0; background:url(../images/aboutBG.png); }

.PortArea .middlebg img.coffeemug { float:left;  } 

.PortArea .middlebg p { margin-bottom:55px; }

.PortArea .bottombg { width:945px; height:10px; background:url(../images/PortAreaBottom.jpg) no-repeat;  }

.PortArea .similarProjCont{width:237px;height:29px;font-weight: bold;margin-top:20px; display:block; background:url(../images/similar_proj_bg.png) top left no-repeat;color:#fff; font-size:17px;padding: 5px 0 0 20px;}

.PortArea .similarProjListCont{width:244px;height:260px;display:block;border:#febb7d solid 1px; background-color:#fff2e5; padding:5px;}

.PortArea .similarProjListCont ul{margin:0; padding:0; list-style:none;}

.PortArea .similarProjListCont ul li{background:none;}

.PortArea .similarProjListCont ul li a{padding:0; text-decoration:none;}

.PortArea .similarProjListCont h4{ font-size:11px; font-weight:bold;color:#000;line-height:15px;margin-bottom:5px;}

.PortArea .similarProjListCont p{ font-size:11px; font-weight:normal;color:#000; margin-bottom:10px;line-height:15px;}



.PortRightCont{display: block;float: right;height: auto;margin-right: 18px;width: 655px;}

.PortRightCont .topbg{ width:655px; height:10px; background:url(../images/top_bg_port.png) no-repeat; }

.PortRightCont .bottombg{ width:655px; height:10px; background:url(../images/bottom_bg_port.png) no-repeat; }

.PortRightCont .HeadDetails{padding:10px 0 20px 20px; width:633px;background-color:#E5E6E6;border:#dadddd solid 1px; border-top:none;border-bottom:none; display:block;}

.PortRightCont .HeadDetails h3{font-size:16px;font-weight:bold;color:#000; margin-bottom:20px; line-height:16px; }

.PortRightCont .HeadDetails span{line-height:16px;color:#000;}

.PortRightCont .HeadDetails span a{color:#476b83; text-decoration:none;}

.PortRightCont .webPreview{background-color:#fff;padding:5px; border:#dadddd solid 1px; border-top:none;border-bottom:none;}



.RightContentBox { width:347px; float:left; padding:0px 0 0 20px; }

.DropAnEnquiry { width:345px; margin-bottom:5px;  }

.DropAnEnquiry .heading { width:315px; height:33px; background:url(../images/get_a_free_quote.png) no-repeat; font-size:18px; color:#fff; padding:15px 0px 0px 15px; }

.DropAnEnquiry .PSDtoHTML_BannerTop { width:316px; height:14px; background:url(../images/PSDtoHTML_BannerTop.png) no-repeat; font-size:18px; color:#fff; padding:0px 0px 0px 15px; }
.DropAnEnquiry .PSDtoHTML_BtmFild { width:322px; background:url(../images/DropAn_Enquiry_btmBG.png) bottom right no-repeat; padding:0px 0px 20px 8px; font-size:12px; display:inline-block; color:#a1a1a1; line-height:20px; }

.DropAnEnquiry .heading.CareeR { width:315px; height:37px; background:url(../images/DropAnEnquiryCareeRBg.png) no-repeat; font-size:24px; color:#494949; padding:15px 15px 0px 15px; }

.DropAnEnquiry .heading img.plusBtn { float:right; }

.DropAnEnquiry .formArea { width:310px; background:url(../images/DropAn_Enquiry_btmBG.png) bottom right no-repeat; padding:20px 0 20px 20px; font-size:12px; display:inline-block; }

.DropAnEnquiry .formArea.CareeR { width:302px; background-color:#f5ffe0; border:1px solid #8db53d; padding:20px; font-size:12px; display:inline-block; }

.DropAnEnquiry .formArea p { font-size:12px; color:#000000; text-align:justify; line-height:20px; margin-bottom:15px; }

.DropAnEnquiry .formArea ul { margin:0px; padding:0px; }

.DropAnEnquiry .formArea ul li { list-style:none; display:block; line-height:20px; float:left; padding:5px 0; }

select.Mr { border:1px solid #c1c1c1; width:51px; height:20px; float:left; margin-right:10px; }

select.Mr.CareeR { border:1px solid #8DB53D; width:51px; height:20px; float:left; margin-right:10px; }

label.name { float:left; padding-right:5px; }

input.name {  border:1px solid #c1c1c1; width:80px; height:17px; float:left; margin-right:10px; }

input.name.CareeR {  border:1px solid #8DB53D; width:84px; height:17px; float:left; margin-right:10px; }

label.DropFldLabl { padding-right:5px; width:95px; }

input.DropFldInpt { border:1px solid #c1c1c1; width:185px;}

input.DropFldInpt.CareeR { border:1px solid #8DB53D; width:193px;}

input.NoPags { border:1px solid #ffb16a; width:23px; float:right;}

textarea.DropFldSelt { border:1px solid #c1c1c1; width:181px; height:80px; resize:none;}

textarea.DropFldSelt.CareeR { border:1px solid #8DB53D; width:193px; height:80px;}

textarea.ApplyFldSelt { border:1px solid #ffb16a; width:193px; height:120px; background-color:#ecfde6;}

input.DropSubmitBtn{-webkit-border-radius: 15px;

-moz-border-radius: 15px;

border-radius: 15px; 

background-color:#a1cb41;

border:none;

color:#fff;

font-size:14px;

font-weight:normal;

height:25px;padding: 0 10px  5px;

/*margin-left:118px;*/ float:right; }



strong { color:#0c0202; }



input.uploadBtn{-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px; 

background-color:#f2f1f1;

border:#ffbe83 solid 1px;

color:#555555;

font-size:12px;

font-weight:bold;

height:20px;padding: 0 2px  5px;

/*margin-left:125px;*/ float:none;}



input.uploadBtn.CareeR{-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px; 

background-color:#f2f1f1;

border:#8DB53D solid 1px;

color:#555555;

font-size:12px;

font-weight:bold;

height:20px;padding: 0 2px  5px;

/*margin-left:125px;*/ float:none;}



.contactFormCont{display:bloack; width:850px; padding:20px 0 20px 80px;height:auto;}

.contactFormCont span{color:#ff0000;padding-right:5px;}

.contactFormCont label{font-size:12px;color:#000; width:120px; padding:0 20px;display:block;margin:7px 0;}

.contactFormCont input{font-size:12px;color:#000;width:200px;margin:7px 0;}

.contactFormCont select{width:203px;margin:7px 0;}

.contactFormCont textarea{width:203px;margin:7px 0;}

.contactFormCont p{margin:7px 0 !important;}





/*extra_add*/



.servicesLst

{ width:501px; float:left; height:351px; background-color:#FFFFFF;}





.bannerServices { width:950px;  float:left; /* background:url(../images/innerBanner.png) no-repeat ;*/background:url(../images/Banner_BG.png) no-repeat ;   }



.bannerServices .left { width:444px; height:275px; float:left; }

.bannerServices .left img { margin-left:55px; }

.bannerServices .right { width:476px; height:281px; float:left; padding-top:70px; font-family:"century Gothic", sans-serif; text-align:right; font-size:14px; color:#646464; /*font-style:italic;*/  padding-left:25px; -webkit-border-radius:0 0 0 0;-moz-border-radius:0px 15px 15px 0; border-radius:15px 15px 0 0; border:2px solid #706f6f; }

.bannerServices .right h1 { font-family:"century Gothic", sans-serif; font-size:27px; color:#FFF ; text-align:left; font-style:normal; margin-bottom:20px; }

h1.testimonial{background:none !important; color:#FFF !important; margin:0;}



.bannerServices .Servright { width:455px; height:330px; float:left; padding-top:11px;font-size:15px; color:#FFFFFF; font-weight:bold;}

.bannerServices .Servright ul{list-style:none;padding:0;}

.bannerServices .Servright span{padding-left: 10px;position: relative;top: -20px; font-family:"century Gothic", Helvetica, sans-serif; font-size:16px;}

.bannerServices .Servright span.Active{padding-left: 10px;position: relative;top: -20px; font-family:"Arial Black", Helvetica, sans-serif; font-size:18px;/*text-decoration:underline;*/}

.bannerServices .Servright span a{text-decoration:none; color:#fff;}

.bannerServices .Servright span a:hover{font-family:"century Gothic", Helvetica, sans-serif; font-size:18px;}



/* Portfolio_3 */

.portfolioCntr{ width:950px; float:left;}

.portfolioLst{width:930px; padding:10px; border:1px #e8e3e3 solid;-webkit-border-radius:15px ; -moz-border-radius:15px ; border-radius:15px ; background-color:#FFF; margin-bottom:15px;  }



/*extra*/

.portfolioCtgry{width:910px; padding:15px 0 15px 40px;/* border:1px #e8e3e3 solid;-webkit-border-radius:15px ; -moz-border-radius:15px ; border-radius:15px ;*/ background-color:#FFF; margin-bottom:15px; background:url(../images/categoryBG.png) no-repeat; }
.portfolioCtgryBg{width:910px; height:86px; padding:15px 0 15px 40px; background-color:#FFF; margin-bottom:5px; background:url(../images/Portfolio_List_BG.png) no-repeat; margin-bottom:0px; }

/*extra end*/





.PortfoliopartCntr{ width:930px; float:left;}

.Portfoliopart{border:1px #e8e3e3 solid;-webkit-border-radius:5px ; -moz-border-radius:5px ; border-radius:5px ; float:left; width:216px; margin-right:6px; padding:5px;}

.marginRightNone{margin-right:0px !important;}

.portImg{ width:216px; float:left; }
.portImg a{text-decoration:none; display:block;  position:relative;  }

h3.portH{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#333333; float:left; width:216px; padding:5px 0; margin:0px;}

p.Portdate{ font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#5895c4; /*border-bottom:1px solid #ccc;*/ padding-bottom:10px; }

.Portdate { font-size:12px !important; }

p.portDesc{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000;}

.portRatting{ width:216px; float:left; padding:5px 0;}

.portRatting img{float:left; padding-right:3px;}

span.rattingDesc{font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#000; display:inline-block;}

.portBtnCntr{ width:216px; float:left; padding:5px 0;}

.portViewBtns{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-align:center; font-weight:bold;}

.portViewBtns a{color:#FFF; text-decoration:none;}

.PortviewBtn{ background:url(images/port_view_btn.png) no-repeat; float:left; width:49px; height:18px; padding-top:3px; margin-right:10px;}

.PortcommentsBtn{background:url(images/port_comments_btn.png) no-repeat;  float:left; width:108px; height:18px; padding-top:3px;}





.button {  float:left; padding-left:8px; margin:10px 4px 10 0px;  background:url(../images/liLeftBG.png) no-repeat; margin-right:13px; *margin:0 13px 10px 0; }



a.link { background:url(../images/liRightBG.png) no-repeat top right; float:left; line-height:20px; padding-top:2px; padding-right:7px; color:#fff; font-weight:normal; font-size:13px; text-decoration:none; margin-bottom:16px; height:24px;  }



.button:hover{ background:url(../images/liLeftHvrBG.png) no-repeat;}

.button:hover a.link{ background:url(../images/liRightHvrBG.png) no-repeat top right; color:#282f2b;}



.button.selected { background:url(../images/liLeftHvrBG.png) no-repeat; } 

a.link.selected { background:url(../images/liRightHvrBG.png) no-repeat top right; color:#282f2b;/*#FFCC66*/ }



.button.latest { background:url(../images/LatestLeftBG.png) no-repeat; } 

a.link.latest { background:url(../images/LatestRightBG.png) no-repeat top right; color:#B2811E; }

.button.latest:hover { background:url(../images/LatestLeftSltdBG.png) no-repeat; }

.button.latest:hover a.link.latest { background:url(../images/LatestRightSltdBG.png) no-repeat top right; color:#5895c4; }



.button.LTselected { background:url(../images/LatestLeftSltdBG.png) no-repeat; } 

a.link.LTselected { background:url(../images/LatestRightSltdBG.png) no-repeat top right; color:#B2811E; }

a.link.LTselected:hover { background:url(../images/LatestRightSltdBG.png) no-repeat top right; }



/* Portfolio_Details start */

.portfoliodtails { width:930px; float:left; }

.portfoliodtails h1 {color: #475541;font-family: 'Arial',Helvetica,sans-serif;font-size: 22px;font-weight: bold;margin:10px 0;}

.portfoliodtails p {line-height:20px;}

.portfoliodtails span { font-family:"century Gothic", Helvetica, sans-serif; font-size:15px; color:#475541; }

.portfoliodtails img  { margin-top:10px; }

.details_rating { width:930px; height:60px; background:url(../images/rating-BG.jpg) center no-repeat;   }

.details_rating .rateingsDet { width:425px; height:30px; /*margin-top:13px;*/ margin:13px auto 0 auto; padding:15px	0 0 170px;  } 

.details_rating .rateingsDet a{ text-decoration:none; color:#999;padding-left:8px;} 

.details_rating .rateingsDet a:hover{ color:#003366;} 

.rateingsDet span { width:96px; height:28px; background:url(../images/viewsite_BG.jpg) center top no-repeat; padding:5px 10px 5px 10px; font-size:13px; color:#4f6522; margin-left:60px; }

.DetailofPortfolio { width:930px; margin-top:15px;  }

.DetailsesBox { width:270px;float:left; background:url(../images/DetailsBox-Border.jpg) top right no-repeat; padding-left:10px; }

.DetailsesBox h1 { font-family:"century Gothic", Helvetica, sans-serif; font-size:18px; color:#475541; margin-bottom:10px; font-weight:bold; }

.DetailsesBox h1.technlgy { margin-top:15px; border-bottom:1px dotted #66CCFF; width:240px; }

.DetailsesBox p {

    font-size: 13px;

    line-height: 22px;

    padding-bottom: 0;

    padding-right: 20px;

    text-align: justify;

}

.DetailsesBox p.feature { padding-left:0px; }

.DetailsesBox p.featureList { padding-left:25px; margin-top:0px; }



p.testimonials { color:#999999; }

.faq { width:533px; height:20px; font-weight:bold; color:#0e68af; padding-bottom:10px; }

.faq_Answr { width:533px;  }

img.readmore { padding-bottom:0px; float:right; padding-right:10px; }



/* Portfolio_Details end */



.testimonialCont {

margin-bottom:20px;

}

.testimonialLogo { width:165px; float:left; }

.testimonialText { width:740px; min-height:80px; height:auto !important; height:99px; float:left; margin-left:5px; /*background-color:#d7ffcaf6fee6;*/}

.testimonialTopBg { width:740px; height:10px; background:url(../images/testimonialsText-TopBg.png) no-repeat; float:left;}

.testimonialBotBg { width:740px; height:10px; background:url(../images/testimonialsText-BotBg.png) no-repeat; float:left;  }



.testimonialCont span.name {

font-size:12px;

font-weight:normal;

color:#a1a1a1;

}
.testimonialCont span.site {

font-size:12px;

color:#a1a1a1;

padding-right: 10px;

}

.testimonialCont span.site a{

text-decoration:none;

color:#a1a1a1;

}

.testimonialCont span.site a:hover{

text-decoration:underline;

color:#a1a1a1;

}

.testimonialCont span.site a:visited{

text-decoration:none;

color:#a1a1a1;

}



/*.testimonialCont p{

padding:0 10px 0 10px;

font-style:italic;

color:#000;

font-size:12px;

background-color:#d7ffca;

margin:0 !important;

width:890px;

font-family:'Verdana', Arial, Helvetica, sans-serif; float:left;

}*/

.testimonialCont p {

/*background-color: #EBF5D6;*/

color: #a1a1a1;

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

font-size: 12px;

margin: 0 !important;

/*padding: 10px;*/

/*width: 890px;*/

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px; 

}

.testimonialCont .author{

    /*background: none repeat scroll 0 0 #e9fdbee7e5e5;*/

    display: block;

    text-align: right;

    width: 100%; 

	padding: 6px 0;

	}

.author img { margin-right:10px; }

.careerCont{margin:15px 0 0px 0; border-bottom:dotted #ccc 1px;}

.careerCont h2{

font-weight:bold;

font-size:16px;

color:#CC3300;

margin:10px 0;

}

.careerCont h4{

font-weight:bold;

font-size:12px;

color:#333333;

margin:10px 0;

}

.careerCont input{

border:#ccc solid 1px;

background-color:#0A59A4;

color:#999999;

font-size:12px;

font-weight:bold;

padding:5px;

}

.careerCont p a{

text-decoration:none;

color:#666666;

}

.middleright {

	width:606px;

	overflow:hidden;

}

#faqs h3  { cursor:pointer; }

#faqs h3:hover  { color:#4A786E; }

#faqs h3.active  { color:#4A786E; }

#faqs div { height:0; overflow:hidden; position:relative; }

#faqs div p  { padding:0; margin-bottom:15px; }



/* site map started  */

ul.sitemap { margin:0px; padding:0px; background:none !important; }

ul li { background:none !important; }

ul li a { text-decoration:none; color:#000/*7e8c84*/; }





/*---------------------------------------------------------------------------------

4. GLOBAL LAYOUT

---------------------------------------------------------------------------------*/

#page_width {

	margin:0 auto;

	width:880px;

	overflow:hidden;

	padding:0px 61px;

	background-color:#FFF;

}

.content_width {

	margin:0 auto;

	width:880px;

}

/*---------------------------------------------------------------------------------

5. COMMON SITE HEADER

---------------------------------------------------------------------------------*/

#headeroutter {

	width:880px;

	overflow:hidden;

	margin-bottom:10px;

}

.header .rightsect {

	width:550px;

	float:right;

	padding:18px 10px 0px 0px;

	color:#555555;

	line-height:20px;

	text-align:right;

}

#middle {

	width:880px;

	overflow:hidden;

	margin-bottom:10px;

	clear:both;

}

#footer {

	width:860px;

	height:120px;

	color:#000000;

	margin:0 auto;

	padding:10px 10px 0px 10px;

	line-height:20px;

	clear:both;

	background:url(../images/footer_bg.gif) no-repeat 0px 4px;

}



/* Get a free quote forms */
.margn_cntct { margin-top:5px !important; background-color:#fff; }
.pading_los { padding:10px 1px 15px 20px !important; width:309px !important; }
input.free_quote_fld { width:117px; height:14px; border:1px solid #c1c1c1; color:#8a8a8a; font-size:11.5px; padding:3px; font-family:Arial, Helvetica, sans-serif;  } 
input.LeftMrgn { margin-left:23px; }
input.free_quote_Email { width:268px; height:14px; border:1px solid #c1c1c1; color:#8a8a8a; font-size:11.5px; padding:3px; margin-top:9px; font-family:Arial, Helvetica, sans-serif;  } 
textarea.Reqrmnt_Dtls { width:267px; height:81px; padding:3px; border:1px solid #c1c1c1; color:#8a8a8a; font-size:11.5px; margin-top:9px; resize:none; font-family:Arial, Helvetica, sans-serif; }
textarea.Reqrmnt_Dtls_small { width:267px; height:30px; padding:3px; border:1px solid #c1c1c1; color:#8a8a8a; font-size:11.5px; margin-top:9px; resize:none; font-family:Arial, Helvetica, sans-serif; }
textarea.Reqrmnt_Dtls_large { width:267px; height:125px; padding:3px; border:1px solid #c1c1c1; color:#8a8a8a; font-size:11.5px; margin-top:9px; resize:none; font-family:Arial, Helvetica, sans-serif; }

textarea.Career_msg { width:267px; height:320px; padding:3px; border:1px solid #c1c1c1; color:#8a8a8a; font-size:11.5px; margin-top:9px; resize:none; font-family:Arial, Helvetica, sans-serif; margin-bottom:15px; line-height:20px; }
input.Crer_chkBox { margin:0; padding:0; float:left; margin-right:15px; }
label.Crer_lbls { float:left; font-family:Arial, Helvetica, sans-serif; color:#8a8a8a; font-size:12px; padding-left:15px;  width:140px; margin-bottom:18px; }
.Submit_creer_mrgn { margin-right:20px; }

.Tstmnls_icn_bx { width:110px; height:89px; background:url(../images/Testimonial_icon_BxBg.png) no-repeat; float:left; padding:5px;margin-right:15px; text-align:center; }

input.for_lrg { width:124px; }

/* PAgination Start */
#tnt_pagination {
	display:block;
	text-align:left;
	height:22px;
	line-height:21px;
	clear:both;
	padding-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}

#tnt_pagination a:link, #tnt_pagination a:visited{
	padding:7px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #EBEBEB;
	margin-left:10px;
	text-decoration:none;
	background-color:#F5F5F5;
	color:#0072bc;
	width:22px;
	font-weight:normal;
}

#tnt_pagination a:hover {
	background-color:#DDEEFF;
	border:1px solid #BBDDFF;
	color:#0072BC;	
}

#tnt_pagination .active_tnt_link {
	padding:7px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #BBDDFF;
	margin-left:10px;
	text-decoration:none;
	background-color:#DDEEFF;
	color:#0072BC;
	cursor:default;
}

#tnt_pagination .disabled_tnt_pagination {
	padding:7px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #EBEBEB;
	margin-left:10px;
	text-decoration:none;
	background-color:#F5F5F5;
	color:#D7D7D7;
	cursor:default;
}
.frameWorkCntr { padding:3px 0; background:#b5b5b5; background:rgba(181, 181, 181, 0.3); position:absolute; left:0; bottom:0; width:100%;}



/*h2.testbnr { position:absolute; left:100px; top:100px; }*/

/* order now started */
.order_head_Box { /*width:280px;*/ float:left; padding-right:10px; }
label.orderHdng { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#FFFFFF; }
p.order_hed_pgrph { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; width:205px; padding-top:3px; padding-left:15px; }
/*.list_img { background:url(../images/order_wrdprs_ico.png) no-repeat; width:27px; height:27px; background-color:#fff; }*/
.order_summary { width:917px; margin:0 auto; }
.order_Sumary_Top { width:917px; height:39px; background:url(../images/order_Summary_top_BG.png) center top no-repeat; }
span.ordr_smry_hd { font-size:16px; font-weight:bold; color:#fff; padding:10px 0 0 10px; }
span.ordr_smry_icn { padding:10px 10px 0 0; }
.order_Sumary_Bottom { width:887px; height:205px; background:url(../images/order_Summary_bottom_BG.png) center top no-repeat; padding:15px; }
input.orderSmry_Nme { width:218px; height:25px; border:1px solid #c4c4c4; padding:0 5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#475541; margin-right:10px; margin-bottom:8px; }
input.orderSmry_pages { width:47px; height:25px; border:1px solid #c4c4c4; padding:0 5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#475541; margin-right:10px; }
input.orderSmry_file { border:1px solid #c4c4c4; }
input.orderSmry_link { width:260px; height:25px; border:1px solid #c4c4c4; padding:0 5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#475541;  } 
textarea.ifYou_have { width:290px; height:106px; border:1px solid #c4c4c4; padding:5px 5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#475541; margin-top:8px; resize:none; margin-right:10px;  }
span.ifyou { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#475541; }
textarea.order_center { width:290px; height:115px; border:1px solid #c4c4c4; padding:5px 5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#475541; margin-top:8px; resize:none;   }
.order_delivery { width:245px; height:115px; border:1px solid #c4c4c4; padding:5px 5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#475541; margin-top:8px; resize:none; background:#edf0f9; float:right;   }
ul.order_del_lst { padding:0; margin:0;}
ul.order_del_lst  li { list-style:none; display:block; border-bottom:1px solid #c5ccdf; padding:5px 0; width:245px; float:left; }
input.order_chk_Box {  margin-left:0; padding-left:0; }
label.order_chk_txt { font-size:12px; }


.ChngeOptn_Trmsrvc { width:917px; margin:0 auto; padding-top:20px; }
.change_optionsBox { width:363px; }
.chn_optn_top { width:363px; height:40px; background:url(../images/change_optn_top_bg.png) center top no-repeat; }
.chn_optn_botm { width:363px; height:280px; background:url(../images/change_optn_botm_bg.png) center bottom no-repeat; padding:20px 0; }
ul.chn-btm-Lsts { margin:0; padding:0; }
ul.chn-btm-Lsts li { list-style:none; display:block; background-color:#eeeeee !important; width:329px; height:14px; margin:10px auto 0 auto; padding:10px 15px 10px 15px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#7aa02b; letter-spacing:1px; line-height:15px;  }

.terms_of_Srvcs { width:546px; }
.terms_of_Srvcs_top { width:546px; height:40px; background:url(../images/terms_of_Srvcs_top.png) center top no-repeat; }
.terms_of_Srvcs_bttm { width:526px; height:300px; background:url(../images/terms_of_Srvcs_bttm.png) center bottom no-repeat; padding:10px 10px;  }
.terms_of_Srvcs_bttm_left { width:305px; border-right:1px solid #99c308; padding-right:5px; }
h3.srvs_btm_lft_hdng { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#494949; }
p.srvs_btm_lft_pgrph { font-size:12px; color:#494949; padding-top:10px; line-height:16px; }
.terms_of_Srvcs_bttm_right { width:200px; padding:15px 0 0 10px; }


.price_Box { width:70px; float:left; height:40px; /*border:1px solid #fff;*/ font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#c4ff49; text-align:center; padding-top:15px; font-weight:bold; margin-right:50px; }
.top_space { padding-top:6px; }

/* Pop Up started */ 
.light_Box { width:808px; height:370px; border:2px solid #82ae08; background:#fff; padding:4px; margin:50px auto ; position:relative; }
.Lght_Bx_Hdng { width:776px; height:11px; border:1px solid #e5dfdf; background:#eaeaea; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#565050; padding:15px; letter-spacing:1px; }
.close_icon { width:26px; height:26px; position:absolute; top:-15px; left:805px;  }
.Lght_Bx_Cntnt_Area { width:768px; padding:20px; }

.Lght_Bx_Cntnr_Area_Inr_lft { width:306px; border-right:1px solid #99c308; padding-right:78px; float:left; }
p.Lght_Inr_Lft_pgrph { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#475541; padding:0 30px 10px 0;  }
.Area_Inr_lft_Layout { width:306px;  }
.Inr_lft_Layout_head { width:306px;  }
span.Layout_head { width:250px; border-bottom:1px dotted #475541; height:15px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#475541; float:left; }
span.Layout_txts { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#475541; float:left; }
span.Layout_head_image { float:left; padding:3px 0 0 3px; }
.Inr_lft_Layout_bttom { width:306px; padding-top:8px; padding-bottom:25px; }
span.lft_Layout_bttom_Txt { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#475541; float:right; padding:3px 20px 3px 0;  }

.Lght_Bx_Cntnr_Area_Inr_right { width:300px; padding-left:78px; float:right; }