/* RESET FROM http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
	{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: none;
}
a:focus {
	outline: 1px dotted #CCCCCC;
}

body {
	line-height: 1em;
  font-family : Arial, tahoma, sans-serif;
}
h2 {
  padding: 20px 0 20px 0;
  margin: 0 20px 0 20px;
  z-index : 0;
}
ol,ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption,th,td {
	text-align: left;
	font-weight: normal;
}

blockquote:before,blockquote:after,q:before,q:after {
	content: "";
}

blockquote,q {
	quotes: "" "";
}

embed:focus {
	outline: none;
}

strong {
	font-weight: bolder;
}

em {
	font-style: italic;
}

.clear {
	clear: both;
}

label {
  cursor : pointer;
}

.pdf {
  background          : url(../images/pdf.gif) no-repeat 0 center;
  padding             : 2px 0 2px 25px;
}

/* END RESET */ /* ie6die */
#ie6 strong {
	font-weight: bolder;
}
#ie6 a {
	color: #AA0000;
}
/* end ie6die */

#home-body   { 
  background-color: #ffffff; 
  height: 100%; 
  margin: 0; 
  padding: 0;
  overflow:hidden;
}

body {
  background-color: #ffffff;
}

#nav {
  position : absolute;
  top : 0;
  left : 0;
  width : 100%;
  margin : auto;
  height : 40px;
  z-index : 1000;
}

#nav  :focus{
  outline : none;
}

#nav  ul{
  width : 980px;
  height : 40px;
  margin : auto;
  position : relative;
}

#nav  ul li {
  float : left;
  display : block;
	cursor:pointer;
}

#nav  ul li a {
  float : left;
  display : block;
  height : 40px;
  color : #cccccc;
  width : 130px;
  opacity : 0.4;
  filter : alpha(opacity=40); 
  background-position : 50% bottom;
  background-repeat : no-repeat;
}

#nav  ul li a:hover, #nav  ul li a:active, #nav  ul li a:focus, #nav  ul li a.active {
  opacity : 1;
  filter : alpha(opacity=100); 
}

#nav  ul #nav-high a {background-image : url(../images/high_logo.gif);text-indent:-9000px;opacity : 1; filter : alpha(opacity=100);width : 170px; padding-top:12px;}
#nav  ul #nav-book a {background-image : url(../images/nav/book.gif);text-indent:-9000px;}
#nav  ul #nav-advertising a {background-image : url(../images/nav/advertising.gif);text-indent:-9000px;}
#nav  ul #nav-moments a {background-image : url(../images/nav/moments.gif);text-indent:-9000px;}
#nav  ul #nav-philosophy a {background-image : url(../images/nav/philosophy.gif);text-indent:-9000px;width : 110px;}
#nav  ul #nav-store-and-contact a {background-image : url(../images/nav/stores_contact.gif);text-indent:-9000px;width : 125px;}
#nav  ul #nav-shop-online a {background-image : url(../images/nav/shop_online.gif);text-indent:-9000px;width : 125px;}

#nav  ul #nav-libri a {background-image : url(../images/nav/libri.gif);text-indent:-9000px;}
#nav  ul #nav-momenti a {background-image : url(../images/nav/momenti.gif);text-indent:-9000px;}
#nav  ul #nav-filosofia a {background-image : url(../images/nav/filosofia.gif);text-indent:-9000px;width : 110px;}
#nav  ul #nav-negozi-contatti a {background-image : url(../images/nav/negozi-contatti.gif);text-indent:-9000px;width : 125px;}
#nav  ul #nav-acquisti-online a {background-image : url(../images/nav/acquisti-online.gif);text-indent:-9000px;width : 125px;}

#nav  ul .lang-link a {
  position : absolute;
  top : 0;
  right : 0;
  height : 13px;
  background-position : right bottom;
}

#nav  ul #nav-italiano a {background-image : url(../images/nav/italiano.gif);text-indent:-9000px;}
#nav  ul #nav-english a {background-image : url(../images/nav/english.gif);text-indent:-9000px;}


