img { 
	border:0;
	display:block;
	}

body {
	margin:0;
	padding:0;
	border:0;	
	text-align:center;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	background:#fff;
	}

#container {
	margin:0 auto;
	margin-top:16px;	
	width:960px;
	height:auto;
	text-align:center;
	}

/* =Header, =h1
----------------------------------------------- */
#header {
	margin-top:10px;
	border-top:1px solid lightgrey;
	border-bottom:1px solid lightgrey;
	width:960px;
	height:50px;
	}

h1 {
	float:left;
	margin:12px 0 0 3px;
	font-family:Tahoma, Geneva, sans-serif;
	color:black;
	font-size:25px;
	line-height:25px;
	text-align:left;
	font-weight:bold;
	}

* html h1 {
	margin-left:-286px;
	}

h1 a {
	text-decoration:none;
	color:orange;
	}

h1 a:hover {
	color:orange;
		}

h1 strong { 
	font-weight:normal;
	}

/* =Nav
----------------------------------------------- */
#nav {
	margin-top:3px;
	float:right;
	white-space:nowrap;
	}

#nav ul {
	margin:0;
	padding:0;
	list-style:none;
	white-space:nowrap;
	}
 
 #nav li {
	float:left;
	margin:0;
	padding:0;
	background-image:none;
	line-height:normal;
	text-indent:0;
	white-space:nowrap;
	text-align: center;
	list-style-type: none;
	}
 
 #nav a {
	display:block;
	margin-left:5px;
	padding:1px 5px 1px 5px;
	font-size:12px;
	line-height:17px;
	color:lightgrey;
	text-decoration:none;
	white-space:nowrap;
	font-weight:bold;
	}

 #nav a {
 	border:1px solid #fff;
	 }

* html #nav a {
	width:1%;
	}

#nav .curent a, #nav a:hover {
 	border:1px solid orange;
	background:orange;
	color:black;
	}


#nav a strong {
	font-weight:bold; /* vs normal? */
	}

/* =Section, =h2, =h4
----------------------------------------------- */
#section {
	width:960px;
	height:50px;
	border-bottom:1px solid lightgrey;
	}

h2 {
	float:left;
	margin:12px 0 0 3px;
	font-family:Tahoma, Geneva, sans-serif;
	color:black;
	font-size:25px;
	line-height:25px;
	text-align:left;
	font-weight:normal;
	}

.orange {
	display:none;
	}

h4 {
	float:left;
	margin:35px 0 0 3px;
	font-size:15px;
	line-height:10px;
	text-align:left;
	font-weight:normal;
	}

/* =Content, =h3, =p
----------------------------------------------- */

h3 {
	margin:20px 0 0 20px;
	font-size:22px;
	line-height:23px;
	text-align:left;
	font-weight:normal;
	color:lightgrey;
	}

p {
	font-size:12px;
	line-height:15px;
	text-align:left;
	font-weight:normal;
	}

p a {
	padding:1px 3px 1px 3px;
	color:orange;
	text-decoration:none;
	font-weight:bold;
	}

p a:hover {
	color:orange;
	}


/* =Home/Work
----------------------------------------------- */
.box	 {
	float:left;
	color: black;
	width:318px;
	height:205px;
	border-right:1px solid lightgrey;
	}

.box2   {
	float:left;
	color: black;
	width:318px;
	height:205px;
	border-top:1px solid lightgrey;
	border-left:1px solid lightgrey;
	border-right:1px solid lightgrey;
	}

.box3 {
	float:left;
	color: black;
	width:960px;
	height:auto;
	border-bottom:1px solid lightgrey;
	}


.box_ru   {
	float:left;
	color: black;
	width:318px;
	height:205px;
	border-top:1px solid lightgrey;
	}

.box_lu {
	float:left;
	color: black;
	width:318px;
	height:205px;
	border-top:1px solid lightgrey;
	}

.box_ro {
	float:left;
	width:318px;
	height:205px;
	}

.box_lu p {
	float:left;
	margin:0px 0 15px 20px;
	width:200px;
	}


.box_ro p {
	float:left;
	margin:0px 0 15px 20px;
	width:200px;
	}


.box p  {
	float:left;
	margin:0px 0 15px 20px;
	width:200px;
	}

.box3 p {
	float:left;
	margin:0px 0 15px 20px;
	width:850px;
	}

* html .box p, * html .box3 p {
	margin:0px 0 15px 10px;
	}

.box2 p, .box_ru p {
	float:left;
	margin:0px 0 15px 20px;
	width:200px;
	}

* html .box2 p {
	margin:0px 0 15px 2px;
	}


