@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0}

html{
	min-height:100%;
	min-width:100%;
	position:relative;
}

body {
	background-image:url(../content/patterns/black_linen_v2.png);
}

#header {
	height:100px;
	width:100%;
	-moz-box-shadow: 0 0 40px #000;
	-webkit-box-shadow: 0 0 40px #000;
	box-shadow: 0 0 40px #000;
	background-color:#222;
}

#header img {
	margin-top: 10px;
	margin-left: 20px;	
}

#content {
	padding-top: 40px;
}

.accordion {
	width:100%;
}

.accordion img {
	border-style:none;	
}

.accordion dt {
	width:1000px;
	height:156px;
	margin-left:auto;
	margin-right:auto;
	font-weight:bold;
	cursor:pointer;
	background-position:right center;
	background-repeat:no-repeat;
	-moz-box-shadow:     0 0 200px #000000;
   	-webkit-box-shadow:  0 0 40px #000000;
   	box-shadow:          0 0 40px #000000;
	z-index:500;

}

.accordion p {
	width:1000px;
	height:64px;
	margin-left:auto;
	margin-right:auto;
	font-weight:bold;
	cursor:pointer;
	background-position:right center;
	background-repeat:no-repeat;
	-moz-box-shadow:     0 0 200px #000000;
   	-webkit-box-shadow:  0 0 40px #000000;
   	box-shadow:          0 0 40px #000000;
}

.accordion dd {
	overflow:hidden;
	height:auto;
	background-image:url(../content/patterns/dirty_old_shirt.png);
	-moz-box-shadow:    inset 0 -10px 200px #000000;
   	-webkit-box-shadow: inset 0 -10px 200px #000000;
   	box-shadow:         inset 0 -10px 200px #000000;
	inset 0 -1px 1px rgba(0,0,0,0.5), /*bottom internal shadow*/ 
    inset 0 1px 1px rgba(255,255,255,0.8); /*top internal highlight*/
	z-index:-500;
}

.container-outer { overflow-x: scroll; width: 100%; height: 380px;}
.container-inner-2d { width: 2700px;}
.container-inner-3d { width: 1700px; margin-left: auto; margin-right: auto; }
.container-inner-interactive { width: 1020px; margin-left: auto; margin-right: auto;}

.bottomLinks {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	margin-top:25px;
	z-index:500;
}

.bottomLinks ul {
	font-family: 'Fjalla One', sans-serif;
    list-style-type: none;
	float:right;
}

.bottomLinks li{
	color:#999;
	text-decoration:none;
	margin-left:25px;
	margin-right:25px;
	float:left;
	display:inline;

}

.bottomLinks a{
	text-decoration:none;
	color:#999;
}

.bottomLinks p{
	color:#666;
	display:inline;
}

#thumb {
	display:inline-block;
	padding-top:30px;
	padding-left:30px;
	vertical-align:middle;	::-webkit-scrollbar {
    width: 12px;
}