html, body {
	margin:0; padding:0;
	height:100%;
}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:active {text-decoration: none;}
a:hover {text-decoration: none;}
/* LAYOUT */

#floater {
	position:relative; float:left;
	height:50%;	margin-bottom:-300px;
	width:1px;
}

#contentWrapper{clear:left; height:600px; width:1000px; position:relative; margin:0 auto;}

#leftWrapper {width:200px; height:100%; float:left; overflow:invisible; background-color:#fff; display:table;}
	#cell {display:table-cell; vertical-align:middle; text-align:center;}
		#leftLogo {width:100%; height:187px; margin:0 auto;}

#rightWrapper {width:800px; height:100%; position:relative; float:left; overflow:invisible;}

#menu {width:100%; margin:0 auto; height:35px; text-align:center; background-color:#000;}
#menu li {
	font:bold 1.3em Arial, Sans-serif;
	display:inline;
	list-style-type:none;
	color:#fff;
	float:left;
	padding:9px;
	width:17.5%;
}
#menu li:hover {color:#fff; cursor: pointer;}
#menu li.active {color:#fff; background-color:#fff; background:url(../images/underline.jpg) no-repeat center center;}

#loading {height:535px; width:100%; background-color:#fff !important; background:url(../images/loading.gif) no-repeat center center;}
#gallery {height:535px; width:100%; background-color:#FFEEFE; background-color:#FFEEFE;
/*
	background-image: -moz-linear-gradient(left, right,
                          from(#000),
						  color-stop(50%, #B1BC8D),
                          to(#fff));
*/
	background:url(../images/background_gradient.jpg) no-repeat;
	background-size: 100% 100%;
	background-image: -moz-linear-gradient(right, #fff, #000, #000, #fff);
	background-image: -webkit-linear-gradient(right, #fff, #000, #000, #fff);
	display:none;
}
#gallery img {
    position:absolute;
    top:40px;
    left:20px;
    z-index:8;
    opacity:0.0;
	display:none;
}

#gallery img.active {
    z-index:10;
    opacity:1.0;
	display:block;
}

#gallery img.last-active {
    z-index:9;
	display:block;
}

#gallery:hover{cursor:pointer;}

#galleryLeft{height:100%; width:50%; float:left; z-index:20;}
#galleryRight{height:100%; width:50%; float:right; z-index:20;}
/* #galleryLeft:hover, #galleryRight:hover{cursor:auto;} */

#bio{
	margin:0 auto;
	background:url(../images/bio.jpg) no-repeat center center;
}
#bio:hover{cursor:default;}

#bioInside{
	margin:0 auto;
	padding-top:300px;
	width:350px; height:230px;
	font: 1.3em Arial, sans-serif;
	color: #fff;
	z-index:20;
}

#footer {width:100%; position:absolute; background-color:#000; text-align:center; font:bold 1em Arial, sans-serif; color:#fff;}
    #footerInside {padding:10px;}
	#footerInside a:link {color: white;}

#cassia {margin-top:10px; float: right; text-align:right; font:1em "Courier New";}