/* boxes */

body
 {font: Verdana, Geneva, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
 	background-color: #eee;}
 	
 	
#content {
	width: 960px; 
	height: 680px;
	background-color: #000000;
	margin:auto;
	margin-top: 20px;
	border: 0px solid #000000;}
	

#main_content {
	width: 760px;
	height: 680px;
	float: right;
	border: 0px solid #231f20;}
	
	
#copy {
	width: 760px;
	height: 620px;
	position: relative;
	top: 60px;}
	
	
#right_pic {
	width: 230px;
	height: 305px;
	margin: 60px 190px 0 0;
	float: right;
	border: 0px solid red;}


#left_copy {
	width: 280px;
	height: 305px;
	margin-top: 60px;
	border: 0px solid blue;}
	
	
	
#left_content {
	width: 200px;
	height: 680px;
	border: 0px solid #231f20;}
	

#nav {
	width: 140px;
	height: 100px;
	position: relative;
	top: 130px;
	margin-left: 60px;}

	



/* navigation */
.navlist, .navlist ul {
	margin:0;
	padding:0;
	list-style:none;}

.navlist {
	width:100px;
	margin-left: 0px;
	}

.navlist li {
	margin:0;
	padding:0;
	margin-bottom:0px;
	margin-bottom: 27px;
	}


.navlist a {
	font:  14px Verdana, Geneva, sans-serif;;
	display: block;
	padding:0;
	color:#9fa1a4;
	text-decoration:none;
	text-align: left;
	font-weight: 300;
	}
	
.navlist a:hover {	
	color:#9fa1a4;
	font-weight: bold;
	text-decoration:none;}
	

a.active {font-weight: bold;}
	

#list li { display: none; }



#slideshow {
    position:relative;
    height:350px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}