#nav  ul li.has-subnav  {
  margin : 0 10px;
}

#nav  ul li.has-subnav ul  {
  position : absolute;
  margin-top : 40px;
  padding-top : 10px;
  width : 150px;
}

#nav  ul li#nav-book ul  { left : 170px;}
#nav  ul li#nav-advertising ul  { left : 320px;}
#nav  ul li#nav-moments ul  { left : 470px;}

#nav  ul li#nav-libri ul  { left : 170px;}
#nav  ul li#nav-momenti ul  { left : 470px;}

#nav  ul li ul {
  height : 0;
  width : 150px;
  display:none;
  overflow: hidden;
  border-color : #ffffff;
  border-style : solid;
}

#nav  ul li ul  li{
  clear : both;
  background-color : #FFFFFF;
}

#nav  ul li ul li a {
  background-color : #FFFFFF;
  display : block;
  width : 150px;
  height : 94px;
  overflow : hidden;
  clear : both;
  background-position : right 50%;
  background-repeat : no-repeat;
  background-image : none;
  text-indent:0;
}

#nav  ul li ul li  #book-fall-winter-2010-2011 {background-image:url(../images/subnav/book-fall-winter-2010-2011.gif);text-indent:-9000px;}
#nav  ul li ul li  #book-spring-summer-2010 {background-image:url(../images/subnav/book-spring-summer-2010.gif);text-indent:-9000px;}
#nav  ul li ul li  #book-fall-winter-2009-2010 {background-image:url(../images/subnav/book-fall-winter-2009-2010.gif);text-indent:-9000px;}
#nav  ul li ul li  #book-spring-summer-2009 {background-image:url(../images/subnav/book-spring-summer-2009.gif);text-indent:-9000px;}
#nav  ul li ul li  #book-fall-winter-2008-2009 {background-image:url(../images/subnav/book-fall-winter-2008-2009.gif);text-indent:-9000px;}
#nav  ul li ul li  #book-spring-summer-2008 {background-image:url(../images/subnav/book-spring-summer-2008.gif);text-indent:-9000px;}

#nav  ul li ul li  #advertising-fall-winter-2010-2011 {background-image:url(../images/subnav/advertising-fall-winter-2010-2011.gif);text-indent:-9000px;}
#nav  ul li ul li  #advertising-spring-summer-2010 {background-image:url(../images/subnav/advertising-spring-summer-2010.gif);text-indent:-9000px;}
#nav  ul li ul li  #advertising-spring-summer-2009 {background-image:url(../images/subnav/advertising-spring-summer-2009.gif);text-indent:-9000px;}
#nav  ul li ul li  #advertising-fall-winter-2008-2009 {background-image:url(../images/subnav/advertising-fall-winter-2008-2009.gif);text-indent:-9000px;}
#nav  ul li ul li  #advertising-spring-summer-2008 {background-image:url(../images/subnav/advertising-spring-summer-2008.gif);text-indent:-9000px;}
#nav  ul li ul li  #advertising-fall-winter-2009-2010 {background-image:url(../images/subnav/advertising-fall-winter-2009-2010.gif);text-indent:-9000px;}

#nav  ul li ul li  #moments-video-winter-11 {background-image:url(../images/subnav/moments-video-winter-11.gif);text-indent:-9000px;}
#nav  ul li ul li  #moments-video-summer-10 {background-image:url(../images/subnav/moments-video-summer-10.gif);text-indent:-9000px;}
#nav  ul li ul li  #moments-video-winter-2009-2010 {background-image:url(../images/subnav/moments-video-winter-2009-2010.gif);text-indent:-9000px;}
#nav  ul li ul li  #moments-video-itw {background-image:url(../images/subnav/moments-video-itw.gif);text-indent:-9000px;}
#nav  ul li ul li  #moments-video-conversation {background-image:url(../images/subnav/moments-video-conversation-2008.gif);text-indent:-9000px;}

