html{
height:100%;
min-height:100%;
}
body {
font:14px Arial, Verdana, Helvetica, sans-serif;
color:#333;
margin:0px;
padding:0px;
height:100%;
min-height:100%;
}
body *{
margin:0px;
padding:0px;
}
h1, h2, h3, h4, h5, h6, p, ol, ul, pre{
margin:15px 0px;
}
p{
margin:0px 0px 15px 0px;
}
a{
color:#238caf;
text-decoration:none;
outline:none;
}
a:hover{
text-decoration:underline;
outline:none;
}
a:link, a:focus, a:visited, a:active{ 
outline:none;
}
a img{
border:none;
}
html > body #container {
height:auto;
}
#container {
left:0;
position:absolute;
top:0;
}
html, body, #container {
height:100%;
margin:0;
min-height:100%; 
padding:0;
width:100%;
}
#wrapper{
width:950px;
margin:0px auto 130px auto;
overflow:hidden;
position:relative;
z-index:2;
}
p{
line-height:20px;
}
p strong{
color:#1983dd;
font-weight:normal;
}
div.left{
display:block;
float:left;
width:220px;
margin-right:30px;
}
div.left_large{
display:block;
float:left;
width:650px;
margin-right:30px;
overflow:hidden;
}
div.center{
display:block;
float:left;
width:400px;
margin-right:30px;
}
div.right{
display:block;
float:right;
width:270px;
}
div.left_large h2, div.right h2{
margin-top:0px;
}

/* ========================================= ACCORDION ============================================= */
#accordion h4{
margin:0px 0px 10px 0px;
float:left;
}
#accordion h4 a{
display:block;
width:610px;
height:37px;
line-height:37px;
background: url(../images/bg_title_campaigns.jpg) top left no-repeat;
font-size:17px;
font-weight:normal;
color:#121837;
padding-left:40px;
position:relative;
}
#accordion h4 a:hover{
background: url(../images/bg_title_campaigns.jpg) bottom left no-repeat;
text-decoration:none;
}
#accordion h4.ui-state-active a{
background: url(../images/bg_title_campaigns.jpg) bottom left no-repeat;
}
#accordion h4 a span{
display:block !important;
width:37px;
height:37px;
position:absolute;
top:0px;
left:0px;
}
#accordion h4.ui-state-active a span{
background:url(../images/title_campaigns.gif) bottom left no-repeat;
}
#accordion h4.ui-state-default a span{
background:url(../images/title_campaigns.gif) top left no-repeat;
}
#accordion h4 a.anchor{
background: none;
width:1px;
height:1px;
}
/* ====================================== // ACCORDION ============================================= */

/* ======================================= CLIENT AREA ============================================= */
#button { 
text-decoration: none; 
}
#clientarea {  
position: relative; 
background: #121837; 
height:25px;
text-align:right;
overflow:visible !important;
}
#clientarea .client_wrapper{
width:100%;
position:absolute;
bottom:0px;
left:0px;
}
#clientarea h3{
margin:0px;
padding-bottom:10px;
float:left;
color:#555971;
font-weight:normal;
font-size:13px;
text-transform:uppercase;
letter-spacing:1px;
text-align:left;
}
#clientarea a#button{
position:absolute;
bottom:10px;
right:25px;
display:block;
width:120px;
text-align:center;
padding-right:15px;
color:#ade6ee;
text-transform:uppercase;
letter-spacing:2px;
background: url(../images/arrow_clientarea.gif) bottom right no-repeat;
}
#clientarea a#button:hover{
color:#fff;
}
#client{
width:950px;
margin:0px auto -8px auto;
background:url(../images/bg_clientarea.gif) bottom right no-repeat;
position:relative;
padding-bottom:35px;
}
#clientarea form{
margin: 10px 0 0 600px;
padding:10px 25px;
background:#1d2239;
border:1px solid #282d44;
}
#clientarea form input.button{
margin-top:5px;
}
#clientarea input{ 
border: 1px solid #3b3f55;  
font-size: 11px; 
margin-bottom: 5px; 
padding: 3px; 
width: 108px; 
color:#fff;
}
#clientarea input:hover, #clientarea input:focus, #clientarea input:active{ 
border: 1px solid #888;  
}				
#clientarea input#username{ 
background: #282d44 url(../images/bg_username.gif) 0 0px no-repeat; 
margin-right: 14px; 
padding-left: 25px; 
}
#clientarea input#password{
background: #282d44 url(../images/bg_password.gif) 0 0px no-repeat; 
padding-left: 25px;
}
#clientarea form input.button{
background:#555971;
color:#fff;
}