.box p strong, .box2 p strong, .box3 p strong {
	font-weight:normal;
	background:#fcdd7e;
	}

/* =Case study
----------------------------------------------- */
#casenav {
	float:right;
	margin-top:34px;
	margin-right:28px;
	width:240px;
	}

* html #casenav {
	margin-right:14px;
	}

a.next {
	float:right;
	display:block;
	padding:22px 0px 0 0px;
	color:orange;
	font-size:10px;
	text-align:right;
	font-weight:bold;
	text-decoration:none;
	background:transparent  url("../casestudies/next.gif") top right no-repeat;
	}

.case {
	float:left;
	width:479px;
	height:400px;
	border-bottom:1px solid orange;
	}

.casefoto {
	float:left;
	width:479px;
	height:400px;
	border-bottom:1px solid orange;
	}

* html .casefoto p {
	margin:0;
	}

.showstudio {
	float:left;
	margin:15px 0 8px 0;
	padding:0px;
	width:460px;
	height:340px;
	background:#f1f1f1 url("../casestudies/frame.gif") top left no-repeat;
	}

#examplescrolling {
	margin:2px;
	border:1px solid #999;
	width:454px;
	height:334px;
	background-position:0;
	}
.shots {
	float:right;
	margin:-32px 23px 0 0;
	height:15px;
	}

* html .shots {
	margin:-20px 0 0 0;
	padding-right:23px;
	width:150px;
	}

a.levo, a.fflevo, a.ffdesno, a.desno {
	float:right;
	margin:3px 0 0 3px;
	height:14px;
	}

a.levo {
	width:27px;
	background:transparent url("../casestudies/levo.gif") top right no-repeat;
	}

a.fflevo {
	width:21px;
	background:transparent url("../casestudies/fflevo.gif") top right no-repeat;
	}

a.ffdesno {
	width:21px;
	background:transparent url("../casestudies/ffdesno.gif") top right no-repeat;
	}

a.desno {
	width:27px;
	background:transparent url("../casestudies/desno.gif") top right no-repeat;
	}

.skills {
	float:left;
	width:319px;
	height:200px;
	border-bottom:1px solid orange;
	border-right:0px dotted orange;
	}

.skills ul {
	margin-top:11px;
	padding:0;
	list-style:none;
	text-align:left;
	}

* html .skills ul {
	margin-left:0px;
	}


.skills li {
	margin-top:-4px;
	padding:0;
	}

* html .skills li {
	margin-top:-3px;
	}

.skills li a {
	margin:0;
	padding:1px 3px 1px 3px;
	font-weight:bold;
	font-size:12px;
	line-height:15px;
	color:orange;
	text-decoration:none;
	}

.skills li a:hover {
	color:#fff;
	background:orange;
	}

.case h3, .skills h3 {
	margin:20px 0 0 0;
	}

.case p {
	width:450px;
	}

* html .case p {
	margin:10px 0 0 -28px;
	}

.skills p {
	margin:10px 15px 0 0px;
	width:290px;
	}


/* =Services
----------------------------------------------- */
.services {
	float:left;
	width:480px;
	height:200px;
	border-bottom:1px solid orange;
	}

.weserve {
	margin:20px 0 15px 3px;
	padding:1px;
	border:1px solid orange;
	width:440px;
	height:160px;
	background:#fff;
	}

* html .weserve {
	margin:20px 0 15px -30px;
	}

.services p {
	margin:15px 0 15px 20px;
	float:left;
	width:440px;
	}

* html .services p {
	margin:15px 0 15px 10px;
	}


/* =Process
----------------------------------------------- */
.process {
	float:left;
	margin:16px 0 0 3px;
	padding-bottom:16px;
	width:954px;
	height:230px;
	border-bottom:1px solid orange;
	}

.secretformula {
	width:954px;
	height:229px;
	background:#f1f1f1;
	}

.foto {
	float:left;
	}

.store {
	position:absolute;
	margin:-48px 0 0 20px;
	}

* html .store {
	margin:-48px 0 0 -460px;
	}

h5 {
	float:left;
	margin:0 176px 0 0;
	padding:5px 0 0 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	line-height:23px;
	width:140px;
	height:29px;
	background:orange;
	color:#fff;
	text-align:left;
	}

h5 strong {
	margin-right:12px;
	}

h5.desno {
	margin-right:0;
	}

.method {
	float:right;
	width:240px;
	height:339px;
	border-bottom:1px solid orange;
	border-left:0px solid orange;
	}

.method h3 {
	text-transform:uppercase;
	width:200px;
	}

.method ul {
	margin:10px 0 0 20px;
	padding:0;
	list-style:none;
	width:100px;
	}
 
