@import url("yreset.css");

html, body {font-family: Tahoma, Arial, Helvetica, Verdana; font-size:11px; line-height: 14px; color: #333; margin:0; padding:0; height: 100%;}
* {background-repeat: no-repeat;}
a {color: #000; text-decoration: underline;}
a:hover {color: #cc0000; text-decoration: none;}

hr {height: 1px; background-color: #b2b2b2; border: 0; margin-left: 0px; width: 830px; margin-bottom: 10px; clear: both;}

#document {width: 945px; margin: 0 auto; padding-bottom: 10px;}

#header {width:941px; height: 256px; position: relative; background-image: url(../img/backgrounds/header-bg.gif); background-position: 111px 0; margin: 0 auto 10px auto;}
#header #brand {width: 830px; height: 100px; position: absolute; top:30px; left: 111px;}
#header #brand #logo {width: 178px; height: 100px; margin:0px 0px 0px -18px; padding:0px;}
#header #brand #logo a {display:block; width: 159px; height: 58px;  overflow: hidden; text-indent:-99999px; background:url("../img/brand/islogo.png") no-repeat;}
#header #brand .slogan {width: 158px; height: 12px; background-image: url(../img/brand/we-love-the-challenge.gif); text-indent: -5000px; float: right; margin-top: 30px; position: absolute; left:0px; top:73px;}

#navigation {position: absolute; top: 146px; left: 111px; border-bottom: 1px solid #e5e5e5; width: 830px; padding-bottom: 26px;}
#navigation li {float: left; width: 240px; margin-right: 10px;}
#navigation li.last {margin-right: 0;}
#navigation li p.title {font-size: 50px; text-transform: uppercase; font-weight: bold; letter-spacing: -1px; font-family: arial ; color: #eaeaea; line-height: 27px; margin-bottom: 7px;}
#navigation li p.title span {font-size: 14px; color: #b7b7b7; display: block; clear: both; margin-left: 3px;}
#navigation li ul li {float: left; margin-right: 10px; width: auto; margin-top: -5px;}
#navigation li ul li a {color: #000; font-weight: bold; text-decoration: none; text-transform: uppercase; font-family: arial ;}
#navigation li ul li a:hover {color: #cc0000 !important;}
#navigation li ul li a.selected {color: #cc0000;}
#navigation li:hover p.title,
#navigation li.selected p.title {color: #cc0000;}
#navigation li:hover p.title span,
#navigation li.selected p.title span {color: #cc0000;}
#navigation li:hover p.head,
#navigation li.selected p.head {color: #000;}
#navigation li:hover ul li a,                      
#navigation li.selected ul li a {color: #000;}                      
#navigation li:hover ul li a:hover,
#navigation li.selected ul li a:hover {color: #000; text-decoration: none;}

#navigation li.infinit p.title {text-indent: -5000px; background-image: url(../img/backgrounds/menu.gif); width: 196px; height: 67px;}
#navigation li.solutions p.title {text-indent: -5000px; background-image: url(../img/backgrounds/menu.gif); background-position: -196px 0; width: 310px; height: 67px;}
#navigation li.infinit p.selected_menu_infinit {background-position: 0 -66px;}
#navigation li.solutions p.selected_menu_solutions {background-position: -196px -67px;}

#header div.contact {position: absolute; right:0; top:186px; text-align: right; font-family: arial ; font-weight: bold;}
#header div.contact p.title {font-size: 14px; color: #cc0000; margin-bottom: 27px;}
#header div.contact p.title a {text-decoration: none; color: #cc0000;}
#header div.contact p.title a:hover {}
#header div.contact ul li {float: left; margin-left: 10px; width: auto; margin-top: -12px;}
#header div.contact ul li a {color: #000; font-weight: bold; text-decoration: none; text-transform: uppercase; font-family: arial ;}
#header div.contact ul li a:hover {color: #cc0000;}



#content {padding-left: 111px;}

ul.latest {margin-bottom: 20px; display: block; overflow: hidden;}
ul.latest li {float: left; width: 200px; margin-right: 10px; display: block; overflow: hidden;}
ul.latest li.title {width: 101px; text-align: right; color: #cc0000; font-size: 16px; font-weight: bold; line-height: 16px; letter-spacing: -2px; font-family: arial;}
ul.latest li.last {margin-right: 0;}


div#lastProject {width: 941px; height: 283px; background-image: url(../img/backgrounds/homepage-featured-bg.jpg); background-position: 111px 0; margin-bottom: 20px;}
div#lastProject p.title {width: 101px; text-align: right; color: #cc0000; font-size: 16px; font-weight: bold; line-height: 16px; letter-spacing: -2px; font-family: arial; float: left; margin-right: 10px;}
div#lastProject object#flashcontent {width: 830px; margin: 0 !important; float: right; display: block; overflow: hidden;}

ul#latestProjects {margin-bottom: 30px;}
ul#latestProjects li {}
ul#latestProjects li p.icon {margin-bottom: 5px;}
ul#latestProjects li h2 {font-weight: bold;}
ul#latestProjects li p.head {line-height: 14px; margin-bottom: 10px;}
ul#latestProjects:hover li.title {color: #000;}

ul#latestNews {margin-bottom: 0px; float:left; }
ul#latestNews li.news { height:100px; float:left; width:150px; margin-right:20px;}
ul#latestNews li a {color: #777; text-decoration: none;}
ul#latestNews li a .title {color: #000;}
ul#latestNews li a .date {color: #cc0000;}
ul#latestNews li a:hover {text-decoration: none; color: #000;}
ul#latestNews li a:hover .title {color: #cc0000;}
ul#latestNews li a:hover .date {color: #cc0000;}
ul#latestNews:hover li.title {color: #000;}

div.contactBox {margin-left: -111px; clear: both; margin-bottom: 30px; display: block; overflow: hidden; font-family: arial; letter-spacing: -1px; font-weight: bold; text-transform: uppercase;}
div.contactBox span {display: block;}
div.contactBox a {text-decoration: none;}
div.contactBox a:hover {text-decoration: none;}
div.contactBox p.contact {width: 101px; float: left; margin-right: 10px; text-align: right; font-size: 16px; color: #cc0000;}
div.contactBox p.contact span {font-size: 12px; color: #000; line-height: 14px;}
div.contactBox p.portfolio {font-size: 16px;}
div.contactBox p.portfolio a {color: #777;}
div.contactBox p.portfolio a:hover {color: #000;}
div.contactBox p.portfolio span {font-size: 12px; line-height: 14px;}

ul.type {}
ul.type li {float: left; margin-right: 1px; width: auto;}
ul.type li a {background-image: url(../img/icons/types.gif); height: 11px; text-indent: -5000px; display: block;}
ul.type li.interactive a {background-position: 0 0; width: 65px;}
ul.type li.interactive a:hover {background-position: 0 -11px;}
ul.type li.atl a {background-position: -66px 0; width: 24px;}
ul.type li.atl a:hover {background-position: -66px -11px;}
ul.type li.btl a {background-position: -91px 0; width: 24px;}
ul.type li.btl a:hover {background-position: -91px -11px;}





body.homepage #content {padding-left: 0;}
body.homepage div.contactBox {margin-left: 0;}
body.homepage div#header {margin-bottom:0;}


div.section {background-color: #c00; background-image: url(../img/backgrounds/highlight-bg-red.jpg); color: #fff; padding:10px 10px 10px 10px; position: relative; margin-bottom: 20px; display: block; overflow: hidden; float:left; width:810px;}
div.section .sectionTitle {font-size: 12px; font-family: Arial; font-weight: bold; letter-spacing: -1px; text-transform: uppercase;}
div.section a.more {/*position: absolute;*/position:relative; left:630px; bottom: 12px; color: #fff; text-decoration: underline;}
div.section a.more:hover {text-decoration: none;}
body.projects div#header,
body.project div#header {margin-bottom: 0;}
body.project #primary {width: 620px; float: left; margin-bottom: 30px;}
body.project #primary h1 {font-size: 20px; line-height: 20px; color: #cc0000; font-family: arial; letter-spacing: -1px; font-weight: bold; margin-bottom: 10px; text-transform: uppercase;}
body.project #primary div.presentation {width: 200px; float: left; color: #999;}
body.project #primary div.presentation p.projectLink {display: block; margin: 10px 0 20px 0;}
body.project #primary div.presentation p.projectLink img {margin-right: 3px;}
body.project #primary div.presentation p.projectLink a span {color: #999; text-decoration: underline; line-height: 14px;}
body.project #primary div.presentation p.projectLink a:hover span {color: #cc0000; text-decoration: none;}
body.project #primary div.presentation p.projectLink a:hover {color: #cc0000; text-decoration: none;}
body.project #primary div.details {width: 410px; float: right;}
body.project #primary ul.gallery {margin: 10px 0;}
body.project #secondary {width: 200px; float: right; margin-bottom: 30px; border-top:1px solid #ccc; margin-top: 24px; padding-top: 12px;}

ul.projects {display: block; overflow: hidden; width: 800px; padding-top: 20px;}
ul.projects li {width: 200px; float: left; margin-right: 10px; margin-bottom: 25px; display: block;}
ul.projects li.mod4_0 {margin-right: 0;}

ul.projects li h2 a {color: #fff; font-weight: bold; text-decoration: none;}
ul.projects li p.head {padding-left: 19px;}


body.project div.section ul.projects {display: none;}

#primary h2 {margin: 10px 0; color: #000;}
#primary p {margin-bottom: 15px; line-height: 15px;}


div.related p.title {color: #000; margin-bottom: 10px;}
div.related a {color: #999; text-decoration: none; line-height: 14px;}
div.related a:hover {color: #000; text-decoration: underline;}
div.related ul {}
div.related ul li {padding-left: 10px; background-image: url(../img/bullets/smallest-arrow-black.gif); background-position: 0 5px; margin-bottom: 5px;}
div.related ul li h2 {margin: 0 !important;}

div.related {margin-bottom: 15px;}
div.clients ul li {padding-left: 0; background-image: none;}



div.section ul.projects {width: 810px; display: block; border-bottom: 1px solid #ccc; margin-bottom: 20px; padding-bottom: 20px;}
div.section ul.projects li.title {width: 810px;font-size: 16px; font-family: Arial; font-weight: bold; letter-spacing: -1px; text-transform: uppercase; color: #e06666; margin-bottom: 10px; border-bottom: 1px solid #e06666; padding-bottom: 0; line-height: 18px;}

div.section p.headline {font-size: 15px; font-family: Arial; font-weight: bold; letter-spacing: -1px; text-transform: uppercase; color: #e06666; margin-bottom: -25px;  padding-bottom: 0; line-height: 17px;}

div.section ul.projects li {float: left; margin-right: 2px; display: block;  height:150px; /*width: 195px;*/}
div.section ul.projects li.title { height:auto; }
div.section ul.projects li.last {margin-right: 0;}
div.section ul.projects li h2 {}
div.section ul.projects li p.head {color:#FFF; font-size:12px; padding: 3px 0px 0px 0px; font-weight:bold;}

div.section ul.projects li.link {width: 92px; height: 92px !important; margin-bottom: 0;}
div.section ul.projects li.link img {display:block;}
body.projects div.section ul.projects {border-bottom: 0; padding-bottom: 0;}


/*PROJECTS*/
div.section .primary {float:left; width:400px; margin:0px 10px 0px 0px; padding:0px;}
div.section .secondary {float:left; width:380px; margin:0px; padding:10px; background:url("../img/backgrounds/bg-projects.png");}
div.section .secondary .websites {width:100%; margin:0px; padding:0px;}
div.section .secondary .websites li {float:left; width:190px; margin:0px 0px 3px 0px; padding:0px; text-align:left;}
div.section ul.projects li p.links a {color:#eeb3b3;}
div.section ul.projects li p.links a.visitWebsite {text-decoration:underline !important; text-shadow:0px 0px #fff !important;}
div.section ul.projects li p.links a.visitWebsite:hover {text-decoration:none !important;}
div.section .secondary .websites li a, div.section ul.projects li p.links a.visitWebsite  {color:#FFF; font-size:11px; line-height:12px; text-shadow:1px 1px #6d0001; text-decoration:none; background:url("../img/bullets/websites-bullet.jpg") 0px 5px no-repeat; padding-left:10px;}
div.section .secondary .websites li a:hover {text-decoration:underline;}

div.section .secondary .websites-title {font-size:14px; line-height:16px; color:#FFF; margin-bottom:10px;}




h1.title {font-size: 20px; line-height: 20px; color: #cc0000; font-family: arial; letter-spacing: -1px; font-weight: bold; margin-bottom: 10px; text-transform: uppercase;}

body.contact-details h2.title {font-size: 20px; line-height: 20px; color: #cc0000; font-family: arial; letter-spacing: -1px; font-weight: bold; margin-bottom: 10px; text-transform: uppercase;}
body.contact-details div.head {font-size:22px; line-height: 22px; color: #999; font-family: arial; letter-spacing: -1px; font-weight: normal; margin-bottom: 10px; line-height: 20px;}


body.corporate div#content {padding-top: 20px;}
body.corporate hr {height: 1px; background-color: #b2b2b2; border: 0; margin-left: 0; width: 830px; margin-bottom: 10px; clear: both;}
body.corporate div#presentation div.head p {margin-bottom: 10px;}

body.quote div#presentation {float:left; background-color: #fff; width: 200px; margin-left: -10px; padding: 10px; margin-bottom: 20px;}
body.quote div#primary{float:left; background-color: #fff;  width: 600px; margin-left:  0px; padding: 10px; margin-bottom: 20px;}

 
#gallayer ul li {float:left;width:20px;display:block;border:0px solid red;}
#gallayer ul {margin-bottom:10px;margin-top:10px;border:0px solid red;height:20px;}



body  div.secondaryhead {color: #000;border-bottom:1px solid #b2b2b2; font-family:Arial;font-size:20px;padding-bottom: 8px;}

body.clients div.clientlogos {color: #000;border-bottom:3px solid #b2b2b2; font-family:Arial;font-size:20px;padding-bottom: 8px;}
body.clients div#primary ul.clientslist  {display: block; overflow: hidden; margin-bottom:40px }
body.clients div#primary ul.clientslist li {width: 138px; height: 103px; float: left;}

body.clients div#primary div.logolinks  {display: block; overflow: hidden;margin-left:210px; margin-bottom:40px }




body.partners #primary ul.partners {margin-bottom: 30px; display: block; overflow: hidden;}
body.partners #primary ul.partners li {width: 200px; float: left; margin-right: 10px; margin-bottom: 10px;}
body.partners #primary ul.partners li.last {margin-right: 0;}
body.partners #primary ul.partners li h2 {margin-bottom: 0; background-image: url(../img/brand/partners.gif); width: 200px; height: 90px; display: block; text-indent: -5000px; margin-top: 0 !important;}
body.partners #primary ul.partners li p.head {margin-bottom: 5px;}
body.partners #primary ul.partners li h3 {color: #000;}
body.partners #primary ul.partners li p.title {color: #ccc;}
body.partners #primary ul.partners li:hover p.head {color: #000;}
body.partners #primary ul.partners li:hover h3 {color: #cc0000;}

body.partners #primary ul.partners li.grey h2 {background-position: 0 0;}
body.partners #primary ul.partners li.grey:hover h2 {background-position: 0 -90px;}
body.partners #primary ul.partners li.ogilvy h2 {background-position: -210px 0;}
body.partners #primary ul.partners li.ogilvy:hover h2 {background-position: -210px -90px;}
body.partners #primary ul.partners li.odyssey h2 {background-position: -420px 0;}
body.partners #primary ul.partners li.odyssey:hover h2 {background-position: -420px -90px;}
body.partners #primary ul.partners li.cj h2 {background-position: -630px 0;}
body.partners #primary ul.partners li.cj:hover h2 {background-position: -630px -90px;}
body.partners #primary ul.partners li.mccann h2 {background-position: -840px 0;}
body.partners #primary ul.partners li.mccann:hover h2 {background-position: -840px -90px;}
body.partners #primary ul.partners li.starcom h2 {background-position: -1050px 0;}
body.partners #primary ul.partners li.starcom:hover h2 {background-position: -1050px -90px;}



body.solutions #primary ul.solutions {display: block; overflow: hidden; margin-bottom: 30px;}
body.solutions #primary ul.solutions li {width: 270px; float: left; margin-right: 10px;}
body.solutions #primary ul.solutions li.last {margin-right: 0;}

body.solutions #primary ul.solutions li h2 {font-size: 20px; color: #cc0000; font-family: arial; letter-spacing: -1px; font-weight: bold; margin-bottom: 10px;}
body.solutions #primary ul.solutions li h2 span {color: #ccc;}
body.solutions #primary ul.solutions li div.head p {margin-bottom: 10px;}
body.solutions #primary ul.solutions li div.head ul {margin-bottom: 10px !important; display: block;}
body.solutions #primary ul.solutions li ul li {background-image: url(../img/bullets/smallest-arrow-black.gif); background-position: 0 5px; padding-left: 10px; color: #888; float: none;}
body.solutions #primary ul.solutions li div.hidden {display: none;}
body.solutions #primary ul.solutions li div.head a.more {text-decoration: none; margin-bottom: 20px; display: block; color: #999;}





body.about-us div#presentation {width: 200px; float: left; margin-right: 10px;}
body.about-us div#primary {width: 410px; float: left; padding-top: 28px;}
body.about-us div#secondary {clear: both; background-color: #000; width: 830px; margin-left: -10px; padding: 10px; margin-bottom: 20px; background-image: url(../img/backgrounds/highlight-bg-black.jpg);}
div#presentation div.head {font-size:22px; line-height: 22px; color: #999; font-family: arial; letter-spacing: -1px; font-weight: normal; margin-bottom: 10px; line-height: 20px;}

body.about-us div#side {width: 200px; float: right;}

body.about-us div#secondary {display: block; overflow: hidden;}
body.about-us div#secondary ul.infinitPartners {display: block; overflow: hidden;}
body.about-us div#secondary ul.infinitPartners li {width: 200px; float: left; margin-right: 10px;}
body.about-us div#secondary ul.infinitPartners li.last {margin-right: 0;}
body.about-us div#secondary ul.infinitPartners li h2 {color: #fff; font-size: 14px; font-family: arial; letter-spacing: -1px; font-weight: bold; margin-bottom: 3px;}
body.about-us div#secondary ul.infinitPartners li p.title {color: #fff; margin-bottom: 6px;}
body.about-us div#secondary ul.infinitPartners li p.head {color: #777;}

body.about-us div#secondary ul.infinitcontact {display: block; overflow: hidden;}
body.about-us div#secondary ul.infinitcontact li {width: 200px; float: left; margin-right: 10px;}
body.about-us div#secondary ul.infinitcontact li.last {margin-right: 0;}
body.about-us div#secondary ul.infinitcontact li h2 {color: #fff; font-size: 10px; font-family: arial; letter-spacing: -1px; font-weight: normal; margin-bottom: 3px;}
body.about-us div#secondary ul.infinitcontact li p.title {color: #fff; margin-bottom: 6px;}
body.about-us div#secondary ul.infinitcontact li p.title a {text-decoration: underline;color:#fff}
body.about-us div#secondary ul.infinitcontact li p.head {color: #666;}

body.about-us div#primary p.signature {font-size: 20px; color: #999; font-family: arial; letter-spacing: -1px; font-weight: normal; margin-bottom: 10px; line-height: 23px; margin: 20px 0;}
body.about-us div#primary p.signature span {font-size: 23px; color: #cc0000; display: block;}

body.about-us div#side p.signature {font-size: 20px; color: #999; font-family: arial; letter-spacing: -1px; font-weight: normal; margin-bottom: 10px; line-height: 23px; margin: 28px 0;}
body.about-us div#side p.signature span {font-weight: bold; font-size: 11px; clear: both; display: block;}
body.about-us div#side p.signature span a {color: #cc0000;}



body.contact-details div#secondary {clear: both; background-color: #000; width: 830px; margin-left: -10px; padding: 10px; margin-bottom: 20px; color: #fff; padding-bottom: 30px; background-image: url(../img/backgrounds/highlight-bg-black.jpg);}
body.contact-details div#secondary a {color: #fff; text-decoration: underline;}
body.contact-details div#secondary ul.contactDetails {display: block; overflow: hidden;}
body.contact-details div#secondary ul.contactDetails li {width: 200px; float: left; margin-right: 10px;}
body.contact-details div#secondary ul.contactDetails li.last {margin-right: 0;}
body.contact-details div#secondary ul.contactDetails li p.title {text-transform: uppercase; margin-bottom: 5px;}





p.error {color: red;}




form#quoteForm p {line-height: 30px;}
form#quoteForm input {border: 0; border-bottom: 1px solid #999; color: #999;}
form#quoteForm p label.full {display: block;}
form#quoteForm input.submit {cursor: pointer; margin: 20px 0; background-color: #cc0000; color: #fff; border: 0; padding: 3px 7px; text-transform: uppercase;}
form#quoteForm textarea {width: 410px;}


body.projects div.head p.head {font-size: 14px; line-height: 16px;}
body.projects div.head p.interactive {font-size:16px !important; line-height:18px !important;}
body.projects div.head a:hover {color: #fff;}

ul.solutionsList li {padding-left: 10px; background-image: url(../img/bullets/smallest-arrow-white.gif); background-position: 0 5px; margin-bottom: 5px;}
ul.solutionsListAtl li {padding-left: 10px; background-image: url(../img/bullets/smallest-arrow-white.gif); background-position: 0 5px; margin-bottom: 5px;}
ul.solutionsListAtl {padding-left: 10px; margin-bottom: 5px; display:block;width:230;margin-left:10px;float:left;}

ul.solutionsListBtl li {padding-left: 10px; background-image: url(../img/bullets/smallest-arrow-white.gif); background-position: 0 5px; margin-bottom: 5px;}



body.press div#presentation {}
body.press div#primary {width: 410px; float: left; margin-right: 10px;}
body.press div#secondary {clear: both; background-color: #000; width: 830px; margin-left: -10px; padding: 10px; margin-bottom: 20px; background-image: url(../img/backgrounds/highlight-bg-black.jpg);}
body.press div#side {width: 200px; float: left; color: #999;}

body.press div#primary h2 {margin: 0 !important; margin-bottom: 10px !important;}

body.press div#primary a {text-decoration: none;color: #CC0000;}
body.press div#primary a:hover {text-decoration:underline;}

.newsList h3 {margin: 0 !important;}
.newsList h3 a {text-decoration: none; color: #cc0000; font-family: arial ;}
.newsList h3 a:hover {text-decoration: underline;}

/*ul.newsList h3 {margin: 0 !important;}
ul.newsList h3 a {text-decoration: none; color: #cc0000; text-transform: uppercase; font-family: arial ; font-size: 12px;}
ul.newsList h3 a:hover {text-decoration: underline;}*/

.pagination-sel{padding:2px 5px;background-color:#666;color:#fff;}
.pagination-digit{padding:2px 5px;background-color: #F8070E;}
.pagination-digit a{color:#fff;text-decoration:none;}
.pagination-digit a:hover{color:#666;text-decoration:none;}

#paginare a{text-decoration:none;}
#paginare a:hover{text-decoration:none;}

div.banners p.title{
	color:#CC0000;
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	letter-spacing:-2px;
	line-height:16px;
	text-align:right;
	width:101px;
	text-transform:uppercase;
	float:left;
}
div.banners>div{
	float:left;
	margin-left:10px;
	margin-bottom:10px;
	overflow:hidden;
}

div.banners2 h1{
	width:300px;
	overflow:hidden;
}
div.banners2 p.back{
	margin:0px 0 0 780px;
}

div.banners2 p.back a:hover{
	color:#fff;
}
ul.solutionsList{
	width:390px;
	float:left;
    
}

ul.solutionsList li a {color:#FFF;}
div.video{
	margin-right:-10px;
	float:right;
	cursor:pointer;
}
div.video a{
	background-image:url(../img/buton.png);
	width:284px;
	height:69px;
	text-decoration:none;
	display:block;
	margin-top:30px;
	float:left;
}
div.video a:hover{
	background-image:url(../img/buton.png) !important;
	float:left;
	background-position:bottom;
}
div#content hr{
	margin-left:110px;
}
div.gal{
	margin:0 auto;
	width:370px;
}
div.terms{
	height:100px;
}