/* ==================================== // CLIENT AREA ============================================= */

/* ========================================== HEADER =============================================== */
#header{
float:left;
height:110px;
width:950px;
}
a#logo{
display:block;
float:left;
overflow:hidden;
width:220px;
height:110px;
background: url(../images/lifestyle.gif) center left no-repeat;
text-indent:-9999px;
}
ul#mainmenu {
position: relative;
display:block;
height: 27px;
width: 700px;
margin: 45px 0 0 0;
overflow: hidden;
float:left;
}
ul#mainmenu li {
display:block;
float: left;
list-style: none;
width:auto;
background:url(../images/menu_li.gif) top left no-repeat;
margin-left:10px;
}
ul#mainmenu li.back {
background: url(../images/lava.gif) no-repeat right -27px;
width: 18px; 
height: 27px;
z-index: 8;
position: absolute;
margin-left:0px;
}
ul#mainmenu li.back .left {
background: url(../images/lava.gif) no-repeat top left;
height: 27px;
margin-right: 18px; /* 7px is the width of the rounded shape */
width:auto;
float:none;
}
ul#mainmenu li a {
color: #294376;
font-size:14px;
text-align: center;
top: 0px;
letter-spacing: 0;
z-index: 10;
display: block;
float: left;
height: 27px;
width:auto;
line-height:27px;
position: relative;
overflow: hidden;
margin: auto 0px auto 18px; 
_margin: auto 0px auto 8px; 
}
ul#mainmenu li a.home{
text-indent:-9999px;
width:18px;
background: url(../images/menu_a_home.gif) center no-repeat;
}
ul#mainmenu li a:hover, ul#mainmenu li a:active, ul#mainmenu li a:visited {
border: none;
text-decoration:none;
}
ul#mainmenu li span.bg{
background:url(../images/menu_a.gif) top right no-repeat;  
display:block;
float:left;
width:18px;
height:27px;
}
/* ======================================= // HEADER =============================================== */

/* ========================================== BANNERS ============================================== */
#banner{
margin-bottom:20px;
float:left;
width:950px;
}
#wrapper.homepage #banner{
height:210px;
}
#wrapper.homepage #banner ul{
display:block;
float:left;
width:180px;
height:160px;
margin:0px 40px 0px 0px;
padding:30px 20px 20px;
list-style:none;
background: url(../images/bg_ul_home.jpg) bottom right no-repeat;
}
#wrapper.homepage #banner ul li a{
padding-left:15px;
line-height:32px;
font-size:15px;
text-transform:uppercase;
color:#264178;
background: url(../images/arrow1.gif) 0px 7px no-repeat;
}
#wrapper.homepage #banner ul li a:hover{
color:#429cbb;
text-decoration:none;
}
#wrapper.homepage #banner h1{
display:block;
float:left;
text-indent:-9999px;
width:600px;
height:120px;
background: url(../images/banner_home_text.gif) 0px 0px no-repeat;
}
#wrapper.homepage #banner p{
margin:0px;
}
#wrapper.homepage p a{
display:block;
float:left;
text-indent:-9999px;
width:346px;
height:31px;
background: url(../images/whatwecando.gif) 0px 0px no-repeat;
margin-top:30px;
}
#wrapper.homepage p a:hover{
background-position:0px -31px;
}
#wrapper.contentpage #banner{
height:170px;
text-indent:-9999px;
}
#wrapper.contentpage.we #banner{
background: url(../images/banner_whoweare.jpg) top left no-repeat;
}
#wrapper.contentpage.campaigns #banner{
background: url(../images/banner_campaigns.jpg) top left no-repeat;
}
#wrapper.contentpage.incentives #banner{
background: url(../images/banner_incentives.jpg) top left no-repeat;
}
#wrapper.contentpage.services #banner{
background: url(../images/banner_services.jpg) top left no-repeat;
}
#wrapper.contentpage.clients #banner{
background: url(../images/banner_clients.jpg) top left no-repeat;
}
#wrapper.contentpage.contact #banner{
background: url(../images/banner_contact.jpg) top left no-repeat;
}
/* ======================================= // BANNERS ============================================== */

