<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head>
        <title>Surrealist!</title>
        <meta charset="utf-8">
        <meta name="description" content="Il nuovo sito della surrealist :)">
        <meta name="keywords" content="surrealist, social media marketing">
        <link rel="Shortcut Icon" type="image/png" href="favicon.png">
        <link rel="stylesheet" href="http://surrealist.it/css/reset.css" type="text/css" media="screen">
        <link rel="stylesheet" href="http://surrealist.it/css/style.css" type="text/css" media="screen">
        <script type="text/javascript" src="http://surrealist.it/js/jquery.js"></script> 
        <script type="text/javascript" src="http://surrealist.it/js/jquery.appear.js"></script> 
		<script type="text/javascript" src="http://surrealist.it/js/highcharts/highcharts.js"></script>		
		<script type="text/javascript" src="http://surrealist.it/js/slider.js"></script>		
        <script type="text/javascript" src="http://surrealist.it/js/main.js"></script>     
		<script type="text/javascript">

		  var _gaq = _gaq || [];
		  _gaq.push(['_setAccount', 'UA-3798383-3']);
		  _gaq.push(['_trackPageview']);

		  (function() {
			var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
			ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
			var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
		  })();

		</script>
    </head>
    <body>
		<div id="fb-root"></div>
		<script>(function(d, s, id) {
		  var js, fjs = d.getElementsByTagName(s)[0];
		  if (d.getElementById(id)) return;
		  js = d.createElement(s); js.id = id;
		  js.src = "//connect.facebook.net/it_IT/all.js#xfbml=1&appId=263603917006095";
		  fjs.parentNode.insertBefore(js, fjs);
		}(document, 'script', 'facebook-jssdk'));</script>
		<div class="center griglia">
			<div class="content left">
	<div id="header" class="content">
		
		
		<div class="clear"></div>
				<div id="be-social" >
			<div id="logo" class="left">
				<a href="http://surrealist.it/" title="Surrealist!"><img src="img/logo.png" alt="Surrealist!" /></a>
			</div>
			<div id="creative_advisory" class="right">
				<img src="img/creative.advisory.png" alt="Creative Advisory" />
			</div>
		</div>

	</div>
</div>
<div class="sidebar left">
	<div id="menu">
								<div id="menu_home" class="">
				<a parent="surrealist" id="b_inside" anchor="header" class="button button_selected" href="javascript:void(0);"><span id="parent">surrealist</span><span class="white">inside</span></a>
				<a parent="who" id="b_agency" anchor="t-agency" class="button" href="javascript:void(0);"><span class="white">agency</span></a>
				<a parent="what" id="b_services" anchor="t-services" class="button" href="javascript:void(0);"><span class="white">services</span></a>
				<a parent="what" id="b_clients" anchor="t-clients" class="button" href="javascript:void(0);"><span class="white">clients</span></a>
				<a parent="what" id="b_partners" anchor="t-partners" class="button" href="javascript:void(0);"><span class="white">partners</span></a>
				<a parent="where" id="b_contact" anchor="t-footer" class="button" href="javascript:void(0);"><span class="white">contacts</span></a>
				<a parent="inside" id="b_blog" anchor="t-inside" class="button" href="http://nonconvenzionale.com"><span class="white">blog</span></a>
				<a parent="inside" id="b_blog" anchor="t-inside" class="button" href="http://www.surrealist.it/landing/"><span class="white">landing</span></a>
			</div>
				<div id="social">
			<a href="https://plus.google.com/u/0/110896254086220749186/posts" target="_blank" title="La surrealist su Google+"><img src="img/google.png" alt="La surrealist su Google+" /></a>
			<a href="http://www.facebook.com/surrealist.it" target="_blank" title="La surrealist su Facebook"><img src="img/facebook.png" alt="La surrealist su Facebook" /></a>
			<a href="http://www.twitter.com/sa_tomas" target="_blank" title="La surrealist su Twitter"><img src="img/twitter.png" alt="La surrealist su Twitter" /></a>
			<a href="http://meemi.com/surrealist" target="_blank" title="La surrealist su Meemi"><img src="img/meemi.png" alt="La surrealist su Meemi" /></a>
			<a href="https://it.foursquare.com/v/surrealist--creative-advisory/4c3f3ed6bb2d9c7488d57dd6" target="_blank" title="La surrealist su Foursquare"><img src="img/fs.png" alt="La surrealist su Fs" /></a>
			<br />
			<a href="http://it.linkedin.com/in/surrealist" target="_blank" title="La surrealist su LinkedIN"><img src="img/in.png" alt="La surrealist su LinkedIN" /></a>
			<a href="http://dribbble.com/surrealist" target="_blank" title="La surrealist su Dribble"><img src="img/dr.png" alt="La surrealist su Dribble" /></a>
			<a href="http://vimeo.com/surrealist" target="_blank" title="La surrealist su Vimeo"><img src="img/vi.png" alt="La surrealist su Vimeo" /></a>
			<a href="https://www.youtube.com/user/surrealistAdv" target="_blank" title="La surrealist su YouTube"><img src="img/yt.png" alt="La surrealist su YouTube" /></a>
			<a href="http://feeds.feedburner.com/nonconvenzionale" target="_blank" title="Il feed RSS della surrealist"><img src="img/rss.png" alt="Il feed RSS della surrealist" /></a>
		</div>

	</div>

		
