@import url('lifestyle.css');

#ArticleAjax {
  height:               545px;
  margin:               0;
  position:             absolute;
  right:                8px;
  top:                  0;
  width:                519px;
  z-index:              10;
  }
#ArticleBackground {
  background-color:     #ffffff;
  height:               545px;
  margin:               0;
  position:             absolute;
  right:                0;
  top:                  0;
  width:                519px;
  z-index:              9;
  }
  
/* MakingOf */
div#MakingOf {
  margin:               49px 0 0 10px;
  }
div#MakingOf ul.Articles {
  font-size:            11px;
  font-family:          Arial;
  list-style-type:      none;
  margin:               20px 0 0 136px;
  padding:              0;
  }
div#MakingOf ul.Articles li {
  font-family:          Arial;
  margin:               0 0 14px 3px;
  padding:              0;
  }
div#MakingOf ul.Articles li a {
  color:                #ffffff;
  font-weight:          bold;
  font-size:            11px;
  font-style:           normal;
  line-height:          14px;
  margin-left:          -5px;
  padding:              1px 3px;
  }
div#MakingOf ul.Articles li a:hover,
div#MakingOf ul.Articles li a:active,
div#MakingOf ul.Articles li a.active {
  background-color:     #5f5f63;
  }
div#MakingOfContent {
  color:                #303030;
  margin:               49px 10px 0 14px;
  }
div#MakingOfContent h1 {
	color:                #303030;
	font-size:						18px;
	font-weight:					bold;
	line-height:					20px;
	margin:								0px 0px 4px;
	padding:							0pt;
	}
#ArticleAjax div.Content {
	background-image: none;
	float:left;
	height:               400px;
  margin:               64px 0 0 60px;
  padding:              0 10px 0 0;
  overflow:             auto;
	width:								450px;
	}
  
/* Designer */
div#Designer {
  margin:               49px 0 0 10px;
  }
div#DesignerContent {
  color:                #303030;
  margin:               49px 10px 0 14px;
  }
div#DesignerContent h1 {
	color:                #303030;
	font-size:						18px;
	font-weight:					bold;
	line-height:					20px;
	margin:								0px 0px 4px;
	padding:							0pt;
	}
#Designer div.DesignerList {
  float: left;
  margin: 27px 0 0 28px;
  width: 208px;
}
#Designer div.DesignerList ul.Articles {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#Designer div.DesignerList ul.Articles li {
  float: left;
  margin: 0;
  padding: 0 0 6px 10px;
}
#Designer div.DesignerImages {
  float: left; 
  width: 89px;
  height: 89px;
  background: none; 
  overflow: hidden;
}
#Designer div.DesignerImages a {
  display: block;
  height: 89px;
  width: 89px;
}
#Designer div.DesignerImages a:hover,
#Designer div.DesignerImages a:active,
#Designer div.DesignerImages a.active {
  background-position: 0px 89px;
  display: block;
  height: 89px;
  width: 89px;
}
#Designer #ArticleAjax {
  height:               545px;
  margin:               0;
  padding: 0;
  position:             absolute;
  right:                8px;
  top:                  0;
  width:                450px;
  z-index:              10;
  }
#Designer #ArticleAjax h1 {
  color: #000000;
  font-size: 18px;
  font-weight: normal;
  margin: 0 0 0 -5px;
  padding: 46px 0 0 0;
}
#Designer #ArticleAjax p {
  color: #373743;
  font-family: Arial;
  font-size: 11px;
  font-weight: normal;
}
#Designer #ArticleAjax div.Content {
	background-image: none;
	float:left;
	height:               350px;
  margin:               106px 0 0 0;
  padding:              0;
  overflow:             auto;
	width:								394px;
	}
#Designer #ArticleBackground {
  background: none;
  height:               545px;
  margin:               0;
  position:             absolute;
  right:                0;
  top:                  0;
  width:                519px;
  z-index:              9;
  }  
  
/* InspirationMenu */  
#InspirationMenu {
  height:               514px;
	margin:               0px;
  left:                 0;
  padding:              0px;
  position:             absolute;
  top:                  0;
  width:                875px;
  }
#InspirationMenu div.Teaser {
  left:                 450px;
  position:             absolute;
  top:                  1px;
  width:                353px;
  }
#InspirationMenu div.Teaser a {
  display:              block;
  filter:               alpha (opacity=70); -moz-opacity:0.7;
  height:               128px;
  width:                353px;
  }
#InspirationMenu div.Teaser a img {
  margin:               4px;
  }
#InspirationMenu div.Teaser a:hover, 
#InspirationMenu div.Teaser a:active {
  background-image:     url('../images/leonardo/inspiration/bg.highlight.gif');
  background-repeat:    no-repeat;
  filter:               alpha (opacity=100); -moz-opacity:1.0;
  }
#InspirationMenu h1 {
  font-family:          Arial;
  font-size:            24px;
  font-weight:          normal;
  margin-top:           50px;
  margin-left:          10px;
  } 
#InspirationMenu p {
  font-family:          Arial;
  font-size:            11px;
  margin-left:          220px;
  margin-top:           75px;
  } 

/* Inspiration */ 
#Inspiration {
  border: 0px solid red;
  bottom: 0;
  height: 170px;
  margin: 0;
  position: absolute;
  right: 8px;
  width: 875px;
  z-index: 20;
} 
#Inspiration td {
  border-right: 2px solid #93939a;
} 
#Inspiration td.Image {
  border-top: 2px solid #93939a;
}
div.InspirationVideo {
  position: absolute;
  top: 84px;
  left: -27px;
  border: 0px solid red;
  width: 508px;
  height: 285px;
}