@charset "utf-8";

body {
	margin:0;
	font-family:"Segoe UI",Arial,"Nimbus Sans L",sans-serif;
	font-size:12px;
	color:#666666;
	background-color:#646c7f;
}

a { 
	color:#147ec8; 
	text-decoration:none; 
}
a:hover, a:focus { 
	text-decoration:underline; 
}

/* Resetting some elements */

table {
	font-size:100%;
}

h1, h2, h3, h4, h5 {
	font-weight:normal;
	margin:0.2em 0;
}
h1 { font-size:200%; }
h2 { font-size:160%; }
h3 { font-size:140%; }
h4 { font-size:120%; }
h5 { font-size:110%; }

a img {	
	border:none; 
	text-decoration:none; 
}

p { margin:0.5em 0; }

/* Utility styles */

.fleft {
	float:left;
	display:inline;
}

.fright {
	float:right;
	display:inline;
}

.clear {
	clear:both;
}

/*********************************** Page structure */

#main {
	margin:0 auto;
	background-color:#ffffff;
	width:892px;
}

#slide #main {
	width:870px;
}

#navigation {
	background-color:#666666;
	z-index:999;
}

#header { 
	padding:20px;
}

#content {
	padding:0 20px;
}
#slide #content {
	padding:0;
}

#footer {
	font-size:85%;
	padding:0.75em 20px;
	text-align:center;
}
#footer .bottom-nav a {
	padding:0.2em 0.5em;
	color:#666666;
}
#footer .bottom-nav ul {
	display:inline-block;
	margin:0;
	padding:0;
	list-style-type:none;
}
#footer .bottom-nav ul li {
	display:inline-block;
}
#footer .bottom-nav ul li a {
	display:block;
}

/*********************************** Top navigation */

#navigation {
	position:relative;
	text-align:center;
	line-height:40px;
}
#navigation .logo {
	min-height:40px;
	max-width:20%;
	float:left;
	display:inline-block;
	margin-right:2%;
}
#navigation .logo a {
	display:block;
	height:40px;
	line-height:40px;
	overflow:hidden;
}
#navigation .logo img {
	max-width:100%;
	max-height:100%;
	vertical-align:middle;
	margin-top:-2px;
}
.top-nav {
	text-align:center;
}
.top-nav.with-logo {
	/*margin-left:22%;*/
}
.top-nav a {
	display:block;
	white-space:nowrap;
	color:#ffffff;
}
.top-nav li.actual {
	background-color:#147ec8;
}
.top-nav > ul {
	height:40px;
}
.top-nav ul {
	display:inline-block;
	padding:0;
	margin:0;
	list-style-type:none;
	z-index:998;
}
.top-nav > ul > li {
	position:relative;
	display:inline-block;
	width:auto;
	height:100%;
}
.top-nav > ul > li.home {
	width:30px;
	height:30px;
	margin-top:5px;
}
.top-nav > ul > li.home a {
	display:block;
	line-height:30px;
	background-image:url(home_d.png);
	background-position:center 0px;
	background-repeat:no-repeat;
	text-decoration:none;
}
.top-nav > ul > li.home a:hover {
	background-position:center -30px;
}
.top-nav > ul > li > a {
	line-height:40px;
	font-size:1.2em;
	padding:0 0.75em;
}
.top-nav > ul > li ul {
	display:none;
	position:absolute;
	z-index:999;
	background-color:#666666;
}
.top-nav > ul > li > ul {
	min-width:100%;
}
.top-nav > ul > li > ul li {
	position:relative;
	display:block;
}
.top-nav > ul > li > ul > li a {
	line-height:30px;
	font-size:1em;
	padding:0 0.75em;
}
.top-nav > ul > li > ul > li ul {
	left:100%;
	top:0;
}
.top-nav > ul > li:hover > ul,
.top-nav > ul > li > ul > li:hover > ul,
.top-nav > ul > li > ul > ul > li > li:hover > ul {
	display:block;
}

