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

/*--------------------------------------------

				Defaults
				
---------------------------------------------*/


html, body, div, span, applet, object, iframe,
 h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
.left {
float: left;
}
.right {
float: right;
}
em {
font-style: italic;
}
strong {
font-weight: bold;
}
.hidden {
display: none;
}
.offscreen {
position: absolute;
left: -999em;
}

/*--------------------------------------------

				Layout
				
---------------------------------------------*/

body {
text-align: left;
font-size: 62.5%;
text-align: left;
}

.container {

float: left;
padding: 50px 0 0 100px;
color: #666;
font-size: 1.2em;
font: Helvetica, Arial, sans-serif;
font-family: Helvetica, Arial, sans-serif;
letter-spacing: 0.06em;
}
.thumbs {
	left: 100px;
	top: 100px;
	height: 700px;
	width: 660px;
	
}
  
.thumbs img {border-style:solid;
border-width:0px;
border-color:#ccc;
}





a {
color: #666;
text-decoration: none;

}

a:visited, a:active {
color: #999;
border-color:#000;
}

a:hover, a.current, li.active a {
color: black;

}

a:hover, img {
	opacity:.9;}
	
h1 {
padding: 0 0 15px;
position: absolute;
font-weight:bold;
font-size:14px;
}

.display {
float: left;
clear: both;
height: 416px;
position: relative;
top: 25px;


}

.more .display {
height: 200px;
}

.more .display img {
height: 200px;
}

.display * {
float: left;
}

.display ul {
padding: 0 86px 0 0;
}

.display ul li {
padding: 0 15px 0 0;
position: relative;
cursor: pointer;
}

.cover_left {
position: fixed;
background: white;
height: 400px;
width: 100px;
top: 75px;
left: 0px;
}

.cover_right {
position: fixed;
background: white;
height: 400px;
width: 100px;
top: 75px;
right: 0px;
}

.nav {
	float: left;
	clear: both;
	position: absolute;
	width: 500px;
	top: 826px;
	left: 101px;
	height: 188px;
}

.more .nav {
top: 290px;
}

.nav li {
float: left;
width: 500px;
padding: 0 0 10px;
}

.nav li ul {
position: absolute;
left: -999em;
top: 0;
width: 500px;
}

.nav li ul li {
width: 500px;
}

.nav li:hover ul, .nav li.current ul {
left: 125px;
z-index: 1;
}

.nav li:hover ul {
z-index: 2;
background: white;
}

/*--------------------------------------------

				Image Navigation
				
---------------------------------------------*/

.img_nav_left {
position: absolute;
left: 0;
text-align: center;
width: 45%;
height: 100%;
background: none;
color: #999;
font-size: 12px;
bottom: 0;
}

.img_nav_right {
position: absolute;
right: 15px;
text-align: center;
width: 45%;
height: 100%;
color: #999;
font-size: 12px;
bottom: 0;
}

.display ul li.show_img_nav:hover a {
top: auto;
font-family: "Courier New", Courier, monospace;
cursor: pointer;
}

/*--------------------------------------------

				Sub Navigation
				
---------------------------------------------*/

.nav li ul.sub_nav {
float: left;
clear: both;
padding: 15px 0 0;
position: relative;
left: 0;
top: 0;
width: auto;
font-size: 0.9em;
}

.nav li ul.sub_nav li {
float: left;
padding: 0 5px 0 0;
width: auto;
}

.copy {
margin-top: 1px;
font-size: 0.9em;
}
.titles {
	color: #000;
	font-style: italic;
	font-weight: bold;
	font-size: 12%;
}
.titles {
	color: #000;
	font-size: small;
}