/* ========================================== FOOTER =============================================== */
#footer{
width:100%;
margin:0px;
padding-top:128px;
overflow:visible;
position:absolute;
bottom:0px;
background: #fff url(../images/bg_footer.jpg) bottom left repeat-x;
z-index:1;
}
.footer_wrapper{
display:block;
width:916px;
margin:0 auto;
background: url(../images/bg_footer_wrapper.jpg) 0px 0px no-repeat;
padding: 10px 30px;
height:32px; 
color:#121938;
font-size:12px;
z-index:2;
}
.footer_wrapper p{
display:block;
width:165px;
float:left;
margin:0px 0px 0px 30px;
line-height:14px;
}
.footer_wrapper div#bookmark{
width:100px;
float:right;
text-align:right;
font-size:16px;
line-height:30px;
}
.footer_wrapper div#bookmark span.at300bs{
background:none !important;
width:1px !important;
margin-right:0px !important;
}
.footer_wrapper p strong{
font-weight:bold;
font-size:19px;
font-family:"Arial Black", Gadget, Arial, sans-serif;
color:#121938;
}
.footer_wrapper p span{
margin-top:-6px;
}
.footer_wrapper a{
color:#121938;
}
#at16p, #atie6ifh {
/*background:#248cb0 !important;*/
}
/* ======================================= // FOOTER =============================================== */

/* ========================================= HOME PAGE ============================================= */
#wrapper.homepage{
background: url(../images/bg_homepage.jpg) right 80px no-repeat;
}
/*--------------------- featured campaigns ------------------------------*/
.kwicks {
float:left;
list-style: none;
position: relative;
margin: 0;
padding: 0;
border-bottom:8px solid #151c3b;
}
.kwicks li{
width: 129px;
height: 250px;
display: block;
overflow: hidden;
padding: 0;
position:relative;
}
.kwicks.horizontal li {
float: left;
}
.kwicks li img {
border:none;
}
.kwicks.horizontal li a{
position:relative;
z-index:2;
}
.kwicks li span{
position:absolute;
right:0px;
top:0px;
display:block;
width:40px;
height:250px;
background: url(../images/featured_shadow.png) 0px 0px no-repeat;
z-index:3;
}
a#privilege{
display:block;
float:left;
width:270px;
height:120px;
float:left;
background: url(../images/privilege.png) 0px 0px no-repeat;
text-indent:-9999px;
}
/* ====================================== // HOME PAGE ============================================= */

/* ======================================== WHO WE ARE ============================================= */
#wrapper.we div.left_large ul{
display:block;
float:left;
width:650px;
height:130px;
list-style:none;
margin:0;
background: url(../images/brains.jpg) top left no-repeat;
}
#wrapper.we div.left_large ul li{
display:block;
float:left;
width:165px;
height:90px;
padding:20px 20px 20px 140px;
}
#wrapper.we div.left_large ul li em{
font-size:18px;
font-weight:normal;
font-style:normal;
color:#258db1;
}
#wrapper.we div.right ol{
list-style: none;
margin:0px;
float:left;
}
#wrapper.we div.right ol li{
position:relative;
padding:8px 0px 8px 40px;
margin:4px 0px;
color:#218baf;
background: url(../images/dotts.gif) bottom left repeat-x;
width:230px;
}
#wrapper.we div.right ol li.last{
background: none;
}
#wrapper.we div.right ol li span{
display:block;
width:26px;
height:26px;
position:absolute;
top:9px;
left:0px;
background: url(../images/bg_li_we.gif) 0px 0px no-repeat;
line-height:26px;
text-align:center;
color:#333;
}
/* ===================================== // WHO WE ARE ============================================= */

