/* General */
body {
  background-color: #e5e5e5;   
  font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
  color: #4E443C;
  height:100%;
}

h3 {
  font-size: 22px;
  line-height: 22px;
  font-weight: normal;
  margin-bottom: 0.5em;
}

h6 {
  font-size: 16px;
  line-height: 16px;
  font-weight: normal;
  margin-bottom: 0.5em;
}


h4 {
  font-size: 110%;
  color: black;
  margin-bottom: 10px;
  margin-top: 4px;
}

p {
  margin: 0 0 11px;
  font-size: 14px;
  line-height: 22px;
}

/*li { font-size: 90%; }*/


.small {
  font-size: 90%;
}

.tiny {
  font-size: 78%;
}

a {
  margin:0;
  padding:0;
  font-size:100%;
  vertical-align:baseline;
  text-decoration: none;
  background:transparent;
  color:#2877e2;
}

/* NAV */
#main-nav { width: 984px; height: 47px; margin: 18px auto; position: relative;}
#main-nav #nav { margin: 0; padding: 0; }
#main-nav #nav li { display: inline; float: left;}

#main-nav #nav li a { 
	background-image: url(images/menubar.png);
	background-repeat: no-repeat;
	outline: none;
	display: block;
	height: 52px;
}

#main-nav #nav li a span{ 
	display: none;
}

/* NAV BUTTONS */
#main-nav #nav li#nav-logo a { width: 304px; background-position: 0 0; }
#main-nav #nav li#nav-home a { width: 90px; background-position: -300px 0; }
#main-nav #nav li#nav-about a { width: 90px; background-position: -390px 0; }
#main-nav #nav li#nav-doc a { width: 152px; background-position: -572px 0; }
#main-nav #nav li#nav-download a { width: 143px; background-position: -844px 0; }

#main-nav #nav li#nav-home a:hover { width: 90px; background-position: -300px -52px; }
#main-nav #nav li#nav-about a:hover { width: 90px; background-position: -390px -52px; }
#main-nav #nav li#nav-doc a:hover { width: 152px; background-position: -572px -52px; }
#main-nav #nav li#nav-download a:hover { width: 143px; background-position: -844px -52px; }

#main-nav #nav li#nav-home a.on { width: 90px; background-position: -300px -52px; }
#main-nav #nav li#nav-about a.on { width: 90px; background-position: -390px -52px; }
#main-nav #nav li#nav-doc a.on { width: 152px; background-position: -572px -52px; }
#main-nav #nav li#nav-download a.on { width: 143px; background-position: -844px -52px; }


/* Button */
.button, input[type="submit"] {
  display: inline-block;
  padding: 8px 12px;
  background: #8f8f8f;
  color: white;
  text-decoration: none;
  -moz-border-radius: 6px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 14px;
  font-weight:normal;
  margin-bottom: 10px;
}

.button:hover, input[type="submit"]:hover {
  background: black;
}


/* Page */
#page {
  width: 978px;
  height: 100%;
  margin: 4px auto;
  position: relative;
}

/* Table */
table, tr, td { 
  padding: 0px;
  margin: 0px;
  border: 0;
}

td { vertical-align: top; }

/* Section */
.section {
  display: inline;
  float: left;
  margin-top: 5px;
  margin-bottom: 0px;
  width: 640px; 
}



.section span {
  display: inline;
  float: left;
  width: 100%; 
  margin-bottom: 20px;
  margin-top: 10px;
}

.subsection {
  display: inline;
  float: left;
  margin: 0px;
  padding: 0px;
  width: 640px; 
}


/* Side bars */
#side-bar {
  display: inline;
  float: left;
  margin-top: 10px;
  margin-left: 58px;
  padding: 10px;
  width: 250px; 
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: #dadbdb;
  border: 1px solid #C8C8C8;
}


/* Houdini */

#side-bar-houdini {
  display: inline;
  float: left;
  margin-top: 35px;
  margin-left: 58px;
  padding: 10px;
  width: 250px; 
  height: 187px;
  border: 1px solid white;
  background-color: #ffffff;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

#side-bar-houdini h4 {
  background:transparent url(https://www.multithreadingandvfx.org/images/houdini.png) left top no-repeat;
  margin-bottom: 10px;
  padding-left:30px;
}

#side-bar-houdini a {color: #4E443C;}


/* Renderman */

#side-bar-renderman {
  display: inline;
  float: left;
  margin-top: 10px;
  margin-left: 58px;
  padding: 10px;
  width: 250px; 
  height: 155px;
  background-color: #ffffff;
  border: 1px solid white;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

#side-bar-renderman h4 {
  background:transparent url(https://www.multithreadingandvfx.org/images/renderman.png) left top no-repeat;
  margin-bottom: 10px;
  padding-left:30px;
  height: 55px;
}

/* Arnold */

#side-bar-arnold {
  display: inline;
  float: left;
  margin-top: 10px;
  margin-left: 58px;
  padding: 10px;
  width: 250px; 
  height: 180px;
  background-color: #ffffff;
  border: 1px solid white;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

