/* ************************************************************************************************
    generic style
************************************************************************************************ */
body{background:url("../images/bkg_body_new.png") repeat 0 0;}
#page{overflow:visible}
#header{padding:0px;overflow:hidden;}
#content_wrap{margin-bottom:0;padding-bottom:0}
.logo_adv{text-align:right}
.logo_adv p{ margin:20px;font-weight: bold;}
.logo_adv span.home{background:url("../images/bkg_home.png") no-repeat 0 0;width:45px;height:45px;line-height:45px;text-align:center;font-size:12px;color:#000;text-transform:uppercase;float:left;margin-left:-70px;}

.block_top_content{overflow:hidden;clear:both;margin:20px auto;padding:0 165px;}
.block_top_content h1{color:#414042;font:400 35px/40px "segoe_uisemibold",Arial, Verdana, sans-serif;margin:0}
.block_top_content p{color:#6d6e71;font:400 22px/25px "segoe_uisemibold",Arial, Verdana, sans-serif;}

.block_categories{overflow:hidden;clear:both;padding:20px 0 50px;}
.block_categories .col{width:300px;float:left;padding:7px 0 0}
.block_categories .col + .col{border-left:1px solid #8e8e91;padding-left:7px;margin-left:7px;}
.block_categories .col .cat{width:110px;float:left;min-height:95px;text-align:left;background-position:0 0;background-repeat:no-repeat;padding:0 20px 0 0;}
.block_categories .col .cat span,.nav_categories li.item span{height:95px;display:table-cell;vertical-align:middle;color:#fff;font:400 22px/23px "segoe_uisemibold",Arial, Verdana, sans-serif;text-transform:uppercase;width:90px;text-align:center}
.block_categories .col .cat span a{color:#fff}
.block_categories .col .cat span a:hover{color:#789C48}
.block_categories .col.inan .cat span,.nav_categories li.item a.inan span{font-size:25px}

.block_categories .col.design .cat,.nav_categories li.item:hover a.thietke,.nav_categories li.item.active a.thietke{background-image:url("../images/i_design.png")}
.block_categories .col.thicong .cat,.nav_categories li.item:hover a.thicong,.nav_categories li.item.active a.thicong{background-image:url("../images/i_thicong.png")}
.block_categories .col.inan .cat,.nav_categories li.item:hover a.inan,.nav_categories li.item.active a.inan{background-image:url("../images/i_inan.png")}
.block_categories .col.anpham .cat,.nav_categories li.item:hover a.anpham,.nav_categories li.item.active a.anpham{background-image:url("../images/i_anpham.png")}

.block_categories .col.anpham .cat span,.nav_categories li.item a.anpham span{font-size:17px;line-height:20px}
.block_categories .col.anpham .cat span span,.nav_categories li.item a.anpham span span{font-size:14px;display:inline-block;height:auto;line-height:17px;}
.block_categories .col  .right{width:100%;float:left;font:400 13px/1.35 "segoe_uisemibold",Arial, Verdana, sans-serif;clear:both;padding:10px 0 0; text-align: justify;}
.block_categories .col  .right h2{color:#414042;font:400 12px/1.35 "segoe_uisemibold",Arial, Verdana, sans-serif;margin:0 0 7px;padding:0}
.block_categories .col  .right p.chitiet{clear:both;padding:10px 0 0;margin-bottom:0}
.block_categories .col  .right p.chitiet a{color:#000;font:400 12px/1.35 "segoe_uisemibold",Arial, Verdana, sans-serif;text-transform:uppercase}
.block_categories .col  .right p.chitiet a:hover,.menu_adv_bottom ul li a:hover{color:#f70718}
.menu_adv_bottom{text-align:center;clear:both;overflow:hidden;padding:10px 0;margin-top:100px}
.menu_adv_bottom ul li{display:inline-block;}
.menu_adv_bottom ul li + li{background:url("../images/bkg_li_bottom.jpg") no-repeat left center;padding-left:10px;margin-left:10px;}
.menu_adv_bottom ul li a{color:#808080;font:400 12px/1.35 Arial, Verdana, sans-serif;text-transform:uppercase}

/* thiet ke bai viet*/
.column ,.bottom_adv_design{overflow:hidden;clear:both}
.bottom_adv_design{padding-bottom:30px}
.adv_design .left_column{width:115px;float:left;padding:0 25px;}
.adv_design .right_column{width:795px;float:left}
.nav_categories li{display:block;margin-bottom:30px;overflow:hidden}
.nav_categories li.item a{background:url("../images/bkg_menu_li.png") no-repeat 0 0;width:90px;float:left;min-height:95px;text-align:left;padding:0 20px 0 5px;}

.title_folders{display:block;margin-bottom:20px;overflow:hidden}
.title_folders span{float:left;border:1px solid #4f4c4d;padding:10px 20px;text-transform:uppercase;color:#231f20;font:400 14px/1.35 "segoe_uisemibold",Arial, Verdana, sans-serif;}
.bottom_adv_design ul.col{width:217px;float:left}
.bottom_adv_design ul.col + .col{margin-left:30px;}
.bottom_adv_design ul.col li{display:block;background:url("../images/arrow_li.png") no-repeat 0 5px;padding-left:15px;margin:3px 0 7px}
.bottom_adv_design ul.col li a{color:#808285;text-transform:uppercase;font:400 12px/15px "segoe_uisemibold",Arial, Verdana, sans-serif;}
.bottom_adv_design ul.col li a:hover{color:#231f20}

.breadcrumb{overflow:hidden;border-bottom:2px solid #8a8b8d;padding:0 0 5px;color:#231f20;font:400 14px/1.35 "segoe_uisemibold",Arial, Verdana, sans-serif;margin-bottom:10px;}
.breadcrumb span.tell{float:right;font-size:26px;line-height:28px;}
.adv_design .items-row{overflow:hidden;margin-bottom:30px;}
.adv_design .items-row  .item{width:172px;float:left;}
.adv_design .items-row  .item + .item{margin-left:35px;}
.adv_design .items-row  .item  .img-intro-left img{max-width:100%;height:115px;}
.adv_design .items-row  .item  .img-intro-left{text-align:center;display:block;margin-bottom:10px;}
.adv_design .items-row  .item  h2{color:#000;font:400 12px/1.35 "segoe_uisemibold",Arial, Verdana, sans-serif;padding-bottom:0;text-transform:uppercase}
.adv_design .items-row  .item  h2 a{color:#000;}

.adv_design  #team .player{margin-right:7px;}
.breadcrumbs{padding-bottom:7px;margin-bottom:25px;/*border-bottom:2px solid #d8dadb;*/color:#000000;text-transform:uppercase;}

/* Slider Styles Starts */
.slideshow{padding-bottom:20px;}
#intro {
    padding-bottom: 10px;
}
#slider-outer{
  height:337px;
  padding:0;margin-left:70px;
  text-transform:uppercase
}
#slider {
    width: 960px;
    margin: 0 auto;
    position: relative;
}
.scroll {
  overflow: hidden;
  width: 735px;
    margin: 0 auto;
    position: relative;
}
.scrollContainer {
  position: relative;
}
.scrollContainer div.panel {
    padding: 0;margin:0 10px;
    width: 225px!important;
  height: 335px;/*box-shadow:0 2px 5px #e4e4e6;*/
}
.inside {
  padding:0; text-align:center
}
.inside img {
  display: block;
  margin:0;
  width: 225px!important;
}
.inside h2 {
  font-weight: normal;
  color: #111;
  font-size: 16px;
  margin: 0 0 8px 0;
}
.inside p {
  font-size: 11px;
  color: #ccc;
}
.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}
.scrollButtons:hover {
  filter:alpha(opacity=80);
  -moz-opacity:0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
  
}
.scrollButtons.left {
    left: 0;
  
}

.scrollButtons.right {
    right: 0;
  
}

.hide {
    display: none;
}

#slider p{position:relative; top:-2.8em; text-align:center; font-weight:bold; font-family:Arial, Helvetica, sans-serif}

/* Slider Styles Ends */

img {border:0px}


#slider a:link, #slider a:visited {color:#0CF; text-decoration:none; font-size:.6em; }
#slider a:hover, #slider a:active {color:#fff; text-decoration:none; font-size:.6em; cursor:pointer}


/* DEMO STYLES - delete these */
#info {width:800px; margin:0 auto; color:#666; margin-top:50px; text-align:center; font-size:12px; padding-bottom:25px}
#info a:link, #info a:visited {color:#ccc}
#info a:hover, #info a:active {color:#fff}

#demo-outer {width:980px; margin:0 auto; background:#202020; -webkit-box-shadow: 0px 0px 4px #000;
-moz-box-shadow: 0px 0px 15px #000; padding-bottom:25px}


/*--- Project Slideshow ---*/
.project-slideshow-container { overflow: hidden; background:#fff url(../images/bkg_page_2.png) repeat-x left bottom;padding-bottom:50px;}
.project-slideshow-inner { width: 795px; margin: 0 auto; position: relative; z-index: 0; height: 483px; }
.project-slideshow-inner .caroufredsel_wrapper { overflow: visible !important; }
.project-slideshow { height: 483px; position: relative; }
.project-slide { float: left; width: 775px; height: 483px; margin: 0 10px; background: #fff; }
.project-slide img { display: block; width: 775px; height: 483px; margin: 0 auto; cursor: pointer; }

.project-info { width: 488px; background: #fff; margin: -50px auto 0; position: relative; z-index: 1; }
.project-info .inner { position: relative; padding: 22px 30px; min-height: 1px; }
.project-info h4 { color: #1a1714; text-align: center; padding-bottom: 5px; }
.project-info h6 { color: #898989; text-align: center; padding-bottom: 23px; }

.project-paging { text-align: center; border-bottom: 1px solid #acacac; padding-bottom: 8px; }
.project-paging span { display: inline-block; color: #070705; font-size: 10px; text-transform: uppercase; font-family: 'futura-medium', sans-serif; padding-top: 1px; *display: inline; *zoom: 1; letter-spacing: 1px; }
.project-paging .thumbs-paging,
.project-paging .thumbs-paging a { float: none; display: inline-block; *display: inline; *zoom: 1; }
.project-paging .thumbs-paging { padding: 0; }
.project-paging .thumbs-paging a { color: #070705; margin: 0 1px; }
.project-paging .thumbs-paging a:hover,
.project-paging .thumbs-paging a.selected { background: #000; color: #00aeef; }

.project-links { list-style: none outside none; text-align: center; padding: 10px 0 0; }
.project-links li { display: inline-block; line-height: 1; font-family: 'futura-medium', sans-serif; *display: inline; *zoom: 1; }
.project-links li + li { background: url(../images/links-div.png) no-repeat 0 2px; padding-left: 16px; margin-left: 12px; }
.project-links a { color: #000; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; }
.project-links a:hover { text-decoration: underline; }

.project-description,
.client-testimonial { color: #000; font-size: 12px; padding-top: 15px; text-align: justify; }
.project-description p,
.client-testimonial p { padding-bottom: 10px; }

[class^="project-arrow"] { position: absolute; top: 25px; width: 31px; height: 61px; background: url(../images/project-arrows.png) no-repeat; }
.project-arrow-prev { left: 30px; background-position: 0 0; }
.project-arrow-prev:hover { background-position: 0 bottom; }
.project-arrow-next { right: 30px; background-position: right 0; }
.project-arrow-next:hover { background-position: right bottom; }

#offline { background: #000; }
#offline .project-info { background: #000; }
#offline .project-info h4 { color: #fff; }
#offline .project-info h6 { color: #959595; }
#offline .project-paging span { color: #fff; }
#offline .project-paging .thumbs-paging a { color: #fff; }
#offline .project-paging .thumbs-paging a:hover,
#offline .project-paging .thumbs-paging a.selected { background: #fff; color: #00aeef; }
#offline .project-description { color: #7d7d7d; }

#offline .project-slide { background: #000; }

.work-section { position: absolute; top: -10000px; left: -10000px; }
.work-section.visible { position: static; }

.our-clients a { float: left; width: 25%; *width: 24.5%; position: relative; }
.our-clients a img { display: block; width: 100%; }
.our-clients a span { position: absolute; top: -26px; left: -26px; width: 51px; height: 51px; background: url(../images/clients-ornament.png) no-repeat 0 0; }
.our-clients a:first-child span,
.our-clients .row:first-child a span { display: none; }

.jp-player { height: 312px; width: 100%; }

/*--- Services ---*/
.service-section { width: 1000px; margin: 0 auto; color: #fff; padding: 28px 0 110px; position: relative; z-index: 1; }
.service-section h2 { text-align: center; padding: 0 30px 30px; }

.capabilities-list { overflow: hidden; list-style: none outside none; }
.capabilities-list li { float: left; width: 286px; }
.capabilities-list .thumb { background: #fff; width: 286px; height: 162px; margin-bottom: 15px; }
.capabilities-list .thumb1 { background: url(../images/temp/cap1.jpg); width: 286px; height: 162px; margin-bottom: 15px; }
.capabilities-list .thumb2 { background: url(../images/temp/cap2.jpg); width: 286px; height: 162px; margin-bottom: 15px; }
.capabilities-list .thumb3 { background: url(../images/temp/cap3.jpg); width: 286px; height: 162px; margin-bottom: 15px; }
.capabilities-list h3 { text-align: center; padding: 0 15px; border-bottom: 1px solid #acacac; padding-bottom: 3px; height: 46px; margin-bottom: 17px; }
.capabilities-list p { color: #d7d7d7; text-align: justify; }
.capabilities-list .divider { width: 51px; background: url(../images/clients-ornament.png) no-repeat center bottom; height: 252px; margin: 0 10px; }

.process-row { height: 210px; }
.process-row .box { float: left; width: 290px; height: 190px; background: #fff; color: #000; padding: 0 15px; position: relative; }
.process-row .box + .box { margin-left: 20px; }
.process-row .number { display: block; width: 51px; height: 46px; background: #000; border-radius: 50px; color: #fff; text-align: center; font-size: 31px; font-family: 'futura-medium', sans-serif;  margin: 19px auto 12px; padding-top: 5px; }
.process-row h3 { text-align: center; border-bottom: 1px solid #acacac; padding-bottom: 4px; margin-bottom: 18px; }
.process-row p { text-align: center; max-height: 48px; overflow: hidden; }
.process-row .ornament { position: absolute; top: -36px; left: -36px; width: 51px; height: 51px; background: url(../images/clients-ornament.png) no-repeat 0 0; }
h2 + .process-row .ornament,
.process-row .box:first-child .ornament { display: none; }

.services-bg { position: absolute; top: 0; left: 0; width: 100%; height: 200%; background: url(../images/tennis.jpg) repeat 0 0; z-index: -1; }

.services-container { height: 600px; overflow: hidden; position: relative; }
.services-inner { position: relative; width: 1000px; margin: 0 auto; }

.client-testimonial { display: none; }

.slideshow-toggle { position: absolute; top: 50%; left: 50%; width: 116px; height: 116px; margin: -58px 0 0 -58px; background: url(../images/slideshow-toggle.png) no-repeat 0 bottom; opacity: .75; filter: alpha(opacity=75); display: none; }
.slideshow-toggle.paused { background-position: 0 0; }
.slideshow-toggle:hover { opacity: 1; filter: alpha(opacity=100); }

.jp-video-service { height: 310px; overflow: hidden; background: #090809; }
.is-touch .jp-video-service { height: 310px; overflow: hidden; background: #090809 url(../images/stillImage.jpg) no-repeat center center;  }
.work-categories-nav{display:none;}