#nav  ul li ul li  #libri-autunno-inverno-2010-2011 {background-image:url(../images/subnav/libri-autunno-inverno-2010-2011.gif);text-indent:-9000px;}
#nav  ul li ul li  #libri-primavera-estate-2010 {background-image:url(../images/subnav/libri-primavera-estate-2010.gif);text-indent:-9000px;}
#nav  ul li ul li  #libri-primavera-estate-2009 {background-image:url(../images/subnav/libri-primavera-estate-2009.gif);text-indent:-9000px;}
#nav  ul li ul li  #libri-autunno-inverno-2008-2009 {background-image:url(../images/subnav/libri-autunno-inverno-2008-2009.gif);text-indent:-9000px;}
#nav  ul li ul li  #libri-primavera-estate-2008 {background-image:url(../images/subnav/libri-primavera-estate-2008.gif);text-indent:-9000px;}
#nav  ul li ul li  #libri-autunno-inverno-2009-2010 {background-image:url(../images/subnav/libri-autunno-inverno-2009-2010.gif);text-indent:-9000px;}

#nav  ul li ul li  #advertising-autunno-inverno-2010-2011 {background-image:url(../images/subnav/advertising-autunno-inverno-2010-2011.gif);text-indent:-9000px;}
#nav  ul li ul li  #advertising-primavera-estate-2010 {background-image:url(../images/subnav/advertising-primavera-estate-2010.gif);text-indent:-9000px;}
#nav  ul li ul li  #advertising-primavera-estate-2009 {background-image:url(../images/subnav/advertising-primavera-estate-2009.gif);text-indent:-9000px;}
#nav  ul li ul li  #advertising-autunno-inverno-2008-2009 {background-image:url(../images/subnav/advertising-autunno-inverno-2008-2009.gif);text-indent:-9000px;}
#nav  ul li ul li  #advertising-primavera-estate-2008 {background-image:url(../images/subnav/advertising-primavera-estate-2008.gif);text-indent:-9000px;}
#nav  ul li ul li  #advertising-autunno-inverno-2009-2010 {background-image:url(../images/subnav/advertising-autunno-inverno-2009-2010.gif);text-indent:-9000px;}

#nav  ul li ul li  #momenti-video-inverno-11 {background-image:url(../images/subnav/momenti-video-inverno-11.gif);text-indent:-9000px;}
#nav  ul li ul li  #momenti-video-estate-10 {background-image:url(../images/subnav/momenti-video-estate-10.gif);text-indent:-9000px;}
#nav  ul li ul li  #momenti-video-inverno-2009-2010 {background-image:url(../images/subnav/momenti-video-inverno-2009-2010.gif);text-indent:-9000px;}
#nav  ul li ul li  #momenti-video-conversation {background-image:url(../images/subnav/momenti-video-conversation-2008.gif);text-indent:-9000px;}

#nav  ul li ul li a img {
  width : 150px;
  height : 94px;
  float : left;
}

#footer {
  position              : absolute;
  right                 : 6px;
  bottom                : 6px;
  width                 : 315px;
  height                : 11px;
  background            : url(../images/baseline.gif) no-repeat 0 0;
  text-indent           : -9000px;
}

#content {
  width : 980px;
  margin : 0 auto;
  padding-top : 65px;
}

#content h1{
  color : #666666;
  font-size : 30px;
  margin : 0 0 1em 0;
  text-transform : uppercase;
}

#content a{
  color : #444444;
}

#content strong{
  color : #444444;
}

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

.double-diaporama {
  width : 950px;
  margin : 70px auto 0;
}

.content-philosophy , .content-filosofia{
  padding : 0 80px 0;
	text-align : justify;
}

.content-store-and-contact, .content-negozi-contatti {
  padding : 40px 20px 0 210px;
}

#content p {
  margin-bottom : 0.8em;
  line-height : 1.5em;
  text-align : justify;
  color : #555555;
  font-size : 11px;
}