</div>
<div class="clear"></div>
			<style>
	.pagination {width:45px;}
</style>
<div class="block content left">
	<div id="inside" class="block">
		<div id="inside_content">
			<div id="slides">
				<div class="slides_container">
											<a href="javascript:void(0);" target="no adv on" title="no adv on"><img src="img/slider/1320665763.jpg" alt="no adv on" alt="Slide 0"></a>
											<a href="http://www.surrealist.it" target="surrealist crema ad alto impatto" title="surrealist crema ad alto impatto"><img src="img/slider/1327918689.jpg" alt="surrealist crema ad alto impatto" alt="Slide 1"></a>
											<a href="http://www.nonconvenzionale.com" target="non convenzionale" title="non convenzionale"><img src="img/slider/1320668062.jpg" alt="non convenzionale" alt="Slide 2"></a>
									</div>
			</div>
		</div>
	</div>
	<div class="titolo_sezione">
		<div id="t-agency" class="titolo">Agency</div>
	</div>
	<div id="agency" class="block">
		
		<div class="box_1 box left spazio_dx">
			<div class="icona left"><img src="img/icon.omino.png" /></div>
			<div class="titolo left"><a href="http://surrealist.it/philosophy" title="philosophy">philosophy</a></div>
			<div class="clear"></div>
			<div class="media"><img src="http://surrealist.it/img/pagine/t/1320687904.jpg" /></div>
			<div class="contenuto">agenzia di pubblicità, specializzata nella comunicazione  - <a href="http://surrealist.it/philosophy" title="philosophy">more</a></div>
		</div>
		<div class="box_2 box left spazio_dx spazio_sx">
			<div class="icona left"><img src="img/icon.mission.png" /></div>
			<div class="titolo left"><a href="http://surrealist.it/mission" title="mission">mission</a></div>
			<div class="clear"></div>
			<div class="media"><img src="http://surrealist.it/img/pagine/t/1320687924.jpg" /></div>
			<div class="contenuto">una vera agenzia 2.0 dotata delle più sofisticate tecnologie  - <a href="http://surrealist.it/mission" title="mission">more</a></div>
		</div>
		<div class="box_3 box left spazio_sx">
			<div class="icona left"><img src="img/icon.3.png" /></div>
			<div class="titolo left"><a href="http://surrealist.it/know-how" title="know how">know how</a></div>
			<div class="clear"></div>
			<div class="media"><img src="http://surrealist.it/img/pagine/t/1320687934.jpg" /></div>
			<div class="contenuto">l'innovativa filosofia che affonda le proprie radici nella cultura partenopea  - <a href="http://surrealist.it/know-how" title="know how">more</a></div>
		</div>
		<div class="clear"></div>
	</div>
	
	<div class="titolo_sezione">
		<div id="t-services" class="titolo">Services</div>
	</div>
	<div id="services" class="block">

		<div class="box_11 box left spazio_dx">
			<div class="icona left"><img src="img/i.adv.png" /></div>
			<div class="titolo left"><a href="http://surrealist.it/advertising" title="advertising">advertising</a></div>
			<div class="clear"></div>
			<div class="contenuto">“La pubblicità non è un arte che fa miracoli, ma aiuta a crearli”. E se non siete già passati sul sito di un’altra agenzia che vi ha promesso un miracolo, magari anche economico, vi spieghiamo perché. - <a href="http://surrealist.it/advertising">more</a></div>
		</div>
		<div class="box_12 box left spazio_dx spazio_sx">
			<div class="icona left"><img src="img/i.mar.png" /></div>
			<div class="titolo left"><a href="http://surrealist.it/marketing" title="marketing">marketing</a></div>
			<div class="clear"></div>
			<div class="contenuto">“Il marketing (termine inglese) è un ramo dell'economia che si occupa dello studio descrittivo del mercato e dell'analisi dell'interazione del mercato e degli utilizzatori con l'impresa.” (wikipedia) Ci avete capito qualcosa? - <a href="http://surrealist.it/marketing">more</a></div>
		</div>
		<div class="box_13 box left spazio_sx">
			<div class="icona left"><img src="img/i.web.png" /></div>
			<div class="titolo left"><a href="http://surrealist.it/web" title="web">web</a></div>
			<div class="clear"></div>
			<div class="contenuto">Avere un sito è molto importante. La rete permette di far conoscere la propria attività e di raggiungere milioni di potenziali clienti.  - <a href="http://surrealist.it/web">more</a></div>
		</div>
		<div class="clear"></div>
		<div class="separator_small"></div>
		<div class="box_14 box left spazio_dx">
			<div class="icona left"><img src="img/i.unc.png" /></div>
			<div class="titolo left"><a href="http://surrealist.it/unconventional" title="unconventional">unconventional</a></div>
			<div class="clear"></div>
			<div class="contenuto">Il termine non convenzionale solitamente accompagna le campagne di comunicazione che sfruttano l’effetto sorpresa, realizzate con mezzi non abituali. - <a href="http://surrealist.it/unconventional">more</a></div>
		</div>
		<div class="box_15 box left spazio_dx spazio_sx">
			<div class="icona left"><img src="img/i.soc.png" /></div>
			<div class="titolo left"><a href="http://surrealist.it/social-media" title="social media">social media</a></div>
			<div class="clear"></div>
			<div class="contenuto">Il Social Media Marketing è la leva del marketing che permette la condivisione e il passaparola di notizie, informazioni, tra l’azienda e i consumatori, tra i consumatori e l’azienda, e tra i consumatori stessi.  - <a href="http://surrealist.it/social-media">more</a></div>
		</div>
		<div class="box_16 box left spazio_sx">
			<div class="icona left"><img src="img/i.gra.png" /></div>
			<div class="titolo left"><a href="http://surrealist.it/graphic-design" title="graphic design">graphic design</a></div>
			<div class="clear"></div>
			<div class="contenuto">La grafica è fondamentale in un progetto. Stile, colori, font, comunicano in maniera corretta il messaggio ideato. - <a href="http://surrealist.it/graphic-design">more</a></div>
		</div>
		<div class="clear"></div>
	</div>


	<div class="titolo_sezione">
		<div id="t-clients" class="titolo">Clients</div>
	</div>
	<div id="clients" class="block">
		<a href="http://meemi.com" title="Meemi.com"><img src="img/clienti/meemi-blk.png" alt="Meemi.com" width="180" height="80" /></a>
		<a href="#" title=""><img src="img/clienti/vyta.png" alt="" width="180" height="80" /></a>
		<a href="#" title=""><img src="img/clienti/terredeshommes.png" alt="" width="180" height="80" /></a>
		<a href="#" title=""><img src="img/clienti/cis.png" alt="" width="180" height="80" /></a>
		<a href="#" title=""><img src="img/clienti/imperatore.png" alt="" width="180" height="80" /></a>
		<a href="#" title=""><img src="img/clienti/pointru.png" alt="" width="180" height="80" /></a>
		<a href="#" title=""><img src="img/clienti/LeoHotels.png" alt="" width="180" height="80" /></a>
		<a href="#" title=""><img src="img/clienti/Tit.png" alt="" width="180" height="80" /></a>
		<a href="#" title=""><img src="img/clienti/gallotti.png" alt="" width="180" height="80" /></a>
		<a href="#" title=""><img src="img/clienti/olivieromonti.png" alt="" width="180" height="80" /></a>
		<a href="#" title=""><img src="img/clienti/entreamis.png" alt="" width="180" height="80" /></a>
		<a href="#" title=""><img src="img/clienti/dvalencia.png" alt="" width="180" height="80" /></a>
		<a href="#" title=""><img src="img/clienti/maxclan.png" alt="" width="180" height="80" /></a>
		<a href="#" title=""><img src="img/clienti/retailgroup.png" alt="" width="180" height="80" /></a>
		<a href="#" title=""><img src="img/clienti/ebafos.png" alt="" width="180" height="80" /></a>
		<a href="#" title=""><img src="img/clienti/sonnybono.png" alt="" width="180" height="80" /></a>
	</div>
	
	<div class="titolo_sezione" style="border-bottom:0; padding-bottom:0;">
		<div id="t-partners" class="titolo">Partners</div>
	</div>
	<div id="partners">
		<a href="#" title=""><img src="img/partners/neversay.png" alt="" width="180" height="80" /></a>
		<a href="#" title=""><img src="img/partners/carosello.png" alt="" width="180" height="80" /></a>
		<a href="#" title=""><img src="img/partners/ggitalia.png" alt="" width="180" height="80" /></a>
		<a href="#" title=""><img src="img/partners/nc.png" alt="" width="180" height="80" /></a>
		<a href="#" title=""><img src="img/partners/creativeadv.png" alt="" width="180" height="80" /></a>
		<a href="#" title=""><img src="img/partners/cibbuzz.png" alt="" width="180" height="80" /></a>
		<a href="#" title=""><img src="img/partners/shot.png" alt="" width="180" height="80" /></a>
		<a href="http://meemi.com" title="Meemi.com"><img src="img/partners/meemi-wht.png" alt="Meemi.com" width="180" height="80" /></a>
	</div>

	<div id="footer">
		<div id="t-footer"></div>
		©2011 <span class="red">surrealist s.a.s.</span> - via Leonardo Mazzella, 129 - 80077 Ischia (NA) - P.iva 06385401218 | Tel. +39 081 3334595 | Fax. +39 081 3334595 | Email. info@surrealist.it
	</div>
