body{ background-repeat:no-repeat; background-position:center -15px; background-attachment:fixed; background-color:#E1DED5 !important; font-family: Arial; font-size:13px; margin: 0; padding:0;}
.container{width:1000px; 
  margin-right: auto;
  margin-left: auto;
  *zoom: 1;
}
.has-skin .container{margin-top: 48px;}
a{color:#000000; text-decoration:none; }
a.yellow{color:#fc0; text-decoration:none; }
a img{border:none;}
a:hover{text-decoration: none; color:#999;}
div.clearer{display: block;height: 0;clear: both;visibility: hidden;}
.archivoBlack{font-family: 'Archivo Black', sans-serif;}
ul{padding:0; margin:5px 0 0 16px;list-style: none;}
input:focus { outline-width: 0; }
input.search-box{padding-left:5px;}
input{padding-left:3px;}
.hide{display:none !important;}
table { border-collapse: collapse;border-spacing: 0;}
table td.img-center{text-align: center; font-size:0px;}

/******************* No Image background *******************/

.no-image{background:url("../png/no-image-bg.png");}
.no-small-image{background:url("../png/no-image-small-bg.png");}

/******************* Shadow *******************/
.shadow{-webkit-box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, 0.1);  box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, 0.1);}
/********** remove shadow in header and page-wrapper ************/
.has-home-skin .wrapper-shadow, .no-page-skin .wrapper-shadow, .container .wrapper-shadow, .has-page-skin.container{-webkit-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0); box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);}

.container, .has-home-skin.container, .has-page-skin .wrapper-shadow, #footer.wrapper-shadow{
	-webkit-box-shadow:  0px 0px 20px 5px rgba(0, 0, 0, 0.2); 
	box-shadow:  0px 0px 20px 5px rgba(0, 0, 0, 0.2); 
	}
.has-home-skin.container{margin-top: 60px;}
.has-page-skin #page-wrapper{margin-top: 100px;}

#page-wrapper{margin-top: 0px;}


/******************* Breadcrumb ************************/
#breadcrumb{height:42px;}
#breadcrumb ul{list-style: none; padding:0px; margin:0px; color:black; font-size:13px;}
#breadcrumb li{float:left;}
#breadcrumb li.sep{margin:0 10px;}
#breadcrumb a{font-weight:bold;}
#breadcrumb a:hover{font-weight:normal; font-weight:bold; text-decoration: none;}

#page-wrapper #breadcrumb{height:22px;}
/******************* Icons ********************/

i.location{display: inline-block; margin-top: 1px;vertical-align: middle;background:url("../png/frontpage-sprites.png"); background-repeat:no-repeat; width:18px; height:26px;  background-position: -44px -459px;}
.icon-text{display: inline-block;  }
.icon-text div{display: inline-block; }
i.mail{display: inline-block; background:url("../png/frontpage-sprites.png"); background-repeat:no-repeat; background-position:-50px -785px; width:25px; height:20px;}   
i.share{display:block; background:url("../png/frontpage-sprites.png"); background-repeat:no-repeat; width:30px; height:30px;  background-position: -5px -457px;}
i.header{display: inline-block; background:url("../png/frontpage-sprites.png"); background-repeat:no-repeat; background-position:-10px -139px; width:17px; height:31px;}   
i.rss{display:block; background:url("../png/frontpage-sprites.png"); background-repeat:no-repeat; width:30px; height:30px;  background-position: -186px -457px;}
i.more{display: inline-block; background:url("../png/frontpage-sprites.png"); background-repeat:no-repeat; background-position:-77px -431px; width:12px; height:14px;}   
i.creative-ranking{display: inline-block; background:url("../png/frontpage-sprites.png"); background-repeat:no-repeat; background-position:-63px -461px; width:22px; height:20px;}   
i.points{display: inline-block; background:url("../png/frontpage-sprites.png"); background-repeat:no-repeat; background-position:-94px -461px; width:22px; height:20px;}   
i.awards{display: inline-block; background:url("../png/frontpage-sprites.png"); background-repeat:no-repeat; background-position:-154px -461px; width:22px; height:20px;}   
i.stat{display: inline-block; background:url("../png/frontpage-sprites.png"); background-repeat:no-repeat; background-position:-124px -461px; width:22px; height:20px;}   
i.top{display: inline-block; background:url("../png/frontpage-sprites.png"); background-repeat:no-repeat; background-position:-224px -461px; width:22px; height:20px;}   

i.pdf{display: block; background:url("../png/frontpage-sprites.png"); background-repeat:no-repeat; background-position:0 -537px; width:16px; height:18px;}   
i.ppt{display: block; background:url("../png/frontpage-sprites.png"); background-repeat:no-repeat; background-position:0 -560px; width:16px; height:18px;}   
i.word{display: block; background:url("../png/frontpage-sprites.png"); background-repeat:no-repeat; background-position:0 -583px; width:16px; height:18px;}   
.icon1{display:block; width:40px; height:40px; background:url("../png/award-icon-1.png");background-repeat:no-repeat; background-position: center;}
.icon2{display:block; width:40px; height:40px; background:url("../png/award-icon-2.png");background-repeat:no-repeat; background-position: center;}
.icon3{display:block; width:40px; height:40px; background:url("../png/award-icon-3.png");background-repeat:no-repeat; background-position: center;}
.icon4{display:block; width:40px; height:40px; background:url("../png/award-icon-4.png");background-repeat:no-repeat; background-position: center;}
i.filter-title{display: inline-block; background:url("../png/frontpage-sprites.png"); background-repeat:no-repeat; background-position:-126px -431px; width:12px; height:14px; margin-left:5px;}
i.filter-title.closed{display: inline-block; background:url("../png/frontpage-sprites.png"); background-repeat:no-repeat; background-position:-95px -431px; width:12px; height:14px; margin-left:5px;}

i.close-btn{display:inline-block; background:url("../png/frontpage-sprites.png"); background-position:0 -606px; width:17px; height:17px; cursor:pointer;}
i.small-close-btn{display:inline-block; background:url("../png/frontpage-sprites.png"); background-position:-22px -606px; width:12px; height:12px; cursor:pointer;}

