@import "../../css/global.css";

#masthead {
	background: url(../img/masthead.gif) no-repeat top left;
}

#aboutus h1 { background: url(../img/h1_aboutus.gif) no-repeat; }
#news h1 { background: url(../img/h1_news.gif) no-repeat; }
#awards h1 { background: url(../img/h1_awards.gif) no-repeat; }
#clients h1 { background: url(../img/h1_clients.gif) no-repeat; }
#contact h1 { background: url(../img/h1_contact.gif) no-repeat; }
#jobs h1 { background: url(../img/h1_jobs.gif) no-repeat; }
#jobs_nav h1 { background: url(../img/h1_jobs.gif) no-repeat; }
#jobsoverview h1 { background: url(../img/h1_joboverview.gif) no-repeat; }
#partners h1 { background: url(../img/h1_partners.gif) no-repeat; }
#latestnews h1 { background: url(../img/h1_latestnews.gif) no-repeat; }
#selectedprojects h1 { background: url(../img/h1_selectedprojects.gif) no-repeat; }
#services h1, #service_nav h1 { background: url(../img/h1_services.gif) no-repeat; }
#nokiapoetry h1 {background: url(../img/nokiapicturepoetry.gif) no-repeat; }
#news_nav {background:url(../img/h1_news.gif) no-repeat; }

#service_content h1#strategy { background: url(../img/h1_strategy.gif) no-repeat; }
#service_content h1#concept { background: url(../img/h1_conceptcreation.gif) no-repeat; }
#service_content h1#userinterface { background: url(../img/h1_userinterface.gif) no-repeat; }
#service_content h1#production { background: url(../img/h1_production.gif) no-repeat; }
#service_content h1#marketing { background: url(../img/h1_marketing.gif) no-repeat; }
#service_content h1#mediasem { background: url(../img/h1_mediasem.gif) no-repeat; }
#service_content h1#webanalytics { background: url(../img/h1_webanalytics.gif) no-repeat; }

#elastic_content h1 {  background: url(../img/h1_elastic.gif) no-repeat;  }

#selectedprojects h2.recentprojects { background: url(../img/h2_recentprojects.gif) no-repeat; }
#selectedprojects h2.watchourshowreel { background: url(../img/h2_watchourshowreel.gif) no-repeat; }
#aboutus h2.aboutus { background: url(../img/h2_aboutus.gif) no-repeat; }

h2.strategy_1, h2.strategy_2, h2.strategy_3, h2.strategy_4,
h2.concept_1, h2.concept_2, h2.concept_3, h2.concept_4,
h2.userinterface_1, h2.userinterface_2, h2.userinterface_3, h2.userinterface_4,
h2.production_1, h2.production_2, h2.production_3, h2.production_4, h2.production_5,
h2.marketing_1, h2.marketing_2, h2.marketing_3, h2.marketing_4, h2.marketing_5, h2.marketing_6,
h2.media_1, h2.media_2, h2.media_3, h2.media_4, h2.media_5, h2.media_6, h2.elastic_1
{
	text-indent: -100em;
	overflow: hidden;
	height: 24px;
	margin-bottom: 12px;
	margin-top: 12px;
}
	
h2.strategy_1 { background: url(../img/h2_strategy_1.gif) no-repeat; }
h2.strategy_2 { background: url(../img/h2_strategy_2.gif) no-repeat; }
h2.strategy_3 { background: url(../img/h2_strategy_3.gif) no-repeat; }
h2.strategy_4 { background: url(../img/h2_strategy_4.gif) no-repeat; }

h2.concept_1 { background: url(../img/h2_concept_1.gif) no-repeat; }
h2.concept_2 { background: url(../img/h2_concept_2.gif) no-repeat; }
h2.concept_3 { background: url(../img/h2_concept_3.gif) no-repeat; }
h2.concept_4 { background: url(../img/h2_concept_4.gif) no-repeat; }

h2.userinterface_1 { background: url(../img/h2_userinterface_1.gif) no-repeat; }
h2.userinterface_2 { background: url(../img/h2_userinterface_2.gif) no-repeat; }
h2.userinterface_3 { background: url(../img/h2_userinterface_3.gif) no-repeat; }
h2.userinterface_4 { background: url(../img/h2_userinterface_4.gif) no-repeat; }

h2.production_1 { background: url(../img/h2_production_1.gif) no-repeat; }
h2.production_2 { background: url(../img/h2_production_2.gif) no-repeat; }
h2.production_3 { background: url(../img/h2_production_3.gif) no-repeat; }
h2.production_4 { background: url(../img/h2_production_4.gif) no-repeat; }
h2.production_5 { background: url(../img/h2_production_5.gif) no-repeat; }

h2.marketing_1 { background: url(../img/h2_marketing_1.gif) no-repeat; }
h2.marketing_2 { background: url(../img/h2_marketing_2.gif) no-repeat; }
h2.marketing_3 { background: url(../img/h2_marketing_3.gif) no-repeat; }
h2.marketing_4 { background: url(../img/h2_marketing_4.gif) no-repeat; }
h2.marketing_5 { background: url(../img/h2_marketing_5.gif) no-repeat; }
h2.marketing_6 { background: url(../img/h2_marketing_6.gif) no-repeat; }