</div>


<div class="sidebar left">
</div>
<div class="clear"></div>

		</div>
		<script>
							tweets[0] = "<a href='http://twitter.com/surrealistAdv/statuses/208512712999841792' target='_blank'>surrealistAdv: Home Sweet Home ...</a>";
							tweets[1] = "<a href='http://twitter.com/surrealistAdv/statuses/205953693097533440' target='_blank'>surrealistAdv: Tra poco  le time line di facebook potranno integrare i video :) Altro ...</a>";
							tweets[2] = "<a href='http://twitter.com/surrealistAdv/statuses/202792576745615360' target='_blank'>surrealistAdv: RT @sa_tomas: http://t.co/9LJ50FKh - la nuova versione di #meemi #mobi ...</a>";
							tweets[3] = "<a href='http://twitter.com/surrealistAdv/statuses/200841298574442496' target='_blank'>surrealistAdv: RT @viralavatar: Startup Europa: a Berlino il primo campus startup - E ...</a>";
							tweets[4] = "<a href='http://twitter.com/surrealistAdv/statuses/199772496977866753' target='_blank'>surrealistAdv: Un modo diverso di usare il QR Code http://t.co/lAN6himK! ...</a>";
							tweets[5] = "<a href='http://twitter.com/surrealistAdv/statuses/199445938048204800' target='_blank'>surrealistAdv: Il mi piace parte dalla pagina fan per arrivare sui vestiti nel punto  ...</a>";
							tweets[6] = "<a href='http://twitter.com/surrealistAdv/statuses/198798976177291264' target='_blank'>surrealistAdv: RT @sa_tomas: Quando hai pi&Atilde;&sup1; idee degli altri, dai agli altri queste  ...</a>";
							tweets[7] = "<a href='http://twitter.com/surrealistAdv/statuses/198425598312452097' target='_blank'>surrealistAdv: Quando hai pi&Atilde;&sup1; idee degli altri, dai agli altri queste idee, se ti ac ...</a>";
							tweets[8] = "<a href='http://twitter.com/surrealistAdv/statuses/198087499413848064' target='_blank'>surrealistAdv: Spiegare il social media marketing ai vostri genitori http://t.co/GqGT ...</a>";
							tweets[9] = "<a href='http://twitter.com/surrealistAdv/statuses/197645023297290240' target='_blank'>surrealistAdv: Twittare fa bene al posizionamento sui motori di ricerca, oltre che al ...</a>";
							tweets[10] = "<a href='http://twitter.com/surrealistAdv/statuses/197275931746893824' target='_blank'>surrealistAdv: RT @massimodesantis: ricordando il grande Ayrton Senna http://t.co/nc7 ...</a>";
							tweets[11] = "<a href='http://twitter.com/surrealistAdv/statuses/196154930254446593' target='_blank'>surrealistAdv: #Kraft ringrazia i propri fan con un &quot;Likeapella&quot; :) I nomi dei fan so ...</a>";
							tweets[12] = "<a href='http://twitter.com/surrealistAdv/statuses/195216660439908352' target='_blank'>surrealistAdv: I motori di ricerca aumentano il traffico ma i Social Media convertono ...</a>";
							tweets[13] = "<a href='http://twitter.com/surrealistAdv/statuses/195136342282350592' target='_blank'>surrealistAdv: Da giugno potrete acquistare le azioni su Facebook. Altro che gioco on ...</a>";
							tweets[14] = "<a href='http://twitter.com/surrealistAdv/statuses/195082383400255488' target='_blank'>surrealistAdv: Google Drive VS Dropbox. Chi vincer&Atilde;&nbsp;? http://t.co/bdJMi5GU ...</a>";
							tweets[15] = "<a href='http://twitter.com/surrealistAdv/statuses/194070333333057537' target='_blank'>surrealistAdv: I 12 gesti quotidiani per festeggiare l&acirc;Earth Day ogni giorno http:/ ...</a>";
							tweets[16] = "<a href='http://twitter.com/surrealistAdv/statuses/193317016092942338' target='_blank'>surrealistAdv: #FF #Surrealist @sa_tomas @saradevanna @avittorioso @capobecchino @bep ...</a>";
							tweets[17] = "<a href='http://twitter.com/surrealistAdv/statuses/193063736897048576' target='_blank'>surrealistAdv: 7 Creative Social Media Marketing Mini Case Studies http://t.co/SpRRRG ...</a>";
							tweets[18] = "<a href='http://twitter.com/surrealistAdv/statuses/192956414912761857' target='_blank'>surrealistAdv: Ieri le I#ene hanno parlato dei Vip su Twitter :) Marisa Laurito ha so ...</a>";
							tweets[19] = "<a href='http://twitter.com/surrealistAdv/statuses/192608108684648448' target='_blank'>surrealistAdv: Come usare Twitter per campagne di comunicazione http://t.co/iyu0Z8pb ...</a>";
									var access_surrealist = [90,160,190,80,130,30,60,140,100];
			var access_nc = [259,334,460,272,321,182,169,316,267];
			var skills = [25,15,25,20,25,30,];
		</script>
    </body>
</html>

