@charset "utf-8";table, td, tr, th {border:0;border-collapse:collapse;margin:0;padding:0;}
body { margin:0; padding:0; width:100%; background: #f6f6f6 url(images/main_bg.gif); }
html { padding:0; margin:0;}
a { text-decoration:none;}
a:hover { text-decoration:underline;}
/* main */
.main { padding:0; margin:0 auto;}
/********** header **********/
.blok_header { margin:0; padding:0; background: url(images/header_bg.gif) top repeat-x;}
.header { width:960px; margin:0 auto; padding:0;}
/* logo */
.logo { padding:0; margin:0; width:247px; height:76px;float:left;padding:54px 0 0;}
/* menu */	
.menu { padding:60px 0 0 0; margin:0; width:600px; float:right; }
.menu ul { text-align: left;  padding:0; margin:0; list-style:none; border:0; float:right;}
.menu ul li { float:left; margin:0; padding:0; border:0;}
.menu ul li a { border-right:1px solid #666;float:left; margin:0; padding:0 10px; color:#fff; font:normal 11px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;}
.menu ul li a.lastTop {border-right:0 none;}
.menu ul li a:hover { text-decoration:none;}
.menu ul li a.active span, .menu ul li a:hover span {border-bottom:1px solid #f30;}
/*header_text_bg*/
.header_text_bg { margin:0; padding:0; background: #1e1e1e url(images/slider_bg.gif) top repeat-x; }
.header_text_bg p { padding:10px; margin:0;}
.header_text_bg_resize { margin:0 auto; padding:0; width:950px;}
/* menu */	
.menu2 { padding:0; margin:0; width:800px; float:left;height:38px; }
.menu2 ul { text-align: left;  padding:0; margin:0; list-style:none; border:0; float:left;}
.menu2 ul li { float:left; margin:0; padding:0; border:0;}
.menu2 ul li a { display:block;border:1px solid #2d2d2d; border-bottom:0 none;background:#202020; float:left; margin:5px 5px 0 0; padding:9px 14px; color:#a5a5a5; font:normal 11px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;}

.menu2 ul li a {  -moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;}

 
.menu2 ul li a:hover {border:1px solid #4d4d4d; border-bottom:0 none;background:#3d3d3d;}
.menu2 ul li a.active { border:1px solid #f5f5f5; border-bottom:0 none;background:#3d3d3d;color:#fff;}
/* Ca3er style */
.cu3er_resize { width:960px; margin:0 auto; padding:17px 0 32px 0; background: url(images/slider_bottom.gif) no-repeat bottom;}
#cu3er-container { width:960px; outline:0; }
/********** body **********/
.hrgrey {padding:30px 0 5px;color:#666;font:12px/1.8em Arial,Helvetica,sans-serif;border-top:1px solid #D7D7D7;}
.hrgrey.happyFace {background:transparent url(images/keypoint02.png) no-repeat 0 30px;padding-left:65px;}
.hrgrey.starry {background:transparent url(images/keypoint03.png) no-repeat 0 30px;padding-left:65px;width:730px;padding-right:165px;}
.hrgrey.galleryBig {padding-bottom:30px;position:relative;}
.galleryBig .bubble {position:absolute;top:30px;right:0;width:108px;height:38px;background:transparent url(images/dingdong-bubble.gif) no-repeat 0 0;}
.body_resize { margin:0; padding:0 0 20px; border-top:1px solid #141414; background:#f6f6f6;}
.body_resize .body {padding:20px 20px 10px;width:918px;margin-top:20px;}
.body_resize .body h2 {padding:0;}
.body_resize .body .leftList {width:306px;}

.body { width:940px;  margin:15px auto 0; padding:5px 10px 0;border:1px solid #ddd; background:#fff;}
.body.featuredArticle {padding:15px 15px 5px;width:930px;}
.body.articleBlock {margin:10px auto 50px;padding:15px 15px 5px;width:930px;}
.body.clientListing {padding:20px;width:918px;}
.body.clientListing .leftList {widtH:306px;}
.body.companyContainer {padding:15px 15px 5px 20px;width:920px;}
.body.body_noborder {width:960px;margin:0 auto 50px; background:none;padding:43px 0 0;border:0 none;}
.body.body_noborder.appTop {margin-bottom:30px;}
.body.body_noborder.topSection {margin-bottom:26px;}
.body.body_noborder.clientGalleryThumb {margin-bottom:30px;}
.gallerySectionHeader {font:bold 16px Arial;background:#ccc;color:#666;line-height:40px;heeight:40px;padding:0 10px;text-align:left;margin:0 0 20px;width:940px;}
.body.apploader {margin-bottom:35px;padding:10px;}
.body.body_noborder h1 {font:24px Trebuchet MS, Arial;color:#000;padding:6px 0 11px;margin:0;}
.body.body_noborder h1 strong {font:32px Trebuchet MS;}
.body.noTop {margin-top:0;}
.body.tanBody {background:#ececec;padding:15px 15px 10px 20px;width:921px;}

.breadcrumb {font:bold 14px arial;color:#969696;position:relative;letter-spacing:1.25px;}
.testimonial {font:normal 13px Arial;background:transparent url(images/quote.gif) no-repeat 0 0;padding:0 0 0 40px;position:absolute;width:490px;right:0;top:-24px;letter-spacing:.25px;}
.testimonial div {text-align:right;margin-top:5px;}
.testimonial.mag {background:none;text-align:right;}
.testimonial.mag img {}
.testimonial.miniapp {background:none;text-align:right;}
.testimonial.miniapp img {position:absolute;top:36px;right:0;padding:3px;border:1px solid #ccc;}

.body h2 { font: normal 18px Arial, Helvetica, sans-serif; color:#171717; margin:0;  padding:10px 0;}
.body h2 strong {float:right;font-size:12px;font-weight:normal;color:#000;}
.body h2 strong a, .body h2 strong a:link, .body h2 strong a:visited {color:#f30;text-decoration:underline;}
.body h2 strong a:hover {text-decoration:none;}
.body h2 span { font: normal 11px Arial, Helvetica, sans-serif; color:#ababab;}
.body h3 { font: normal 36px Arial, Helvetica, sans-serif; color:#212121; margin:0 0 20px 0;  padding:15px 5px; border-bottom:1px solid #d7d7d7;}
.body h3 span { font: normal 14px Arial, Helvetica, sans-serif; color:#898989;}
.body img {  padding:0; margin:10px 0;}
.body img.floated { float:left; padding:0; margin:10px 20px;}
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#605f5f; line-height:1.8em; padding:5px 10px; margin:0;}
.body a { text-decoration:none; color:#0097e7; line-height:1.8em; font: normal 12px Arial, Helvetica, sans-serif;}
.left { width:310px; float:left; padding:5px 1px; margin:5px 2px; border:1px solid #ececec; background:#fff;}
.leftList { width:313px; float:left; }
.leftList ul, .leftList ul li {padding:0;margin-left:0;}
.leftList ul li {list-style:none;}
.leftList ul li a {display:block;color:#000;vertical-align:middle;height:40px;line-height:40px;margin-bottom:10px;}
.leftList ul li a:hover  {color:#f30;}
.leftList ul li a:hover img {border:1px solid #f30;}
.leftList ul li img {margin:0 10px 0 0;border:1px solid #ccc;padding:3px;display:inline-block;float:left;width:92px;}
.left2 { width:463px; float:left; padding:5px 0; margin:5px 15px 5px 0; border:1px solid #ececec; background:#fff;}
.port { width:938px;  padding:5px 0; margin:10px  auto; border:1px solid #ececec; background:#fff;}
.contact_left { width:585px; float:left; padding:10px 0; margin:0;}
.contact_right { width:280px; float:right; padding:10px 0; margin:0;}
.company_profile {display:block;padding:10px;border:1px solid #ddd;float:left;margin:5px 23px 15px 0;height:180px;width:180px;line-height:160px;text-align:center;}
.body .company_profile img {margin:0;}
.company_profile.featuredClient {padding:0;width:auto;background:#fff;height:auto;position:relative;margin:5px 23px 15px 5px;}
.company_profile.featuredClient a {position:absolute;top:140px;left:0;width:200px;text-align:center;color:#f30;}
.company_profile.featuredClient a:hover {color:#000;}

.floatRight .company_profile {float:right;margin:5px 5px 15px 23px;}
.body.floatRight img {margin:10px 0  0 10px;}
.body.floatRight p {padding:0 10px 10px 50px;}
.company_profile.featuredClient img {margin:0;}
p.profileCopy {line-height:19px;}
strong.heading {font:bold 18px Arial;color:#000;}
.historyWrapper {width:960px;margin:32px auto 50px;}
.tableHeader {position:relative;height:39px;font:bold 18px Arial;color:#fff;padding-left:21px;width:937px;margin:0 auto;background:#c9c9c9 url(images/arrow01.gif) no-repeat 0 10px;line-height:40px;border:1px solid #fff;}
.subproductListing .tableHeader {width:675px;}
.clientHeader {font:bold 18px Arial;color:#000;margin:0 0 20px;position:relative;}
.clientHeader a.client-photo {position:absolute;top:6px;right:2px;background: transparent url(images/icon-camera.png) no-repeat 0 0; padding-left:20px;font: 14px Arial; color:#000;}
.clientHeader a:hover.client-photo {color:#f30;}
table.history {width:958px;margin:0 auto;}
table.history, table.history td, table.history th {border-collapse:collapse;font-family:arial;}
table.history td, table.history th {border-bottom:1px solid #fff;padding:13px 21px;}
table.history th {background:#dfdfdf;font-size:16px;color:#666;font-weight:bold;}
table.history td {background:#ececec;font-size:12px;color:#000;}
.clientSection {margin:5px 0 0;background:#ececec;color:#666;font:bold 16px Arial;height:40px;position:relative;}
.clientSection span {position:absolute;left:108px;top:10px;}
.body .clientSection img {margin:0;padding:3px;border:1px solid #ccc;background:#fff;}
.clientListing .leftList li {font:12px/22px Arial;color:#666666;}
.productTable {border-top:1px solid #D7D7D7;padding:30px 0 0;width:960px;margin:0 auto;}
.productDivider {padding-right:20px;}
.catHeader {font:18px Arial;color:#fff;background:#464646 url(images/keypoint01.png) no-repeat 19px 17px;padding:20px 0 20px 80px;}
.selectionBlock {border:1px solid #ddd;background:#fff;padding:20px;margin-top:5px;}
 a .selectionBlock {cursor:pointer;}
.subproductListing iframe {border-bottom:1px solid #ddd;}
.productTable .selectionBlock {height:230px;margin-top:10px;}
.selectionBlock.activate {border:1px solid #3d3d3d;}
.selectionBlock a {color:#f30; }
.productHeader {font:18px Arial;color:#000;}
.body .selectionBlock p {padding:10px;}
.body img.product_thumb {float:left;border:1px solid #ECECEC;margin:10px 10px 0 0;}
.subcatTable {width:960px;margin:25px auto 25px;}
.subcatTable .selectionBlock {margin:0 0 10px;}
.subcatTable.contactUs {margin:0 auto;}
.subcatTable a:hover .promoBox {background:#666;}
.subproductListing {width:676px;padding-right:10px;}
.applicationHeader {height:39px;font:bold 18px Arial;color:#fff;padding-left:21px;margin:0 auto 0;background:#c9c9c9 url(images/arrow01.gif) no-repeat 0 10px;line-height:40px;border-bottom:1px solid #fff;}
.applicationListing {padding:20px 0 112px;margin:0;background:#ececec;}
.applicationListing li {color:#000;padding:0;margin:0 16px 0 36px;list-style:disc;font:12px/24px Arial;}
.applicationListing li a {color:#000;}
.applicationListing.contactInfoListing li {font:13px/18px Arial;padding-bottom:25px;}
.applicationListing.contactInfoListing {padding-bottom:151px;}
.applicationListing li a:hover {color:#f30;}
.body .subcatTable img.product_thumb {margin:10px 10px 10px 0;}
.body .subcatTable img.product_thumb.long {margin-right:-3px;}
.body .subcatTable .selectionBlock p {padding:10px 0 0;}

.clientThumbnail {background:#fff;border:1px solid #ddd;padding:19px;margin-right:20px;margin-bottom:20px;font:bold 12px Arial;color:#666;text-align:center;}
.clientThumbnail.activate {border:1px solid #666;}
.clientThumbnail a, .clientThumbnail a:link, .clientThumbnail a:visited, .clientThumbnail a img {border:0 none;text-decoration:none;}
.body .clientThumbnail img {padding-bottom:14px;margin:0;}
.lastCol .clientThumbnail {margin-right:0;}

.promoBox {font:normal 16px Trebuchet MS;color:#fff;padding:20px;margin:0 0 10px;background:#999;text-align:center;}
.promoBox div {font:normal 18px Trebuchet MS;}

.contactUs .selectionBlock {margin-bottom:31px;}
.contactUs strong.heading {display:block;position:relative;}
.contactUs strong.heading span.require {position:absolute;top:0;right:0;font:normal 12px Arial;color:#666;}
.contactUs strong.heading span.require em {color:#f30;}

a.expandAll {font:bold 13px Arial;color:#666;position:absolute;top:10px;right:10px;}
a:hover.expandAll {text-decoration:none;color:#000;}
.questionaire {background:#ececec;padding:10px;border:1px solid #fff;margin:0 auto 50px;border-top:0 none;}
.questionaire.application {width:938px;}
.expandable {background:#f6f6f6;margin-bottom:2px;padding:10px;}
.expandable a.handle {color:#333;font:normal 13px Arial;display:block;background:transparent url(images/expand3.png) no-repeat 0 -60px;padding-left:22px;}
.expandable a:hover.handle {text-decoration:none;color:#000;font:13px Arial;background:transparent url(images/expand3.png) no-repeat 0 0;}
.expandable.expandOn, .expandable.touched {background:#fff;}
.expandable.expandOn a, .expandable.expandOn a:hover {color:#000;font:bold 13px Arial;background:transparent url(images/expand3.png) no-repeat 0 -30px;}
.expandable p {color:#000;padding:5px 0 5px 22px;display:none;font:normal 12px Arial;margin:10px 0;}
.expandable.expandOn p {display:block;}

.appheader {font:bold 18px Arial; color:#000;padding:10px 0 0 10px;}
.body.apploader ul li {font:normal 13px/26px Arial;color:#000;}

/*FBG*/
.FBG { background:#262626; border-top:1px solid #383838; margin:0; padding:0;}
.FBG_resize { width:960px; margin:0 auto; padding:9px 0 12px;background:transparent url(images/resize_bg.png) no-repeat 0 -1px;}
.FBG_resize p { font: normal 11px Arial, Helvetica, sans-serif; color:#ccc; padding:5px 10px 5px 5px; margin:0; line-height:1.8em;}
.FBG_resize a { color:#fdfdfd; font: normal 11px Arial, Helvetica, sans-serif; text-decoration:none;}
.FBG_resize h2 { font: bold 12px Arial, Helvetica, sans-serif; color:#fff; padding:0; margin:0; text-transform:uppercase;letter-spacing:1.1px;}
.FBG_resize img { float:left; margin:5px 8px 0 5px; padding:0 0 55px;}
.FBG_resize .blog { cursor:pointer;width:268px; height:110px;float:left; margin:0; padding:29px 27px 26px 13px;margin-right:15px; background:#262626;border:1px solid #262626;}
.FBG_resize .blog.activate, .FBG_resize .blog.selected { background:#202020;border:1px solid #3d3d3d;}
.FBG_resize .blog.blog2 {margin-right:0; }
/* END_bloga*/
/*************footer**********/
.footer_resize { width:960px; margin:0 auto; padding:10px 0 20px 0; }
.footer {padding:0;  margin:0; background:#dfdfdf; border-top:1px solid #d7d7d7; }
.footer p { font:normal 11px  Arial, Helvetica, sans-serif; color:#737373;}
.footer a { font:normal 11px Arial, Helvetica, sans-serif; color:#454545; text-decoration:none; padding:5px; margin:0;}
.footer p.leftt { text-align:left; width:50%; margin:0; padding:10px 0 0 0; float:left;} 
.footer p.rightt { text-align:right; width:30%; margin:0; padding:15px 0 0 0; float:right;} 
/********** contact form **********/
#contactform { margin:0; padding:25px 0 5px;}
#contactform * { color:#F00;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both;}
#contactform li.bottomPad {margin-bottom:10px;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { margin:0; display:block; padding:2px 0; color:#666; font: normal 12px Arial, Helvetica, sans-serif; text-transform:capitalize;}
#contactform label.bigTop {margin-top:10px;}
#contactform label.bigBottom {margin-bottom:10px;}
#contactform span { color:#666; font: normal 12px Arial, Helvetica, sans-serif; text-transform:capitalize;display:inline-block;margin:0 0 03px;vertical-align:middle;}
#contactform label span { color:#F00;}
#contactform input.text { color:#000;width:260px; border:1px solid #e8e8e8; margin:0 0 10px; padding:5px 2px; height:16px; background:#fff; float:left;}
#contactform textarea { color:#000;width:410px; border:1px solid #e8e8e8; margin:0 0 10px; padding:2px; background:#fff; float:left;}
#contactform textarea.focused {border:1px solid #f30;}
#contactform input.focused {border:1px solid #f30;}
#contactform li.buttons input, #contactform li.buttons input.focused { padding:0; margin:3px 0; border:0; color:#FFF; float:left;}
p.response { text-align:center; color:#F00; font: normal 11px  Georgia, "Times New Roman", Times, serif; line-height:1.8em; width:auto;}

p.clr, .clr { clear:both; padding:0; margin:0;}
li.bg, .bg { clear:both; border-bottom:1px solid #dedede; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}

/* Social */
a.facebook {display:inline-block;width:16px;height:16px;background:transparent url(images/icon_fb.png) no-repeat;margin-right:3px;}
a.twit {display:inline-block;width:16px;height:16px;background:transparent url(images/icon_twitter.png) no-repeat;margin-right:3px;}
a.blogger {display:inline-block;width:16px;height:16px;background:transparent url(images/icon_blogger.png) no-repeat;}

/* Featured client slider */
.scrollWrapper {width:920px;height:220px;overflow:hidden;position:relative;}
.slidescroll {width:9000px;height:220px;position:absolute;top:0;left:0;}
.slideBox {width:920px;float:left;}
.scrollNav {position:absolute;top:9px;right:10px;}
.scrollNav a {margin-left:10px;width:20px;height:20px;text-align:center;line-height:20px;background:#999;color:#fff;font:bold 12px/18px Arial;display:inline-block;}
.scrollNav a:hover, .scrollNav a.scrolled {background:#000;text-decoration:none;}