* html .method ul {
	margin:10px 0 0 -36px;
	}	

.method li {
	float:left;
	margin:0;
	padding:0;
	background-image:none;
	line-height:normal;
	text-indent:0;
	}

 .method a {
	color:orange;
	padding:1px;
	font-size:16px;
	line-height:21px;
	text-decoration:none;
	white-space:nowrap;
	font-weight:bold;
	}

 .method a:hover {
	background:orange;
	color:white;
	}

.ideas {
	float:left;
	width:239px;
	height:169px;
	border-bottom:1px solid orange;
	border-right:1px solid orange;
	}

.ideas p {
	float:left;
	margin:10px 0 15px 20px;
	width:200px;
	}

* html .ideas p {
	margin:10px 0 15px 10px;
	}

/* =About
----------------------------------------------- */
.about {
	float:left;
	width:239px;
	height:300px;
	border-bottom:1px solid orange;
	}

.about2 {
	float:left;
	width:318px;
	height:215px;
	border-bottom:1px solid orange;
	border-right:1px solid orange;
	border-left:1px solid orange;
	}

.cd {
	float:left;
	margin:2px 0 0 2px;
	width:318px;
	height:215px;
	background:white;
	}

* html .cd {
	margin:2px 0 0 1px;
	}


.about3, .about4 {
	float:left;
	width:239px;
	height:301px;
	border-bottom:1px solid orange;
	border-right:1px solid orange;
	}

.about4 {
	border-right:0;
	}

.about p, .about2 p, .about3 p, .about4 p {
	margin-left:20px;
	width:200px;
	}

* html .about p, * html .about2 p, * html .about3 p, * html .about4 p {
	margin-left:2px;
	}

.about p {
	line-height:23px;
	color:orange;
	}

.about p strong {
	font-weight:bold;
	color:#333;
	}

.about p em {
	color:#333;
	font-style:normal;
	font-weight:bold;
	}


.about ul {
	margin:15px 0 0 22px;
	padding:0;
	list-style:none;
	width:215px;
	}
 
* html .about ul {
	margin:15px 0 0 21px;
	}


.about3 ul {
	float:left;
	margin:15px 0 0 20px;
	padding:0;
	list-style:none;
	width:90px;
	}

* html .about3 ul {
	margin:15px 0 0 10px;
	}

.about li {
	margin:0;
	padding:0;
	background-image:none;
	font-size:12px;
	line-height:23px;
	color:orange;
	text-align:left;
	}

.about3 li {
	margin:0;
	padding:0;
	background-image:none;
	font-size:12px;
	line-height:17px;
	color:orange;
	text-align:left;
	}

.about li strong {
	font-weight:bold;
	color:#333;
	}

.about li a, .about3 li a {
	font-weight:bold;
	padding:1px 3px 1px 3px;
	color:orange;
	text-decoration:none;
	}
	
.about li a:hover, .about3 li a:hover {
	background:orange;
	color:#fff;
	}


/* =News
----------------------------------------------- */
.news {
	float:right;
	width:270px;
	height:602px;
	border-left:1px solid orange;
	border-bottom:1px solid orange;
	}

.download {
	float:left;
	width:270px;
	border-bottom:1px solid orange;
	padding-bottom:10px;
	}

h6 {
	margin:15px 0 0 5px;
	height:65px;
	}

.news h6 a {
	float:left;
	margin:0;
	padding:5px 10px 0 71px;
	border:1px solid #fff;
	height:50px;
	font-size:22px;
	line-height:22px;
	color:orange;
	text-align:left;
	text-decoration:none;
	font-weight:normal;
	background:url("../news/xword.gif") 5px 5px no-repeat;
	}

.news h6 a:hover {
	border:1px solid orange;
	}

.newsfoto {
	float:left;
	width:689px;
	height:200px;
	border-bottom:1px solid orange;
	}

.nfoto {
	float:left;
	margin:20px 20px 15px 3px;
	padding:1px;
	border:1px solid orange;
	width:310px;
	height:160px;
	background:#fff;
	}

.press {
	float:left;
	width:689px;
	height:401px;
	border-bottom:1px solid orange;
	}

.press p {
	margin:15px 0 15px 20px;
	float:left;
	width:640px;
	}

* html .press p {
	margin:15px 0 15px 10px;
	}

.news h4 { 
	margin:20px 0 0 15px; 
	text-transform:uppercase;
	}

* html .news h4 { 
	margin:20px 0 0 8px; 
	}

.news p {
	margin:10px 0 0px 18px;
	color:#000;
	}

