/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

* {zoom: 1;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body { color: #555; height: 100%; }
a {color: #ff0000;}
	a:hover {color: #ff0000; }
	.document-tech a {color: #FF0000;}
	.document-tech a:hover {color: #00559a;}
	.document-tech .main-nav h3 a:hover, .document-tech .navicon a:hover, .web-tech .navicon a:hover {color: #555;}
	.web-tech a {color: #ff0000;}
	.web-tech a:hover {color: #ff0000;}
	.web-tech .main-nav h3 a:hover {color: #555;}
	
.page-wrapper {min-height: 800px;}
.wrapper {width: 980px; margin: 0 auto;}
.header-wrapper { background: white; padding: 20px 20px 10px 20px; -moz-box-shadow: 0 7px 0 #fff, 0 0 7px #ccc; width: 940px; 
-webkit-box-shadow: 0 7px 0 #fff, 0 0 7px #ccc; 
box-shadow: 0 -7px 0 #fff, 0 0 7px #ccc; border-radius: 0 0 9px 9px; border: 1px solid #e2e1e1; border-top: none; position: relative;z-index: 1000;}
.logo-holder {width:217px; display: block;}
.logo {float: left; display: block; width:220px; height:42px; margin-top:10px; }
.main-nav {float: left; margin-left:50px; width:55%;}
.wrapper.row.top2, .wrapper.row.top3 {min-height: 550px;}
.main-header {width: 18.979%;}

/*FEATURE / SHOWCASE*/
.feature-silver {background: #d6d6d6 url(../images/homebg.jpg) repeat-x; background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(251,251,251,1) 17%, rgba(247,247,247,1) 34%, rgba(245,245,245,1) 34%, rgba(240,240,240,1) 48%, rgba(238,238,238,1) 49%, rgba(239,239,239,1) 50%, rgba(234,234,234,1) 54%, rgba(234,234,234,1) 58%, rgba(232,232,232,1) 59%, rgba(228,228,228,1) 69%, rgba(226,226,226,1) 69%, rgba(225,225,225,1) 74%, rgba(218,218,218,1) 83%, rgba(214,214,214,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(17%,rgba(251,251,251,1)), color-stop(34%,rgba(247,247,247,1)), color-stop(34%,rgba(245,245,245,1)), color-stop(48%,rgba(240,240,240,1)), color-stop(49%,rgba(238,238,238,1)), color-stop(50%,rgba(239,239,239,1)), color-stop(54%,rgba(234,234,234,1)), color-stop(58%,rgba(234,234,234,1)), color-stop(59%,rgba(232,232,232,1)), color-stop(69%,rgba(228,228,228,1)), color-stop(69%,rgba(226,226,226,1)), color-stop(74%,rgba(225,225,225,1)), color-stop(83%,rgba(218,218,218,1)), color-stop(100%,rgba(214,214,214,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(251,251,251,1) 17%,rgba(247,247,247,1) 34%,rgba(245,245,245,1) 34%,rgba(240,240,240,1) 48%,rgba(238,238,238,1) 49%,rgba(239,239,239,1) 50%,rgba(234,234,234,1) 54%,rgba(234,234,234,1) 58%,rgba(232,232,232,1) 59%,rgba(228,228,228,1) 69%,rgba(226,226,226,1) 69%,rgba(225,225,225,1) 74%,rgba(218,218,218,1) 83%,rgba(214,214,214,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(251,251,251,1) 17%,rgba(247,247,247,1) 34%,rgba(245,245,245,1) 34%,rgba(240,240,240,1) 48%,rgba(238,238,238,1) 49%,rgba(239,239,239,1) 50%,rgba(234,234,234,1) 54%,rgba(234,234,234,1) 58%,rgba(232,232,232,1) 59%,rgba(228,228,228,1) 69%,rgba(226,226,226,1) 69%,rgba(225,225,225,1) 74%,rgba(218,218,218,1) 83%,rgba(214,214,214,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(251,251,251,1) 17%,rgba(247,247,247,1) 34%,rgba(245,245,245,1) 34%,rgba(240,240,240,1) 48%,rgba(238,238,238,1) 49%,rgba(239,239,239,1) 50%,rgba(234,234,234,1) 54%,rgba(234,234,234,1) 58%,rgba(232,232,232,1) 59%,rgba(228,228,228,1) 69%,rgba(226,226,226,1) 69%,rgba(225,225,225,1) 74%,rgba(218,218,218,1) 83%,rgba(214,214,214,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(252,252,252,1) 0%,rgba(251,251,251,1) 17%,rgba(247,247,247,1) 34%,rgba(245,245,245,1) 34%,rgba(240,240,240,1) 48%,rgba(238,238,238,1) 49%,rgba(239,239,239,1) 50%,rgba(234,234,234,1) 54%,rgba(234,234,234,1) 58%,rgba(232,232,232,1) 59%,rgba(228,228,228,1) 69%,rgba(226,226,226,1) 69%,rgba(225,225,225,1) 74%,rgba(218,218,218,1) 83%,rgba(214,214,214,1) 100%); /* W3C */}
.sec-header {background:#d6d6d6 url(../images/homebg.jpg) repeat-x; /* Old browsers */
background: -moz-linear-gradient(top,  #fefefe 0%, #ffffff 16%, #fdfdfd 18%, #fbfbfb 40%, #f9f9f9 42%, #f4f4f4 66%, #f2f2f2 67%, #f3f3f3 70%, #ebebeb 86%, #ebebeb 93%, #e8e8e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(16%,#ffffff), color-stop(18%,#fdfdfd), color-stop(40%,#fbfbfb), color-stop(42%,#f9f9f9), color-stop(66%,#f4f4f4), color-stop(67%,#f2f2f2), color-stop(70%,#f3f3f3), color-stop(86%,#ebebeb), color-stop(93%,#ebebeb), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fefefe 0%,#ffffff 16%,#fdfdfd 18%,#fbfbfb 40%,#f9f9f9 42%,#f4f4f4 66%,#f2f2f2 67%,#f3f3f3 70%,#ebebeb 86%,#ebebeb 93%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fefefe 0%,#ffffff 16%,#fdfdfd 18%,#fbfbfb 40%,#f9f9f9 42%,#f4f4f4 66%,#f2f2f2 67%,#f3f3f3 70%,#ebebeb 86%,#ebebeb 93%,#e8e8e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fefefe 0%,#ffffff 16%,#fdfdfd 18%,#fbfbfb 40%,#f9f9f9 42%,#f4f4f4 66%,#f2f2f2 67%,#f3f3f3 70%,#ebebeb 86%,#ebebeb 93%,#e8e8e8 100%); /* IE10+ */
background: linear-gradient(top,  #fefefe 0%,#ffffff 16%,#fdfdfd 18%,#fbfbfb 40%,#f9f9f9 42%,#f4f4f4 66%,#f2f2f2 67%,#f3f3f3 70%,#ebebeb 86%,#ebebeb 93%,#e8e8e8 100%); /* W3C */}
.taj_logo {
    width: 180px;
    height: 22px;
    float: right;
    margin-right: 25px;
}
.feature-image {float: left; }
.feature-messaging {float: left; width: 32.857%; text-align: left;}
.feature-messaging img {margin-top: 40px;}
.feature-link {float: left; display: block; width: 61.020%; height: 301px;}
.showcase-load { height: 301px; /* Same as showcase javascript option */overflow: hidden;}
.showcase-container {position: relative; z-index: 100;}
.showcase { position: relative;margin: auto;}
.showcase-content-wrapper {text-align: center;height: 301px;width: 100%;display: table-cell;vertical-align: middle;}

/* FLEX SLIDER  */
/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding: 0; position: relative; z-index: 20;}
.flexslider ul, .flexslider ol {list-style: none; margin: 0; padding: 0;}
.flexslider .slides > li {display:block;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flex-pauseplay span {text-transform: capitalize;}
/* .feature-silver .flexslider {margin-top: 4%;} */

.feature-image {float: left; }
.feature-messaging {float: left; width: 32.857%; text-align: left;}
.feature-messaging a {color: #333; font-weight: bold;}
.feature-messaging a:after{content:'\25BA'; font-size: 80%; margin-left: 3px;}
.feature-link {float: left; display: block; width: 61.020%; }
.showcase-load { height: 301px; /* Same as showcase javascript option */overflow: hidden;}
.showcase-container {position: relative; z-index: 100;}
.showcase { position: relative;margin: auto;}
.showcase-content-wrapper {text-align: center;height: 301px;width: 100%;display: table-cell;vertical-align: middle;}
.flexslider .showcase-content-wrapper {height: auto;}
.flex-direction-nav {display: none;}
.flex-control-nav {position: absolute; bottom: 20px; right: 0; }
.flex-control-nav li {float: left; margin-left: 8px;}
.flex-control-nav li a {background: url(../images/dots.png) no-repeat; display: block; width:11px; height: 10px; text-indent: -9999px;}
.flex-control-nav li a.active {background-position: -19px 0;} 
/* Button Wrapper */
.showcase-button-wrapper{position: absolute;bottom: 20px;right: 30px;text-align: center;}	
.showcase-button-wrapper span { margin-right: 3px; padding: 2px 5px 0px 5px; cursor: pointer; font-size: 16px; color: #444444;}	
.showcase-button-wrapper span.active { color: #fff; }
div[class*=tech] .showcase {border: 8px solid white; margin: 5% 0 5% 5px;-moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3); 
box-shadow: 0 0 5px rgba(0,0,0,0.1); box-shadow: 0px 0 5px rgba(0,0,0,0.1), -1px 0px 5px rgba(0,0,0,0.1);}
.showcase-caption { padding: 8px 15px; text-align: left; position: absolute; top: 120px; left: 305px; right: 10px; bottom: 20px; display: none;}
div[class*=tech] .showcase-content-wrapper {height: 251px;}
div[class*=tech] .showcase-button-wrapper{bottom: 10px;right: 20px;text-align: center;}	

.main-box {border: 1px solid #ccc; border-radius: 8px 8px 0 0; margin-top: 4%;-moz-box-shadow: 0 10px 0 #fff, 0 0 10px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 10px 0 #fff, 0 0 10px rgba(0,0,0,0.2); 
box-shadow: 0 -10px 0 #fff, 0 0 10px rgba(0,0,0,0.2); padding-bottom: 2%; position: relative; z-index: 10; background: white;}
	.departments.main-box {padding-bottom: 0; }

.box-header {border-radius: 8px 8px 0 0; padding:15px 25px; height: 55px; }
	.departments .box-header {padding-top: 5px; padding-left: 20px;}
.dark {background: transparent url(../images/black-stripes.gif) repeat-x; color: white;}
.main-section {margin:0 3% 3% 3%; position: relative; z-index: 5;}
.main-section.threecol {margin: 0 0 3% 3%; width: 29%;}
.main-section .dropzone {padding-bottom: 30px;}

.home-box-header {position: relative; border-radius: 7px; overflow: hidden;min-height: 100px;}
.box-header-text {padding: 15px 15px 15px 75px; text-align:center;}
.home-about {background:url(../images/home-hd-about.jpg) no-repeat left center;}
.home-doc {background: #f1f1f1 url(../images/home-hd-doc.jpg) no-repeat left center;}
.home-web {background: #f1f1f1 url(../images/home-hd-web.jpg) no-repeat left center;}

.home-serviceblock1 {background: #f1f1f1 url(../images/tharolax_500.png) no-repeat left center;}
.home-serviceblock2 {background: #f1f1f1 url(../images/manufacturing_.png) no-repeat left center;}
.home-serviceblock3 {background: #f1f1f1 url(../images/patient_infomation.png) no-repeat left center;}

.case-inset {position: absolute; right: 0;top: 13px;width: 300px; margin-right:40px;z-index: 1; float:right }
.case-studies {width: 280px; padding: 10px 0; margin-left: 164px; margin-top:-10px;}
.partners {background: #f0f0f0; margin-top: 4%; padding: 2% 3%; width: 94%;}
.case-inset.web {top:90px; p }
.case-inset.web img { padding-bottom:10px;}
.case-studies h5 {margin-top: 10px;}


/*Search*/
.search input[type=text] {border: none; background: #e0e1e1; padding: 2px; border-radius: 5px; float: left;}
.search {margin-top: 1%; float: right; width: 20%;}
.search input[type=image] {border: none; float: left; margin: -2px 0 0 3px;}

/*secondary pages*/
.gray-box{background: #f3f3f3; border-radius: 6px; border: 1px solid #ddd;}
.content-box {padding: 5%;}
.right-quote {float: right; width: 28.428%; margin-right: 0; margin-bottom: 1%;}
.gray-bg {background: #ebebeb;}
.gray-hd {color: #666; padding: 3%; font-size: 120%; text-shadow: 1px 1px 1px white; margin: 0;}
.under-case {margin-top:290px;}
.category-img {border: 4px solid #ebebeb; }
.img-caption  {position: relative; margin: 0; padding: 0;}
.caption {position: absolute; bottom: 8px; left: 4px; right: 4px; background: url(../images/black-opacity-60.png);padding: 2%; color: white; font-weight: bold;}


/*document page*/
.breadcrumb-wrap {border-left: 17px solid #ff0000; margin: 2% 0;}
.web-tech .breadcrumb-wrap {border-left-color: #FF0000;}
.document-tech .breadcrumb-wrap {border-left-color:#FF0000;}
.breadcrumbs {margin: 0 1%; padding: 0;  display: block; font-family: 'helvetica neue', 'arimo', arial, sans-serif; }
.breadcrumbs li {margin-right: .5%;}
.web-hd {background: url(../images/web-hd.png) no-repeat right top; padding-bottom: .5%;}
.doc-hd {background: url(../images/doc-header.png) no-repeat right top; padding-bottom: .5%;}
.sys-hd-about {background: url(../images/about.png) no-repeat right top; padding-bottom: .7%; height:90px;}
.sys-hd-port {background: url(../images/port.png) no-repeat right top; padding-bottom: .7%; height:90px;}
.sys-hd-glim {background: url(../images/glimpse.png) no-repeat right top; padding-bottom: .7%; height:90px;}
.sys-hd-CPI {background: url(../images/CPI.png) no-repeat right top; padding-bottom: .7%; height:90px;}
.sys-hd-FPI {background: url(../images/FPI.png) no-repeat right top; padding-bottom: .7%; height:90px;}
.sys-hd-plant {background: url(../images/plant.png) no-repeat right top; padding-bottom: .7%; height:90px;}
.sys-hd-cont {background: url(../images/cont.png) no-repeat right top; padding-bottom: .7%; height:90px;}
.sys-hd-terms {background: url(../images/terms.png) no-repeat right top; padding-bottom: .7%; height:90px;}
.sys-hd-legal {background: url(../images/legal.png) no-repeat right top; padding-bottom: .7%; height:90px;}
.sys-hdpri {background: url(../images/Privacy.png) no-repeat right top; padding-bottom: .7%; height:90px;}
.sys-hdmap {background: url(../images/map.png) no-repeat right top; padding-bottom: .7%; height:90px;}
.design-hd {background: url(../images/design.jpg) no-repeat 20px top; padding-bottom: 1%;}
.design-hd .breadcrumb-wrap {margin-top: 12%; margin-left: 2.4%;}
.design-hd h1 {margin-left: 2.4%;}
.healthcare { background: url(../images/hd-healthcare.png) no-repeat; width: 182px; height: 41px; text-indent: -9999px;}
.government {background: url(../images/hd-government.png) no-repeat; width: 199px; height: 40px; text-indent: -9999px;}
.financial {background: url(../images/hd-financial.png) no-repeat; width: 158px; height: 38px; text-indent: -9999px;}
.legal {background: url(../images/hd-legal.png) no-repeat; width: 122px; height: 47px; text-indent: -9999px;}
.manufacturing {background: url(../images/hd-manufacturing.png) no-repeat; width: 217px; height: 41px; text-indent: -9999px;}

/* web page */
.btn-list h2 {background: url(../images/web-btns.png) no-repeat; width: 237px; height: 37px; text-indent: -9999px;}
.hd-cms:hover {background-position: 0 -48px;}
.btn-list h2.hd-dandd {background-position: 0 -105px; height: 42px;}
.btn-list h2.hd-dandd:hover {background-position: 0 -150px;}
.btn-list h2.hd-work {background-position: 0 -206px; height: 33px;}
.btn-list h2.hd-work:hover {background-position: 0 -246px;}
/*footer*/

.menu li {list-style:none; float:left; padding:15px 16px 20px; display:block;}
.footer-bg {background: #000 url(../images/footer-bg.jpg) repeat-x; /* Old browsers */
background: -moz-linear-gradient(top,  #323232 0%, #292929 26%, #0e0e0e 67%, #030303 89%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#323232), color-stop(26%,#292929), color-stop(67%,#0e0e0e), color-stop(89%,#030303), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #323232 0%,#292929 26%,#0e0e0e 67%,#030303 89%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #323232 0%,#292929 26%,#0e0e0e 67%,#030303 89%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #323232 0%,#292929 26%,#0e0e0e 67%,#030303 89%,#000000 100%); /* IE10+ */
background: linear-gradient(top,  #323232 0%,#292929 26%,#0e0e0e 67%,#030303 89%,#000000 100%); /* W3C */; margin-top: -40px; padding: 60px 0 20px 0; position: relative; z-index: 5;}
	.footer-interior {margin-top: 3%; padding-top: 20px;}
.footer-nav-group, .footer-nav a {color: white;}
.footer-nav a:hover {text-decoration: underline; color: #ff0000;}
.footer-nav-group ul {padding: 0 1.25em; margin-top: 1%; }
*+html .footer-nav-group ul {list-style-position: outside; margin-left: 0;}
.footer-nav-group li {list-style-type: square; color: #f58026; vertical-align: top; line-height: 120%; margin-bottom: 5%; }

ul.social-media {padding-left: 0; padding-bottom: 0; margin-bottom: 0;}
.social-media li {float: left;list-style: none; padding-left: 0; margin-left: 0; margin-right: 2%;}
.full-site-link {display: none;}
#tweet ul {list-style: none; margin: 0; padding: 0}


.gray-link {display: block; margin-top: 2%;}
.gray-link img {float: left; margin-right: 4%;}

.more-btn {display: block; background: #c0c1c4 url(../images/more-btn.gif) repeat-x center top;background: -moz-linear-gradient(top,  rgba(247,247,247,1) 0%, rgba(243,243,243,1) 3%, rgba(210,211,213,1) 48%, rgba(192,193,196,1) 52%, rgba(192,193,196,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(3%,rgba(243,243,243,1)), color-stop(48%,rgba(210,211,213,1)), color-stop(52%,rgba(192,193,196,1)), color-stop(100%,rgba(192,193,196,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(243,243,243,1) 3%,rgba(210,211,213,1) 48%,rgba(192,193,196,1) 52%,rgba(192,193,196,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(243,243,243,1) 3%,rgba(210,211,213,1) 48%,rgba(192,193,196,1) 52%,rgba(192,193,196,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(243,243,243,1) 3%,rgba(210,211,213,1) 48%,rgba(192,193,196,1) 52%,rgba(192,193,196,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(243,243,243,1) 3%,rgba(210,211,213,1) 48%,rgba(192,193,196,1) 52%,rgba(192,193,196,1) 100%); /* W3C */
 padding: 8px; text-align:center ; border-radius: 4px;border: 1px solid #ccc;-webkit-transition: all .3s linear;-moz-transition: all .3s linear; transition: all .3s linear;}
.gray-box .more-btn {margin:0 8% 8% 8%; }
.more-btn:hover {background: #e5e5e5; color: #666;}
.design-detail .more-btn {display: inline-block; clear: both;}
.design-grid img:first-child{margin-bottom: 20px;}

.btn-row {margin-bottom: 20px;}
.sort-btn {display: block; background:#e1dfdf; padding: 5px 10px 5px 10px; text-align:center ; border-radius: 3px;border: 1px solid #ccc;-webkit-transition: all .3s linear;-moz-transition: all .3s linear; transition: all .3s linear; float: left; font-weight: bold; margin-right: 10px; text-shadow: 1px 1px 1px #fff; cursor: pointer; }
.sort-btn:hover {background: #f2f3f0;}
 .txt {/*background: url(../images/darrows.png) no-repeat right 2px; display: block; padding-right: 20px;*/color: #666; }
.do-filterd .txt {background-position: right -74px;}
.do-filterw .txt {background-position: right -158px;}

.bios.plain-list li {width: 100%; margin: 8px 0; padding: 3px 0;}
.bio-detail{display: none; margin-top: 20px; width: 100%;}
.bio-detail p {margin-top:0; padding-top:0; width: 100%; line-height: 1.5;}
h3.expand {padding: 5px 40px 5px 10px; font-size: 100%; background: #eaeaea url(../images/arrow.png) no-repeat right top; color: #333;text-shadow: 1px 1px 1px #fff; -webkit-transition: all .3s linear;-moz-transition: all .3s linear; transition: all .3s linear;}
h3.expand.opened {background-position: right -180px; background: #f58026; color: #fff; text-shadow: none;}
h3.expand.opened .normal {color: #fff;} 
.bios .normal {color: #666;}
.bios img.left {margin-top: 0;}

.photo-grid {list-style: none;}
.photo-grid li {float: left; width: 23%; margin-right: 2%; height: 240px;}
	
.photo-grid.half-grid li {width: 45%; margin-right: 5%;}
.photo-grid li li, .photo-grid.half-grid li li {width: 95%;float: none; height: auto; list-style: none; margin-left: 0;}
.photo-grid ul {margin: 0; padding: 0;}
.photo-grid img {border: 5px solid #e6e6e6;-webkit-transition: all .3s linear;-moz-transition: all .3s linear; transition: all .3s linear;}
.photo-grid.half-grid img {border-width: 1px;}
.grid-corp img:hover {border-color: #f58026; }
.grid-doc img:hover {border-color: #003579;}
.grid-web img:hover {border-color: #75a72f;}
.photo-grid h3 {margin: 1% 0 1% 0;}

.photo-grid.portfolio img {border-width: 1px;}
.photo-grid.portfolio li {width: 16.8%; margin-right: 3.1%; height: 200px;}

.portfolio {margin-top: 3%;}

.portfolio .caption {display: none;background: url(../404-Error9d16.html); background: rgba(0,0,0,0.7); color: #fff;padding: 3%; left: 1px; bottom: 3px; right: 1px; -webkit-transition: all .3s linear;-moz-transition: all .3s linear; transition: all .3s linear; min-height: 70px; font-family: 'helvetica neue','Arimo', arial, sans-serif;}
.portfolio .img-caption:hover .caption {display: block;} 
.design-bg {background: url(../images/design-bg.jpg) no-repeat right top;}
.resource {padding:20px 30px;background: #F0EFEF; border-radius: 0 0 6px 6px; margin-top: 10px;}
.submenu {display: none;}
.click-arrow {background: url(../images/arrow-acc.png) no-repeat; width: 9px; height: 14px;}
.open.click-arrow, .open .click-arrow {background-position: 0 -140px;}
.design-grid ul {line-height: 130%; margin-top: .5em;}
.design-grid li{margin-bottom: 8px;}

	
/* CLIENTS */
.clients {overflow: hidden;}
.clients li {margin-bottom: 0; width: 29%; margin-right: 3%; }
.clients .h-list {margin: 0; padding: 0;}
.clients h4 {margin-top: 10px;}		
.list_carousel {background: #e9e9e9; padding: 20px; border-radius: 8px; margin: 20px 0;}
.list_carousel ul {background: #fff; margin: 0; padding: 0;}		
.list_carousel li {margin: 0 15px;}

/* PRODUCTS */
.prod-list .box {margin-right: 30px; min-height: 350px; }
.prod-list img {margin-bottom: 10px;}
.process-img { margin-bottom: 20px;}
.process .bio-detail {margin-bottom: 10px; margin-top: 0;}
.process h3.expand {background-position: right 2px;}
.prod-list.partner .box {min-height: 200px; margin-right: 20px;} 
.prod-list.partner .threecol.box {min-height: 220px; }
.prod-list .threecol {width: 21%;}


/* solutions */
.sol-list {padding: 0; margin:30px 0; list-style: none;}
.sol-list li {background: #eaeaea; margin-bottom: 20px;}
.sol-list li:hover {background: #f4f4f4}
.sol-blurb {padding: 20px; text-shadow: 1px 1px 1px #fff; line-height: 1.5;}

/*MISC*/
.clear {clear: both;}
.relative{position: relative;}
.no-bullets {list-style: none;}
.no-margin {margin: 0; padding: 0;}
.left-inset {float: left; margin-right: 15px; margin-bottom: 15px;}
img[align="left"] {margin-right: 15px; margin-bottom: 15px;}
img[align="right"] {margin-left: 15px; margin-bottom: 15px;}
.inline-list {  padding-left: 1em;}
.list {padding: 0 0 0 1em; margin: 0;}
.list li {margin-bottom: .5em;}
.inline-list li {padding: 0; margin: 0 0 1% 0;}
.side-list li{margin-bottom: 5%;}
.news-list {margin: 0; padding: 0; list-style: none;position: relative;}
.news-list li {margin-bottom: 12px; position: relative; padding-left: 25px;}/*background: url("../images/tagged.png") no-repeat scroll 0 0 transparent; */
.news-list li.filter-w {background-position: 0 -219px;}
.news-list li.filter-d {background-position: 0 -114px;}
.web-list {margin-bottom: 3%;}
.web-list .plain-list li {margin-bottom: 0;}
.case-list {background: #f0efef; padding: 0 10% 5% 10%; margin: 8% 0; border-radius: 0 0 6px 6px; min-height: 260px; }
.case-list li {margin: 4% 0;}
.dotted-border li {border-bottom: 1px dotted #aeaeae; padding:8px 2px;-webkit-transition: all .3s linear;-moz-transition: all .3s linear; transition: all .3s linear; }
.plain-list {margin-top: 10px;list-style: none; margin: 0; padding: 0;}
.plain-list li {padding:8px 2px;margin: 0 0 1% 0; list-style-position: outside;}
.plain-list.process ul {margin-bottom: 10px; padding-left: 1.5em;}
.plain-list.process li {margin-bottom:0; padding: 3px 0;}
.process li li {list-style: disc; margin-bottom: 0; padding: 3px 0;}
.leftcol .dotted-border li a {text-shadow: 1px 1px 1px #fff;}
.ind-list {margin: 0; padding: 0; list-style: none;}
.ind-list li {background: url(../images/btm-shadow.png) no-repeat left top; padding-top: 15px;width:48%; margin-right: 2%; float: left; display: block; min-height: 130px; padding-bottom: 15px; }
	.btn-list li {width: 98%; float: none; margin-right: 0;}
.ind-list li:first-child, .ind-list li.top-li{background: none; }



.tab_container .dotted-border {margin-top: 3%;}
.tab_container .dotted-border li {border-bottom: none; border-top: 1px dotted #aeaeae; }

/* contact us form */
.contact {margin-top: 20px;}
.contact label {width: 100px; text-align: right; display: block; float: left; font-weight: bold; margin-right: 10px; margin-top: 2px;}
.contact .row {margin-bottom: 10px;}
.contact input, .contact textarea {border: 1px solid #ccc; padding: 5px; width: 300px;border-radius: 2px;}
.contact .more-btn {width: 100px; font-weight: bold; font-family: 'helvetica neue', arial, sans-serif; color: #555; margin-left: 110px;}
div.contact tr td input.design_textfield, div.contact tr td select {border: 1px solid #ccc; padding: 5px; border-radius: 2px; margin-bottom:10px;}
div.contact table {margin-top:-40px;}

/* MODAL BOX STYLES */
#mask { position:absolute; /* important */  
        top:0; /* start from top */  
        left:0; /* start from left */  
        height:100%; /* cover the whole page */  
        width:100%;  /* cover the whole page */  
        display:none; /* don't show it '*/  
      
        /* styling bellow */  
        background-color: black;  
        z-index: 1001;}  
      
.modal_window{position:absolute; /* important so we can position it on center later */display:none; /* don't show it */ z-index: 1002;}  
.modal-box {position: relative; z-index: 1004;}
.x-close {position: absolute; right: -40px; top: -20px; cursor: pointer; z-index: 1005;background: url('../images/black-opacity-40.png'); border-radius: 5px; background: rgba(0, 0, 0, 0.5); border: 1px solid #999; color: white; padding: 5px 10px;}

/*document icons*/
.pdf-link {
	margin-top: 10px;
    display:block; font-size: 90%; font-weight: bold; padding-left:23px;
    background:transparent url(../images/pdf.gif) center left no-repeat;
}

a[href$='.xls'], a[href$='.csv'], a[href$='.xlt'], a[href$='.xlw'] {
    display:inline-block;
	padding-left:20px;
    background:transparent url(../images/excel.gif) center left no-repeat;
}
a[href$='.ppt'], a[href$='.pps'] {
    display:inline-block;
    padding-left:20px;
    background:transparent url(../images/ppt.gif) center left no-repeat;
}
a[href$='.doc'], a[href$='.rtf'], a[href$='.txt'], a[href$='.wps'] {
    display:inline-block;
    padding-left:20px;
    background:transparent url(../images/word.gif) center left no-repeat;
}
a[href$='.zip'], a[href$='.gzip'], a[href$='.rar'] {
    display:inline-block;
    padding-left:20px;
    background:transparent url(../images/zip.gif) center left no-repeat;
}

.twocolumn-list {margin: 0; padding: 0;}
.twocolumn-list li {overflow: hidden; list-style: none;}
.list-date {width: 20%; float: left; margin-right:3%; }
.list-summary {width: 76%; float: left; }
.client-list {margin: 2% 0 0 1%;border-top: 1px dotted #ccc; padding-top: 2%;}
.client-list li {width: 45%; float: left; margin-right: 5%; height: 5em; margin-bottom: 2%;}
ol li {margin-bottom: 10px;}

.h-list li {float: left; list-style: none;}
.feature-silver .dotted-border li:hover {background: #f7f7f7;}
.web-tech .feature-silver, .document-tech .feature-silver {padding-bottom: 30px;}
.left-nav .dotted-border li {padding-left: 15px;}
.left-nav .dotted-border li.nav-arrow {padding-left: 0; overflow: hidden;}
.click-arrow {float: left; margin-right: 4px;}
.submenu {list-style: none; padding: 0 0 0 1em; margin: 0; width: 100%;}
.dotted-border .submenu li {border-bottom: none; padding: 7px 0 2px 1em ;}
.text-intro {margin-bottom: 30px;} 

.min-height {min-height: 500px;}
.top1 {margin-top: 1%;}
.top2 {margin-top: 2%;}
.top3 {margin-top: 3%;}
.top4 {margin-top: 4%;}
.top5 {margin-top: 5%;}
.right2 {margin-right: 2%;}
.right3 {margin-right: 3%;}
.right3 img{ padding-bottom:20px;}
.left3 {margin-left: 3%;}
.left5 {margin-left: 5%;}
.left6 {margin-left: 6%;}
.pad2 {padding: 2%;}
.pad3 {padding: 3%;}
.pad5 {padding: 5%;}
.pad10 {padding: 10%;}
.margin5 {margin: 5%;}
.margin10 {margin: 10%;}
.gutter {margin-right: 3%;}
.center {text-align: center;}
.left10 {padding-left: 10%;}
hr { display:block;height:1px;border:0; border-top:1px dotted #999;margin:1em 0;padding:0;}
.left {float: left;}
img.left {margin: 2% 2% 2% 0;}
.right {float: right;}
img.right {margin: 0 0 10px 10px;}
.clearFloat {clear: both}
.nomargin {margin: 0;}
.nopadding {padding: 0;}
.last {margin-right: 0;}
.none {display: none;}
.block {display: block;}
/* float clearing for IE7 */
*+html .clearfix{ min-height: 1%;}

/* float clearing for everyone else */
.clearfix:after{ clear: both;content: ".";display: block;height: 0;visibility: hidden;font-size: 0;}

/* Smaller screens -- tablet */

@media only screen and (max-width: 1023px) {
	
	body {width: 100%;}
	.wrapper {width: 95%;}
	.dark{background: url("../images/black-stripes1.gif") repeat scroll 0 0 black;}
	.main-header {margin-right: 10px;}
	.search {  padding-bottom: 10px; margin-top: 1%; width: 18%; }
	.search-input {width: 50%;}
	.main-nav {margin-left:40px; width: 50%; }
	#menu{margin-top: 0;}
	.header-wrapper {width: 95%;}
	.feature-image {width: 100%;}
	.feature-messaging {width: 26%; margin-left: -30px;}
	#showcase {height: 260px;}
	.flexslider {}
	.feature-link {width: 70%;}
.case-inset {top: 8px;}
.feature-link {height: auto;}
.feature-messaging {margin-top: 15px;}
.box-header {height: auto;}
.main-section {margin-top: 3%;}
.do-filterw {margin-top: 10px;}
.showcase-container + .fourcol {float: none; width: auto;}
.document-tech .showcase {margin: 0 auto; border-color: red;}
.showcase-container.eightcol {width: auto; }
div[class*="tech"] .showcase {margin: 20px 20px 20px 60px;}
.main-section.eightcol {width: 48%;} 
.main-section.eightcol .ind-list li {width: auto; float: none;}
.ind-list li.top-li{background: url("../images/btm-shadow.png") no-repeat scroll left top transparent; min-height: 1px;}
.feature-silver .threecol {width: auto;}
.main-section.threecol {margin-top: 20px;}
.clients li {margin-bottom: 0; width: 43%; margin-right: 3%;  }
.feature-messaging img {margin-top: 10px;}

		}



@media only screen and (max-width: 904px) {
	
		}

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	body {width: 100%;}
	/* .header-wrapper {top: -50px; margin-bottom: -50px;} */
	.sys-hd h1{margin-top: 0;}
.feature-image { display: none;}
.feature-messaging {width: 80%; float: none;margin: 10px 15px; }
	.wrapper {width: 96%; margin: 0 2%;}
	.header-wrapper, .home-container .header-wrapper { width: 85%; position: relative; box-shadow: none; border: none; background: none;}
	.dark {background: black url(../images/black-stripes1.gif); color: white;}
	.feature-silver {background: #d6d6d6 url(../images/homebg.jpg) repeat-x; background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(251,251,251,1) 17%, rgba(247,247,247,1) 34%, rgba(245,245,245,1) 34%, rgba(240,240,240,1) 48%, rgba(238,238,238,1) 49%, rgba(239,239,239,1) 50%, rgba(234,234,234,1) 54%, rgba(234,234,234,1) 58%, rgba(232,232,232,1) 59%, rgba(228,228,228,1) 69%, rgba(226,226,226,1) 69%, rgba(225,225,225,1) 74%, rgba(218,218,218,1) 83%, rgba(214,214,214,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(17%,rgba(251,251,251,1)), color-stop(34%,rgba(247,247,247,1)), color-stop(34%,rgba(245,245,245,1)), color-stop(48%,rgba(240,240,240,1)), color-stop(49%,rgba(238,238,238,1)), color-stop(50%,rgba(239,239,239,1)), color-stop(54%,rgba(234,234,234,1)), color-stop(58%,rgba(234,234,234,1)), color-stop(59%,rgba(232,232,232,1)), color-stop(69%,rgba(228,228,228,1)), color-stop(69%,rgba(226,226,226,1)), color-stop(74%,rgba(225,225,225,1)), color-stop(83%,rgba(218,218,218,1)), color-stop(100%,rgba(214,214,214,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(251,251,251,1) 17%,rgba(247,247,247,1) 34%,rgba(245,245,245,1) 34%,rgba(240,240,240,1) 48%,rgba(238,238,238,1) 49%,rgba(239,239,239,1) 50%,rgba(234,234,234,1) 54%,rgba(234,234,234,1) 58%,rgba(232,232,232,1) 59%,rgba(228,228,228,1) 69%,rgba(226,226,226,1) 69%,rgba(225,225,225,1) 74%,rgba(218,218,218,1) 83%,rgba(214,214,214,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(251,251,251,1) 17%,rgba(247,247,247,1) 34%,rgba(245,245,245,1) 34%,rgba(240,240,240,1) 48%,rgba(238,238,238,1) 49%,rgba(239,239,239,1) 50%,rgba(234,234,234,1) 54%,rgba(234,234,234,1) 58%,rgba(232,232,232,1) 59%,rgba(228,228,228,1) 69%,rgba(226,226,226,1) 69%,rgba(225,225,225,1) 74%,rgba(218,218,218,1) 83%,rgba(214,214,214,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(251,251,251,1) 17%,rgba(247,247,247,1) 34%,rgba(245,245,245,1) 34%,rgba(240,240,240,1) 48%,rgba(238,238,238,1) 49%,rgba(239,239,239,1) 50%,rgba(234,234,234,1) 54%,rgba(234,234,234,1) 58%,rgba(232,232,232,1) 59%,rgba(228,228,228,1) 69%,rgba(226,226,226,1) 69%,rgba(225,225,225,1) 74%,rgba(218,218,218,1) 83%,rgba(214,214,214,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(252,252,252,1) 0%,rgba(251,251,251,1) 17%,rgba(247,247,247,1) 34%,rgba(245,245,245,1) 34%,rgba(240,240,240,1) 48%,rgba(238,238,238,1) 49%,rgba(239,239,239,1) 50%,rgba(234,234,234,1) 54%,rgba(234,234,234,1) 58%,rgba(232,232,232,1) 59%,rgba(228,228,228,1) 69%,rgba(226,226,226,1) 69%,rgba(225,225,225,1) 74%,rgba(218,218,218,1) 83%,rgba(214,214,214,1) 100%); /* W3C */}
	.main-nav, #menu {width: 50%;}
	#showcase {display: none;}
	.main-nav {float: none; clear: both; margin-top: 80px; padding-bottom:0; margin-left:40px;}
	.document-tech .main-nav {margin-top: 25px; overflow: hidden; margin-left: 40px;}
	#menu>li div[class^=drop]{display: none;}
	.sec-header {background: none;}

	#menu {padding-left: 0; overflow: hidden; height: auto;}
	.search {display: none;}
	#menu li {padding: 3px 6px 3px 0;}
	#menu li a {padding: 5px 10px; border: 1px dotted #ccc; background: white;}
	#menu li:hover {background: none;}
	.feature-silver {padding-top: 0; padding-bottom: 2%;}
	.box-header {padding: 15px; line-height: 90%;}
.main-header {width: 100%;}
	.main-section {padding: 5% 0 6% 0; border-top: 1px dotted #ccc;}
	.main-section:first-child{border-top: none;}
	.home-box-header {min-height: 1px;}
	.full-site-link {display: block; margin-top: 3%; border-top: 1px dotted #666; padding-top: 2%;}
	.case-list {margin: 0; padding-top: 4%; max-height: none;}
	.case-inset, .case-inset.web {background: none; border-radius: 6px; position: relative;width: 96%;float: none; margin: 2%}
.case-studies {width: auto; padding: 10px 0; margin-left: 0; background: none; border-radius: 8px; overflow: hidden;}
.case-studies h5 {background: black; padding: 3% 10%; margin-bottom: 0; border-radius: 6px 6px 0 0;}
	.web-hd , .doc-hd, .sys-hd {background: none; width: 90%; margin: 2em auto 2% auto; padding-bottom: 3%;}
	.right-quote {float: none; width: 75%; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding: 3% 1%;}
.web-tech .case-studies h5 {background: #619726 url(../images/web-hd-gradient.gif) repeat-x;background: #8bc43e; /* Old browsers */
background: -moz-linear-gradient(top,  #8bc43e 0%, #80b838 33%, #619727 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8bc43e), color-stop(33%,#80b838), color-stop(100%,#619727)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #8bc43e 0%,#80b838 33%,#619727 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #8bc43e 0%,#80b838 33%,#619727 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #8bc43e 0%,#80b838 33%,#619727 100%); /* IE10+ */
background: linear-gradient(top,  #8bc43e 0%,#80b838 33%,#619727 100%); /* W3C */
}
.document-tech .case-studies h5 {background: #0d4e97 url(../images/doc-hd-gradient.gif) repeat-x;background: rgb(40,121,208); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(40,121,208,1) 0%, rgba(27,104,180,1) 51%, rgba(13,78,151,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(40,121,208,1)), color-stop(51%,rgba(27,104,180,1)), color-stop(100%,rgba(13,78,151,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(40,121,208,1) 0%,rgba(27,104,180,1) 51%,rgba(13,78,151,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(40,121,208,1) 0%,rgba(27,104,180,1) 51%,rgba(13,78,151,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(40,121,208,1) 0%,rgba(27,104,180,1) 51%,rgba(13,78,151,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(40,121,208,1) 0%,rgba(27,104,180,1) 51%,rgba(13,78,151,1) 100%); /* W3C */
}
.breadcrumb-wrap {display: none;}
.row .fourcol .sixcol{padding: 0;}
.under-case {margin-top: 0;}
.twitter {border-top: none;}
.img-caption {margin-top: 5%;}



.photo-grid li, .photo-grid.portfolio li {width: 40%;}
.photo-grid .caption {display: block;position: relative; background: none; color: #666; padding: 0;}
.design-hd {background: none;}
.client-list li {float: none; width: 90%; margin-right: 0; height: auto;}
.main-section.eightcol {width: auto;}
.resource {margin-top: 0;}
.main-section.threecol {width: 85%;}
.design-grid {padding-bottom: 20px;}
.clients li {margin-bottom: 0; width: 90%; margin-right: 0; float: none; }
.prod-list .box {min-height: 1px; padding-bottom: 30px; border-top: 1px dotted #ccc; padding-top: 30px;}
.contact label {text-align: left;}
}