@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------------------------------------
GENERAL
-----------------------------------------------------------------------------*/
body {background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#7e7e7e; line-height:16px; margin:0; padding:0;}
h1, .title {color:#c4161c; font-size:40px; font-weight:normal; margin:0 0 0 16px; padding-bottom:2px; line-height:40px;}
h2 {color:#c4161c; font-size:40px; font-weight:normal; margin:0; padding:3px 0; line-height:36px;}
h3 {color:#7e7e7e; font-size:14px;}
ul {margin:0; padding:0;}
ul li{margin:0; padding:0;}
a, .red{color:#c4161c}
a:hover{text-decoration:none;}
input, textarea, select{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#7e7e7e; border:1px solid #7e7e7e;}
.ml16{margin-left:16px;}

/*-----------------------------------------------------------------------------
LAYOUT
-----------------------------------------------------------------------------*/
#wrapper{width:960px; margin:0 auto; overflow:hidden;}
#header{height:98px; padding:16px 16px 0 0; overflow:hidden;}
#content{padding-top:24px; position:relative; z-index:1;}
#main{float:left; width:634px; margin:0 16px 24px 0;}
#side{float:left; width:310px; padding-top:42px;}
#footer{height:116px; background:#ececec; padding:8px 16px 0;}

/*-----------------------------------------------------------------------------
HEADER
-----------------------------------------------------------------------------*/
#logo{float:left;}
#motto{float:right; margin-top:16px;}

ul#menu{ font-size:16px; line-height:16px; color:#7e7e7e; margin:16px 0 0 16px; float:left;}
ul#menu li {margin:0; padding:0 0 3px; list-style:none;}
ul#menu li a{color:#7e7e7e; text-decoration:none; display:inline-block;}
ul#menu li a:hover{color:#c4161c;}
ul#menu li a.active{color:#c4161c;}


/*-----------------------------------------------------------------------------
HOME BANNER
-----------------------------------------------------------------------------*/
#homebanner{position:relative; z-index:1; overflow:hidden; background:url(/website/elements/images/bg_homebanner.jpg) center bottom no-repeat; padding:32px 0 42px; margin:-24px 0 0;}

#browsable{position:relative; overflow:hidden; height:401px;}
.scrollable .items{width:20000em; position:absolute; clear:both;}
.items div{float:left;}
.scrollable img{float:left;}

a.browse{display:block; width:62px; height:93px; position:absolute; top:184px; right:16px; z-index:999; cursor:pointer;}
a.right{background:url(/website/elements/images/nav/next.png) left top no-repeat; right:16px;}
* html a.right{background:url(/website/elements/images/nav/next.gif) left top no-repeat;}
a.left{background:url(/website/elements/images/nav/prev.png) left top no-repeat; left:16px;}
* html a.left{background:url(/website/elements/images/nav/prev.gif) left top no-repeat;}
a.disabled{visibility:hidden !important;}

.navi{position:absolute; right:16px; top:12px; height:13px;}
.navi a{display:block; background:url(/website/elements/images/nav/bull.gif) left top no-repeat; width:13px; height:13px; float:left; margin-left:5px;}
.navi a.active{background:url(/website/elements/images/nav/bull-active.gif) left top no-repeat;}
* html .navi{right:48px;}

/*-----------------------------------------------------------------------------
HOME
-----------------------------------------------------------------------------*/
.homeleads{margin-bottom:40px;}
#content .homeleads h2{margin-left:16px; min-height:36px;}
.homeleads ul{list-style:none;}
.homeleads .about li, .homeleads .work li{width:309px; margin-right:16px; float:left; height:157px; position:relative; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.homeleads .about li h3, .homeleads .work li h3{position:absolute; left:0; bottom:0; width:277px; font-size:20px; line-height:20px; background:url(/website/elements/images/bg_box.gif) left bottom; padding:5px 16px; opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); font-weight:normal; color:#fff; border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px;}
.homeleads .work li h3 strong{display:block; font-size:12px; line-height:16px; font-weight:bold; padding-bottom:4px;}
.homeleads .about li h3 a, .homeleads .work li h3 a{color:#fff; text-decoration:none; display:block;}
.homeleads .work{width:976px;}
.homeleads .about{width:309px; float:left; margin-right:16px;overflow:hidden;}

.news{width:635px; float:left; font-size:10px; line-height:16px;}
.news h2{margin-left:0;}
.news h3.notcufon{font-size:11px; font-weight:bold;}
.news li{padding-bottom:10px; position:relative; float:left; width:258px; float:left; padding-left:52px;}
.news li.first{width:309px; margin-right:16px; height:157px; position:relative; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:0;}
.news li.first h3{position:absolute; left:0; bottom:0; width:277px; background:url(/website/elements/images/bg_box.gif) left bottom; padding:5px 16px; opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); font-weight:normal; color:#fff;  border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px;}
.news li.first h3 a{color:#fff; text-decoration:none;}
.news li a{color:#7e7e7e; padding:0;}
.news li h3 a{text-decoration:none;}
.news li a:hover{text-decoration:underline;}
.news .date{position:absolute; top:0; left:0; z-index:10; display:block; width:40px; height:15px; padding:0 4px 0 2px; color:#fff; font-size:11px; font-weight:bold; background:url(/website/elements/images/date.gif) left top no-repeat;}
#content .news p{margin:0;}


/*-----------------------------------------------------------------------------
PAGE
-----------------------------------------------------------------------------*/
#content p{margin-bottom:16px;}
#content #news{padding: 0 0 0 52px; position:relative;}
#content #news .date{position:absolute; top:0; left:0; z-index:10; display:block; width:40px; height:15px; padding:0 4px 0 2px; color:#fff; font-size:11px; font-weight:bold; background:url(/website/elements/images/date.gif) left top no-repeat;}
* html #content #news .date{left:-52px;}
#content #main h2{font-size:26px; line-height:22px; padding:4px 0;}
#content #news h1{color:#010101; line-height:30px; font-size:26px; margin-left:0; padding:4px 0;}

.otherwork{width:976px; list-style:none; margin-bottom:24px;}
.otherwork li{width:309px; margin:0 16px 16px 0; float:left; height:157px; position:relative; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.otherwork li h3{position:absolute; left:0; bottom:0; width:277px; font-size:20px; line-height:20px; background:url(/website/elements/images/bg_box.gif) left bottom; padding:5px 16px; opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); font-weight:normal; color:#fff; border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px;}
.otherwork li h3 strong{display:block; font-size:12px; line-height:16px; font-weight:bold; padding-bottom:4px;}
.otherwork li h3 a{color:#fff; text-decoration:none;}

.awards{height:170px; background:#444444; margin-bottom:40px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#dfdfdf; position:relative; overflow:hidden}
.awards a.browse{display:block; width:74px; height:170px; position:absolute; top:0px; z-index:999; cursor:pointer;}
.awards a.left{background:url(/website/elements/images/awards_left.gif) left top no-repeat; left:0px; }
.awards a.right{background:url(/website/elements/images/awards_right.gif) left top no-repeat; right:0;}

#awards{width:817px; height:170px; color:#fff; overflow:hidden; position:relative; left:67px;}
#awards .items{width:20000em; position:absolute; clear:both;}
#awards .items div{float:left; width:180px; padding:12px 16px 0 12px; list-style:none; font-size:11px; line-height:13px;}
#awards .items div.notitle{padding-top:36px;}
#awards .items div h3{font-size:14px; color:#fff; padding-bottom:10px;}
#awards .items div p{padding:0 0 10px 40px; margin:0; background:url(/website/elements/images/awards/internetics.gif) left top no-repeat;}
#awards .items div p.gd{background-image:url(/website/elements/images/awards/goldendrum.gif)}
#awards .items div p.cl{background-image:url(/website/elements/images/awards/canneslions.gif)}
#awards .items div p.intx-new{background-image:url(/website/elements/images/awards/internetics-new.gif)}
#awards .items div p.adcro{background-image:url(/website/elements/images/awards/adcro.gif)}
#awards .items div p.effie{background-image:url(/website/elements/images/awards/effie.gif)}
#awards .items div p.eurobest{background-image:url(/website/elements/images/awards/eurobest.gif)}

.services h2{font-size:26px; line-height:26px; padding:10px 0 8px; color:#010101; font-weight:normal;}
.services{list-style:none; width:976px;}
.services li{padding:0 32px 25px 16px; float:left; width:277px;}
.services li p{margin-bottom:16px;}

.cases{list-style:none; margin:0 16px;}
.cases li{padding-top:5px;}

/*-----------------------------------------------------------------------------
SIDE
-----------------------------------------------------------------------------*/
.lead{margin-bottom:40px;}
#side h1{font-size:30px; line-height:32px; padding:4px 0;  color:#7e7e7e; margin:0;}
#side h3{font-size:26px; line-height:26px; padding:0 0 8px; color:#7e7e7e; font-weight:normal;}
#side .news{width:auto;}
#side .news li{padding-bottom:10px; position:relative; width:auto; padding-left:52px; list-style:none;}
#side .news h4{font-size:11px;}
#side .news h4 a{text-decoration:none;}
#side .news h4 a:hover{text-decoration:underline;}
#side .news p{margin:0;}
* html #side .news li .date{}

#side .lead ul{padding:0 0 0 20px; margin:5px 0 15px;}

.sidemenu{list-style:none; margin-bottom:40px;}
.sidemenu li{width:309px; margin-right:16px; height:157px; position:relative; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:16px;}
.sidemenu li h4{position:absolute; left:0; bottom:0; width:277px; font-size:20px; line-height:20px; height:20px; background:url(/website/elements/images/bg_box.gif) left bottom; padding:5px 16px; opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); font-weight:normal; color:#fff;  border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px;}

/*-----------------------------------------------------------------------------
FOOTER
-----------------------------------------------------------------------------*/
#footer{font-size:14px; line-height:17px; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0;}
#footer .col{float:left; width:325px;}
#footer h4{font-size:30px; height:32px; line-height:26px; font-weight:normal; padding:4px 0 2px;}
#footer .col.last {float:left; width:278px;}
	#footer .col.last .group-badge {display:block; margin:39px auto 0; text-align:center;}

/*-----------------------------------------------------------------------------
CUFON
-----------------------------------------------------------------------------*/
strong, b {font-weight: bold;}