.news ul {
	float:left;
	margin:3px 0 0 15px;
	padding:0 0 10px 0;
	list-style:none;
	}
 
* html .news ul {
	margin:3px 0 0 8px;
	}

.news li {
	margin:8px 0 0 2px;
	padding:0;
	background-image:none;
	line-height:normal;
	text-align:left;
	}

* html .news li {
	margin:9px 0 0px 0;
	}


.news li a {
	margin:0;
	padding:5px 10px 5px 35px;
	border:1px solid #fff;
	color:orange;
	font-size:12px;
	line-height:16px;
	height:21px;
	font-weight:bold;
	text-decoration:none;
	background:url("../news/smallword.gif") 2px 2px no-repeat;
	}

* html .news li a {
	background:url("../news/smallword.gif") 3px 3px no-repeat;
	}

.news li a:hover {
	border:1px solid orange;
	}

.other ul {
	float:left;
	margin:10px 0 0 15px;
	padding:0;
	list-style:none;
	width:240px;
	}
 
.other li {
	float:left;
	margin:3px 0 0 0;
	padding:0;
	background-image:none;
	line-height:normal;
	text-align:left;
	}

.other li a {
	margin:0;
	padding:1px;
	color:orange;
	font-size:12px;
	line-height:16px;
	font-weight:bold;
	text-decoration:none;
	background:none;
	}

* html .other li a {
	background-image:none;
	}

.other li a:hover {
	background:orange;
	color:#fff;
	}

/* =Contact
----------------------------------------------- */
.worldwide {
	float:left;
	margin:0;
	padding:6px 0 6px 100px;
	width:860px;
	height:109px;
	border-bottom:1px solid orange;
	}

.rolodex {
	float:left;
	margin:30px 0 0 0;
	width:280px;
	height:320px;
	border-bottom:1px solid orange;
	}

.rolodex h3 {
	margin:0 0 40px 0;
	text-transform:uppercase;
	width:100px;
	}

* html .rolodex h3 {
	margin:0 0 40px -171px;
	}

.vcard .fn {	
	display:block;
	margin:0px 0 0 0px;
	font-size:22px;
	line-height:23px;
	text-align:left;
	font-weight:normal;
	}

.vcard .title {
	display:block;
	margin-bottom:20px;
	font-size:12px;
	line-height:15px;
	text-align:left;
	font-weight:normal;
	}

.vcard div {
	display:block;
	margin:0;
	font-size:18px;
	line-height:23px;
	text-align:left;
	font-weight:normal;
	}

.vcard a {
	color:orange;
	text-decoration:none;
	}

.vcard a:hover {
	background:orange;
	color:#fff;
	}

.pleasure {
	float:left;
	padding-top:5px;
	width:679px;
	height:345px;
	border-bottom:1px solid orange;
	border-left:0px solid orange;
	}

.pleasure h3 {
	margin-left:80px;
	}

* html .pleasure h3 {
	margin-left:40px;
	}

.pleasure p {
	float:left;
	margin:10px 90px 30px 80px;
	width:540px;
	}

* html .pleasure p {
	margin:10px 50px 15px 20px;
	}

.thankyou {
	float:left;
	margin:0;
	width:960px;
	height:129px;
	border-bottom:1px solid orange;
	}	

.thankyou h4 {
	float:left;
	margin:44px 0 0 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:31px;
	line-height:35px;
	font-weight:normal;
	width:960px;
	text-align:center;
	}

.thankyou h4 a {
	color:orange;
	text-decoration:none;
	}

.thankyou h4 a:hover {
	background:orange;
	color:#fff;
	}

/* =Jobs
----------------------------------------------- */
.jobs {
	float:left;
	margin:0;
	padding:6px 0 6px 100px;
	width:860px;
	height:460px;
	border-bottom:1px solid orange;
	}

.jobs p {
	margin:15px 0 0 45px;
	}

/* =Colour
----------------------------------------------- */
.benetton {
	float:left;
	width:719px;
	height:401px;
	border-bottom:1px solid orange;
	border-right:1px solid orange;
	}

.picker {
	float:left;
	margin:30px 30px 0 0;
	border:1px solid orange;
	width:220px;
	height:200px;
	background:#4B4540;
	}

.mycolor {
	float:left;
	margin:30px 0px 0 0;
	border:1px solid orange;
	width:420px;
	height:200px;
	background:orange;
	}

.remix {
	float:left;
	width:239px;
	height:401px;
	border-bottom:1px solid orange;
	border-right:0px solid orange;
	}

.pickup {
	float:left;
	margin-top:5px;
	width:674px;
	height:20px;
	}

.pickup p {
	margin:0;
	}