#side-bar-arnold h4 {
  background:transparent url(https://www.multithreadingandvfx.org/images/arnold.jpg) left top no-repeat;
  margin-bottom: 5px;
  padding-left:30px;
  height: 40px;
}



/* News */
.news-item {
  display: inline;
  float: left;
  width: 100%; 
  padding: 0px;
  margin-top: 5px;
  padding: 5px;

}

.news-item h4 {
  padding: 0px;
  margin: 0px;
  font-size: 90%;
  color: #4E443C;
  border-bottom: 1px solid #d1d1d1;

}

.news-item h5 {
  padding: 0px;
  margin: 0px;
  font-size: 70%;
  border-bottom: 1px solid #d1d1d1;

}

.news-item p {
  border-top: 1px solid #ffffff;
}



/* Images */
a img {
  border: 1px solid #dadbdb;
  padding: 2px;
  margin: 5px 5px 5px 0;
  vertical-align: top;
  background-color: white;
}

/* About NAV */
#about-nav {
  width: 622px;
  height: 40px;
  margin: 0px;
  position: relative;
}
#about-nav #nav { margin: 0; padding: 0; }
#about-nav #nav li { display: inline; float: left;}

#about-nav #nav li a { 
  background-image: url(https://www.multithreadingandvfx.org/images/aboutmenu.png);
  background-repeat: no-repeat;
  outline: none;
  display: block;
  height: 40px;
}

#about-nav #nav li a span{ 
	display: none;
}

/* NAV BUTTONS */
#about-nav #nav li#nav-openvdb a { width: 165px; background-position: 0px 0px; }
#about-nav #nav li#nav-acknowledgements a { width: 178px; background-position: -165px 0px; }
#about-nav #nav li#nav-publications a { width: 196px; background-position: -343px 0px; }

#about-nav #nav li#nav-openvdb a:hover { width: 165px; background-position: 0px -40px; }
#about-nav #nav li#nav-acknowledgements a:hover { width: 178px; background-position: -165px -40px; }
#about-nav #nav li#nav-publications a:hover { width: 196px; background-position: -343px -40px; }

#about-nav #nav li#nav-openvdb a.on { width: 165px; background-position: 0px -40px; }
#about-nav #nav li#nav-acknowledgements a.on { width: 178px; background-position: -165px -40px; }
#about-nav #nav li#nav-publications a.on { width: 196px; background-position: -343px -40px; }

