* {
	border: none;
}
body {
	font-family: 'Courier';
	font-size: 12px;
	color: #000;
	background-color: #f0f0f0;	
	letter-spacing: 0.15em;
}

#wrap {
	width: 891px; 	/* 927 */
	height: 702px; 	/* 738 */
	margin-top: 18px;
	margin-left: auto;
	margin-right: auto;		
	padding: 18px;	
	background-color: #fff;	
}

a {
	color: rgb(0, 120, 190);
}

/******************
	HEADER
******************/
#header {
	height: 54px;
	font-family: 'Helvetica';
	font-size: 14px;
	letter-spacing: 0.12em;	
	border-bottom: #000 solid thin;
}

#header div {
	float: left;
	height: 100%;	
	width: 297px;
}

#header ul {
	float: left;
	width: 99px;	
}

#header li {
	height: 16px;
}

#header li a {
	color: #000;
	text-decoration: none;
}

#header li a:hover {
	color: rgb(0, 120, 190);		
}

#header li.active a{
	color: rgb(0, 120, 190);
}

#wordmark {
	background-image: url(/static/pics/wordmark.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 200px 46px;
}
@media all and (-webkit-min-device-pixel-ratio : 1.5) {
	#wordmark {
		background-image: url(/static/pics/wordmark@2x.jpg);
	}
}

#wordmark a {
	display: block;
	width: 100%;
	height: 100%;
}
	
#static_menu ul {
	text-align: right;	
	float: right;
}

/******************
	CONTENT
******************/
#top {
	height: 18px;
	margin-top: 9px;
}

#top div {
	float: left;
}

#image_specifics {
	margin-left: 72px;	
	width: 747px;
	text-align: center;
}

#nav {
	width: 72px;
}

#nav div {
	width: 9px;
	height: 9px;	
	background-repeat: no-repeat;
	background-position: center;
}
#nav div:hover {
	cursor: pointer;
}

#previous_btn {
	background-image: url(/static/pics/arrow_left.jpg);
}

#next_btn {
	background-image: url(/static/pics/arrow_right.jpg);
	margin-left: 9px;
}
#grid_btn {
	background-image: url(/static/pics/grid.jpg);	
	margin-left: 36px;	
}

#canvas {
	width: 891px;
	height: 603px;
	margin-top: 9px;
	text-align: center;
	position: relative;
}
#slideshow {
	position: absolute;
}
#gallery {
	width: 100%;
	height: 100%;
	position: absolute;	
}

#gallery div.overlay {
	position: absolute;
	width: 297px;
	height: 100%;
}

#gallery div.overlay div.img {
	position: absolute;	
	width: 60px;
	height: 60px;	
	background-repeat: no-repeat;
	background-size: 18px 27px;
	margin-top: 270px;
}

#gallery div.blind_btn {
	cursor: pointer;
	position: absolute;
	width: 297px;
	height: 100%;	
}

#left div.img {
	background-position: 9px;
	background-image: url(/static/pics/arrow_left_big.png);	
}

#right {
	margin-left: 594px;
}

#right div.img {
	float: right;
	margin-left: 235px;
	background-position: 35px;
	background-image: url(/static/pics/arrow_right_big.png);	
}

#gallery li {
	position: absolute;
	width: 100%;	
	text-align: center;	
}

#grid {
	width: 100%;
	height: 100%;
	position: absolute;		
}

#grid ul {
	float: left;
	position: absolute;
}

#grid li {
	display: inline;
	float: left;
	margin-right: 9px;		
	margin-bottom: 9px;
	width: 216px;
	height: 144px;	
}

#grid li.last {
	margin-right: 0px;		
}

#grid li:hover {
	cursor: pointer;
}