body {  
  background-color: #e7e7e0;
} 

#title{
  font-size: 29px;
  font-weight: bold;
  color: #575750;
}

.entry{
  background-color: #efefec;
  background-image: url(entry-bckg.png);
  background-repeat: no-repeat;
}

.entry-content{
  z-index: 2;
}

div#stripe{
  margin-left: -5px;
  position: fixed;
  top: 270px;
  height: 280px;
  width: 100000px;
  background-color: white;
}

div#teasers{
  margin-left: -5px;
  position: fixed;
  top: 270px;
  height: 280px;
  width: 100000px;
  background-color: white;
  background-image: url(teasers.png);
  background-repeat: no-repeat;
}

div#components{
  margin-left: -5px;
  position: fixed;
  top: 270px;
  height: 280px;
  width: 100000px;
  background-color: white;
  background-image: url(screenshots/components.png);
  background-repeat: no-repeat;
}

div#shading{
  margin-left: -5px;
  position: fixed;
  top: 270px;
  height: 280px;
  width: 100000px;
  background-color: white;
  background-image: url(shading.png);
  background-repeat: no-repeat;
}

div#shadows{
  margin-left: -5px;
  position: fixed;
  top: 270px;
  height: 280px;
  width: 100000px;
  background-color: white;
  background-image: url(shadows.png);
  background-repeat: no-repeat;
}

div#lines{
  margin-left: -5px;
  position: fixed;
  top: 270px;
  height: 280px;
  width: 100000px;
  background-color: white;
  background-image: url(lines.png);
  background-repeat: no-repeat;
}

div#image-space{
  margin-left: -5px;
  position: fixed;
  top: 270px;
  height: 280px;
  width: 100000px;
  background-color: white;
  background-image: url(image-space.png);
  background-repeat: no-repeat;
}

div#hybrid{
  margin-left: -5px;
  position: fixed;
  top: 270px;
  height: 280px;
  width: 100000px;
  background-color: white;
  background-image: url(hybrid.png);
  background-repeat: no-repeat;
}

div#object-space{
  margin-left: -5px;
  position: fixed;
  top: 270px;
  height: 280px;
  width: 100000px;
  background-color: white;
  background-image: url(object-space.png);
  background-repeat: no-repeat;
}

div.intro{
  height: 460px;
}

img#teasers-entry{
  position: absolute;
  top: 270px;
  margin-left: -15px;
  margin-top: 0px;
  margin-bottom: 22px;
}

img#screenshot-small{
  margin-left: 140px;
  height:350px;
}

a:link{
 color: #333;
}

a:active{
 color: #444;
}

a:hover{
 color: #888;
}

a:visited{
 color: #888;
}


#menu li a:link{
  color: #fff;
}
#menu li a:visited{
  color: #fff;
}

#menu li a:hover{
  color: #333;
}
#menu li a:active{
  color: #333;
}

#menu li#active a:link{
  color: #333;
}

#menu li#active a:visited{
  color: #333;
}

#menu li#active a:hover{
  color: #333;
}

#menu li#active a:active{
  color: #333;
}

.page-menu ul.navlist li a:hover{
  color: #333;
}

.page-menu ul.navlist li a:active{
  color: #333;
}

.page-menu ul.navlist li.page-menu31_active a{
  color: #333;
}

.page-menu ul.navlist li.page-menu32_active a{
  color: #333;
}

.page-menu ul.navlist li.page-menu33_active a{
  color: #333;
}

.page-menu ul.navlist li.page-menu61_active a{
  color: #333;
}

.page-menu ul.navlist li.page-menu62_active a{
  color: #333;
}

.page-menu ul.navlist li.page-menu63_active a{
  color: #333;
}

.page-menu ul.navlist li.page-menu51_active a{
  color: #333;
}

.page-menu ul.navlist li.page-menu52_active a{
  color: #333;
}

.page-menu ul.navlist li.page-menu53_active a{
  color: #333;
}

.page-menu ul.navlist li.page-menu54_active a{
  color: #333;
}

.page-menu ul.navlist li.page-menu55_active a{
  color: #333;
}

.page-menu ul.navlist li.page-menu61_active a{
  color: #333;
}

.page-menu ul.navlist li.page-menu62_active a{
  color: #333;
}

.page-menu ul.navlist li.page-menu63_active a{
  color: #333;
}

.page-menu ul.navlist li.page-menu64_active a{
  color: #333;
}

.page-menu ul.navlist li.page-menu65_active a{
  color: #333;
}

.page-menu ul.navlist li.page-menu66_active a{
  color: #333;
}


.navbar ul.navlist li a:hover{
  color: #333;
}

.navbar ul.navlist li a:active{
  color: #333;
}



span.code{
  font-family: "lucida console", courier, monospace;
}

div.code{
  font-family: "lucida console", courier, monospace;
	margin-top: 22px;
	margin-bottom: 22px;
  background-color: white;
  margin-left: -15px;
 margin-right: -15px;
  padding: 15px;
}

h1{
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 30px;
}

h1 a{
 text-decoration: none;
  color: #444;
}

h1 a:link{
 text-decoration: none;
  color: #444;
}