/*Download images*/
.img-button {
 display: inline-block;
 float: left;
 margin: 10px;
 margin-left: 0px;
 margin-top: 0px;
 width: 146px;
 height: 112px;
 border: 2px solid black;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.img-button span{ 
  display: none;
}

.img-button:hover {
  border: 2px solid black;
}


/*Armadillo*/
#img-armadillo {
 background:transparent url(https://www.multithreadingandvfx.org/images/armadillo.jpg) center top no-repeat;
}

#img-armadillo:hover {
 background:transparent url(https://www.multithreadingandvfx.org/images/armadillo_over.jpg) center top no-repeat;
}

/*Box*/
#img-box {
 background:transparent url(https://www.multithreadingandvfx.org/images/box.jpg) center top no-repeat;
}

#img-box:hover {
 background:transparent url(https://www.multithreadingandvfx.org/images/box_over.jpg) center top no-repeat;
}


/*Buddha*/
#img-buddha {
 background:transparent url(https://www.multithreadingandvfx.org/images/buddha.jpg) center top no-repeat;
}

#img-buddha:hover {
 background:transparent url(https://www.multithreadingandvfx.org/images/buddha_over.jpg) center top no-repeat;
}

/*Bunny*/
#img-bunny {
 background:transparent url(https://www.multithreadingandvfx.org/images/bunny.jpg) center top no-repeat;
}

#img-bunny:hover {
 background:transparent url(https://www.multithreadingandvfx.org/images/bunny_over.jpg) center top no-repeat;
}

/*Dragon*/
#img-dragon {
 background:transparent url(https://www.multithreadingandvfx.org/images/dragon.jpg) center top no-repeat;
}

#img-dragon:hover {
 background:transparent url(https://www.multithreadingandvfx.org/images/dragon_over.jpg) center top no-repeat;
}

/*Icosahedron*/
#img-icosahedron:hover {
 background:transparent url(https://www.multithreadingandvfx.org/images/icosahedron_over.jpg) center top no-repeat;
}

#img-icosahedron {
 background:transparent url(https://www.multithreadingandvfx.org/images/icosahedron.jpg) center top no-repeat;
}

/*Sphere*/
#img-sphere {
 background:transparent url(https://www.multithreadingandvfx.org/images/sphere.jpg) center top no-repeat;
}

#img-sphere:hover {
 background:transparent url(https://www.multithreadingandvfx.org/images/sphere_over.jpg) center top no-repeat;
}

/*Torus*/
#img-torus {
 background:transparent url(https://www.multithreadingandvfx.org/images/torus.jpg) center top no-repeat;
}

#img-torus:hover {
 background:transparent url(https://www.multithreadingandvfx.org/images/torus_over.jpg) center top no-repeat;
}

/*Utahteapot*/
#img-utahteapot {
 background:transparent url(https://www.multithreadingandvfx.org/images/utahteapot.jpg) center top no-repeat;
}

#img-utahteapot:hover {
 background:transparent url(https://www.multithreadingandvfx.org/images/utahteapot_over.jpg) center top no-repeat;
}

/*Venus statue*/
#img-venusstatue {
 background:transparent url(https://www.multithreadingandvfx.org/images/venusstatue.jpg) center top no-repeat;
}

#img-venusstatue:hover {
 background:transparent url(https://www.multithreadingandvfx.org/images/venusstatue_over.jpg) center top no-repeat;
}

/*Crawler*/
#img-crawler {
 background:transparent url(https://www.multithreadingandvfx.org/images/crawler.jpg) center top no-repeat;
}

#img-crawler:hover {
 background:transparent url(https://www.multithreadingandvfx.org/images/crawler_over.jpg) center top no-repeat;
}

/*Crawler*/
#img-emu {
 background:transparent url(https://www.multithreadingandvfx.org/images/emu.jpg) center top no-repeat;
}

#img-emu:hover {
 background:transparent url(https://www.multithreadingandvfx.org/images/emu_over.jpg) center top no-repeat;
}

/*ISS*/
#img-iss {
 background:transparent url(https://www.multithreadingandvfx.org/images/iss.jpg) center top no-repeat;
}

#img-iss:hover {
 background:transparent url(https://www.multithreadingandvfx.org/images/iss_over.jpg) center top no-repeat;
}

/*Space*/
#img-space {
 background:transparent url(https://www.multithreadingandvfx.org/images/space.jpg) center top no-repeat;
}

#img-space:hover {
 background:transparent url(https://www.multithreadingandvfx.org/images/space_over.jpg) center top no-repeat;
}

/*Smoke1*/
#img-smoke1 {
 background:transparent url(https://www.multithreadingandvfx.org/images/smoke1.jpg) center top no-repeat;
}

#img-smoke1:hover {
 background:transparent url(https://www.multithreadingandvfx.org/images/smoke1_over.jpg) center top no-repeat;
}

/*Smoke2*/
#img-smoke2 {
 background:transparent url(https://www.multithreadingandvfx.org/images/smoke2.jpg) center top no-repeat;
}

#img-smoke2:hover {
 background:transparent url(https://www.multithreadingandvfx.org/images/smoke2_over.jpg) center top no-repeat;
}

/*Fire*/
#img-fire {
 background:transparent url(https://www.multithreadingandvfx.org/images/fire.jpg) center top no-repeat;
}

#img-fire:hover {
 background:transparent url(https://www.multithreadingandvfx.org/images/fire_over.jpg) center top no-repeat;
}

/*Bunny Cloud*/
#img-bunny_cloud {
 background:transparent url(https://www.multithreadingandvfx.org/images/bunny_cloud.jpg) center top no-repeat;
}

#img-bunny_cloud:hover {
 background:transparent url(https://www.multithreadingandvfx.org/images/bunny_cloud_over.jpg) center top no-repeat;
}

/*Explosion*/
#img-explosion {
 background:transparent url(https://www.multithreadingandvfx.org/images/explosion.jpg) center top no-repeat;
}

#img-explosion:hover {
 background:transparent url(https://www.multithreadingandvfx.org/images/explosion_over.jpg) center top no-repeat;
}







.banner {
  display: inline;
  float: left;
  width: 974px; 
  height: 240px;
  background-color: #dadbdb;
  border: 1px solid #dadbdb;
  -moz-border-radius: 8px;
  border-radius: 8px;
  margin-bottom: 20px;
}

#img-home {
  background:transparent url(https://www.multithreadingandvfx.org/images/banner1.png) center top no-repeat;
}

#img-about {
 background:transparent url(https://www.multithreadingandvfx.org/images/banner_about.png) center top no-repeat;
}

#img-forum {
 background:transparent url(https://www.multithreadingandvfx.org/images/banner_forum.png) center top no-repeat;
}

#img-license {
 background:transparent url(https://www.multithreadingandvfx.org/images/banner_license.png) center top no-repeat;
}

#img-download {
 background:transparent url(https://www.multithreadingandvfx.org/images/banner_download.png) center top no-repeat;
}

iframe {
 display: inline;
 float: left;
 height: 700px;
 width: 978px;
 border: 0px;
 box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}



/* Footer */
#footer {
  display: inline;
  float: left;
  margin-top: 50px;
  width: 100%; 
  height: 40px;
  border-top: 1px solid #c4c4c4;
}

#footer p {
  text-align:center;
  padding-top: 10px;
  color: #504e53;
  font-size: 11px;
}