.bu_top_nav ul li{
  font-size: 16px;
  color: #cbcbcb;
  line-height: 30px;
  font-family: 'DbAdmanXBd', 'tahoma';
  float: left;
  height: 27px;
  text-align: center;
}
.bu_top_nav ul li a{
  font-size: 16px;
  color: #959595;
  line-height: 30px;
  text-decoration: none;
  font-family: 'DbAdmanXBd', 'tahoma';
  height: 27px;
}
.bu_top_nav ul li a:hover{
  color: #cbcbcb;
}
.bu_top_nav ul li.active{
  background-color: #181717;
  color: #cbcbcb;
}
.bu_top_nav .first-position{
  margin-right: 10px;
}
.bu_top_nav .second-position{
  width: 110px;
}
.bu_top_nav .third-position{
  width: 90px;
}
.creative_project_container{
  background:url(../images/bg-creative-project.jpg) no-repeat; 
  height: 515px;
  padding: 15px 20px;
  width: 957px;
  position: relative;
}
.creative_project_container .content_background{
  /*background: url('../images/color-bar.jpg') no-repeat;
  background-color: white;
  opacity: 0.8;
  margin: 0px 2px;
  overflow: hidden;
  width: 953px;
  height: 515px;
  position: absolute;*/

  background: url("../images/content-bg-white.png") repeat;
  height: 515px;
  margin: 0 2px;
  opacity: 0.8;
  overflow: hidden;
  position: absolute;
  width: 953px;
  text-align: left;
}
.creative_project_container .main_content{
  /*background: url("../images/color-bar.jpg") no-repeat scroll left top rgba(255, 255, 255, 0.8);
  padding: 25px;
  text-align: left;
  height: 465px;
  width: 903px;
  margin: 0px 2px;
  position: relative;
  overflow: hidden;*/
}
.creative_project_container .main_content .content_viewport{
  width: 903px;
  overflow: hidden;
}
.content_column{
  margin-right: 13px;
  float: left;
  position: relative;
}
.content_column .recently_add_topbar{
  background: url("../images/cp_top_bar.jpg");
  width: 208px;
  height: 5px;
}
.content_column .recently_add_title{
  color: #303030;
  font-size: 20px;
  font-family: 'DbAdmanXBd', 'tahoma';
  line-height: 30px;
}
.recently_add_box{
  margin-bottom: 8px;
  width: 208px;
}
.recently_add_box .box_content{
  min-height: 35px;
  padding: 11px;
  width: 186px;
  background: rgb(71, 71, 72);
  background: -moz-linear-gradient(270deg, rgb(71, 71, 72) 0%, rgb(85, 86, 87) 100%);
  background: -webkit-linear-gradient(270deg, rgb(71, 71, 72) 0%, rgb(85, 86, 87) 100%);
  background: -o-linear-gradient(270deg, rgb(71, 71, 72) 0%, rgb(85, 86, 87) 100%);
  background: -ms-linear-gradient(270deg, rgb(71, 71, 72) 0%, rgb(85, 86, 87) 100%);
  background: linear-gradient(0deg, rgb(71, 71, 72) 0%, rgb(85, 86, 87) 100%);
  border-bottom: solid #3d3e3f 1px;
  cursor: pointer;
}
.recently_add_box .box_content:hover{
  background: #ffffff;
  border-bottom: solid #b9b9ba 1px;
}
.recently_add_box .box_content .box_text{
  color: #b7b7b7;
  font-size: 18px;
  font-family: 'DbAdmanX', 'tahoma';
  width: 162px;
  max-height: 35px;
  overflow: hidden;
  float: left;
}
.recently_add_box .box_content:hover .box_text{
  color: #000000;
}
.recently_add_box .box_content .box_link{
  background: url('../images/arrow_link.png') no-repeat;
  width: 13px;
  height: 13px;
  cursor: pointer;
  float: left;
  margin: 3px 0px 0px 10px;
}
.content_box_detail{
  margin-bottom: 15px;
  width: 208px;
  border-top: solid #c5c5c6 1px;
}
.content_box_detail .box_content_special_red{
  padding: 11px;
  width: 186px;
  background: rgb(188, 43, 61);
  background: -moz-linear-gradient(270deg, rgb(188, 43, 61) 0%, rgb(171, 26, 44) 100%);
  background: -webkit-linear-gradient(270deg, rgb(188, 43, 61) 0%, rgb(171, 26, 44) 100%);
  background: -o-linear-gradient(270deg, rgb(188, 43, 61) 0%, rgb(171, 26, 44) 100%);
  background: -ms-linear-gradient(270deg, rgb(188, 43, 61) 0%, rgb(171, 26, 44) 100%);
  background: linear-gradient(0deg, rgb(188, 43, 61) 0%, rgb(171, 26, 44) 100%);
}
.content_box_detail .box_content_special_red .box_text{
  color: #ffffff;
  font-size: 48px;
  font-family: 'DbAdmanXBd', 'tahoma';
  width: 162px;
  line-height: 35px;
}
.content_box_detail .box_content_special_orange{
  padding: 11px;
  width: 186px;
  background: rgb(250, 171, 64);
  background: -moz-linear-gradient(270deg, rgb(250, 171, 64) 0%, rgb(233, 154, 47) 100%);
  background: -webkit-linear-gradient(270deg, rgb(250, 171, 64) 0%, rgb(233, 154, 47) 100%);
  background: -o-linear-gradient(270deg, rgb(250, 171, 64) 0%, rgb(233, 154, 47) 100%);
  background: -ms-linear-gradient(270deg, rgb(250, 171, 64) 0%, rgb(233, 154, 47) 100%);
  background: linear-gradient(0deg, rgb(250, 171, 64) 0%, rgb(233, 154, 47) 100%);
}
.content_box_detail .box_content_special_orange .box_text{
  color: #ffffff;
  font-size: 48px;
  font-family: 'DbAdmanXBd', 'tahoma';
  width: 162px;
  line-height: 35px;
}
.content_box_detail .box_content_special_blue{
  padding: 11px;
  width: 186px;
  background: rgb(43, 171, 221);
  background: -moz-linear-gradient(270deg, rgb(43, 171, 221) 0%, rgb(26, 154, 204) 100%);
  background: -webkit-linear-gradient(270deg, rgb(43, 171, 221) 0%, rgb(26, 154, 204) 100%);
  background: -o-linear-gradient(270deg, rgb(43, 171, 221) 0%, rgb(26, 154, 204) 100%);
  background: -ms-linear-gradient(270deg, rgb(43, 171, 221) 0%, rgb(26, 154, 204) 100%);
  background: linear-gradient(0deg, rgb(43, 171, 221) 0%, rgb(26, 154, 204) 100%);
}
.content_box_detail .box_content_special_blue .box_text{
  color: #ffffff;
  font-size: 48px;
  font-family: 'DbAdmanXBd', 'tahoma';
  width: 162px;
  line-height: 35px;
}
.content_box_detail .box_content_special_pink{
  padding: 11px;
  width: 186px;
  background: rgb(238, 52, 131);
  background: -moz-linear-gradient(270deg, rgb(238, 52, 131) 0%, rgb(238, 108, 162) 100%);
  background: -webkit-linear-gradient(270deg, rgb(238, 52, 131) 0%, rgb(238, 108, 162) 100%);
  background: -o-linear-gradient(270deg, rgb(238, 52, 131) 0%, rgb(238, 108, 162) 100%);
  background: -ms-linear-gradient(270deg, rgb(238, 52, 131) 0%, rgb(238, 108, 162) 100%);
  background: linear-gradient(0deg, rgb(238, 52, 131) 0%, rgb(238, 108, 162) 100%);
}
.content_box_detail .box_content_special_pink .box_text{
  color: #ffffff;
  font-size: 48px;
  font-family: 'DbAdmanXBd', 'tahoma';
  width: 162px;
  line-height: 35px;
}
.content_box_detail .box_content_special_green{
  padding: 11px;
  width: 186px;
  background: rgb(140, 198, 63);
  background: -moz-linear-gradient(270deg, rgb(140, 198, 63) 0%, rgb(187, 230, 130) 100%);
  background: -webkit-linear-gradient(270deg, rgb(140, 198, 63) 0%, rgb(187, 230, 130) 100%);
  background: -o-linear-gradient(270deg, rgb(140, 198, 63) 0%, rgb(187, 230, 130) 100%);
  background: -ms-linear-gradient(270deg, rgb(140, 198, 63) 0%, rgb(187, 230, 130) 100%);
  background: linear-gradient(0deg, rgb(140, 198, 63) 0%, rgb(187, 230, 130) 100%);
}
.content_box_detail .box_content_special_green .box_text{
  color: #ffffff;
  font-size: 48px;
  font-family: 'DbAdmanXBd', 'tahoma';
  width: 162px;
  line-height: 35px;
}
.content_box_detail .box_content_special_yellow{
  padding: 11px;
  width: 186px;
  background: rgb(206, 212, 64);
  background: -moz-linear-gradient(270deg, rgb(206, 212, 64) 0%, rgb(228, 232, 131) 100%);
  background: -webkit-linear-gradient(270deg, rgb(206, 212, 64) 0%, rgb(228, 232, 131) 100%);
  background: -o-linear-gradient(270deg, rgb(206, 212, 64) 0%, rgb(228, 232, 131) 100%);
  background: -ms-linear-gradient(270deg, rgb(206, 212, 64) 0%, rgb(228, 232, 131) 100%);
  background: linear-gradient(0deg, rgb(206, 212, 64) 0%, rgb(228, 232, 131) 100%);
}
.content_box_detail .box_content_special_yellow .box_text{
  color: #ffffff;
  font-size: 48px;
  font-family: 'DbAdmanXBd', 'tahoma';
  width: 162px;
  line-height: 35px;
}
.content_box_detail .box_content_special_purple{
  padding: 11px;
  width: 186px;
  background: rgb(132, 34, 156);
  background: -moz-linear-gradient(270deg, rgb(132, 34, 156) 0%, rgb(152, 55, 176) 100%);
  background: -webkit-linear-gradient(270deg, rgb(132, 34, 156) 0%, rgb(152, 55, 176) 100%);
  background: -o-linear-gradient(270deg, rgb(132, 34, 156) 0%, rgb(152, 55, 176) 100%);
  background: -ms-linear-gradient(270deg, rgb(132, 34, 156) 0%, rgb(152, 55, 176) 100%);
  background: linear-gradient(0deg, rgb(132, 34, 156) 0%, rgb(152, 55, 176) 100%);
}
.content_box_detail .box_content_special_purple .box_text{
  color: #ffffff;
  font-size: 48px;
  font-family: 'DbAdmanXBd', 'tahoma';
  width: 162px;
  line-height: 35px;
}
.content_box_detail .box_content{
  padding: 11px;
  width: 186px;
  background: #ffffff;
  cursor: pointer;
  min-height: 35px;
}
.content_box_detail .box_content .box_text{
  color: #848484;
  font-size: 18px;
  font-family: 'DbAdmanX', 'tahoma';
  width: 162px;
  max-height: 35px;
  overflow: hidden;
  float: left;
}
.content_box_detail .box_content:hover .box_text{
  color: #000000;
}
.content_box_detail .box_content .box_link{
  background: url('../images/arrow_link.png') no-repeat;
  width: 13px;
  height: 13px;
  cursor: pointer;
  float: left;
  margin: 3px 0px 0px 10px;
}
.creative_overlay{
  background: url('../images/tooltip-bg.png') no-repeat;
  height: 112px;
  width: 240px;
  left: 100px;
  position: absolute;
  z-index: 99;
  color: white;
  text-align: left;
  margin-top: -5px;
  display: none;
}
.creative_overlay_flip{
  background: url('../images/tooltip-bg-flip.png') no-repeat;
  height: 112px;
  width: 240px;
  left: 100px;
  position: absolute;
  z-index: 99;
  color: white;
  text-align: left;
  margin-top: -165px;
  display: none;
}
.creative_overlay .overlay_content{
  padding: 10px; 
  width: 220px; 
  height: 80px; 
  position: relative; 
  top: 12px;
}
.creative_overlay_flip .overlay_content{
  padding: 10px; 
  width: 220px; 
  height: 80px; 
  position: relative;
}
.creative_overlay .overlay_content .overlay_topbox, .creative_overlay_flip .overlay_content .overlay_topbox{
  padding-bottom: 5px;
}
.creative_overlay .overlay_content .overlay_bottombox, .creative_overlay_flip .overlay_content .overlay_bottombox{
  padding-top: 5px;
  border-top: solid 1px #878787;
}
.creative_overlay .overlay_content .overlay_topbox .overlay_topbox_left, .creative_overlay_flip .overlay_content .overlay_topbox .overlay_topbox_left{
  float:left;
  width: 151px;
}
.creative_overlay .overlay_content .overlay_topbox .overlay_topbox_right, .creative_overlay_flip .overlay_content .overlay_topbox .overlay_topbox_right{
  float:left;
}
.creative_overlay .overlay_content .overlay_topbox .overlay_topbox_right img, .creative_overlay_flip .overlay_content .overlay_topbox .overlay_topbox_right img{
  border: solid white 3px;
  width: 59px;
  height: 50px;
}
.creative_overlay .overlay_content .overlay_bottombox .overlay_bottombox_left, .creative_overlay_flip .overlay_content .overlay_bottombox .overlay_bottombox_left{
  float:left;
  width: 151px;
  color: #b7b7b7;
}
.creative_overlay .overlay_content .overlay_bottombox .overlay_bottombox_right, .creative_overlay_flip .overlay_content .overlay_bottombox .overlay_bottombox_right{
  float: right; 
  padding-right: 5px;
}
.creative_overlay .overlay_content .overlay_bottombox .overlay_bottombox_right img, .creative_overlay_flip .overlay_content .overlay_bottombox .overlay_bottombox_right img{
  height: 13px; 
  width: 13px; 
  cursor: pointer;
}
.overlay_bigtext{
  font-size: 20px;
  max-height: 20px;
  max-width: 141px;
  overflow: hidden;
}
.overlay_smalltext{
  font-size: 16px;
  overflow: hidden;
  height: 32px;
  line-height: 16px;
  width: 140px;
}
/*For Creative Project Detail page*/
.creative_project_container .main-container{
  height: 515px;
  position: absolute;
  width: 957px;
  text-align: left;
  z-index: 2;
}
.creative_project_container .content-background{
  background: url("../images/content-bg-white.png") repeat;
  height: 515px;
  /*margin: 0 2px;*/
  opacity: 0.8;
  overflow: hidden;
  position: absolute;
  /*width: 953px;*/
  width: 957px;
  text-align: left;
}
.creative_project_container .main-container .left-detail{
  position: absolute;
  width: 575px;
  left: 0px;
  top: 0px;
  margin: 0px;
}
.left-detail-title{
  height: 41px;
  background-color: #ffffff;
}
.left-detail-title .red-bold-text{
  color: #bf0000;
  font-size: 24px;
  font-family:'DbAdmanXBd';
  line-height: 32px;
  float: left;
  width: 435px;
  padding: 6px 18px 0px 18px;
  max-height:  35px;
  overflow: hidden;
}
.left-detail-title .backlink-with-image{
  color: #b7b7b7;
  font-size: 16px;
  font-family:'DbAdmanXBd';
  line-height: 30px;
  cursor: pointer;
  float: right;
  width: 68px;
  padding: 7px 18px 0px 18px;
}
.left-detail-title .backlink-with-image:hover{
  color: #22201f;
}
.left-detail-title .backlink-with-image .back-arrow{
  background: url('../images/backlink-arrow.png') no-repeat;
  width: 13px;
  height: 13px;
  float: right;
  margin: 8px 5px 0px 0px;
}
.left-detail-title .backlink-with-image .back-text{
  float: right;
}
.left-detail-subtitle{
  height: 39px;
  background-color: #dddddd;
}
.left-detail-subtitle .black-bold-text{
  color: #010101;
  font-size: 22px;
  font-family:'DbAdmanXBd';
  line-height: 25px;
  float: left;
  width: 400px;
  padding: 11px 18px 0px 18px;
  overflow: hidden;
  max-height: 28px;
}
.left-detail-subtitle .gray-text{
  color: #444444;
  font-size: 18px;
  font-family:'DbAdmanX';
  line-height: 18px;
  font-style: italic;
  float: right;
  width: 121px;
  padding: 15px 18px 0px 0px;
  text-align: right;
}
.left-detail-image img{
  width: 575px;
  height: 328px;
}
.creative_project_container .main-container .right-detail{
  position: absolute;
  width: 382px;
  left: 575px;
  top: 0px;
}
.right-detail-social{
  background-color: #858585;
  height: 31px;
  text-align: right;
  padding-top: 10px;
}
.right-detail-social .fb-likebtn{
  float:right;
  width: 90px;
  margin-right: 5px;
}
.right-detail-social .tweet-likebtn{
  float:right;
  width: 95px;
  margin-right: 5px;
}
.right-detail-social .gplus-likebtn{
  float:right;
  width: 83px;
}
.right-detail-video{
  padding: 15px 20px;
}
.right-detail-video .clip-video{
  border: solid #a60404 2px;
  width: 339px;
  height: 208px;
}
.right-detail-desc{
  padding: 0px 20px;
}
.right-detail-desc .desc-content{
  width: 339px;
  height: 200px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.right-detail-desc .desc-content .desc-content-title{
  font-family:'DbAdmanXBd';
  font-size: 18px;
  line-height: 30px;
  color: #1d1d1d;
}
.right-detail-desc .desc-content .desc-content-detail{
  font-family:'DbAdmanX';
  font-size: 16px;
  line-height: 17px;
  color: #353535;
}

/*Adjust flexslider stylesheet*/
.flexslider {
  border: none !important;
  margin: 0px 0px 9px 0px !important;
}
#carousel img{
  /*width: 103px !important;*/
  vertical-align: middle;
}
#carousel .slides{
  background-color: #bdbdbd;
  height: 89px !important;
}
#slider .slides{
  background-color: #bdbdbd;
  height: 328px !important;
}
#slider .flex-direction-nav .flex-prev, #carousel .flex-direction-nav .flex-prev{
  top: 55% !important
}
#slider .flex-direction-nav .flex-next, #carousel .flex-direction-nav .flex-next{
  top: 55% !important
}
.flex-direction-nav .flex-next {visibility: hidden; }
.flex-direction-nav .flex-prev {visibility: hidden;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;visibility: visible;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;visibility: visible;}