/*********************************** Navigation buttons */

a.navigation,
span.navigation {
	display:inline-block;
	width:40px;
	height:40px;
	line-height:40px;
	background-image:url(navigation.png);
	background-repeat:none;
}
a.navigation {
	text-decoration:none;
	background-position:0 0;
}
a#up {
	background-position:0 0;
}
a#up:hover {
	background-position:0 -40px;
}
span#up {
	background-position:0 -80px;
}
a#prev {
	background-position:-40px 0;
}
a#prev:hover {
	background-position:-40px -40px;
}
span#prev {
	background-position:-40px -80px;
}
a#next {
	background-position:-80px 0;
}
a#next:hover {
	background-position:-80px -40px;
}
span#next {
	background-position:-80px -80px;
}
a#first {
	background-position:-120px 0;
}
a#first:hover {
	background-position:-120px -40px;
}
span#first {
	background-position:-120px -80px;
}
a#last {
	background-position:-150px 0;
}
a#last:hover {
	background-position:-150px -40px;
}
span#last {
	background-position:-150px -80px;
}

/*********************************** Head section */

.headln {
	margin:0 80px;
	text-align:center;
}
.headln small {
	font-size:80%;
	margin-right:0.5em;
}

/*********************************** Index page thumbnail grid */

.thumbs td {
	width:168px;
	text-align:center;
}
.thumbs td:hover {
	background-color:#eee;
}
.thumbs td.empty:hover {
	background-color:transparent;
}
.thumbs .thumb {
	position:relative;
	width:168px;
	height:120px;
	padding:4px 0;
}
.thumbs .thumb em {
	position:absolute;
	right:4px;
	top:4px;
	width:20px;
	height:20px;
	background:url(foldericon.png) center center no-repeat;
}
.thumbs .thumb a {
	line-height:120px;
	height:100%;
	text-decoration:none;
}
.thumbs .thumb a img {
	margin-top:-3px;
	vertical-align:middle;
	border:0;
	outline:none;
}
.thumbs .thumb a i {
	line-height:0;
	font-size:1px;
	height:1px;
	width:1px;
	margin-right:-1px;
	overflow:hidden;
}
.thumbs .caption {
	width:160px;
	padding:4px;
	overflow:hidden;
}
.thumbs .caption h5 {
	margin:0.5em 0;
}
.thumbs .caption p {
	font-size:85%;
	margin:0.25em 0;
}
	
/*********************************** Slide page's main image */

.mainimage {
	margin:20px auto;
	min-width:200px;
	width:auto;
	text-align:center;
	padding:0px;
	background-color:#000000;
}
.mainimage img {
	border:none;
	vertical-align:top;
	outline:none;
}
.mainimage .caption {
	padding:10px;
	background-color:#fff;
	overflow:hidden;
	color:#444;
}
.mainimage .caption .title {
	font-size:120%;
	font-weight:bold;
}
.mainimage .caption .comment {
}
.mainimage .caption .meta {
	font-size:85%;
}
.mainimage .caption .meta b {
	font-weight:normal;
	color:#999;
}

/*********************************** Thumbnail navigation */

.thumbnavigation .actual img {
	border:4px solid #666666;
}
.thumbnavigation table {
	margin:0 auto;
}
.thumbnavigation .leftcol,
.thumbnavigation .rightcol {
	width:361px;
}

/*********************************** About page styles */

.about-box {
	display:block;
	margin:0 100px;
	background-color:#fff;
	padding:1em;
}
.about-photo {
	float:left;
	display:inline;
	margin-right:1em;
}
.about-text {
	font-size:120%;
	overflow:hidden;
	color:#444;
}

/*********************************** About page styles */

.contact-box {
	display:block;
	margin:0 100px;
	min-height:40px;
	background-color:#fff;
	background-image:url(mail.png);
	background-position:10px 6px;
	background-repeat:no-repeat;
	padding:1em 1em 1em 76px;
}
.contact-text {
	font-size:120%;
}