@charset "utf-8";

/* General */
* {padding:0; margin:0;}
html, body {height:100%;}
body {background:#fff url(../assets/bg_header.png) repeat-x; color:#000; font:12px "lucida grande","lucida sans",verdana,arial,sans-serif; text-align:left; height:100%;}
#container {position:relative; min-height:100%; /*to be fixed for IE6*/}
h1, h2, h3 {font-family:Arial, Helvetica, Sans-Serif; font-weight:bold;}
h1 {font-size:2.0em; padding-bottom:10px; text-shadow:2px 2px 2px #000;/* CSS3 */}
h2 {font-size:16px; font-weight:normal; padding:30px 0 5px;}
h4 {font-size:12px; color:#dd034b; display:block; height:30px; line-height:30px;}
p {padding-bottom:10px;}
a img {border:none;}
a {color:#000;}
a:link, a:visited {text-decoration:underline;}
a:hover, a:active {text-decoration:none;}
li {list-style-type:none;}
.bold{font-weight:bold;}
.highlight {font-size:1.4em; font-weight:bold; color:#666;}

/* Header */
#header {position:relative; width:995px; height:140px; margin:0 auto;}
	#header .logo {padding-top:20px;}
	#header .language {position:absolute; top:8px; right:0;}
		#header .language ul {}
			div.language li {display:inline; margin-right:10px; font-size:0.9em;}
			  #header .language li a.current_lang {background-image:url(../assets/arrow_lang_sprite.png); background-position:0 0; background-repeat:no-repeat; position:relative; z-index:1;}
				#header .language li a {color:#fff; padding-top:25px;}
        .language a:link, .language a:visited {text-decoration:none;}
        .language a:hover, .language a:active {text-decoration:underline;}
	#header .menu {position:absolute; top:95px; left:150px;}
		#header .menu ul {}
			#header .menu li {display:inline; margin-right:10px; font-size:1.2em;}
			#header .menu li a.currentpage {color:#dd034b;}
				#header .menu li a {}
        .menu a:link, .menu a:visited {text-decoration:none;}
        .menu a:hover, .menu a:active {text-decoration:underline;}
	#header .socials {position:absolute; top:95px; right:0;}
		#header .socials ul {}
			div.socials li {display:inline; margin-left:2px;}

/***** Content *****/
#content {position:relative; width:995px; height:100%; margin:0 auto; padding-bottom:550px; /*Footer height*/}
#content .andrea-silvestri-flickr img {border:1px solid #000;}
	#content .flickr {position:relative; float:left; background:url(../assets/bg_decoration.png) repeat-x; padding-top:38px;}
		#content .flickr-text {position:absolute; top:140px; right:15px; color:#fff;}
			#content .flickr-text a {color:#fff;}
		#content .flickr-text-black {position:absolute; top:140px; right:15px; color:#fff;}
	#content .main {overflow:hidden; width:100%;}
	
/* Sidebar */
#content .sidemenu {width:210px; position:relative; float:left; padding:0 35px 20px 0;}
	#content .sidemenu h3 {font-weight:normal; font-size:1.3em; padding:30px 0 5px 0;}
	#content .sidemenu ul {background:url(../assets/bg_decoration.png) repeat-x; padding-top:35px;}
		#content .sidemenu li {padding:8px 0; border-bottom:#979696 dashed 1px;}
			#content .sidemenu li a {}
			#content .sidemenu li a.currentpage {color:#dd034b;}
      .sidemenu a:link, .sidemenu a:visited {text-decoration:none;}
      .sidemenu a:hover, .sidemenu a:active {text-decoration:underline;}
		#content .sidetext {}
			#content .sidetext h3 {width:200px; border-bottom:#000 1px solid;}
			#content .sidetext h3.project {width:200px; border:none;}
			#content .sidetext p {padding-top:10px;}
			#content .sidetext p.project {background:url(../assets/bg_decoration.png) repeat-x; padding-top:35px;}
			  #content .sidetext a {color:#dd034b;}
					
/* Maincontent */
#content .maincontent {width:750px; position:relative; float:right; padding-bottom:10px;}
	#content .maincontent p {display:block;}
	#content .maincontent div.screen-shots {background:url(../assets/bg_decoration.png) repeat-x; padding:35px 0 10px 0;}
			#content .latest_works_item img {border:2px solid #f1f1f1;}
	#content .about_us {position:relative; float:left; width:350px;}
		#content .about_us_text {background:url(../assets/bg_decoration.png) repeat-x; padding:35px 0 10px 0;}
	#content .latest_works {position:relative; float:left; width:370px; margin-left:30px;}
	 #content .latest_works_text {position:relative; float:left; width:370px; background:url(../assets/bg_decoration.png) repeat-x; padding-top:35px;}
	 #content .latest_works_item {width:370px; padding-bottom:15px;}
	 	#content .latest_works_item p {padding-bottom:5px;}
	 	  #content .latest_works_item a {color:#dd034b;}
	#content .container {overflow:hidden; width:100%; background:url(../assets/bg_decoration.png) repeat-x; padding:35px 0 20px 0;}
	#content .teamcontainer {overflow:hidden; width:100%; background:url(../assets/bg_decoration.png) repeat-x; padding:35px 0 20px 0;}
		#content .team {position:relative; float:right; width:420px; padding:0; margin-bottom:35px;}
		#content .team-photo {position:relative; float:left; width:300px; padding:0; margin-bottom:35px;}
			#content .team-photo img {margin-top:20px;}
			#content .team h3 {color:#dd034b;}
			#content .team .team-first-row {position:relative; overflow:hidden; width:420px; margin:20px 0;}
				#content .team .team-first-row .team-first-item {position:relative; float:left; width:185px; padding-left:20px;}
				#content .team .team-first-row .team-second-item {position:relative; float:left; width:185px; padding-left:20px;}
			#content .team .team-row {overflow:hidden; width:420px; margin:40px 0;}
				#content .team .team-row .team-first-item {position:relative; float:left; width:185px; padding-left:20px;}
				#content .team .team-row .team-second-item {position:relative; float:left; width:185px; padding-left:20px;}
	li.customercare {margin-top:7px; font-weight:bold; font-size:11px;}
	#content .clients_item {position:relative; float:right; height:250px; width:243px; border-bottom:#000 1px solid; border-right:#000 1px solid; margin:3px 3px 0 0;}
		#content .clients_item {padding-top:5px; text-align:right;}
			#content .clients_item img {margin-right:10px;}
			#content .clientstext {overflow:hidden; width:225px;padding:5px 9px 0 10px; font-size:0.9em;}
				#content .clientstext .title {position:relative; float:left; width:65px; font-weight:bold;}
				#content .clientstext .description {position:relative; float:left; width:150px; text-align:left; padding-left:3px;}
					#content .clientstext .description p {padding:0;}
						#content .clientstext .description p a {color:#dd034b;}
	#content .brandidentitycontainer_items {overflow:hidden; width:100%; padding:10px 0 20px 0;}
	#content .brandidentity_item {position:relative; float:right; height:220px; width:243px; border-bottom:#000 1px solid; border-right:#000 1px solid; margin:3px 3px 0 0;}
	#content .flash_item {position:relative; float:right; height:260px; width:367px; border-bottom:#000 1px solid; border-right:#000 1px solid; margin:3px 3px 0 0; padding-top:5px; text-align:center;}
		#content .flash_item {padding-top:5px; text-align:right;}
			#content .flash_item img {margin-right:4px;}
			#content .flash_item .flashtext {overflow:hidden; width:340px;padding:5px 9px 0 10px; font-size:0.9em;}
				#content .flash_item .flashtext .title {position:relative; float:left; width:65px; font-weight:bold;}
				#content .flash_item .flashtext .description {position:relative; float:left; width:270px; text-align:left; padding-left:3px;}
					#content .flash_item .flashtext .description p {padding:0;}
	#content .screen-shots img {padding-bottom:35px; margin:0 auto;}
		#content .photo1, #content .photo2, #content .photo3 {position:relative; float:left; padding-right:2px;}
	#content .photocontainer {overflow:hidden; width:100%; padding-top:2px;}
		#content .photo4 {position:relative; float:left; padding-right:2px;}
		  #content .photo4 img {display:block; padding-bottom:2px;}
		#content .text-photographer {width:339px; position:relative; float:left; padding:70px 0 0 20px;}
			#content .text-photographer h3 {width:339px; border-bottom:#000 1px solid; padding-bottom:3px;}
		#content .photo5, #content .photo6, #content .photo7 {position:relative; float:left; padding-right:2px;}
		#content .communication {overflow:hidden; width:100%; padding:40px 0;}
		#content .communication .photo4 {position:relative; float:left; padding-right:2px;}
		  #content .communication .photo4 img {display:block; padding-bottom:2px;}
		#content .communication .text-communication {width:339px; position:relative; float:left; padding:2px 0 0 20px;}
			#content .communication .text-communication h3 {width:339px; border-bottom:#000 1px solid; padding-bottom:3px;}
	#content .translations {margin-top:50px;}
	#content .translations h3 {border-bottom:1px solid #000; padding-bottom:3px;}

/* Main images */
#content .main_image {position:relative;width:995px; height:380px;}
#content .image_index {background-image:url(../assets/zoomart-web-design-lens.jpg);}
#content .image_print {background-image:url(../assets/zoomart-web-design-print.jpg);}
#content .image_photography {background-image:url(../assets/zoomart-web-design-photography.jpg);}
#content .image_brand {background-image:url(../assets/zoomart-web-design-brand-identity.jpg);}
#content .image_clients {background-image:url(../assets/zoomart-web-design-clients.jpg);}
#content .image_web_design {background-image:url(../assets/zoomart-web-design.jpg);}
#content .image_graphics {background-image:url(../assets/zoomart-web-design-graphics.jpg);}
#content .image_viral {background-image:url(../assets/zoomart-web-design-viral-marketing.jpg);}
#content .image_web_marketing {background-image:url(../assets/zoomart-web-design-web-marketing.jpg);}
#content .image_translations {background-image:url(../assets/zoomart-web-design-english.jpg);}
#content span.image_team {background-image:url(../assets/zoomart-web-design-team2.jpg); display:block;}
#content .image_communication {background-image:url(../assets/zoomart-web-design-communication.jpg);}
  #content .text_image_index {position:absolute; top:50px; left:70px; width:300px; color:#fff;}
  #content .text_image_photography {position:absolute; top:50px; right:70px; width:300px; color:#fff;}
  #content .text_image_print, #content .text_image_web_marketing {position:absolute; top:50px; left:70px; width:300px;}
  #content .text_image_viral {position:absolute; top:50px; right:70px; width:300px;}
  #content .text_image_brand {position:absolute; top:100px; right:70px; width:500px;}
  #content .text_image_clients {position:absolute; top:110px; right:80px; width:350px; height:64%; padding:20px;}
  #content .text_image_web_design {position:absolute; top:0; right:70px; width:300px; height:100%; padding:20px;}
  #content .text_image_graphics {position:absolute; top:0; right:0; width:250px; height:100%; padding:20px;}
  #content .text_image_translations {position:absolute; top:50px; left:70px; width:400px;}
  #content .text_image_communication {position:absolute; top:50px; left:95px; width:320px;}
    #content .text_image_index h1, #content .text_image_photography h1 {color:#fc3;}
    #content .text_image_print h1, #content .text_image_clients h1, #content .text_image_web_design h1, #content .text_image_communication h1, #content .text_image_print h1 {color:#dd034b;}
    #content .text_image_brand h1 {color:#fff;}
    #content .text_image_graphics h1 {color:#39f;}
    #content .text_image_viral h1 {color:#060;}
    #content .text_image_web_marketing h1, #content .text_image_translations h1 {color:#f30;}
      #content .text_image_index a, #content .text_image_photography a {color:#fff;}

/* Footer */
#footer_container {position:absolute; bottom:0; width:100%; background:#3c3c3c url("../assets/bg_footer.png") repeat-x;}
	#footer {position:relative; margin:0 auto; width:995px; padding-bottom:350px; background:#3c3c3c url("../assets/bg_footer.png") repeat-x;}
		#footer .logo {padding-top:20px;}
		#footer .language {position:absolute; top:48px; right:0;}
			#footer .language ul {}
				#footer .language li {}
				#footer .language li a.current_lang {background-image:url(../assets/arrow_lang_sprite.png); background-position:0 100%; background-repeat:no-repeat; position:relative; z-index:1;}
					#footer .language li a {padding-bottom:25px;}
		#footer .socials {position:absolute; top:95px; right:0;}
    #services-footer {position:absolute; top:120px; left:100px; overflow:hidden; width:895px; padding-top:70px;}
      #services-footer .menu {position:relative; width:200px; float:left;}
      #services-footer .more {margin-right:20px;}
      #services-footer .contacts {border-left:1px solid #999; padding:0 0 20px 20px; color:#fff; width:300px;}
      #services-footer .home {width:150px; margin-top:30px;}
        #footer .menu p {color:#fff;}
        #footer .menu span {display:block; color:#999;}
        #footer .menu ul {}
          #footer .menu li {display:block; margin-bottom:5px;}
          #footer .menu li a.currentpage {color:#999;}
            #footer .menu li a {color:#fff;}
    .iva {position:absolute; bottom:7px; right:0; color:#999; font-size:10px;}