/* ======================================== CAMPAIGNS ============================================== */
#wrapper.campaigns div.left_large ul{
list-style:none;
height:90px;
background: url(../images/related_work.gif) center left no-repeat;
margin:30px 0px;
padding:10px;
border:1px solid #d8e5eb;
}
#wrapper.campaigns div.left_large ul li{
display:block;
float:right;
width:90px;
height:90px;
margin-left:10px;
}
#wrapper.campaigns div.right ul{
list-style:none;
padding:0px;
float:left;
margin:0px;
}
#wrapper.campaigns div.right ul li{
padding:20px 20px 20px 95px;
margin-bottom:20px;
color:#258db0;
line-height:19px;
}
#wrapper.campaigns div.right ul li em{
font-style:normal;
color:#283f74;
font-weight:bold;
}
#wrapper.campaigns div.right ul li.one{
background: #ace6ee url(../images/logo_jusrol.png) 0px center no-repeat;
}
#wrapper.campaigns div.right ul li.two{
background: #c0e7ed url(../images/logo_nestle.png) 0px center no-repeat;
}
#wrapper.campaigns div.right ul li.three{
background: #d6eef2 url(../images/logo_redbull.png) 0px center no-repeat;
}
#wrapper.campaigns div.right ul li.four{
background: #e8f4f6;
}
#wrapper.campaigns div.right ul li span{
display:block;
float:left;
width:270px;
height:10px;
margin:-20px -20px 0px -20px;
}

/* ===================================== // CAMPAIGNS ============================================== */

/* ======================================= INCENTIVES ============================================== */
#wrapper.incentives div.left_large ul{
list-style:none;
}
#wrapper.incentives div.left_large ul li{
display:block;
float:left;
width:610px;
height:100px;
overflow:hidden;
position:relative;
padding-top:30px;
font-size:13px;
margin-bottom:10px;
padding-bottom:10px;
background: url(../images/dotts.gif) bottom left repeat-x;
}
#wrapper.incentives div.left_large ul li.last{
background:none;
margin-bottom:0px;
padding-bottom:0px;
}
#wrapper.incentives div.left_large ul li img{
float:left;
width:170px;
height:130px;
margin-right:20px;
margin-top:-30px;
}
#wrapper.incentives div.left_large ul li h3{
width:420px;
position:absolute;
top:0px;
right:0px;
margin-top:0px;
}
#wrapper.incentives div.right ul{
list-style:none;
float:left;
margin:0px;
}
#wrapper.incentives div.right ul li{
background:#ace6ee;
text-align:center;
margin-bottom:20px;
padding-bottom:5px;
}
#wrapper.incentives div.right ul li img{
margin-bottom:3px; 
}
/* ==================================== // INCENTIVES ============================================== */

/* ======================================= SERVICES ================================================ */
#wrapper.services #accordion h3{
margin-top:0px;
}
#wrapper.services #accordion ul{
list-style:none;
margin:0px 0px 30px 20px;
float:left;
}
#wrapper.services #accordion ul li{
padding:5px 0px 5px 20px;
background: url(../images/arrow2.gif) center left no-repeat;
}
/* ==================================== // SERVICES ================================================ */

