/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------
											BASE CLASSES START HERE
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

body { min-width:100%; width:auto; margin: 0; padding: 0; font-family:Georgia, "Times New Roman", Times, serif; font-size: 13px; line-height:20px; color: #646464; height:100%; /* height is optional*/  margin: 0; padding: 0;background:url(../images/bg.gif) #fff left top repeat-x; }
html, form { width:100%; height: 100%; max-height: 100%; margin: 0; padding: 0; }
@-moz-document url-prefix() { body { height: 100%; } }
ul, li, div, form, p, h1, h2, h3, h4, h5, h6, h7, h8, h9, input, span, a { margin: 0; padding: 0; }
ul { margin: 0; }
br { line-height: 10px; }
sup, sub { font-size: .6em; }
hr { border-top: solid 1px #c3d3e8; height: 1px; border-left: none; border-right: none; border-bottom: none; margin:0; padding:0 }
a {  color:#505050	; text-decoration:none; outline:none}
a:hover { text-decoration:none; color:#888;  }
#wrapper { display: inline-block; width:auto; min-width: 100%; height: auto /*optional change to 100% to auto as per requirement*/; min-height: 100%;   }
*html #wrapper{height:100%;}


/*form class starts*/
input { outline:none}
input[type="text"], textarea { border:solid 1px #e5e5e5; font-size:13px; font-family:Georgia, "Times New Roman", Times, serif; padding:3px; color:#646464; }
input[type="checkbox"] { }
input[type="radio"] { }
label { color:#464646; float:left; width:70px; }
select { border:solid 1px #ccc; }
.asterik { color:#D41501;}
/*Start Button Classes Here*/
.btn { margin-right:10px; }
.btn, .btn strong { background:url(../images/btn.gif) left top no-repeat; display:inline-block; height:30px; }
.btn strong { background-position:right top; margin-right:-4px; margin-left:4px; }
.btn strong input, .btn strong a { background:transparent; text-transform:uppercase; border:0px; color:#2f2f2f; font-family:Georgia, "Times New Roman", Times, serif; cursor:pointer; overflow:visible; width:auto; padding:6px 20px 5px 20px; margin-left:-4px; text-decoration:none; display:inline-block; }

.btn:hover, .btn:hover strong { background-image:url(../images/btn_hover.gif); }
/* float Classes */
.float-l { float:left; }
.float-r { float:right; }
.clear-b { clear:both; }
.clear-l { clear:left; }
.clear-r { clear:right; }
.display-inlnblk { display:inline-block;}
.frm p { padding-bottom:15px; }
/*form class ends*/
.main { margin:0 auto; width: 900px;  margin-top:6px; padding-right:30px; }
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------
											BASE CLASSES END HERE
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* Start Header Here*/
#hdr { display:inline-block; width:100%; }
.hdr-logo { background:url(../images/logo.gif) left top no-repeat; width:134px; height:82px; float:left; border:0px; margin-top:35px;}
.hdr-tagln { background:url(../images/tagln.gif) right top no-repeat; width:587px; height:24px; float:right;  margin-top:36px; }
/* End Header Here*/

/* Start Menu here */
#menu { margin-top:30px; background: #f2f2f2; height:74px; position:relative; overflow:hidden}
#menu ul { width:100%; height:100%; background:url(../images/menu_rb.gif) right bottom no-repeat;  }
#menu li { list-style:none; height:100%; white-space:nowrap; float:left; cursor:pointer  }
#menu li.frst-menu { }
#menu li.frst-menu div { }
#menu .menu-pad { padding:20px 32px 20px 33px; }
#menu .menu-sprt { border-right: solid 2px #fff;}
#menu p { padding-top:4px; *padding-top:0px; color:#828181; font-family:Verdana, Geneva, sans-serif; font-size:10px;}
#menu .workus .menu-pad, #menu .workus-act .menu-pad{ padding-left:32px; }

#menu .hello img{ background:url(../images/hello_menu_inact.gif) left top no-repeat; width:61px; height:16px; border:0px; }
#menu .hello:hover img, #menu .hello-act img{ background:url(../images/hello_menu_act.gif) left top no-repeat; width:61px; height:16px; border:0px; }
#menu .story img{ background:url(../images/story_menu_inact.gif) left top no-repeat; width:106px; height:16px; border:0px; }
#menu .story:hover img, #menu .story-act img{ background:url(../images/story_menu_act.gif) left top no-repeat; width:106px; height:16px; border:0px; }
#menu .approach img{ background:url(../images/approach_menu_inact.gif) left top no-repeat; width:146px; height:16px; border:0px; }
#menu .approach:hover img, #menu .approach-act img{ background:url(../images/approach_menu_act.gif) left top no-repeat; width:146px; height:16px; border:0px; }
#menu .work img{ background:url(../images/work_menu_inact.gif) left top no-repeat; width:107px; height:16px; border:0px; ; }
#menu .work:hover img, #menu .work-act img{ background:url(../images/work_menu_act.gif) left top no-repeat; width:107px; height:16px; border:0px; }
#menu .workus img{ background:url(../images/workus_menu_inact.gif) left top no-repeat; width:146px; height:16px; border:0px; }
#menu .workus:hover img, #menu .workus-act img{ background:url(../images/workus_menu_act.gif) left top no-repeat; width:146px; height:16px; border:0px; }
#menu li.back { border-top: 3px solid #7fb000; width: 9px; z-index: 8; position: absolute; height:5px }

/* End Menu here */

/* Start Main Container Classes */
#mn-cont { margin-top:52px; margin-bottom:40px; text-align:justify; }
.tagln-txt-hm { background:url(../images/tagln_img_hm.gif) left top no-repeat; width:498px; height:213px; padding-bottom:50px; }
.pg-title { margin-bottom:30px;}
.hm-cont-txt { line-height:26px; font-size:14px; margin-left:-160px; width:560px;  }
.box { border-top: solid 5px #f2f2f2; padding-top:12px;}
.hm-box { width:275px;}
h1 { font-family:'Arial Black',Arial, Helvetica, sans-serif; font-size:62px; font-weight:normal; color:#7fb000; line-height:90px; margin-top:10px;}
h2 { font-size:18px; color:#3d3d3d; font-weight:normal; padding-bottom:20px; }
.pg-fold { position:absolute; overflow:hidden; cursor:pointer;}
.cont-bx { border:solid 1px #ededed;  background:#f3f5f9; }
.hm-box-height { height:230px;}
.highlgt-txt { color:#5c7f00;}
.textalign-left { text-align:left;}
.more-lnk { text-transform:uppercase; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#a5a5a5; text-decoration:none; margin-top:10px;padding-bottom:5px;}
.more-lnk:hover { border-bottom: solid 3px #7fb000; text-decoration:none; color:#1f1f1f; padding-bottom:2px;   }
#scrollup { position:relative; overflow:hidden; height: 232px; width: 262px; }
.headline { position: absolute; top: 0px; left: 271px; clear:both; width:100%; }
.recntwork-img img { border:0px; }
.workus-title-img { background:url(../images/workus_title_img.gif) left top no-repeat; width:290px; height:144px; border:0px; margin-right:54px; }
.ourwork-title-img { background:url(../images/ourwork_title_img.gif) left top no-repeat; width:217px; height:174px; border:0px; margin-right:105px; }
.ourapprch-title-img { background:url(../images/ourapprch_title_img.gif) left top no-repeat; width:353px; height:188px; border:0px; margin-right:30px;}
.ourstory-title-img { background:url(../images/ourstory_title_img.gif) left top no-repeat; width:213px; height:192px; border:0px; margin-right:30px;}
.hrdarndtown-title-img { background:url(../images/hrdarndtown_title_img.gif) left top no-repeat; width:453px; height:147px; border:0px; margin-right:30px;}
.linktous-title-img { background:url(../images/linktous_title_img.gif) left top no-repeat; width:233px; height:173px; border:0px; margin-right:30px;}
.more-spacing { line-height:24px;}
.cont-txt { width:60%;margin-bottom:30px;  }
.inr-bx { background:#F7F7F7; border: solid 1px #EDEDED; padding:5px; }
.bizcard-img { background:url(../images/bizcard_img.gif) left top no-repeat; width:220px; height: 128px; border:0px; padding:10px 33px 0px 15px; margin-top:15px; }
.title-txt { font-size:16px; color:#699200;}
.bizcard-det { font-size:15px; }
.bizcard-det span { color:#101010;}
.bizcard-img a { font-size:13px; text-decoration:underline; font-family:Georgia, "Times New Roman", Times, serif;}
.bizcard-img a:hover { color:#3e3e3e;}
.mncol2-col1-box { width: 586px;}
.mncol2-col2-box { width: 275px;}
.pg-nav a { margin:0px 3px;}
.pg-nav a img { border:0px;}
.box ul{  margin-left:20px; padding-bottom:15px;  }
.box li { padding-top:5px;}

/* Our Work Classes */
.work-col-img { border-right: solid 1px #ededed; min-height:366px;}
#work-list { width:218px; padding-right:10px; text-align:left}
#work-list ul {  margin-top:5px;}
#work-list li { list-style:none; font-size:16px; color:#3d3d3d; margin-bottom:14px; padding-top:0px}
#work-list li a { font-size:16px; color:#505050; font-family:Georgia, "Times New Roman", Times, serif; width:100%  }
#work-list li a:hover, #work-list li .work-act { color:#0b0b0b; border-bottom: solid 2px #7fb000; }

#work-done { width:220px; background:#f7f7f7; }
#work-done ul {  }
#work-done li { list-style:none; margin-bottom:10px; font-size:14px; color:#767676px; text-align:left; padding-right:10px; line-height:18px }

#work-desc { width:430px; margin-left:20px; padding-top:5px;}
#work-desc .work-desc-txt { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#696969;  }
#work-desc .photo-bx { float:left; }

.work-thumb-img { border: solid 1px #b8b8b8;}
.ourwork-img-height { height:226px;}
.visitsite-img { background:url(../images/visitsite_img.gif) left top no-repeat; width:124px; height:26px; border:0px;}
.contactus-img { background:url(../images/contactus_img.gif) left top no-repeat; width:114px; height:26px; border:0px;}

/* Flow Diagram Classes */
#flow-diag { border: solid 1px #e7e7e7;}
#flow-diag .hdr-txt { background:#f1f1f1; padding:6px 10px; text-align:left}
#flow-diag img { border:0px; padding:5px}
#flow-diag div { display:none;}

/* Story Categories Classes */
#category { margin-top:40px;}
.cat-box { width: 191px; margin:0px 17px;}
.cat-box a { position:relative; }
.cat-box img { border:0px;}
.cat-shephrd-img { background:url(../images/cat_shephrd_img.gif) center top no-repeat; width:187px; height:144px; }
.cat-creative-img { background:url(../images/cat_creative_img.gif) center top no-repeat; width:187px; height:144px; }
.cat-geeks-img { background:url(../images/cat_geeks_img.gif) center top no-repeat; width:187px; height:144px; }
.cat-nitpickers-img { background:url(../images/cat_nitpickers_img.gif) center top no-repeat; width:187px; height:144px; }

.hovertip {	z-index:100; display:none; position:absolute}

/* Start Rounded Box1 Classes Here */
.cat-callout-arw { background:url(../images/cat_callout_arw.png) left top no-repeat; margin-left:45px; height:16px; *width:50px; }
.mn-box {}
.mn-box .bx-lt { background:url(../images/cat_callout_bx.png) left top no-repeat; width:12px; height:12px; border:0px; float:left;}
.mn-box .bx-rt { background:url(../images/cat_callout_bx.png) right top no-repeat; width:12px; height:12px; border:0px; float:right;}
.mn-box .bx-t { background:url(../images/cat_callout_bx_t.png) left top repeat-x; height:12px; margin:0px 12px; border:0px; }
.mn-box .bx-lb { background:url(../images/cat_callout_bx.png) left bottom no-repeat; width:12px; height:12px; border:0px; float:left;}
.mn-box .bx-rb { background:url(../images/cat_callout_bx.png) right bottom no-repeat; width:12px; height:12px; border:0px; float:right;}
.mn-box .bx-b { background:url(../images/cat_callout_bx_b.png) left top repeat-x; height:12px; margin:0px 12px; border:0px; }
.mn-box .bx-mid-l { background:url(../images/cat_callout_bx_l.png) left top repeat-y; padding-left:12px; display:inline-block}
.mn-box .bx-mid-r { background:url(../images/cat_callout_bx_r.png) #f9f9f9 right top repeat-y; padding-right:12px; display:inline-block}
.mn-box .bx-mid-r ul { display:inline-block}
.mn-box .bx-mid-r li { list-style:none; padding:6px; font-size:15px; white-space:nowrap; }
.mn-box .bx-mid-r li span { font-size:13px; }
.txt-colr1 { color:#716f6f;}
.txt-colr2 { color:#565656;}
.txt-colr3 { color:#3b3b3b;}
/* End Rounded Box1 Classes Here */

/* Heard Around Town Classes */
#testimonial { margin-top:20px;}
#testimonial .tstmnl-bx-l { background:url(../images/tstmnial_quote_t.gif) left top no-repeat; padding-left:80px; border:0px;  }
#testimonial .tstmnl-bx-r { background:url(../images/tstmnial_quote_b.gif) right bottom no-repeat; padding-right:80px; border:0px; padding-top:20px; padding-bottom:20px;  }
#testimonial h4 { font-family:'Arial Narrow',Arial, Helvetica, sans-serif; font-size:32px; color:#7fb000; font-weight:normal; padding-bottom:12px; }
.tstmnl-desig-txt { font-family:'Arial Narrow',Arial, Helvetica, sans-serif; color:#161616; font-size:20px; padding-bottom:3px; padding-left:2px; }
.tstmnl-comp-txt { font-family:'Arial Narrow',Arial, Helvetica, sans-serif; color:#616161; font-size:17px; padding-left:2px; }



/* Accordion Classes */
.Accordion {overflow: hidden; margin-top:7px; outline:none; float:left; width:100%}
.AccordionPanel { padding-bottom:30px;}
.AccordionPanelTab h3 { font-family:'Arial Narrow',Arial, Helvetica, sans-serif; font-size:36px; font-weight:normal; color:#a7a7a7;cursor: pointer; padding-top:3px; padding-bottom:10px;  }
.AccordionPanelTab h3 span { font-size:28px; *margin-top:-28px; *padding-top:2px;}
.AccordionPanelContent {border-bottom: solid 1px #d8d8d8; }
.AccordionPanelContent p { padding-top:15px;}
.AccordionPanelOpen .AccordionPanelTab h3{ color:#333333;}
.AccordionPanelTabHover h3{color: #333333;}
.AccordionPanelOpen .AccordionPanelTabHover h3 {color:#0a0a0a;}
.AccordionPanelContent ul{ padding-top:10px; margin-left:20px; padding-bottom:15px;  }
.AccordionPanelContent li { padding-top:5px;}


#bios { margin-top:20px; overflow:auto;}
#bios .AccordionPanel { padding-bottom:0px;}
#bios .AccordionPanelTab h3 { padding-top:20px; padding-bottom:20px; }
#bios .AccordionPanelTab h3 span{ font-size:36px; color:#5e5e5e }
#bios .AccordionPanelTabHover h3 span, #bios .AccordionPanelOpen h3 span{ color:#7fb000;}
#bios .AccordionPanelContent { background:url(../images/bio_quote_t.gif) left top no-repeat; width:591px; padding-left:84px; border:0px;  }
#bios .AccordionPanelContent p.last{ background:url(../images/bio_quote_b.gif) right bottom no-repeat; padding-right:84px; padding-bottom:10px; }


/* Start Footer Classes */
#footer{ color:#888888; text-align:center; padding-top:10px; padding-bottom:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; border-top: solid 1px #e5e5e5;}
/* End Footer Classes */

/* Padding Classes */
.pT-10 { padding-top:10px;}
.mR-35 { margin-right:35px;}
.mR-8 { margin-right:8px;}
.pT-8 { padding-top:8px;}
.pB-15 { padding-bottom:15px;}
.pT-20 { padding-top:20px;}
.mB-20 { margin-bottom:20px;}






div.facebook .pp_top .pp_left { background: url(../images/sprite.png) -77px -54px no-repeat; }
div.facebook .pp_top .pp_middle { background: url(../images/contentPatternTop.png) top left repeat-x; }
div.facebook .pp_top .pp_right { background: url(../images/sprite.png) -105px -54px no-repeat; }
div.facebook .pp_content .ppt { color:#000; }
div.facebook .pp_content_container .pp_left { background: url(../images/contentPatternLeft.png) top left repeat-y; }
div.facebook .pp_content_container .pp_right { background: url(../images/contentPatternRight.png) top right repeat-y; }
div.facebook .pp_content { background:#fff; }
div.facebook .pp_expand { background: url(../images/sprite.png) -31px -26px no-repeat; cursor: pointer; }
div.facebook .pp_expand:hover { background: url(../images/sprite.png) -31px -47px no-repeat; cursor: pointer; }
div.facebook .pp_contract { background: url(../images/sprite.png) 0 -26px no-repeat; cursor: pointer; }
div.facebook .pp_contract:hover { background: url(../images/sprite.png) 0 -47px no-repeat; cursor: pointer; }
div.facebook .pp_close { width:22px; height:22px; background: url(../images/sprite.png) -1px -1px no-repeat; cursor: pointer; }
div.facebook .pp_close_pos { width:22px; height:22px; background: url(../images/sprite.png) -1px -1px no-repeat; cursor: pointer; margin-top:-15px; margin-right:-5px; margin-bottom:10px; }
div.facebook #pp_full_res .pp_inline { color:#000; }
div.facebook .pp_loaderIcon { background: url(../images/loader.gif) center center no-repeat; }
div.facebook .pp_bottom .pp_left { background: url(../images/sprite.png) -77px -81px no-repeat; }
div.facebook .pp_bottom .pp_middle { background: url(../images/contentPatternBottom.png) top left repeat-x; }
div.facebook .pp_bottom .pp_right { background: url(../images/sprite.png) -105px -81px no-repeat; }
div.pp_pic_holder a:focus { outline:none; }
div.pp_overlay { background:#1f1f1f; display: none; left:0; position:absolute; top:0; width:100%; z-index:9500; }
div.pp_pic_holder { display: none; position:absolute; width:100px; z-index:10000; }
.pp_top { height:25px; position: relative; }
* html .pp_top { padding:0 25px; }
.pp_top .pp_left { height:25px; left:0; position:absolute; width:25px; }
.pp_top .pp_middle { height:25px; left:25px; position:absolute; right:25px; }
* html .pp_top .pp_middle { left:0; position: static; }
.pp_top .pp_right { height:25px; left:auto; position:absolute; right:0; top:0; width:25px; }
.pp_content { height:40px; }
.pp_content .ppt { left:auto; margin-bottom:5px; position: relative; top:auto; }
.pp_fade { display: none; }
.pp_content_container { position: relative; text-align: left; width:100%; }
.pp_content_container .pp_left { padding-left:25px; }
.pp_content_container .pp_right { padding-right:25px; }
.pp_content_container .pp_details { margin:10px 0 2px 0; }
.pp_description { display: none; margin:0 0 0px 10px; color:#161616; text-align:justify }
.pp_description li { margin-left:20px; padding-top:6px; }
.pp_viewsite { margin: 15px 10px 0px; display:inline-block }
.pp_viewsite img { background:url(../images/viewsite_btn.png) left top no-repeat; width:180px; height:42px; border:0px; }
.pp_nav { clear: left; float: left; margin:3px 0 0 0; }
.pp_nav p { float: left; margin:2px 4px; }
.pp_nav a.pp_arrow_previous, .pp_nav a.pp_arrow_next { display:block; float: left; height:15px; margin-top:3px; overflow: hidden; text-indent: -10000px; width:14px; }
.pp_hoverContainer { position:absolute; top:0; width:100%; z-index:2000; }
a.pp_expand, a.pp_contract { cursor: pointer; display: none; height:20px; position:absolute; right:30px; text-indent: -10000px; top:10px; width:20px; z-index:20000; }
a.pp_close, a.pp_close_pos { display:block; float: right; text-indent: -10000px; }
.pp_bottom { height:25px; position: relative; }
* html .pp_bottom { padding:0 25px; }
.pp_bottom .pp_left { height:25px; left:0; position:absolute; width:25px; }
.pp_bottom .pp_middle { height:25px; left:25px; position:absolute; right:25px; }
* html .pp_bottom .pp_middle { left:0; position: static; }
.pp_bottom .pp_right { height:25px; left:auto; position:absolute; right:0; top:0; width:25px; }
.pp_loaderIcon { display:block; height:24px; left:50%; margin: -12px 0 0 -12px; position:absolute; top:50%; width:24px; }
#pp_full_res { line-height:1 !important; }
#pp_full_res .pp_inline { text-align: left; }
#pp_full_res .pp_inline p { margin:0 0 15px 0; }
div.ppt { color:#fff; display: none; font-size:17px; left:0; position:absolute; top:0; z-index:9999; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; }


/* Twitter CLas */
#tfbAbout { display:none;}

/* Language Selection */
.lang-btn , .lang-btn strong { background:url(../images/lang_sel_bg.png) left top no-repeat; display:inline-block; height:27px; }
.lang-btn strong { background-position:right top; margin-right:-4px; margin-left:4px; }
.lang-btn strong a { background:transparent; text-transform:uppercase; border:0px; color:#fff; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:1px; cursor:pointer; overflow:visible; width:auto; padding:3px 20px 4px 20px; margin-left:-4px; text-decoration:none; display:inline-block; }
.lang-btn strong a:hover { color:#7fb000;}