h1 a:active{
 text-decoration: none;
  color: #444;
}

h1 a:hover{
 text-decoration: none;
  color: #444;
}

h1 a:visited{
 text-decoration: none;
  color: #444;
}

img#teaser-image-kotek{
  width: 630px;
}

img#teaser-image-maxplanck{
  height: 630px;
  margin-left: 100px;
}

img#teaser-image-clevis{
  width: 630px;
}

img#teaser-image-brain{
  width: 630px;
}

ul#menu
{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	height: 20px;		
	left: 0;
	display:block;
	font-size:15px;
}

ul#menu li{
	display:block;
	float:left;
	margin:0;
	padding-left: 5px;
	padding-right: 5px;
	width:auto;
	height: 20px;	
	background: url(menu.png);
background-repeat: no-repeat;
}
	
ul#menu li#first{
	background:transparent url(menu-first.png);
background-repeat: no-repeat;	
}

ul#menu li#last{
	background:transparent url(menu-last.png);
background-repeat: no-repeat;	
}

ul#menu li#current{
	color: white;
	background:transparent url(menu-current.png);
background-repeat: no-repeat;	
}

ul#menu li#first-current{
	color: white;
	background:transparent url(menu-first-current.png);	
background-repeat: no-repeat;
}

ul#menu li#last-current{
	color: white;
	background:transparent url(menu-last-current.png);	
background-repeat: no-repeat;
}

ul#menu li a{
	display: block;
	float: center;
	text-decoration: none;
}

ul#menu li#current a{
  color: white;
}

ul#menu li#first-current a{
  color: white;
}

ul#menu li#last-current a{
  color: white;
}

p#shading{
  padding-top: 10px;
  padding-bottom: 15px;
}

p#documentation{
  padding-top: 30px;
}

p#faq{
  padding-top: 40px;
}

p#shadows{
  padding-top: 14px;
}

p#lines{
  padding-top: 10px;
  padding-bottom: 10px;
}

p#hybrid{
  margin-top: 6px;
}

h1{

margin-top: 25px;
}

img{

	margin-top: 7px;
	margin-bottom: 7px;
}

img#components{
  width: 660px;
  margin-left: -15px;
}

img.knot-gradient{
  width: 400px;
  margin-left: 115px;
}

img#torus-cel{
  width: 500px;
  margin-left: 65px;
}

img#lut{
  width: 422px;
}

img#popup{
  width: 422px;
}

img#save{
  width: 630px;
}

img#metalblade{
  width: 540px;
  margin-left: 45px;
  margin-bottom: 22px;
}


img#genusplastic{
  width: 400px;
  margin-left: 115px;

}

img#stylized-shadows{
  margin-left: -15px;
  width: 660px;
}

img#torus-shadows{
  width: 27%;
  margin-right: 30px;
}

img#kotek-shadows{
  width: 27%;
}

img#smoothstep{
  margin-left: 65px;
  width: 500px;
}

img.cubehole-sobel{
  width: 312px;
}

img.hippo-sobel-top{
  width: 312px;
  margin-bottom: 1px;
}

img.hippo-sobel-bottom{
  margin-top: 1px;
  width: 312px;
}

img.rockerarm-sobel{
  width: 400px;
  margin-left: 115px;
}

img#sandal-sobel{
  width: 400px;
  margin-left: 115px;
}

img#lucy-image{
  width: 312px;
  margin-bottom: 1px;
}

img#lucy-smoothstep{
  width:  312px;
  margin-bottom: 1px;
}

img#lucy-median{
  width:  312px;
  margin-top: 1px;
}

img#lucy-contours{
  width:  312px;
  margin-top: 1px;
}

img.lucy-suggestivecontours{
  margin-left: 165px;
  width: 300px;
}

img#maxplanck-suggestivecontours{
   width: 300px;
  margin-left: 165px;
}

img#femur-sobel{
  width: 312px;
}

img#femur-suggestivecontours{
  width: 312px;
}

img#shell-sobel{
  width: 312px;
}

img#shell-suggestivecontours{
  width: 312px;
}

img#flange-highlights{
  width: 400px;
  margin-left: 115px;
}

img#brain{
  width: 480px;
  margin-left: 75px;
}

img#flange-median-sobel{
  width: 400px;
  margin-left: 115px;
}

img.sixcubes{
  width:  312px;
}

img#torus-small{
   width:  312px;
}

img#torus-large{
   width:  312px;
}

img#elephant-wireframe{
  width: 400px;
  margin-left: 115px;
}

img#kotek{
  width: 630px;
}

img#foot-bones-offset{
  width: 630px;
}

img#twoboxcloth-offset{
  width: 450px;
  margin-left: 90px;
}

img#clevis-creases{
  width: 630px;
}

img.cube-creases{
  width: 312px;
}

img#rockerarm-ridges-valleys{
  width: 630px;
}

img#flange-ridges-valleys{
  width: 630px;
}

img#igea-apparent-ridges{
  width: 450px;
  margin-left: 90px;
}

img#screenshot-big{
  width: 630px;
}

img.lines{
width: 630px;
}