.remix p {
	float:left;
	margin:15px 0 15px 20px;
	width:200px;
	}

* html .remix p {
	margin:15px 0 15px 10px;
	}

.submit {
	position:absolute;
	margin:300px 0 0 -123px;
	}

* html .submit {
	margin:50px 0 0 -137px;
	}


.palette {
	float:left;
	margin:0 0 0 20px;
	width:150px;
	height:100px;
	}

* html .palette {
	margin:0 0 0 10px;
	}


.palette1 {
	float:left;
	margin:0;
	width:150px;
	height:100px;
	}

.boya {
	float:left;
	margin:7px 7px 0 0;
	padding:2px;
	border:1px solid orange;
	width:33px;
	height:33px;
	}

.my {
	float:left;
	width:33px;
	height:33px;
	}

/* =Sitemap
----------------------------------------------- */
#target {
	float:left;
	width:689px;
	height:602px;
	border-bottom:1px solid orange;
	border-right:1px solid orange;
	background:url("../sitemap/target.gif") 25px 15px no-repeat;
	}

#target a {
	padding:1px 5px 1px 5px;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	line-height:15px;
	background:orange;
	text-decoration:none;
	}	

#target a:hover {
	color:orange;
	background:#fff;
	}

#target .click1 { position:absolute; margin:39px 0 0 -65px ; }
#target .click2 { position:absolute; margin:163px 0 0 -60px ; }
#target .click3 { position:absolute; margin:272px 0 0 -49px ; }
#target .click4 { position:absolute; margin:392px 0 0 -53px ; }
#target .click5 { position:absolute; margin:538px 0 0 -63px ; }
#target .click6 { position:absolute; margin:134px 0 0 -170px ; }
#target .click7 { position:absolute; margin:134px 0 0 90px ; }
#target .click8 { position:absolute; margin:465px 0 0 -145px ; }
#target .click9 { position:absolute; margin:465px 0 0 50px ; }
#target .click10 { position:absolute; margin:272px 0 0 -304px ; }
#target .click11 { position:absolute; margin:272px 0 0 200px ; }

.allstudies {
	float:left;
	width:270px;
	height:360px;
	border-bottom:1px solid orange;
	}

.allstudies ul {
	margin:15px 0 0 22px;
	padding:0;
	list-style:none;
	width:215px;
	}
 
.allstudies li {
	margin:0;
	padding:0;
	background-image:none;
	font-size:12px;
	line-height:23px;
	color:orange;
	text-align:left;
	}

.allstudies li a {
	font-weight:bold;
	padding:1px 3px 1px 3px;
	color:orange;
	text-decoration:none;
	}
	
.allstudies li a:hover {
	background:orange;
	color:#fff;
	}

.tiamodel {
	float:left;
	width:270px;
	height:241px;
	border-bottom:1px solid orange;
	}

.tiamodel p {
	width:230px;
	margin:15px 0 0 20px;
	}

/* =Layer
-----------------------------------------------*/

a.info { border-bottom: 1px dashed #800000; text-decoration: none }
a.info:hover {  }
a.info span { visibility: hidden; position: absolute; left: 870px; margin-top: 0px; padding: 0px; text-decoration: none; width:500px; height:150px; }
a.info:hover span { visibility: visible; border: 1px solid lightgrey; color:black; background: #FFFFFF; padding:10px; }

a.dodo { border-bottom: 1px dashed #800000; text-decoration: none }
a.dodo:hover {  }
a.dodo span { visibility: hidden; position: absolute; left: 550px; margin-top: 0px; padding: 0px; text-decoration: none; width:500px; height:150px; }
a.dodo:hover span { visibility: visible; border: 1px solid lightgrey; color:black; background: #FFFFFF; padding:10px; }

a.bamm { border-bottom: 1px dashed #800000; text-decoration: none }
a.bamm:hover {  }
a.bamm span { visibility: hidden; position: absolute; left: 230px; margin-top: 0px; padding: 0px; text-decoration: none; width:500px; height:150px; }
a.bamm:hover span { visibility: visible; border: 1px solid lightgrey; color:black; background: #FFFFFF; padding:10px; }


/* =Footer
----------------------------------------------- */
#footer {
	float:left;
	margin:0;
	width:960px;
	height:20px;
	}

p.copyright {
	text-align:center;
	float:left;
	margin-top:3px;
	color:orange;
	font-size:11px;
	}

p.europe {
	float:right;
	margin:3px 5px 0 0;
	color:black;
	font-size:11px;
	}

p.copyright a, p.europe a {
	padding:0;
	}

ul {white-space:nowrap;}
li {white-space:nowrap;}
a {white-space:nowrap;}