@font-face {
    font-family: 'linguistics_proitalic';
    src: url('../fonts/linguisticspro-italic-webfont.woff2') format('woff2'),
         url('../fonts/linguisticspro-italic-webfont.woff') format('woff'),
		 url('../fonts/linguisticspro-italic-webfont.ttf') format('truetype'),
         url('../fonts/linguisticspro-italic-webfont.svg#linguisticspro-italic-webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}


body,h1,ul,li {font-weight: normal; font-family: 'linguistics_proitalic', serif;}

body {background-color: #000; margin-left: 90px;}


div#all {position: absolute; float: left; width: 1000px;}

h1 {font-size: 2em; letter-spacing: .05em; color: #693; margin-left: 34px;}

p#jas-image-text {font-size: 1em; color: #CCF; text-align: center; margin-top: 20px;}




div#jas-container {width: 460px;}
	

div#jas-frame{
	float: left;
	background-color: #000;
	width: 460px;
	margin: 10px 0 0 -20px;
	padding: 15px 15px 10px 15px;
	border: 5px solid #693;
	text-align: center;
}


div#jas-thumbnails{
	float: left;
	width: 180px;
	margin-top: 20px;
	border: none;
}

div#jas-thumbnails ul{
	list-style: none;
	width: 180px;
	margin: 10px 0 10px 0;
	overflow: hidden;
}

div#jas-thumbnails ul li{
	float: left;
	width: 74px;
	height: 75px;
	margin: 0 0 30px 20px;
}

div#jas-thumbnails ul li img{
	width: 74px;
	height: 75px;
	cursor: pointer;
}

div#jas-thumbnails ul li.selected-parent{
	width: 70px;
	height: 71px;
	padding: 1px;
	border: 1px solid #CCF;
}

div#jas-thumbnails ul li img.selected{
	width: 70px;
	height: 71px;
}




div#container {margin-top: 15px; text-align: center;}


ul#navigation-controls li{
	display: inline; list-style: none; text-align: center; color: #FCC; font-size: 1.3em;}
	
ul#navigation-controls {display: inline;  margin-left: 0; padding-left: 0;} 



ul#navigation-controls li#image-counter{
	color: #FCC; margin-right: 7px; margin-left: 7px;
}

li.slideshow-item{
	margin-right: 40px;
}



a:link {color: #CCF; text-decoration: none; border: none;}

a:visited {color: #FCC; text-decoration: none; border: none;}

a:hover {color: #693; text-decoration: underline; border: none;}

div#menu li {display: inline; list-style-type: none; border: 0; background-color: transparent; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; color: #693;}

div#menu ul {margin-left: 0; padding-left: 0; float: left; clear: left;}


#this_page {color: #693;}



img {border: none;}

input {vertical-align: middle;}




div.spacer {margin-top: 2em; float: left; clear: left;} 


div#valid {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .7em;}