h2.media_1 { background: url(../img/h2_media_1.gif) no-repeat; }
h2.media_2 { background: url(../img/h2_media_2.gif) no-repeat; }
h2.media_3 { background: url(../img/h2_media_3.gif) no-repeat; }
h2.media_4 { background: url(../img/h2_media_4.gif) no-repeat; }
h2.media_5 { background: url(../img/h2_media_5.gif) no-repeat; }
h2.media_6 { background: url(../img/h2_media_6.gif) no-repeat; }

h2.elastic_1 { background: url(../img/h2_elastic_1.gif) no-repeat; height: 52px;}


#services li#yourbrand h4 {
	background: url(../img/serv_yourbrand.jpg) no-repeat;
}
#services li#strategy h4 {
	background: url(../img/serv_strategy.jpg) no-repeat;
}
#services li#strategy h4 a:hover {
	background: url(../img/serv_strategy_o.jpg) no-repeat;
}	
#services li#conceptcreation h4 {
	background: url(../img/serv_concept.jpg) no-repeat;
}
#services li#conceptcreation h4 a:hover {
	background: url(../img/serv_concept_o.jpg) no-repeat;
}
#services li#userinterfacedesign h4 {
	background: url(../img/serv_userinterface.jpg) no-repeat;
}
#services li#userinterfacedesign h4 a:hover {
	background: url(../img/serv_userinterface_o.jpg) no-repeat;
}
#services li#production h4 {
	background: url(../img/serv_prod.jpg) no-repeat;
}
#services li#production h4 a:hover {
	background: url(../img/serv_prod_o.jpg) no-repeat;
}
#services li#marketing h4 {
	background: url(../img/serv_marketing.jpg) no-repeat;
}
#services li#marketing h4 a:hover {
	background: url(../img/serv_marketing_o.jpg) no-repeat;
}
#services li#mediasem h4 {
	background: url(../img/serv_media.jpg) no-repeat;
}
#services li#mediasem h4 a:hover {
	background: url(../img/serv_media_o.jpg) no-repeat;
}
#services li#webanalytics h4 {
	background: url(../img/serv_web.jpg) no-repeat;
}
#services li#webanalytics h4 a:hover {
	background: url(../img/serv_web_o.jpg) no-repeat;
}



#navcol ul li.aboutus a {
	background: url(../img/nav_aboutus.gif) no-repeat top right;
}
#navcol ul li.aboutus a:hover {
	background: url(../img/nav_aboutus.gif) no-repeat right -16px;
}
#navcol ul li.news a {
	background: url(../img/nav_news.gif) no-repeat top right;
}
#navcol ul li.news a:hover {
	background: url(../img/nav_news.gif) no-repeat right -16px;
}
#navcol ul li.selectedprojects a {
	background: url(../img/nav_selectedprojects.gif) no-repeat top right;
}
#navcol ul li.selectedprojects a:hover {
	background: url(../img/nav_selectedprojects.gif) no-repeat right -16px;
}
#navcol ul li.services a {
	background: url(../img/nav_services.gif) no-repeat top right;
}
#navcol ul li.services a:hover {
	background: url(../img/nav_services.gif) no-repeat right -16px;
}
#navcol ul li.clients a {
	background: url(../img/nav_clients.gif) no-repeat top right;
}
#navcol ul li.clients a:hover {
	background: url(../img/nav_clients.gif) no-repeat right -16px;
}
#navcol ul li.awards a {
	background: url(../img/nav_awards.gif) no-repeat top right;
}
#navcol ul li.awards a:hover {
	background: url(../img/nav_awards.gif) no-repeat right -16px;
}
#navcol ul li.jobs a {
	background: url(../img/nav_jobs.gif) no-repeat top right;
}
#navcol ul li.jobs a:hover {
	background: url(../img/nav_jobs.gif) no-repeat right -16px;
}
#navcol ul li.partners a {
	background: url(../img/nav_partners.gif) no-repeat top right;
}
#navcol ul li.partners a:hover {
	background: url(../img/nav_partners.gif) no-repeat right -16px;
}
#navcol ul li.contact a {
	background: url(../img/nav_contact.gif) no-repeat top right;
}
#navcol ul li.contact a:hover {
	background: url(../img/nav_contact.gif) no-repeat right -16px;
}
#navcol ul li.blog a {
	background: url(../img/nav_blog.gif) no-repeat top right;
}
#navcol ul li.blog a:hover {
	background: url(../img/nav_blog.gif) no-repeat right -16px;
}

ul.jobslist
{margin:0 0 0 20px}
	.jobslist li
	{ background: url(../img/listarrow_grey.gif) no-repeat left top; padding:0 0 0 10px; margin:0 0 10px 0; }
	
#news ul {
	list-style-type: disc;
	margin-left: 30px;
}
#news li {
	padding: 2px;
}