/* ======================================== CLIENTS ================================================ */
#wrapper.clients .left{
overflow:hidden;
}
#wrapper.clients .right ul{
width:290px;
margin-right:-20px;
}
#wrapper.clients .right ul li{
display:block;
float:left;
width:70px;
height:50px;
margin:0px 20px 20px 0px;
}
#wrapper.clients .ui-tabs-panel h3{
margin-top:0px;
display:block;
width:400px;
overflow:hidden;
}
#slides{
width:400px;
height:200px;
overflow:hidden;
}
.ui-tabs-panel .slide{
display:block;
width:400px;
height:200px;
float:left;
}
.ui-tabs-panel #menu{
height:45px;
margin-top:-20px;
}
.ui-tabs-panel #menu ul{
margin:0px;
padding:0px;
float:right;
margin-right:10px;
}
.ui-tabs-panel #menu ul li{
width:10px;
display:inline-block;
list-style:none;
height:10px;
overflow:hidden;
}
.ui-tabs-panel #menu ul li a{
display:block;
width:10px;
height:10px;
text-decoration:none;
text-align:center;
line-height:10px;
background: url(../images/slider_steps.png) 0px -10px no-repeat;
color:#fff;
font-size:12px;
font-weight:bold;
text-indent:-9999px;
}
.ui-tabs-panel #menu ul li.inact:hover a{
background: url(../images/slider_steps.png) 0px 0px no-repeat;
color:#fff;
}
.ui-tabs-panel #menu ul li.act a,li.act a:hover{
background: url(../images/slider_steps.png) 0px -20px no-repeat !important;
color:#000 !important;
}
.ui-tabs-panel #menu ul li.act a{
cursor:default;
}

/* ===================================== // CLIENTS ================================================ */

/* ======================================= CONTACT ================================================= */
#wrapper.contact .left p strong{
color:#333;
font-weight:bold;
}
#wrapper.contact .left h3{
margin:0px;
}
#wrapper.contact iframe{
position:relative;
z-index:2;
}
#wrapper.contact .center a{
position:relative;
display:block;
float:left;
padding:5px 7px;
background:#fff;
color:#294376;
margin:-30px 8px 0px 8px;
z-index:3;
text-decoration:none;
border:1px solid #294376;
}
#wrapper.contact .center a:hover{
background:#ace6ee;
}
#wrapper.contact .center a.second{
left:145px;
}
#wrapper.contact .center a.last{
float:right;
}
#wrapper.contact .right{
overflow:hidden; 
}
#wrapper.contact .right label{
display:block;
float:left;
width:60px;
clear:left;
}
#wrapper.contact .right textarea#message, #wrapper.contact .right input{
width:190px;
}
#wrapper.contact .right select{
width:170px;
}
#errOffset{clear:left;margin-left:-150px;}
/*#wrapper.contact .right form input, #wrapper.contact .right form textarea{
width:260px;
background:#cdeaf0;
border:none;
padding:5px;
margin:0px 0px 10px 0px;
font:14px Arial, Verdana, Helvetica, sans-serif;
}
#wrapper.contact .right form textarea{
height:100px;
}
#wrapper.contact .right form input:hover, #wrapper.contact .right form input:focus, #wrapper.contact .right form input:active,
#wrapper.contact .right form textarea:hover, #wrapper.contact .right form textarea:focus, #wrapper.contact .right form textarea:active{
background:#ace6ee;
}
#wrapper.contact .right form input.button{
width:270px;
height:31px;
line-height:25px;
background: url(../images/btn_contact.gif) 0px 0px no-repeat;
padding-right:30px;
font-size:16px;
color:#fff;
text-align:right;
text-transform:uppercase;
text-indent:-9999px;
font-size:0px;
cursor:pointer;
}
#wrapper.contact .right form input.button:hover, #wrapper.contact .right form input.button:focus, #wrapper.contact .right form input.button:active{
background-position:0px -31px;
}*/
.error{
	background-color:#AB0000;
	color:white;
	font-size:10px;
	font-weight:bold;
	margin-top:10px;
	padding:10px;
	text-transform:uppercase;
	width:240px;
}

#loading{
	position:relative;
	bottom:9px;
	visibility:hidden;
}
#map_canvas{overflow:hidden;}
#map_canvas #logocontrol{display:none;}

/* ==================================== // CONTACT ================================================= */