i.campaign{vertical-align: bottom; background:url("../png/frontpage-sprites.png"); background-repeat:no-repeat; width:86px; height:20px;  background-position: -213px -354px; display:inline-block;}
i.testimonial{vertical-align: bottom; background:url("../png/frontpage-sprites.png"); background-repeat:no-repeat; width:40px; height:24px;  background-position: 0 -785px; display:inline-block;}
i.favorite{ vertical-align: bottom; background:url("../png/frontpage-sprites.png"); background-repeat:no-repeat; width:30px; height:30px;  background-position:-252px -457px; display:inline-block;}
i.right-arrow{background:url("../png/frontpage-sprites.png"); background-repeat:no-repeat; width:15px; height:26px;  background-position:-0px -880px; display:block;}
i.left-arrow{background:url("../png/frontpage-sprites.png"); background-repeat:no-repeat; width:15px; height:26px;  background-position:-0px -906px; display:block;}
/******************* Front Page **********************/
#frontpage-wrapper{background-color: white;}
.dot-border{ margin-top:5px; width:100%; background:url("../png/dots-border.png"); background-repeat:repeat-x; height:17px;}

#menu {
	height:36px;
	background: -moz-linear-gradient(top, #323232 0%, #1e1e1e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#323232), color-stop(100%,#1e1e1e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #323232 0%,#1e1e1e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #323232 0%,#1e1e1e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #323232 0%,#1e1e1e 100%); /* IE10+ */
	background: linear-gradient(to bottom, #323232 0%,#1e1e1e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323232', endColorstr='#1e1e1e',GradientType=0 ); /* IE6-9 */
}
#menu .menu-button{font-size:12px; color:white;}
#menu .sep{border-right:solid #555 1px; }
#menu .menu-button a{color:white; height:36px; border-left:solid #555 1px; display:block; padding: 0px 10px 0 10px; line-height: 36px;}
#menu .menu-button a:hover{ background-color:#474747 ;}
#menu .item{float:left;}
#menu #logo{background:url("../png/frontpage-sprites.png"); width:105px; height:36px;background-repeat:no-repeat; background-position:0 0; display:block; margin:0 20px;}
#menu #logo a{display: block; width:105px; height:36px;}
#menu #login-name{}
#menu .item-right{float:right;}
#header-wrapper{height:145px; background-color: #fff;}
#header-wrapper-content{height:80px;}
#portfolio-logo{background:url("../png/frontpage-sprites.png") no-repeat; float:left; width:260px; height:76px; background-position:0 -35px; margin-left:21px;  }
#portfolio-logo a { display: block; height: 76px; }
#tools-wrapper{ float:right; width:505px; }

#tools-wrapper .button{float:left;}

#tools-wrapper .button a {
	color: White;
	height:38px;
	padding:0px 0 0 10px;
	line-height: 37px;
	width:115px;
	display:block;
	border:1px solid white;
	border-right:0px;
	background-color: #757575;
	background: -moz-linear-gradient(top, #757575 0%, #454545 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#757575), color-stop(100%,#454545)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #757575 0%,#454545 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #757575 0%,#454545 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #757575 0%,#454545 100%); /* IE10+ */
	background: linear-gradient(to bottom, #757575 0%,#454545 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#757575', endColorstr='#454545',GradientType=0 ); /* IE6-9 */
}
#tools-wrapper .button a:hover {
	background:#ffc20e; text-decoration: none; color:#333; 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc20e', endColorstr='#ffc20e',GradientType=0 ); /* IE6-9 */
}

#tools-wrapper .tools{border:1px solid white; border-top: 0px;}

#tools-wrapper .tools, #bottom-wrapper .tools {
	height:36px;
	background: -moz-linear-gradient(top, #969696 0%, #676767 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#969696), color-stop(100%,#676767)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #969696 0%,#676767 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #969696 0%,#676767 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #969696 0%,#676767 100%); /* IE10+ */
	background: linear-gradient(to bottom, #969696 0%,#676767 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#969696', endColorstr='#676767',GradientType=0 ); /* IE6-9 */
}
.tools .item{float:left; height:25px;  margin-top:5px; }
.tools a.filter {color:#333; background-position: -128px -297px;width: 120px; border:0px; display:block; height:19px;}
.tools .types-field a.filter {height:25px; line-height: 25px;}
.tools .search-icon{background:url("../png/frontpage-sprites.png"); cursor:pointer; background-repeat:no-repeat; width:40px;  background-position: 0 -298px; display:block;}
.tools .search-field{ font-size:12px; color:#c2c2c2; width:333px;  background-color:white;  background-position: 0 -323px;  height:25px;}
.tools .search-field input{font-size: 12px;}
.tools .types-field{ font-size:12px; color:#c2c2c2; position:relative; border-left:dashed #cdcdcd 1px; width:116px; background-color:white;  padding:0px 4px; height:25px; cursor: pointer;}
.tools .search-field input{border:0px; line-height:25px;  width:330px; height:25px; padding-top:0px; padding-bottom:0px;}
.tools .types-field span{border:0px; padding:0 5px;}
.tools .down-arrow{position:absolute; background:url("../png/frontpage-sprites.png");  background-repeat:no-repeat; width:20px; height:15px; background-position: 0 -323px; right:3px; top:3px;}
.tools .right-wrapper{float:right; padding-left:5px;}
#carousel{height:490px; width:680px; float:left; }
#carousel .images{margin:20px; margin-bottom:0px; height: 450px; overflow:hidden; position:relative;}
#carousel .dot-border{ margin-left:20px; width:640px; margin-top:15px; }
#left-banner{float:left; width:300px; margin-top: 20px;}
#left-banner #ad{height: 250px; background-color: #eee;}
.blue-dots{background:url(../gif/blue-dots.gif); background-repeat: repeat-x; height:6px; margin:10px 0;}

#main-buttons-wrapper{padding: 22px 10px 0;}
#main-buttons-wrapper .item{  margin: 0 10px; float:left; font-size: 17px;}
#main-buttons-wrapper .item:nth-child(n+5){  margin-top: 20px;}
#main-buttons-wrapper .item a{position:relative; color:white; background:#eee; width:225px; height:150px; display:block; text-shadow: 0px 0px 5px #707070; filter: dropshadow(color=#707070, offx=0, offy=0, strength=5);}
#main-buttons-wrapper a.agencies{background-image:url("../jpg/frontpage-main-agencies.jpg");}
#main-buttons-wrapper a.pr{background-image:url("../jpg/frontpage-main-pr.jpg");}
#main-buttons-wrapper a.digital{background-image:url("../jpg/frontpage-main-digital.jpg");}
#main-buttons-wrapper a.media{background-image:url("../jpg/frontpage-main-media.jpg");}
#main-buttons-wrapper a.event{background-image:url("../jpg/frontpage-main-event.jpg");}
#main-buttons-wrapper a.production{background-image:url("../jpg/frontpage-main-production.jpg");}
#main-buttons-wrapper a.case{background-image:url("../jpg/frontpage-main-case.jpg");}
#main-buttons-wrapper a.creative{background-image:url("../jpg/frontpage-main-creative.jpg");}


#main-buttons-wrapper .item a:hover{color:white; background:#FFC20E; text-shadow: 0px 0px 5px #707070;
        filter: dropshadow(color=#707070, offx=0, offy=0, strength=5); text-decoration: none;}
#main-buttons-wrapper .item a:hover .search{display:block; opacity:0.6; filter:alpha(opacity=60); /* For IE8 and earlier */}
#main-buttons-wrapper .item a:hover .title{opacity:0.6; filter:alpha(opacity=60); /* For IE8 and earlier */}
#main-buttons-wrapper .item a:hover .number{display:block; font-size:30px;}

#main-buttons-wrapper .item .number{position:absolute; top:70px; left:10px; display:none; line-height: 20px;}
#main-buttons-wrapper .item .search{position:absolute; top:45px; left:10px; display:none; line-height: 20px;}
#main-buttons-wrapper .item .title{position:absolute; bottom:15px; left:10px;line-height: 20px; }



#box-wrapper .item{width:300px; height:350px;  margin:20px 0 0 20px; float:left;}
#box-wrapper .header{float:left; font-size: 18px; padding-right:20px; margin-bottom:10px;  background:url("../gif/title-dots.gif"); background-repeat:no-repeat; background-position:right center; }     
#box-wrapper .image, #box-wrapper .image img{width:300px; height:215px; background-color: #eee;}
#box-wrapper .title{margin-top: 8px; margin-bottom: 3px; }
#box-wrapper .title a{font-size:13px; font-weight: bold; }
#box-wrapper .agency a{font-weight: bold;}
#box-wrapper .agency a:link{text-decoration: underline;  }
#box-wrapper .agency, #box-wrapper .date{font-size:12px;  color:#969696;}
#box-wrapper .job-wrapper, #box-wrapper .most-read-wrapper{padding:4px 0; padding-bottom:7px; border-bottom:solid 1px #cccccc;}
#box-wrapper .job-wrapper .agency a{color:#969696; text-decoration:none; }
#box-wrapper .job-wrapper .agency a:hover{color:#969696; text-decoration: underline;}
#box-wrapper .job-wrapper .title a, #box-wrapper .most-read-wrapper .title a{color:black;}
#box-wrapper .job-wrapper .title a:hover, #box-wrapper .most-read-wrapper .title a:hover{color:black; text-decoration: underline;}
#box-wrapper #source-by-campaign{float:right; background:url("../png/frontpage-sprites.png"); background-repeat:no-repeat; width:105px; height:37px;  background-position: 0 -340px; display:block;}
.campaign-logo{vertical-align: bottom; background:url("../png/frontpage-sprites.png"); background-repeat:no-repeat; width:105px; height:26px;  background-position: -108px -354px; display:inline-block;}
#box-wrapper .campaign-job-asia{ margin:10px 0px; text-align: right; font-weight:bold;}
.campaignjobs-asia-text{font-size:bold; color:#e82426;}
.campaignjobs-asia-link{text-align: right; }
.campaignjobs-asia-link a:hover{text-decoration: underline;}
.campaignjobs-asia-link a:hover .campaignjobs-asia-text{color:#999; text-decoration: underline;}


#footer{background:#353535; padding:25px 20px 27px 20px; font-size: 13px; color:white; text-align: center;}
#footer #links a {color: #ffffff}
#footer #links a:hover {color: #ccc}
#footer #subscribe{margin-bottom: 30px;}
#footer #copyright{font-size:12px;}
span.yellow{color:#FFCC00;}
a.yellow{color:#FFCC00;}
a.yellow:hover{color:#FFAD00;}

#clickableskin{top:0; left:0; position: absolute; display: block; width: 100%; height: 100%; z-index: 0;}
#clickableskin a{width:100%; height: 100%; display: block;}
#skinoff{display: none;}
.relative-block{position: relative; z-index: 1000;}
/*************** Carousel *************************/

/*-------------> BAROUSEL */
.barousel_image
{
    position:absolute;
    z-index:10;
	width:640px;
    height:450px;
}

.barousel_image .img{display:none;}

.barousel_image .default{display:block;}

.barousel_image .img.current
{
    z-index:10;
}
.barousel_image .logo-img{border:solid 1px #ececec; width: 118px; height: 115px }
.barousel_image .img.previous
{
    z-index:5;
}

.barousel_content
{
    position:absolute;
    padding:15px 18px 10px 18px;    
    z-index:50;
    background:url(../png/black-tran-bg.png) repeat 0 0;
    color:#fff;
    width:604px;
    bottom:0px;

}
.barousel_image .com-logo{display:block;}
.barousel_image .com-logo.white{background-color:#fff; }
.barousel_content .title{font-size:18px;}
.barousel_content .sub-title{font-size:15px; line-height: 15px;}
.barousel_content .creator{font-size:13px;}
.barousel_content div.default{	display:block;    }
.barousel_content div{	display:none;    }
.barousel_content .highlight{font-size:30px; color:#FC0;}
.barousel_content .sub-highlight{font-size:18px; color:#FC0;}
.barousel_nav ul
{
    float:left;
    padding:0;
    margin:0;
    margin-left:20px;
}

.barousel_nav li
{
    float:left;
    padding:4px 2px 4px 6px;
    font-size:0;
    line-height:0;
    list-style:none;
    background-color: #fff;
    height:17px;
    width:13px;
}

.barousel_nav li a
{
    display:block;
    width:10px;
    height:10px;
    background:url("../png/frontpage-sprites.png"); background-repeat:no-repeat; width:10px; height:10px;  background-position: -24px -431px;  display:block;
    
}
.barousel_nav li a.current
{
    display:block;
    width:10px;
    height:10px;
    background:url("../png/frontpage-sprites.png"); background-repeat:no-repeat; width:10px; height:10px;  background-position:-4px -431px; display:block;
    
}
.barousel_nav li a:hover
{
    display:block;
    width:10px;
    height:10px;
    background:url("../png/frontpage-sprites.png"); background-repeat:no-repeat; width:10px; height:10px;  background-position: -44px -431px; display:block;
    
}
/*************** Common Page ****************/
.page-content-wrapper{ overflow: hidden; 


}
.page-content-left{float:left; width:250px; line-height: 18px; }
.page-content-right{float:left; width:748px; min-height: 900px;  background:white;
-webkit-box-shadow: inset 0px 3px 4px 0px rgba(0, 0, 0, 0.1);
box-shadow: inset 0px 3px 4px 0px rgba(0, 0, 0, 0.1);
}
.light-gray-bg{background:#f3f3f3;}
.tabs-wrapper{height:30px; float:left; width:580px;}
.tabs-wrapper .tab{float:left; margin-right:2px; height:30px;}
.tab a:link, .tab a:visited, .tab a:active{
color:#ececec;
font-size:12px;
padding:0px 9px; line-height: 30px; height: 30px; display:block;
background: #c7c7c7; /* Old browsers */
background: -moz-linear-gradient(top, #c7c7c7 0%, #7a7a7a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c7c7c7), color-stop(100%,#7a7a7a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #c7c7c7 0%,#7a7a7a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #c7c7c7 0%,#7a7a7a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #c7c7c7 0%,#7a7a7a 100%); /* IE10+ */
background: linear-gradient(to bottom, #c7c7c7 0%,#7a7a7a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7c7c7', endColorstr='#7a7a7a',GradientType=0 ); /* IE6-9 */
}
.tab a:hover{background:#FC0; color:#000; text-decoration: none;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFCC00', endColorstr='#FFCC00',GradientType=0 ); /* IE6-9 */
}
.tab a.selected{background:#FC0; color:#000; text-decoration: none;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFCC00', endColorstr='#FFCC00',GradientType=0 ); /* IE6-9 */
}
.page-content-left h3{margin-bottom:5px; font-size:13px; color:#333; margin-top:15px;}
/*************************************** Search Result Page ****************************************/

#result-top{padding:0 20px; border-bottom:dotted 1px #333; margin-bottom:3px;}
#result-top .title{margin:0 0 8px 0; color:#333333; font-size: 24px; height:28px; font-weight: bold;}
#result-top .title .search-by{color:#FC0;}
#result-top .title .num{color:#969696; font-size:12px; font-weight:normal;}

#sort-by{float:right; font-size:12px;}
.filter{font-size:12px; cursor:pointer; background:#fff; width:190px; height:25px;background:url("../png/frontpage-sprites.png") -40px -298px; background-repeat:no-repeat;}
#sort-by span{padding:0 10px; display:inline-block; line-height:27px;}
.field-value{display:inline-block;}
#sortby-dropdown{width:190px; padding:5px 10px; background:#fff; border:#D7D7D7 1px solid; font-size: 12px; line-height: 20px;}

#block-view{float:right; margin:0 5px;}
#block-view a{height:26px; width:27px; display:block; background:url("../png/frontpage-sprites.png") 0px -660px; }
#block-view a:hover, #block-view a.selected{background:url("../png/frontpage-sprites.png") 0px -629px; }

#list-view{float:right; margin:0 2px;}
#list-view a{height:26px; width:27px; display:block; background:url("../png/frontpage-sprites.png") -35px -660px; }
#list-view a:hover, #list-view a.selected{background:url("../png/frontpage-sprites.png") -35px -629px; }



#filter-dropdown{width:120px; display:none; position:absolute;}
.over-flow-filter{overflow-x:hidden; overflow-y:auto; height:200px; border:#CACACA solid 1px;}


#search-box{
width:200px; padding:5px;margin-bottom:12px;
background: #969696; /* Old browsers */
background: -moz-linear-gradient(top, #969696 1%, #676767 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#969696), color-stop(100%,#676767)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #969696 1%,#676767 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #969696 1%,#676767 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #969696 1%,#676767 100%); /* IE10+ */
background: linear-gradient(to bottom, #969696 1%,#676767 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#969696', endColorstr='#676767',GradientType=0 ); /* IE6-9 */}
#search-box input{height:25px; width:190px; border:0px; line-height: 25px; font-size:12px; padding-top:0px; padding-bottom:0px;}
#search-box .filter-wrapper{margin-top:5px;}
#search-box a.filter{float:left; background-position: -90px -298px; width:155px; color:#000; padding-left: 5px; text-decoration: none; line-height: 25px;}
#search-box .search-logo{float:left; cursor:pointer; background:url("../png/frontpage-sprites.png") -8px -298px; width:25px; height:25px;}

#filters-box{padding:8px; width:194px; height:101px; position:relative;}
#filters-box #clear-filter-btn{position:absolute; bottom:5px; right:5px; font-size:12px;}
#filters-box .filter-item{float:left; margin-right: 4px;}
.filter-item .name{color:#969696; font-size:12px; font-style: italic; margin-right: 2px; vertical-align: top;}
.filter-item .close{}

#filter-list .title{font-size: 13px; margin-bottom: 5px;}
#filter-list table td{font-size: 11px;}
#filter-list table{margin-bottom:20px;}
#filter-list input{margin:0px;}
#filter-list .filter-title{cursor:pointer;}
.paging{height:20px; padding:20px 0;}
.paging ul{margin:0 auto; list-style: none; padding:0; width:240px;}
.paging li{float:left; padding: 0 2px ;}
.paging li.sep{ color:#999;}
.paging li{font-size:11px;color:#000;}
.paging li a{color:#000; font-size: 12px; padding:3px 3px;}
.paging li a:hover{color:#ccc; font-size: 12px;}
.paging li a.currentPage{font-weight: bold; text-decoration: underline;}

/****************************** Agency Search Result ***************************/
.agency-result, .work-result,  .case-result{ padding:20px;}
.agency-result .result-wrapper{padding:15px 10px;  margin-bottom: 10px; border-bottom:#ececec solid 1px;}
.agency-result .colored{
	border-bottom:0px;
background: #FFF6DD; /* Old browsers */
background: -moz-linear-gradient(top,  #fff9e7 2%, #ffedb7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#fff9e7), color-stop(100%,#ffedb7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fff9e7 2%,#ffedb7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fff9e7 2%,#ffedb7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fff9e7 2%,#ffedb7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fff9e7 2%,#ffedb7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff9e7', endColorstr='#ffedb7',GradientType=0 ); /* IE6-9 */



}
.agency-result h3{font-size:18px; margin:0 0 5px 0;}
.agency-result h3 .highlight{color:#FC0; font-style: italic;}
.agency-result .info{font-size: 12px; color:#969696; }
.agency-result .info .highlight{color:#000; font-weight: bold; }
.agency-result .long-text{font-size:13px; margin-top:5px;}
.agency-result .img{ width:114px; height:70px; padding:2px; background-color: #fff; display:block; float:left;}
.agency-result .img table{width:114px; height:70px;}
.agency-result .text{float:left; padding:0 10px 0 10px; width:540px;}
.result-wrapper.hide-img .text{width:655px !important;; padding:0 30px 0 0;}
.result-wrapper.hide-img .img{display:none !important;}
.case-result-wrapper{margin-bottom: 30px;}
.case-result-wrapper .img{ width:145px; height:105px; display:block; overflow: hidden; float:left;}
.case-result-wrapper .info{float:left; margin-left:20px; width:540px; }
.case-result-wrapper h3{font-size:18px; margin:0 0 3px 0;}
.case-result-wrapper .highlight{color:#FFA200; font-style: italic;}
.case-result-wrapper .tags, .case-result-wrapper .date{ color:#969696; font-size:11px; margin-top:3px;}
.case-result-wrapper .tags .highlight{color:#000; font-weight: bold; }



/*************************************** Portfolio Page *****************************************/

#page-wrapper{background-color: white;}
.skin{margin-top:100px;}
.has-skin.container .skin{margin-top:0px;}
.page-padding{padding:10px 20px;}

#profile-top{min-height:155px; margin-bottom:3px;
background-color: #fff;
-webkit-box-shadow: inset 0px 3px 4px 0px rgba(0, 0, 0, 0.1);
box-shadow: inset 0px 3px 4px 0px rgba(0, 0, 0, 0.1);
}
#profile-top #logo-wrapper{float:left; width:214px; height:132px; margin-top:10px;}
#profile-top #logo-wrapper .logo table{width:214px; height:116px; text-align: center;}

#profile-top #profile-wrapper{float:left; width:700px; min-height:130px; }

#profile-top #profile-wrapper h2{font-size:30px; margin:10px 0 10px 0;}
#profile-top #profile-wrapper .company{margin-right: 20px; font-weight:bold;}
#profile-top #profile-wrapper .agency{font-weight:bold;}
#profile-top #link-wrapper{float:left; width:180px; height:130px;}
#profile-top .info{margin-bottom:3px;}
#profile-top .social-wrapper{margin-top:25px;}
#profile-top .message{float:left; margin-right: 20px;}
#profile-top .social-share{float:left; width:500px;}
#profile-top .message a{color: #fff;background-color: #FC0;padding: 0 10px;height: 20px;line-height: 20px;}
#profile-top .message a:hover{color:#999;}
#profile-top .message span{padding-left:5px; vertical-align: top; font-weight: bold;}
#portfolio-wrapper{}
#portfolio-wrapper-old{ 

background: #ffffff; 
background: -moz-linear-gradient(top, rgba(237,237,237,1) 1%, rgba(255,255,255,1) 6%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(237,237,237,1)), color-stop(6%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(237,237,237,1) 1%,rgba(255,255,255,1) 6%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(237,237,237,1) 1%,rgba(255,255,255,1) 6%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(237,237,237,1) 1%,rgba(255,255,255,1) 6%); /* IE10+ */
background: linear-gradient(to bottom, rgba(237,237,237,1) 1%,rgba(255,255,255,1) 6%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

    /*************** Left Part *****************/
#portfolio-info .box{padding-bottom: 30px;}
#portfolio-info{float:left; width:250px; line-height: 18px;}
#portfolio-info h3{font-size:14px; font-weight:bold; margin:15px 0 7px; border-bottom:#ccc solid 1px; }
#portfolio-info h4{font-size:13px; font-weight:bold; margin:2px 0 7px;}
#portfolio-info .top-padding{margin-top:10px;}
#portfolio-info #tel, #portfolio-info #fax{color:#388CA1;}
#portfolio-info #website{word-break: break-all;}
#portfolio-info .box .title{float:left; width:180px; font-size: 18px;}
#portfolio-info .box .icon{float:left; width:30px;}
#portfolio-info #personnel h4{word-break: break-all;}
.box .news-wrapper{padding:10px 0; border-bottom:#ccc 1px solid; }
.box .news-wrapper .news-title{font-weight: bold;}
.box .news-wrapper .news-date { font-size: 11px; color: #969696; }
.more{text-align: right;}
.more a{color:black; font-weight: bold;}
.more a:hover{color:black; text-decoration: underline;}
.gray{color:#969696;}
.no-border{ border:0px !important;}
.long-button, .short-button{
    height:28px; width:210px; 
    margin:20px 0;
    color:white;
    text-align: center;
    vertical-align: middle;
    background: -moz-linear-gradient(top, #ffd147 1%, #ff8f0e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffd147), color-stop(100%,#ff8f0e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffd147 1%,#ff8f0e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffd147 1%,#ff8f0e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffd147 1%,#ff8f0e 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffd147 1%,#ff8f0e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd147', endColorstr='#ff8f0e',GradientType=0 ); /* IE6-9 */
    border-top:dotted 1px #ffd147;
    border-bottom:#ff8f0e;
}
.short-button{width:98px; margin: 0 0;}
.long-button a{color:white; font-size: 13px; height:29px; width:210px; display:block; line-height: 29px;}
.short-button a{color:white; font-size: 13px; height:29px; width:98px; display:block; line-height: 29px;}

a.download span{padding-top:2px;background:url("../png/frontpage-sprites.png"); padding-left:33px; background-repeat:no-repeat; background-position:0px -517px; }
a.message span{padding-top:2px; padding-left:33px; background-repeat:no-repeat; background-position:0px -498px; }

.cases-tabs{ height:70px;}
.subtabs-wrapper{position:absolute; top:10px; left:0px;}
.right-arrow-selected a{
    color:#fff; line-height:29px;
    width:224px; height:29px; display:block; display:block; background:url("../png/frontpage-sprites.png") no-repeat 0 -706px; font-weight: bold; padding-left:50px;
}
.right-arrow a{line-height:29px; width:224px; height:29px; display:block; background:url("../png/frontpage-sprites.png") no-repeat 0 -749px;  padding-left:50px; color:#999;}

    /*************** right Part *****************/
#portfolio-content{float:left; width:748px; }
#portfolio-content .ranking-wrapper{ padding-top: 10px; }
#portfolio-content .ranking{float:left; margin-right:50px; height:25px;}
.gen-padding{padding:20px 0;}
#portfolio-content .awards-box-wrapper .box{float:left; margin-right:10px;}
.awards-box-wrapper .campaign-box{background:url("../jpg/portfolio-campaigns.jpg"); background-repeat:no-repeat; width:123px; height:75px;}
.awards-box-wrapper .creative-box{background:url("../jpg/portfolio-creative.jpg"); background-repeat:no-repeat; width:123px; height:75px;}
.awards-box-wrapper .client-box{background:url("../jpg/portfolio-client.jpg"); background-repeat:no-repeat; width:123px; height:75px;}
.awards-box-wrapper .box .award{padding:5px; position:relative; background-color: #fff; width:115px; height:65px;}
.awards-box-wrapper .box .award .num{position: absolute; top:3px; right:3px; color:#A9A9A9; font-size: 18px;}
.awards-box-wrapper .box .award .title{position: absolute; color: white; bottom:5px; width:108px; padding:3px; background-color:#FFCC00; }
.awards-box-wrapper .box .title{font-size:11px; border:0px; color:#A9A9A9; padding:3px; text-align: center;width: 115px; text-decoration:none;}
#portfolio-content #description{line-height:18px; background-color: #F2f2f2; padding:15px 20px;}
#portfolio-content #company-awards-wrapper{margin: 20px 0;  padding:0px; overflow: hidden; height:120px;}

#company-awards-wrapper table{ background:#F3F3F3;  }
#company-awards-wrapper table th{text-align: left;  height:23px; line-height: 23px; width:20%;}
#company-awards-wrapper table td, #company-awards-wrapper table th{padding:2px 5px; }
#company-awards-wrapper table td{font-size: 12px;}
#company-awards-wrapper table th.name{width:33%;}
#company-awards-wrapper table th.year{width:12%;}
#company-awards-wrapper table th.icon{width:3%;}
#company-awards-more{display:none;}
.color-cells thead tr{border-bottom: 1px solid #777;}
#portfolio-content #description .year{margin-top: 26px;}
#portfolio-content .wrapper{ padding-bottom: 10px;}
#official-awards-wrapper .official-award{float:left; margin-right:20px;}
#official-awards-wrapper{margin:10px 0 20px;}
.official-award .num{text-align: center; margin-top: 5px; width:40px; font-size:13px;}
.wrapper .title{ display:inline-block; font-size: 16px; border-bottom: #ddd 1px solid; width: 100%; }
.wrapper .title i{margin-left:5px;}
.wrapper .title #num{font-weight: normal; font-size: 13px; font-family: Arial;}
.wrapper .video{text-align: center; }
.no-work td{height:110px; color:#B3B3B3; padding:0px 10px; font-size:18px; width:708px; text-align: center;}
.color-cells tr{border-bottom:#ddd 1px solid;}
#awarded-creatives-wrapper{ height:170px;}
.awarded-creative{float:left; width:160px; line-height: 20px; margin-right: 15px;}
.awarded-creative table td{width:160px; height:90px; }
.awarded-creative .image{width:160px; height:90px; display: block; overflow: hidden; background-color:#F2f2f2; }
.awarded-creative .rank-wrapper{height:16px; padding-top: 5px;}
.awarded-creative .rank{float:right; color:black; font-weight: bold; display: inline-block; text-align: right;}
.awarded-creative .name{float:left; color:black; font-weight: bold; }
.award-wrapper{text-align: right; padding:0 10px;}
.award-wrapper .num{text-align:center; display:inline-block;  vertical-align: top; }
.award-wrapper .btn a{display:block; background:url("../png/frontpage-sprites.png"); background-repeat:no-repeat; background-position:-95px -431px; width:12px; height:14px; }   
.award-wrapper .btn{display:inline-block; width:12px; height:14px; vertical-align: top;}

#creative-works-wrapper{}
.work-wrapper{ float:left; height:370px; width:223px; margin-right: 12px; margin-bottom: 10px;
background: #ededed; /* Old browsers */
background: -moz-linear-gradient(top, #ededed 1%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ededed 1%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ededed 1%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ededed 1%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom, #ededed 1%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.work-wrapper .image table td{padding:5px; width:220px; height:220px; border-bottom:#ccc solid 1px;  text-align:center; display:table-cell; vertical-align: middle;}
.work-wrapper .image img{max-width:210px; max-height: 210px; }
.work-wrapper .info{height:88px; padding:5px;}
.work-wrapper .info table td.name{width:50px;}
.work-wrapper .info td{font-size:11px; padding:1px 0;  vertical-align: top;}
.work-wrapper .info .title{margin-bottom:3px; color: black; font-weight: bold; padding:2px 0; font-size: 13px;}
.dropdown-body{background: #FFF;
    border: solid 1px #DDD;
    border: solid 1px rgba(0, 0, 0, .2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    overflow: visible;
    padding: 10px;
    margin: 0;}
.dropdown-body div{height:25px;}
.dropdown-menu a{font-size:12px; color:#000; line-height:25px; height:25px; width:100%; display: block;}
.dropdown-menu a.selected, .dropdown-menu a:hover{color:#000; background:#ECECEC; text-decoration: none; }


#creative-works-wrapper .award-wrapper, #other-works-wrapper .award-wrapper{ margin:0 5px; padding:3px 3px;text-align: right; height:19px; background-color:#EAEAEA;  }
#creative-works-wrapper{margin:20px 0;}

.case-wrapper{margin-top:20px ;}
.case-wrapper .image{ float:left; width:213px; }
.case-wrapper .image table{width: 213px; height:118px;}
.case-wrapper .info{ float:left; width:450px; padding:0px 20px;}
.case-wrapper .info .title{font-size:13px; font-weight: bold; display:table-cell;}
.case-wrapper .info td{padding-bottom: 2px; font-size: 11px; vertical-align: top;}
.case-wrapper .info td.name{width:100px;}

#brands-wrapper{margin: 20px 0;}
#brands-top{height:32px; }
#brands-top .top{float:left; margin-right: 5px;}
#brands-top .ranking{float:left;}
#brands-top span{vertical-align: top;}
#brand-list{margin-top:10px; overflow: hidden; height:270px; padding:5px 5px;}
#brand-list .brand-wrapper{ width:110px; height:110px;float:left; margin:0 27px 30px 0;}
#brand-list .brand{float:left;}
#brand-list .brand .image{width:70px; height:63px; text-align:center; display:table-cell; vertical-align: middle;}
#brand-list .brand .text{font-size:11px; color:black; margin-top:10px; text-align: center; width:70px;}
#brand-list .award-list{float:left; width:28px; padding:0 5px; text-align: center;}
#brand-list .award-list i{padding:3px 0;}

.download-box{ background:#DFDFDF; padding:5px; font-size: 12px;}
.download-box .close-btn{z-index:100; position:absolute; top:10px; right:10px;}
.download-box .close-btn a{display:block; background:url("../png/frontpage-sprites.png"); background-position:0 -606px; width:17px; height:17px;}
.download-box .content{background: #fff; padding:15px 25px 15px 10px;  }
.download-box .buttons .short-button{float:left; margin:20px 30px 10px 0;}
.download-box .buttons .short-button.right{float:right; margin-right:0px;}
.download-box a.download{font-size:12px; background:url("../png/frontpage-sprites.png"); background-position:0 -933px; background-repeat: no-repeat; padding-left:17px;}
.download-box a.download:hover{background:url("../png/frontpage-sprites.png"); background-position:0 -958px; background-repeat: no-repeat; padding-left:17px; text-decoration: none; color:#aaa;}
.download-box td{vertical-align: middle;}
.download-box td.icon{padding-left:10px;}
table.dropdown{background-color: #fff;}
table.dropdown td{height:45px; }
table.dropdown td.text{padding:0 10px;}
table.dropdown tr.even{background:#DBDBDB;}


/********************* Campaign Case Study *********************/

.page-content-left .title{ font-size:18px; color:#333; border-bottom:#ccc solid 1px;}
.campaign{margin:15px 0 10px;}
.campaign .img{width:210px; height:157px; margin:10px 0;}
.campaign table td{width:210px; height:157px;}
.campaign .name{font-size: 13px; font-weight: bold; padding-left:10px;}
.campaign .info{font-size: 11px; font-weight: bold; padding-left: 10px;}
.campaign .date{font-weight: normal; color:#969696;}
.bottom-border{border-bottom: dotted 1px #333;}
.quote-wrapper{position: relative; width:30px;}
.open-quote{ position:absolute;  top:0px; display:block; background:url("../png/frontpage-sprites.png"); background-position:0 -815px; width:27px; height:24px;}
.close-quote{ position:absolute; bottom:0px; display:block; background:url("../png/frontpage-sprites.png"); background-position:0 -848px; width:27px; height:24px;}
.testimonial-text{width:150px; font-style: italic; font-family: georgia;}
.quoted-by{color:#333; padding:10px 30px;   font-family: Arial; font-style: normal; font-weight: bold;}
.testimonial-wrapper{margin-top: 20px;}
.campaign-content-wrapper, .case-study-content-wrapper{padding:20px 15px 0px;}
.campaign-awards, .campaign-description, .campaign-case-studies{margin:0 15px; padding-bottom:20px;}
.campaign-content-wrapper .title{font-size: 30px; font-weight: bold; }
.campaign-content-wrapper .top-wrapper{margin-top: 15px;border-bottom: #DDD solid 1px;}
.campaign-content-wrapper .barousel_image{width: 495px; height: 382px; overflow: hidden; }
.campaign-content-wrapper .barousel_content{display:none;}
.campaign-content-wrapper .carousel{float:left; width:495px; margin-right:15px; height:380px;}
.campaign-content-wrapper .carousel .img, .campaign-content-wrapper .carousel table td{width:490px; height:375px; display:none;}
.campaign-content-wrapper .carousel table td{text-align: center; border:solid #dedede 1px;}
.campaign-content-wrapper .carousel .first{display:table-cell;}
.share-wrapper{padding:15px 0;}
.campaign-content-wrapper .info{float:left; width:196px; font-size: 11px; height:380px; overflow-x:hidden;}
.case-about-wrapper .info{font-size: 11px; margin: 20px 0;}
.campaign-content-wrapper .info .name, .case-about-wrapper .info .name{float:left; margin-right: 4px; color:#969696;}
.campaign-content-wrapper .info .value, .case-about-wrapper .info .value{float:left;}
.value .campaign{margin:0px;}
.campaign-content-wrapper .info .list{ margin-bottom: 5px;}
.campaign-content-wrapper .info .list a{text-decoration: none; color:#000; font-weight: bold;}
.campaign-content-wrapper .info .list a:hover{text-decoration: underline; color:#000;}
.case-about-wrapper .info .list{ margin-bottom: 3px;}
.campaign-content-wrapper .info .list:after , .case-about-wrapper .info .list:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.campaign-content-wrapper .barousel_nav_prev, .campaign-content-wrapper .barousel_nav_next{float:left; width:20px; position: relative; height:170px;}
.campaign-content-wrapper .barousel_nav{height:170px; position:absolute; left:0px;}
.campaign-content-wrapper .barousel_nav a:hover{color:#ccc;}
.campaign-content-wrapper .barousel_nav_container{float:left; margin:20px 0; overflow: hidden; width:660px; height:170px; position:relative;}
.campaign-content-wrapper .barousel_nav .item{float:left; width:150px; height:170px; margin-right: 20px;}
.campaign-content-wrapper .barousel_nav .item .img{width:150px; height:105px; display:block; }
.campaign-content-wrapper .barousel_nav .item table{width:150px; height:105px;}
.campaign-content-wrapper .barousel_nav .item .video{position:relative;}
.campaign-content-wrapper .barousel_nav .item .video .play-mask{position:absolute; top:0;left:0px; z-index: 1000;}
.campaign-content-wrapper .barousel_nav .item .txt{font-weight: bold; margin-top: 10px;}
.campaign-works-wrapper{ padding:20px;}     
.campaign-content-wrapper .barousel_nav_prev i, .campaign-content-wrapper .barousel_nav_next i{position:absolute; top:80px; cursor:pointer;}
.campaign-content-wrapper .barousel_nav_wrapper{border-top:#ddd solid 1px; height:210px;}
h3.case-right{font-size:13px !important; font-family: 'Archivo Black', sans-serif; color:#333; border-bottom:#ccc solid 1px;}
.campaign-works-wrapper h3{font-size:18px; margin-top: 0px;}
.campaign-awards .logo{padding-right:10px;}
.campaign-awards .logo img{width:32px;}
.page-content-right .bottom-border{border-bottom:#DDDDDD 1px solid;  }
.bottom-dotted-border{border-bottom:#333 1px dotted;  }
#breadcrumb.bottom-dotted-border{margin-bottom: 2px;}

.case-studies-wrapper .case-wrapper{}
.case-studies-wrapper .case-wrapper .image{width:140px;}
.case-studies-wrapper .case-wrapper .info{width:510px; padding:0px;  padding-left:15px;}
.case-studies-wrapper .case-wrapper h4{margin-top: 0px; margin-bottom:10px; font-size: 18px; font-weight: bold;}
.links, .date{font-size:11px; color:#969696; padding:2px 0;}

.case-study-content-wrapper h2{font-size:30px; font-weight: bold; margin-top: 0px;}
.case-study-content-wrapper .intro-text{font-style:italic;}
.case-study-content-wrapper .img{text-align: center; max-width:718px; max-height:300px;}
.case-study-content-wrapper .content-text{color:#333;}

.search-cases{position:relative;}
.case-result-wrapper i.campaign{margin:0px;}
#filters-box a{font-size:11px;}
#filters-box a span{color:#555;} 
#filters-box a:hover span{color:#ccc;}
#filters-box a strong{color:#000;}
.about-menu-wrapper{}
.about-menu-wrapper li{margin-bottom:10px;}
.about-menu-wrapper a{color:#000; font-weight: bold; height:35px; line-height: 35px; display:block; padding-left: 5px;}
.about-menu-wrapper a:hover, .about-menu-wrapper a.selected{
color:#000;
background: -moz-linear-gradient(left, rgba(255,204,0,1) 0%, rgba(255,204,0,0.34) 66%, rgba(255,255,255,0.02) 98%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,204,0,1)), color-stop(66%,rgba(255,204,0,0.34)), color-stop(98%,rgba(255,255,255,0.02)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255,204,0,1) 0%,rgba(255,204,0,0.34) 66%,rgba(255,255,255,0.02) 98%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(255,204,0,1) 0%,rgba(255,204,0,0.34) 66%,rgba(255,255,255,0.02) 98%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(255,204,0,1) 0%,rgba(255,204,0,0.34) 66%,rgba(255,255,255,0.02) 98%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(255,204,0,1) 0%,rgba(255,204,0,0.34) 66%,rgba(255,255,255,0.02) 98%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc00', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

.about-content{padding:20px;}
.about-content h1{font-weight: bold; color:#333; font-size: 30px; margin:0px; margin-bottom: 10px;}
.about-content h2{font-style: italic; font-weight: bold; font-size: 16px; margin:0px; margin-bottom: 20px;}
.about-content .banner{margin:10px 0 30px; position: relative; background: url(../png/map.png); background-repeat: no-repeat; display: block; width:700px; height:302px;}
.about-content .banner .address{position: absolute; top:54px; left:223px; width:170px; font-size: 12px;}
.contact-left{float:left; line-height: 25px; width:300px;}
.contact-right{float:left; border-left:solid 1px #ccc; padding-left: 30px; width:350px;}
.contact-right table td{font-size:13px; font-family: Arial; }
.contact-right table td.name{width:140px;}
.contact-right table input, .contact-right table textarea{background-color: #ececec; border: solid 1px #ccc; width:150px;}
.chosen-wrapper{position:relative;}
.chosen-content{width:480px; display: none;}
.chosen-content h4{color:#777;}
.chosen-content a{color:#FC0;}
.chosen-content a:hover{color:#FC0; text-decoration: underline;}
.chosen-content li{padding:2px 0 6px 9px; list-style:square; }
.chosen-content ol{list-style: decimal !important;}
.chosen-content ol li{display: list-item;}

.choosing-menu{position:absolute; top:30px; right:20px; width:200px;}
.choosing-menu .selected{font-weight: bold;}
.choosing-menu .title{ border-bottom: #FC0 solid 4px; font-size: 16px;}
.choosing-menu ul{margin:0; padding:0px;}
.choosing-menu li{border-bottom: #cecece solid 1px; padding:7px 0;}

.strong-title{font-weight:bold;}

.about-content .create-item a:hover{color:white; background:#FFC20E; text-shadow: 0px 0px 5px #707070;
        filter: dropshadow(color=#707070, offx=0, offy=0, strength=5); text-decoration: none;}
.about-content .create-item{  margin-right:10px; float:left; font-size: 18px;}
.about-content .create-item.last{margin-right:0px;}
.about-content .create-item a{position:relative; padding:20px 18px; color:white; background:#FC0; width:190px; height:60px; display:block; 
	text-shadow: 0px 0px 5px #707070;
        filter: dropshadow(color=#707070, offx=0, offy=0, strength=5);}
.about-content .create-content{padding:20px 20px; margin-top: 30px;}
.create-content h2{color:#FFC20E; font-style:normal; font-weight: bold; font-size: 25px; }
.yellow-table{background:#fc0;} 
.yellow-table th{font-weight:bold; color:#fff;}
.yellow-table td, .yellow-table th{color:white; border:solid 1px white;}
.yellow-table .even td, .yellow-table .even th{background:#FFB400;}
.about-content .back-to-top{margin:10px 0; text-align: right;}
.send-email .field{width:180px;}
.send-email .value input, .send-email .value textarea{
background-color: #ECECEC;
border: solid 1px #CCC;
width: 300px;

}

.portfolio-button{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffb700), color-stop(1, #ffcc00) );
	background:-moz-linear-gradient( center top, #ffb700 5%, #ffcc00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb700', endColorstr='#ffcc00');
	background-color:#ffb700;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffffff;
	display:inline-block;
	color:#000000;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:4px 24px;
	text-decoration:none;
}
.portfolio-button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffcc00), color-stop(1, #ffb700) );
	background:-moz-linear-gradient( center top, #ffcc00 5%, #ffb700 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc00', endColorstr='#ffb700');
	background-color:#ffcc00;
	color:white;
}
.portfolio-button:active {
	position:relative;
	top:1px;
}
.thankyou{text-align: center;  padding:20px; }
.no-result-found{text-align: center; padding: 30px; font-weight: bold; font-size: 13px;}
.italic{font-style: italic;}

#exposeMask { z-index: 9999998 !important; }    /* NOTE: MUST be < z-index for modals below, or won't appear UNDER them! */

#modalRedirect
{
	width: 560px;
    min-height: 420px;
    padding: 20px 40px 20px 40px;
	background-color: white; /* alt color #D6D5C3; */
	
    z-index: 9999999 !important;
    
    font-size: 12px;
    line-height: 130%;
    font-family: Arial, Sans-Serif;

    display: none;

    -moz-box-shadow: 0 0 64px #000000;
    -webkit-box-shadow: 0 0 64px #000000;
}

#modalRedirect .close
{
	background-image:url('../png/popup-close.png');
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	
	height:36px;
	width:36px;
}

.hero-carousel img {
    max-width: 100%;
}