body, html { height:100%; }
body { margin:0; padding:0; background-color:#f5f5f5; font:normal 12px Arial, Helvetica, sans-serif; }
/*=======================reset css=======================*/
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, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
vertical-align: baseline;
outline: 0;
padding: 0;
margin: 0;
border: 0;
}
ul, li { list-style: none; }
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
/*=======================common css=======================*/
.mt49 { margin-top:49px; }
.mt22 { margin-top:22px; }
.mt10 { margin-top:10px; }
.mb10{height:20px; margin:0px 0px 10px 0px; clear:both;}
.mb20{margin:0px 0px 20px 0px!important; clear:both;}
.ml20{margin:0px 0px 0 20px !important; clear:both;}
.mlb20{margin:0px 0px 10px 20px !important; }
.mrb20{margin:0px 20px 10px 0px !important; }
.mar-b10{margin-bottom:10px; height:20px;}
.mb40{margin:0px 0px 48px 0px!important; clear:both;}
p { line-height:18px; color:#8a8a8a; margin-bottom:18px; }
.txtcen{ text-align:center; margin-top:18px;}
.txtcen img { border: 3px solid #e9e9e9; background: #FFFFFF; overflow: hidden; padding: 5px; margin:0 5px; }
.txtcen em{ font-style:italic; font-size:11px; display:block;}
h5 { color:#D95307; font:bold 14px Arial, Helvetica, sans-serif; padding:10px 0 5px; width:100%; float:left }
h5 a { color:#D95307; text-decoration:none; }
h3 small{color:#999999; font:11px/17px Tahoma,Geneva,sans-serif;}
.clr { clear:both; }
.clrBoth { clear: both; font-size:2px; line-height:2px; overflow: hidden; }
.fl { float:left; }
.fr { float:right; }
a:link, a:visited{color:#2483bf; text-decoration:underline;}
a:hover{ text-decoration:none;}
/*================read more button=======================*/
a.read-more-1 { color:#c1c1c1; text-decoration:none; background:url(../images/read-more.gif) repeat-x right top; float:right; margin-right:15px;}
a.read-more-1 span {background:url(../images/read-more-arr.gif) no-repeat right 6px; padding:3px 11px 3px 5px; display:block; margin-right:5px; font-size:11px; color:#777777!important; font-weight:normal!important;}
a:hover.read-more-1 { text-decoration:none; background-color:#70b4df; color:#ffffff;}
a:hover.read-more-1 span {background:url(../images/read-more-arr-hover.gif) no-repeat right 6px;}
a.read-more-3 { color:#c1c1c1; text-decoration:none; background:url(../images/read-more.gif) repeat-x right top; float:left; margin-right:15px;}
a.read-more-3 span {background:url(../images/read-more-arr.gif) no-repeat right 6px; padding:3px 11px 3px 5px; display:block; margin-right:5px; font-size:11px; color:#777777!important; font-weight:normal!important;}
a:hover.read-more-3 { text-decoration:none; background-color:#70b4df; color:#ffffff;}
a:hover.read-more-3 span {background:url(../images/read-more-arr-hover.gif) no-repeat right 6px;}
a.read-more-2 { color:#c1c1c1; text-decoration:none; background:url(../images/read-more.gif) repeat-x right top; float:left;}
a.read-more-2 span {background:url(../images/read-more-arr.gif) no-repeat right 5px; padding:3px 11px 3px 5px; display:block; margin-right:5px;}
a:hover.read-more-2 { text-decoration:none; background-color:#70b4df; color:#ffffff;}
a:hover.read-more-2 span {background:url(../images/read-more-arr-hover.gif) no-repeat right 5px;}
.more-btn { font:normal 11px/20px Arial, Helvetica, sans-serif; color:#777777; float:left; width:100%; margin:5px 0 }
.more-btn a { color:#777777; text-decoration:none; background:url(../images/btn-bg.gif) no-repeat right top; height:20px; padding:0px 15px 0px 5px; display:block; float:left; }
.more-btn a:hover { background:url(../images/btn-bg-hover.gif) no-repeat right top; padding:0px 15px 0px 5px; color:#ffffff; }
.more-btn_margin { margin-top:-35px!important;}
.outer-wrapper { width:100%; margin:0 auto; }
/*=====================top-container-wrap ===================== */
.top-container-wrap { width:100%; margin:0; background:#70b4df url(../images/top-bg.gif) repeat-x 0px 0px; padding:6px 0 0 0; }
.top-container { width:966px; margin:0 auto; padding:0; height:242px; }
.top-container .logo h1 { float: left; display: inline; margin:22px 0px 0px 11px; }
.top-container .logo h1 a { display: block; width: 159px; height: 79px; text-indent: -9999px; outline: none; background: transparent url(../images/logo.gif); }
.topcenter { margin:15px 0 0 8px; float:left; display:inline; }
/*====================top menu css======================= */
.topmenu { width:145px; float:left; padding:0 10px 0 10px; display:inline; }
.topmenu .title { color:#ffffff; display:block; margin-left:10px; font-size: 18px; }
.topmenu .title a { color:#ffffff; text-decoration:none; border-bottom:solid 4px #d9f3ff; padding-bottom:6px; display:block; font-size: 18px; }
.topmenu .title a:hover, .topmenu .title a.active { border-bottom:solid 4px #134463; color:#134463; }
.topmenu ul { list-style-type:none; }
.topmenu ul li { font:normal 11px Arial, Helvetica, sans-serif; color:#ffffff; border-left:solid 5px #70B4DF; padding-left:5px; display:block; line-height:15px;}
.topmenu ul li a { background:url(../images/topmenu-libg.gif) repeat-x left bottom; color:#ffffff; text-decoration:none; display:block; padding:5px 0; line-height:15px; text-decoration:none; }
.topmenu ul li a:hover { color:#fff; }
.topmenu ul li:hover, .topmenu ul li.active { border-left:solid 5px #134463; color:white; text-decoration:none; }
/*====================top contact css ====================== */
.top-contact { background:#134463 url(../images/topcontact-bg.gif) no-repeat left bottom; width:101px; float:right; padding:15px 7px 0 7px; height:125px; display:inline; }
.top-contact .title { font:normal 18px Arial, Helvetica, sans-serif; color:#ffffff; display:block; }
.top-contact .text { font:normal 11px/20px Arial, Helvetica, sans-serif; color:#ffffff; display:block; background:url(../images/contact-textbg.gif) repeat-x left bottom; padding:9px 0; }
.top-contact .text a { color:#ffffff; text-decoration:none; display:block; }
.top-contact .title a { color:#fff; text-decoration:none; border-bottom:solid 4px #d9f3ff; padding-bottom:6px; display:block;}
.top-contact .title a:hover{ color:#70b4df; text-decoration:none; border-bottom:solid 4px #70b4df; }
/*====================body container css ====================== */
.intro-container-wrap { width:100%; margin:0; padding:0; background-color:#e8e8e8; }
.intro-container { width:966px; margin:0 auto; padding:0; overflow: hidden; }
.intro-container h2 { color:#000000; background:url(../images/introtitle-bg.gif) repeat-x left bottom; font-size:22px; padding:0 0 2px; display:block; margin-bottom:16px; font-weight:normal; }
.intro-left h5 { font-size:13px; font-weight:bold; color:#222222; margin-bottom:25px; display:block; }
.intro-container .intro-left p { color:#888888; font:normal 13px/20px Arial, Helvetica, sans-serif; }
.intro-container .intro-left { width:550px; float:left; padding:26px 20px 0 10px; }
.intro-container .intro-right { float:left; padding:26px 0px 0 0px; width:380px; }
/*====================services rounded box css ====================== */
.box1-tl-corner { background:url(../images/box-tl-corner.gif) no-repeat left top; }
.box1-tr-corner { background:url(../images/box-tr-corner.gif) no-repeat right top; }
.box1-top-bdr { background:#f1f0f0; border-top: solid 1px #cecece; height:5px; font-size:1px; overflow:hidden; margin:0 6px; }
.box1-middle { background:#f1f0f0; border-style:solid; border-color:#cecece; border-width:0 1px; }
.box1-bl-corner { background:url(../images/box-bl-corner.gif) no-repeat left bottom; }
.box1-br-corner { background:url(../images/box-br-corner.gif) no-repeat right bottom; }
.box1-bot-bdr { background:#f1f0f0; border-bottom: solid 1px #cecece; height:5px; font-size:1px; overflow:hidden; margin:0 6px; }
.box1-middle ul { padding:28px 0px 18px 18px; }
.box1-middle li { background:url(../images/service-list-arr.gif) no-repeat left 6px; padding:0px 0px 0px 23px; margin:0px 0px 18px 0px; }
.box1-middle li a, .box1-middle li a:hover { font-size:18px; font-weight:normal; color:#2483bf; text-decoration:none; background:url(../images/dotted.gif) repeat-x left bottom; padding:0px 0px 2px 0px; }
/*====================body middle part css ====================== */
.home-mid-wrap { width:100%; margin:0; padding:0; background-color:#f5f5f5; float:left; min-height:600px; }
.home-mid { width:966px; margin:0 auto; }
.home-mid-wrap{padding:25px 0px 0px 9px;}
.home-mid2 { width:967px; margin:0 auto; padding:0px 0px 0px 9px; }
.midtitle h4 { background:url(../images/homemid-title-bdr.gif) repeat-x left bottom; font-size:22px; color:#000000; padding:0px 0px 4px 0px; font-weight:normal; }
.midtitle span { font-size:10px; line-height:18px; color:#737373; display:block; }
.home-mid .midtitleinn span { font:normal 10px/20px Arial, Helvetica, sans-serif; color:#737373; display:block; }
.home-mid-lft { width:300px; margin:0; padding:0; float:left; }
.home-mid-lft p { color:#1D1D1D; font:normal 12px/20px Arial, Helvetica, sans-serif; margin-bottom:5px; }
.home-mid-cen { width:300px; margin:0 20px; padding:0; float:left; }
.home-mid-cen .latestwork { background:url(../images/introtitle-bg.gif) repeat-x left bottom; }
.home-mid-cen .latestwork.none { background:none;}
.home-mid-cen .latestwork .worktitle { display:block; padding:10px 0 0; font:bold 12px Arial, Helvetica, sans-serif; color:#444444; }
.home-mid-cen .latestwork .worktitle a { color:#444444; }
.home-mid-cen .latestwork p { color:#444444; font:normal 11px/20px Arial, Helvetica, sans-serif; margin:0; padding:5px 0 8px 0; }
.home-mid-cen .latestwork p a { color:#2B87C8; padding:0 2px 0 0; }
.home-mid-cen .latestwork p a:hover { color:#2B87C8; background-color:#d7ecf6; text-decoration:none; }
.home-mid-rt { width:296px; margin:0; padding:0; float:left; }
.home-mid-rt h5 { font-size:14px; font-weight:bold; padding-top:10px; padding-bottom:8px; color:#2483BF;}
.home-mid-rt p { color:#1D1D1D; font:normal 12px/20px Arial, Helvetica, sans-serif; text-align:justify; }
/*====================body box model ====================== */
.box2-tl-corner { background:url(../images/box2-tl-corner.gif) no-repeat left top; }
.box2-tr-corner { background:url(../images/box2-tr-corner.gif) no-repeat right top; }
.box2-top-bdr { background:#f1f0f0; border-top: solid 1px #d2d2d2; height:10px; font-size:1px; overflow:hidden; margin:0 6px; }
.box2-middle { background:#f1f0f0; border-style:solid; border-color:#d2d2d2; border-width:0 1px; }
.box2-bl-corner { background:url(../images/box2-bl-corner.gif) no-repeat left bottom; }
.box2-br-corner { background:url(../images/box2-br-corner.gif) no-repeat right bottom; }
.box2-bot-bdr { background:#f1f0f0; border-bottom: solid 1px #d2d2d2; height:5px; font-size:1px; overflow:hidden; margin:0 6px; }
.box4{width:163px;}
.box4-top-round{background:url(../images/box4-top-round.gif) no-repeat left top; height:6px; font-size:2px;}
.box4-middle{background:#f1f0f0; border-style:solid; border-color:#d2d2d2; border-width:0px 1px; width:161px;}
.box4-bottom-round{background:url(../images/box4-bottom-round.gif) no-repeat left bottom; height:6px; font-size:2px;}
.project-list{ padding:5px 0px 0px 11px; min-height:70px; height:auto!important; height:70px;}
.box5{width:213px;}
.box5-top-round{background:url(../images/box5-top-round.gif) no-repeat left top; height:6px; font-size:2px;}
.box5-middle{background:#f1f0f0; border-style:solid; border-color:#d2d2d2; border-width:0px 1px; width:211px;}
.box5-bottom-round{background:url(../images/box5-bottom-round.gif) no-repeat left bottom; height:6px; font-size:2px;}
/*====================client project section======================= */
.clients { width:100%; margin:22px 0 20px 0; }
.clients h3 { font-size:22px; font-weight:normal; color:#000000; }
.clients span { background:url(../images/dotted-67.gif) repeat-x left bottom; font-size:10px; color:#737373; padding-bottom:2px; }
.projects-category{ margin:19px 20px 0 0; padding:0; width:163px; float:left;}
.projects-category h6 { background:url(../images/homemid-title-bdr.gif) repeat-x left bottom; color:#414141; font-size:13px; margin:0px 0px 13px 0px; padding:0 0 4px; }
.projects-category-2{ margin:19px 21px 0 0; padding:0; width:213px; float:left;}
.projects-category-2 h6{ background:url(../images/homemid-title-bdr.gif) repeat-x left bottom; color:#414141; font-size:13px; margin:0px 0px 13px 0px; padding:0 0 4px; }
.project-list{ padding:5px 0px 0px 11px; min-height:70px; height:auto!important; height:70px;}
.project-list li {background:url(../images/project-blt.gif) no-repeat left 5px; padding:0px 0px 0px 14px;}
.project-list li a{ font-size:12px; color:#2981c0; text-decoration:none; line-height:18px;}
.project-list li a:hover{text-decoration:underline;}
/*====================footer css======================= */
.footer-info-wrap { background-color:#d9d9d9; }
.footer-info { width:961px; margin:0 auto; padding:19px 1px 0px 4px; }
.footer-info .midtitle { background:url(../images/introtitle-bg.gif) repeat-x left bottom; font:normal 22px Arial, Helvetica, sans-serif; color:#000000; padding:0 0 4px; display:block; }
.footer-info .client-speak { width:303px; margin:0; padding:0; float:left; }
.footer-info h3 { font-size:22px; color:#000000; font-weight:normal; background:url(../images/dotted58.gif) repeat-x left bottom; padding-bottom:2px; margin-bottom:10px; }
/*====================footer box model======================= */
.box3-top { background:url(../images/box3-top.gif) no-repeat left top; height:6px; font-size:1px; overflow:hidden; }
.box3-middle { background:#f1f0f0; border-style:solid; border-color:#c1c1c1; border-width:0 1px; padding:27px 24px 0px 16px; height:210px; font-size:12px; line-height:19px; color:#4d4d4d; }
.box3-bottom { background:url(../images/box3-bottom.gif) no-repeat left top; height:6px; font-size:1px; overflow:hidden; }
.field_mandatory { margin-top:-18px; display:block; padding-bottom:5px;}
.field_mandatory span { color:red;}
.star { color:red;}
.index_inputbg { height:20px; border-top:2px solid #bebebe; border-right:1px solid #dadada; border-bottom:1px solid #dadada; border-left:2px solid #bebebe; padding:2px 4px 0 4px; width:117px;}
.index_textarea { height:65px; border-top:2px solid #bebebe; border-right:1px solid #dadada; border-bottom:1px solid #dadada; border-left:2px solid #bebebe; padding:2px 4px 0 4px; width:252px;}
.client-speak-name { margin-top:16px; color:#4b4a4a; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; }
.news-heading { font-size:12px; font-weight:bold; color:#4b4a4a; margin:1px 0px 7px 0px; }
.in-news { width:303px; margin:0 25px; padding:0; float:left; }
.newsdate { background-color:#717171; padding:5px 9px 5px 4px; color:#ffffff; font: 12px Verdana, Arial, Helvetica, sans-serif; }
.news { font-size:12px; color:#4d4d4d; line-height:17px; margin:21px 0px 0px 0px; }
.namefield { float:left; width: 130px; margin-right:3px; }
.namefield label { font-size:12px; font-weight:bold; color:#4b4a4a; }
.input-box { width:123px; height:16px; padding-top:3px; border:solid 1px #cbcbcb; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#6c6c6c; padding-left:3px; }
.emailfield { float:left; width:128px; }
.emailfield label { font-size:12px; font-weight:bold; color:#4b4a4a; }
.email-input { width:122px; height:16px; padding-top:3px; border:solid 1px #cbcbcb; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#6c6c6c; padding-left:3px; }
.comment-field { padding:0px; float: left; width: 268px; margin-top: 16px; }
.comment-field label { font-size:12px; font-weight:bold; color:#4b4a4a; }
.commment-box { width:255px; height:85px; padding-top:3px; border:solid 1px #cbcbcb; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#6c6c6c; padding-left:3px; }
.input-btn{ float:left; margin-top:15px; }
.box3-middle .submit { background:url(../images/submit-btn.gif) no-repeat left top; width:71px; height:35px; border:none; cursor:pointer; text-indent:-1000000px; }
.footer-info-rounded-box { padding:0 0 0 11px; margin:10px 0px 0px 0px; background:url("../images/tsr-l.gif") top left no-repeat; }
.footer-info-rounded-box h3 { background:url("../images/tsr-r.gif") top right no-repeat; margin:0; padding:5px 0 5px 0; }
.footer-info-rounded-box .projects-undertaken { margin:0 0 0 -11px; padding:0 8px 0; border:1px solid #cecece; border-width:0 1px; background:#f1f0f0; min-height:220px; height:auto !important; height:220px; position:relative; }
.footer-info-rounded-box .projects-undertaken li { list-style-type:none; background:url(../images/projects-bullet.gif) no-repeat 0 6px; line-height:20px; }
.footer-info-rounded-box .projects-undertaken li a { margin-left:14px; text-decoration:none; color:#2483bf; font:normal 12px Arial, Helvetica, sans-serif; line-height:20px; }
.footer-info-rounded-box .projects-undertaken li a:hover { text-decoration:underline; }
.footer-info-rounded-box div { margin:0 0 0 -11px; padding-left:11px; background:#d9d9d9 url("../images/tsr-l.gif") bottom left no-repeat; }
.footer-info-rounded-box a.more { display:block; text-align:right; padding:10px 10px 0px 0; background:url("../images/tsr-r.gif") bottom right no-repeat; text-decoration:none; }
.footer-info .client-txt { font:normal 12px/19px Arial, Helvetica, sans-serif; color:#4d4d4d; margin:0; padding:10px; background:none; }
.foot-more-btn { font:normal 11px/20px Arial, Helvetica, sans-serif; color:#777777; float:left; width:100%; position:absolute; bottom:0; right:20px; }
.foot-more-btn a { color:#777777; text-decoration:none; background:url(../images/btn-bg.gif) no-repeat right top; height:20px; padding:0px 15px 0px 5px; display:block; float:right; }
.foot-more-btn a:hover { background:url(../images/btn-bg-hover.gif) no-repeat right top; padding:0px 15px 0px 5px; color:#ffffff; }
.home-footer-form { font:bold 12px/20px Verdana, Arial, Helvetica, sans-serif; color:#4b4a4a; width:98%; margin:0 auto; padding:0; }
.home-footer-form td input { width:126px; border:solid 1px #cbcbcb; height:18px; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#6c6c6c; padding-top:4px; padding-left:4px; }
.home-footer-form td textarea { width:270px; border:solid 1px #cbcbcb; height:90px; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#6c6c6c; padding-top:4px; padding-left:4px; }
.submit-btn { background:url(../images/submit-btn.gif) no-repeat 0 0 !important; width:69px !important; height:19px !important; border:0 !important; cursor:pointer; margin:0 !important; padding:0 !important; }
.con-footer-info-wrap { background-color:#d9d9d9; height:138px; }
/*====================inner footer======================= */
.footer-link{ float:left; width:100%; overflow: hidden; }
.innerfooter-info{ width:962px; margin:0 auto; padding-top:18px; }
.con-footer-menu { float:left; margin-top:11px; padding:0; }
.con-footer-menu ul { margin:0; padding:0; list-style-type:none; }
.con-footer-menu ul li { margin:0 25px 0 0; padding:0; font-weight:bold; color:#3c3c3c; display:inline; }
.con-footer-menu ul li a { color:#3c3c3c; text-decoration:none; }
.con-footer-menu ul li a:hover { text-decoration:underline;}
.footer-img { float:right; }
/*====================footer copyright======================= */
.footer-copywrite { background-color:#1d1d1d; height:55px; text-align:center; line-height:25px; }
.footer-copywrite p { margin:0; color:#14BAEE; padding-top:5px;}
.footer-copywrite p a { padding:0 10px; color:#14BAEE; text-decoration:none;}
.footer-copywrite p a:hover { color:#fff; text-decoration:underline;}
.footer-copywrite .copytext { font:11px Verdana, Arial, Helvetica, sans-serif; color:#14baee; width:967px; margin:0 auto; padding-top:5px; }
.footer-copywrite .copytext a {color:#14BAEE; text-decoration:none;}
.footer-copywrite .copytext a:hover {color:#fff; text-decoration:underline; }
/*================================================inner page css================================================ */
.content{ padding-top:25px;}
.left-container{width:673px; float:left;}
.content h2{ font-size:22px; font-weight:normal; color:#000000; line-height:18px; background:url(../images/dotted-3b.gif) repeat-x left bottom; padding-bottom:7px; margin-bottom:15px; }
.content h2 span{color:#D05007; font-size:18px;}
.content h2 a { color:#000000; text-decoration:none;}
.content h2 a:hover { color:#2483BF;}
.content h3{ font-size:16px; color:#d05007; font-weight:bold; line-height:18px; background:url(../images/dotted-3b.gif) repeat-x left bottom; padding-bottom:2px; margin-bottom:15px; margin-top:36px; }
.subheading h2{width:100%; float:left; margin-bottom:20px;}
.subheading h2 a { font-size:14px; line-height:18px; color:#d05007; text-decoration:none; width:auto; float:left; padding:2px 5px; border:1px solid #E0E0E0 ; margin-right:5px; margin-bottom:30px; }
.subheading h2 a:hover{ text-decoration:underline;}
.subheading1{ padding-left:0;}
.subheading1 li{ font-size:12px; color:#8a8a8a; margin-bottom:18px; float:left; width:100%;}
.subheading1 li span{ color:#3b3939; font-weight:bold;}
/*============right container==================== */
.right-container{ width:223px; border:solid 1px #d8d8d8; float:right; background:#edecec; padding:25px 13px 0px; }
.right-container h2{ font-size:21px; font-weight:normal; color:#000000; line-height:18px; background:url(../images/dotted-3b.gif) repeat-x left bottom; padding-bottom:7px; margin-bottom:15px; }
p.intro-txt{ font-size:11px; line-height:14px; color:#000000; margin-bottom:12px;}
p.heading-descp{ font-size:11px; line-height:14px; color:#8a8a8a; margin-bottom:10px;}
p.heading-descp span{font-weight:bold; color:#444444; }
p.txt12{font-size:12px; color:#565656;}
.image-border { border:1px solid #DBDBDB; width:220px; margin-bottom:10px;}
/*============right accordion==================== */
.nav_bottom { width:223px; overflow:hidden; margin:0px 0px 20px 0px; }
.menuheader { cursor: pointer; text-decoration:none; font-size: 13px; line-height:18px; font-weight:bold; color: #333333; background: url(../images/acco-hd-bg.gif) repeat-x left top; line-height:26px; vertical-align:middle; margin:0px!important; border-left:solid 1px #c8c8c8; border-right:solid 1px #c8c8c8; text-indent:10px; }
h3.menuheader.top { cursor: pointer; text-decoration:none; font-size: 13px; line-height:18px; font-weight:bold; color: #333333; background: url(../images/acco-top-hd-bg.gif) repeat-x left top!important; line-height:29px; vertical-align:middle; margin:0px!important; border:none; }
h3.openheader.top { cursor: pointer; text-decoration:none; font-size: 13px; line-height:18px; font-weight:bold; background: url(../images/acco-top-hd-bg-active.gif) repeat-x left top!important; line-height:29px; vertical-align:middle; margin:0px!important; }
h3.bottom { cursor: pointer; text-decoration:none; font-size: 13px; line-height:18px; font-weight:bold; color: #333333; background: url(../images/acco-bottom-hd-bg.gif) repeat-x left top; line-height:29px; vertical-align:middle; margin:0px!important; border:none; }
h3.openheader.bottom { line-height:25px!important; border-top:solid 1px #c8c8c8; border-bottom:solid 1px #6e717b; border-left:solid 1px #C8C8C8; border-right:solid 1px #C8C8C8; }
.bot-rnd { background:#4a4f5c url(../images/bot-rnd.gif) no-repeat left bottom!important; border:none!important; }
.categoryitems { padding:13px 0px 20px 14px; background-color:#4a4f5c; border-left:solid 1px #c8c8c8; border-right:solid 1px #c8c8c8; }
.categoryitems li { background:url(../images/acco-arr.gif) no-repeat left 9px; padding-left:13px; }
.categoryitems li a { font-size:12px; color:#b7b7b7!important; text-decoration:none!important; line-height:18px; }
.openheader { background:url(../images/acco-hd-bg-active.gif) repeat-x left top!important; color:#f5f5f5 !important; border-bottom:solid 1px #6e717b; }
ul.listing {width:100%; float:left; margin-bottom:11px;}
ul.listing li {background:url(../images/li-bg.gif) no-repeat 0 1px; width:100%; float:left; padding-bottom:6px;}
ul.listing li a {font:normal 12px/14px Arial, Helvetica, sans-serif; color:#2483bf; float:left; padding-left:21px;}oat:left; padding-left:21px;}
/*============client page end=============*/
.client_container{padding:0px 0px 15px 0px;}
.client a { background:url(../images/clients/client_bg.png) no-repeat left top; height:98px; width:161px; float:left; margin:10px 10px;}
.client a:hover { background:url(../images/clients/client_bg_hover.png) no-repeat left top; }
/*============subheadings=============*/
.subheading01{padding:0px 0px 0px 0px;}
.sub-heading-title{ margin-bottom:10px;}
.sub-heading-title span, .sub-heading-title span a{ font-size:14px; color:#3b3939; font-weight:bold;}
.subheading02-ul {margin:0px 0px 0px 0px; padding:0;}
.subheading02-ul li{background:url(../images/subhead02-bullet.gif) no-repeat left 5px; padding:0px 0px 15px 12px; color:#8a8a8a; line-heigh:18px; float:left; width:99%;}
.subheading02-ul li span, .subheading02-ul li span a{font-weight:bold; color:#8a8a8a}
ul.subheading03{margin-left:16px; margin-top:18px;}
/*============case study=============*/
.case_study_content{ width:966px; float:left;}
.case_study_content ul.casestudy_list{ width:430px; padding:20px 0 0; font:11px/17px Tahoma,Geneva,sans-serif; padding:10px 0;}
.case_study_content ul.casestudy_list li{ width:430px; float:left; background:url(../images/content_bdr_bg.gif) repeat-x 0 bottom; padding:15px 0;color:#999999;}
.case_study_content ul.casestudy_list li .left_box{ width:330px; float:left;}
.case_study_content ul.casestudy_list li .left_box a{ text-transform:uppercase;}
.case_study_content ul.casestudy_list li .right_box{ width:65px; float:right;}
.case_study_content ul.casestudy_list li .right_box a{ display:block;}
.case_study_content ul.casestudy_list li .right_box img{ margin-bottom:5px;}
.case_study_content ul.casestudy_list li a {color:#000000;font:bold 12px/18px Arial,Helvetica,sans-serif; text-decoration:underline;}
.case_study_content ul.casestudy_list li a:hover{ text-decoration:none;}
.case_study_content ul.casestudy_list p{ display:block; line-height:15px; padding:0px!important; margin:0px!important;}
.page_link{ width:100%; float:left; text-align:center; padding:10px 0 20px;}
.page_link li{ width:auto; margin:0 2px; display:inline}
.page_link li a{color:#999999; font-size:11px; text-decoration:underline;}
.page_link li a:hover{color:#333; text-decoration:none;}
.page_link li a.active{color:#333; text-decoration:underline; font-weight:bold; cursor:text}
/*============testimonials=============*/
.testimonial{ width:100%; padding:0px 0; float:left;}
.testimonial blockquote{ width:640px; float:left; background:url(../images/quote.png) no-repeat 0 0; padding:2px 0 0px 33px; }
.testimonial h6{ width:auto; float:left; font-size:14px;color:#3B3939;font-weight:bold; height:40px;}
.testimonial h6 span{ font-size:12px; font-weight:bold; color:#8A8A8A;}
.testimonial .content_row{ background:url(../images/dotted-3b.gif) repeat-x left bottom; width:100%; float:left; padding:10px 0}
.testimonial p.url{ width:100%; float:left; text-align:right}
/*====================modal popup======================= */
#basic-modal-content {display:none;}
#basic-modal-content2 {display:none;}
#basic-modal-content3 {display:none;}
#basic-modal-content4 {display:none;}
#basic-modal-content5 {display:none;}
/* Overlay */
#simplemodal-overlay {background-color:#000;}
#simplemodal-container { color:#bbb; background-color:#edecec; border:4px solid #134463; padding:12px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(../images/close.png) no-repeat; width:29px; height:33px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}
/*====================innerpage list style======================= */
.leftul { float:left; width:290px;}
.leftul2 { float:left; width:310px;}
.leftul3 { float:left; width:360px;}
.rightpiac { float:right; width:372px;}
.rightpiac2 { float:right; width:352px;}
.rightpiac3 { float:right; width:300px;}
.list-pad { padding-left:13px;}
.team-size { float:right; width:208px; margin-left:20px; display:inline;}
.team-size-bottom { background:url(../images/teamsize-bottom.gif) left bottom; padding:10px;}
.slills-table { padding:0; margin-bottom:10px;}
.slills-table h4, ul { padding-left:10px; padding-bottom:5px; padding-top:5px;}
.slills-table ul { list-style-type:none;}
.slills-table ul li {
background:transparent url(../images/subhead02-bullet.gif) no-repeat scroll left 5px;
color:#8A8A8A;
margin:0 0 4px;
padding:0 0 0 12px;
}
/*====================sitemap======================= */
.sitemap { padding:0; color:#8A8A8A;}
.sitemap h5 { font-size:16px; font-weight:bold; padding-bottom:10px;}
.sitemap h6 { font-size:12px; font-weight:bold; padding-top:10px; padding-bottom:10px;}
.sitemap h5 a { color:#000;}
.sitemap h6 a { color:#000;}
.sitemap ul { list-style-type:none; padding:0;}
.sitemap ul li { padding-bottom:8px;}
.sitemap a { color:#8A8A8A; text-decoration:none;}
.sitemap a:hover { color:#134463; text-decoration:underline;}
/*====================disclaimer======================= */
ol.disclaimer { padding-left:18px;}
ol.disclaimer li { list-style-type: upper-roman; padding-bottom:10px; color:#8A8A8A; line-height:18px;}
/*====================articles======================= */
.articles-page { padding:0;}
.articles-page h4 { padding:10px 0 10px;}
.articles-page ul { padding:0; margin:0;}
.articles-page ul li {background:url(../images/subhead02-bullet.gif) no-repeat left 5px; padding:0px 0px 0px 12px; color:#8a8a8a; margin:0px 0px 6px 0px; line-heigh:18px;}
.articles-page ul li a { text-decoration:none; color:#8A8A8A;}
.articles-page ul li a:hover { text-decoration:underline; color:#106AAD;}
/*====================contactus ======================= */
.contactusform { padding-top:10px;}
.contact_pad { padding-top:92px; position:relative;}
.contact_pad .jobapplication { position:absolute; top:10px; right:0;}
.contactusform dt { padding-bottom:6px; font-size:14px; font-weight:bold; color:#134463;}
.contactusform .mandatory { color:red; padding-left:5px;}
.contactusform dd { padding-bottom:10px; font-size:14px;}
.contactusform .inputbg { background:url(../images/input_bg.gif) no-repeat; width:614px; height:27px; border:0; padding:5px 10px 0 10px;}
.contactusform .textareabg { background:url(../images/textarea_bg.gif) no-repeat; width:614px; height:130px; border:0; padding:5px 10px 0 10px; font-family:Arial,Helvetica,sans-serif;}
.contactusform .file_2 { background:url(../images/browse_input.gif) no-repeat; width:514px; height:27px!important; padding:5px 10px 0 10px; border:0;}
.contactusform .submit { background:url(../images/submit_btn.gif) no-repeat!important; width:91px; height:40px; border:none; text-indent:-100000px; display:block; cursor:pointer;}
.contactusform p.border { border-bottom:1px solid #dadada; padding-bottom:15px; font-size:10px; text-align:left;}
.image_margin_btm { margin-bottom:15px;}
#Comment3 { display:none;}
#Comments3 { display:none;}
/*====================thumbnail wrap ======================= */
dl.webportfolio { padding-bottom:10px;}
dl.webportfolio dd { width:33%; float:left; text-align:center;}
.image-float { float:right; border: 3px solid #e9e9e9; background: #FFFFFF; overflow: hidden; padding: 5px; margin:0 0 10px 5px;}
.image-floatl { float:left; border: 3px solid #e9e9e9; background: #FFFFFF; overflow: hidden; padding: 5px; margin:0 5px 10px 0;}