body
{
margin:0;
background:url('chemistry.jpg');
background-size: 100% auto;
}

#wrap
{
width:100%;
font-family:Helvetica, Serif;
}

/* Navigation */

#nav
{
width:100%;
height:9%;
position:relative;
margin-bottom:3%;
margin-top:-1.5%;
background-color:#061F70;
}

#nav img
{
width:15%;
margin-left:3%;
float:left;
}

#nav ul
{
margin-left:45%;
}

#nav ul li
{
display:inline;
list-style:none;
}

.k
{
margin-top:3%;
padding-right:9%;
display:inline-block;
}

a
{
text-decoration:none;
color:white;
font-weight:bold;
}

a:hover
{
color:#689CD2;
}

/* End of Navigation */

#content
{
width:90%;
margin-left:5%;
margin-right:5%;
position:absolute;
padding-bottom:2%;
background-color:#689CD2;
z-index:-1;
box-shadow:10px 10px 110px black;
font-family:Helvetica, Serif;
color:white;
}

/* Slideshow */

#sliderFrame 
{
    position:relative;
    width:75%;
    margin: 0 auto;
	margin-top:6%;
}

#slider, #slider div.sliderInner 
{
    width:700px;height:300px;
}

#slider 
{
	background:#fff url(loading.gif) no-repeat 50% 50%;
	position:relative;
	margin:0 auto;
    transform: translate3d(0,0,0);
    box-shadow: 0px 1px 5px #999999;
	border:1px solid white;
}

#slider a.imgLink, #slider div.video 
{
	z-index:2;
	position:absolute;
	top:0px;left:0px;border:0;padding:0;margin:0;
	width:100%;height:100%;
}

#slider .video 
{
	background:transparent url(video.png) no-repeat 50% 50%;
}

#slider div.mc-caption-bg, #slider div.mc-caption-bg2 
{
	position:absolute;
	width:100%;
	height:auto;
	padding:10px 0;
	left:0px;
	bottom:0px;
	z-index:3;
	overflow:hidden;
	font-size: 0;
}

#slider div.mc-caption-bg 
{
background:Black;
}

#slider div.mc-caption-bg2 
{
    background:none;
}

#slider div.mc-caption 
{
	font: bold 14px/20px Helvetica;
	color:#EEE;
	z-index:4;
	text-align:center;
    background:none;
}

#slider div.mc-caption a 
{
	color:#FB0;
}

#slider div.mc-caption a:hover 
{
	color:#DA0;
}

#slider div.navBulletsWrapper  
{
    top:320px;
	text-align:center;
	background:none;
	position:relative;
	z-index:5;
}

#slider div.navBulletsWrapper div 
{
    width:11px; height:11px;
    font-size:0;color:White;
    background:transparent url(bullet.png) no-repeat 0 0;
    display:inline-block; *display:inline; zoom:1;
    overflow:hidden;cursor:pointer;
    margin:0 6px;
}

#slider div.navBulletsWrapper div.active 
{
background-position:0 -11px;
}

#slider div.loading 
{
    width:100%; height:100%;
    background:transparent url(loading.gif) no-repeat 50% 50%;
    filter: alpha(opacity=60);
    opacity:0.6;
    position:absolute;
    left:0;
    top:0; 
    z-index:9;
}

#slider img, #slider>b, #slider a>b 
{
	position:absolute; border:none; display:none;
}

#slider div.sliderInner 
{
	overflow:hidden; 
	-webkit-transform: rotate(0.000001deg);
	position:absolute; top:0; left:0;
}

#slider>a, #slider video, #slider audio 
{
display:none;
}

/* End of Slideshow */

/* Index */

#slogan
{
margin-top:5%;
font-size:350%;
font-family:Impact, Serif;
text-align:center;
color:#fff;
}

#content hr
{
width:15%;
height:0.2%;
margin-top:1%;
margin-bottom:3%;
background-color:#fff;
}

#description
{
font-size:195%;
font-family:Impact, Serif;
text-align:center;
color:#fff;
}

/* End of Index */




/* Apparatus */
.no img
{
width:65%;
height:160px;
margin:0% 17%;
float:left;
border:1px solid white;
}

table
{
margin-top:13%;
margin-bottom:1%;
}

td
{
width:15%;
text-align:center;
}

span
{
font-family:Helvetica, Serif;
color:#fff;
}

#id td
{
padding-top:5%;
}

#beakers
{
margin-top:15%;
margin-right:5%;
margin-left:5%;
}

.def
{
margin-top:3%;
margin-right:5%;
margin-left:5%;
margin-bottom:3%;
}

/* End of Apparatus */

/* Safety Measures */

#content .k
{
margin-top:12%;
margin-left:5%;
margin-right:5%;
}

#content .l
{
margin-left:5%;
margin-right:5%;
}

/* End of Safety Measures */

/* Gallery */

.glass img
{
width:20%;
height:15%;
margin:5%;
padding:1%;
border:1px solid white;
float:left;
text-align:center;
}

.a
{
margin-left:6%;
margin-right:7%;
display:inline;
font-family:Helvetica, Serif;
font-size:95;
color:white;
}

#b
{
border:1px solid white;
margin-left:-5%;
display:inline;
font-family:Helvetica, Serif;
font-size:95;
color:white;
}

/* End of Gallery*/

/* Footer */

#foot
{
margin-top:62%;
margin-bottom:-3%;
width:99%;
padding-left:1%;
background-color:#061F70;
font-family:Helvetica, Serif;
font-size:75%;
color:white;
}

#foot img
{
padding-top:1%;
width:3%;
}

/* End of Footer */

/* Footer 2 */

#foot2
{
margin-top:125%;
margin-bottom:-5%;
width:99%;
padding-left:1%;
background-color:#061F70;
font-family:Helvetica, Serif;
font-size:75%;
color:white;
}

#foot2 img
{
padding-top:1%;
width:3%;
}

/* End of Footer 2 */

/* Footer 3 */

#foot3
{
margin-top:88%;
margin-bottom:-5%;
width:99%;
padding-left:1%;
background-color:#061F70;
font-family:Helvetica, Serif;
font-size:75%;
color:white;
}

#foot3 img
{
padding-top:1%;
width:3%;
}

/* End of Footer 3 */