body, html {
    margin:0;
    padding:0;
    background:white;
    color:#000;
}
body {
    min-width: 750px; 
    font-size: 62.5%;
}
#wrapper {
	width: 100%;
	min-width: 1000px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

#explain { font-size: 1.4em; }
table {
    font-size: 11px; 
    margin-left: auto;
    margin-right: auto;
    padding:0px;
}
#codebox {
    height:26px;
    border: 1px solid LightGray;
    margin-top: 10px;
}
#libraryBox {
    height:26px;
}
#libraryContainer {
    border: 1px solid LightGray;
    margin-top: 10px;
    font-size: 1.4em;
}

#canvascontainer {
	margin-left: 5px;
    margin-top: 5px;
    width: 400px;
    float: left;
    position: fixed;
    font-size: 1.8em;
	
}
#content {
	padding: 0 270px 0 270px;
}

#content3d {
	border:2px solid black;
	 width: 400px;
	height:400px;
}
#textcontainer {
    font-size: 1em;
    margin-left: 420px;
    margin-right: 10px;
    margin-top:   10px;
}

#controlcontainer {
	margin-left: 5px;
    margin-top: 5px;
    width: 400px;
    overflow:auto;
    position: fixed;
    font-size: .8em;
	
}
#footer {clear:both;}

#containerborder { border: 1px solid DarkGray; }
#libraryBox { border: 1px solid DarkGray; }
a:link { color: #333; }
a:visited { color: #999; }
h1 { font: Strong 18px Cambria, Georgia, Times New Roman, Calibri, serif;
     margin-left: 10px;
}
#nextLink { float:right;
    margin-right:30px
	
}
#tbl-matrix         {font-size: 11px; border:1px solid black; }
#tbl-matrix  td  {width:34px; height:30px; text-align:center;}
#m0,#m1,#m2        {color:#9BBB59;}
#m4,#m5,#m6        {color:#F0720A;}
#m8,#m9,#m10      {color:#C0504D;}
#m12,#m13,#m14  {color:#1f1f1f; font-weight:bold;}
#m3,#m7,#m11        {color:#888888;}

#slider-x-value, #slider-y-value, #slider-z-value {width:20px;}
#slider-position-x-value, #slider-position-y-value, #slider-position-z-value , slider-dolly-value, #slider-angle-x-value, #slider-angle-y-value, #slider-angle-z-value {width:20px;}

.menu ul{
    margin: 0; padding: 0;
    float: left;} 
	
	.menu ul li{
    display: inline;} 
	
	.menu ul li a{
    float: left; text-decoration: none;
    color: white;
	padding: 10.5px 11px;
    background-color: DarkGray; } 
	
	.menu ul li a:visited{
    color: white;} 
	
	.menu ul li a:hover, .menu ul li .current{
    color: #fff;
    background-color:#0b75b2;
	}
.fancybox-nav {
    width: 60px;       
}

.fancybox-nav span {
    visibility: visible;
}

.fancybox-next {
    right: -60px;
}

.fancybox-prev {
    left: -60px;
}