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


/* General tags */
* {
	margin:0; 
	padding:0;
	}
	
body {
	background-color:#F5F6F1;
	font:76% tahoma,verdana,sans-serif; 
	color:#555555;
	}
	
a {
	background-color:inherit; 
	color:#48d8ff; 
	/*font-weight:bold; */
	text-decoration:none;
	}
	
a:hover {
	text-decoration:none; 
	color:#F90;
	}
	
p {
	font-size:1.1em;
	margin:0 0 16px 0;
	}
	
ul, ol {
	margin:0 0 16px 15px; 
	padding-left:5px;
	}
ul ul, ol ol {
	margin:3px 0 0 15px;
	}
	
img {
	float:left; 
	margin:0 10px 5px 0;
	border:none;
	}

/* Headers */

h1 {
	font-size:6em; 
	margin:0px;
	display:block;
	text-indent:-9999px;
	}
	
h2 {
	color:#48d8ff;
	font-size:1.6em; 
	font-weight:normal; 
	letter-spacing:1px; 
	margin:5px 0 10px;
	}

/* IDs */
#title {
	background:#101010; /*rgba(11,11,11, 0.85);*/
	background-image:url(img/header_img.png);
	background-repeat:no-repeat;
	background-position:right;
	margin:60px auto -8px;
	padding-top:10px;
	width:760px;
	height:150px;
	box-shadow: 0 0 8px #999999;
	-moz-box-shadow: 0 0 8px #999999;
	-webkit-box-shadow: 0 0 8px #999999;
	}

#logo {
	background-image:url(img/logo_1_350x96_r.png);
	background-repeat:no-repeat;
	margin-left:30px;
	margin-top:40px;
	padding:0px;
	height:130px;
	}
	
#container {
	color:#fff;/*#410912; */
	margin:0 auto 15px;
	padding-top:20px; 
	padding-bottom:10px; 
	width:760px; 
	line-height:1.5em;
	letter-spacing:0.5px;
	
	}
	
#sidebar {
	float:left; 
	padding-left:0px; 
	width:0px;
	}
	
#sidebar p {
	margin:10px 0 5px 10px; 
	text-align:left; 
	font-size:0.8em;
	}
	
#sidebar p a {
	font-weight:400;
	}
	
#main {
	float:right; 
	width:570px;
	min-height:326px;
	background:#2f2f2f;	
	box-shadow: 0 0 8px #999999;
	-moz-box-shadow: 0 0 8px #999999;
	-webkit-box-shadow: 0 0 8px #999999;
	}

.inner {
	padding:10px 10px 10px 15px;
	}
	
#footer {
	clear:both; 
	color:#aaa;
	}

/* Menu */

.menu {
	font-family:Helvetica, Arial, san-serif;
	border:0px solid #ffffff; 
	color:#ff0000;
	display:block;
	background: rgba(11,11,11, 0.75);
	font-size:2.1em; 
	/*font-weight:bold; */
	padding:20px 0px 20px 10px;
	margin-bottom:13px;
	width:180px;		
	box-shadow: 0 0 8px #999999;
	-moz-box-shadow: 0 0 8px #999999;
	-webkit-box-shadow: 0 0 8px #999999;

	}
	
.menu:hover {
	background: rgba(11,11,11, 0.75);
	border:0px solid #cccccc; 
	color:#F90;					/*changed from #e100c7*/ 
	text-decoration:none;
	}

.current {
	font-family:Helvetica, Arial, san-serif;
	border:0px solid #ffffff; 
	color:#48d8ff;/*#410912;*/
	background:#2f2f2f;
	display:block;
	font-size:2.1em; 
	/*font-weight:bold; */
	padding:20px 0px 20px 10px;
	margin-bottom:12px;
	width:180px;
	box-shadow: 0 0 8px #999999;
	-moz-box-shadow: -8px 0 8px #999999, 0 0 0 #999999, 0 0 0 #999999, 0 0 0 #999999;
	-webkit-box-shadow: -8px 0 8px #999999, 0 0 0 #999999, 0 0 0 #999999, 0 0 0 #999999;
	position: relative;
    z-index: 2;
	}
	
/* Enter */

.enter {
	color:#848484; 
	font-size:3.1em; 
	font-weight:bold;
	}
	
.enter:hover {
	color:#e100c7; 
	text-decoration:none;
	}

/* Various classes */

.credits {
	color:#f90; 
	font-size:0.9em; 
	margin-bottom:0;
	}
	
.credits a {
	color:#f90;
	}

.credits a:hover {
	color:#48d8ff;
	/*text-decoration:underline;*/
	}

.highlights {
	color:#fff;
	}
	
.highlights a {
	color:#f90;
	}

.highlights a:hover {
	color:#48d8ff;
	}

.blue {
	color:#48d8ff;
	}
	
.clear {
	clear:both;
	}
	
.title a {
	color:#fff;	
}

.title a:hover {
	color:#48d8ff;	
}

/*-------------------------- gallery--------------------------*/

#leftbargal {
	margin-left:60px;
}
.thumbnail{
	padding: 10px 10px 0px 0px;
	border: 0px solid #2a2a2a;
	float: left;
	margin-right: 0px;
	margin-bottom: 5px;
	}
	
.caption{ 
	font-size: 0.9em; 
	padding-top: 0.2em;	
	}

/*--------------------------- other ---------------------------*/

.yellow {
	color:#FC0;
	}

/*--------------------------- Thumbnail Navigation ---------------------------*/

ul#thumbnails {
width: 600px; 
list-style: none;
margin: 0 0;
padding: 10px 0px 780px 60px;
}

ul#thumbnails li {
display: inline;
}

ul#thumbnails li a {
display: block; 
float: left; 
height: 125px;
background-image: url(img/thumb.png); 
text-indent: -9999px;
margin: 0 30px 30px 0;
}


	/*--------------------------- Main Thumbnail style ---------------------------*/

ul#thumbnails li a.img1 {
width: 125px; background-position: -125 0px;
}

ul#thumbnails li a.img2 {
width: 125px; background-position: 0px -125px;
}

ul#thumbnails li a.img3 {
width: 125px; background-position: 0px -250px;
}

ul#thumbnails li a.img4 {
width: 125px; background-position: 0px -375px;
}

ul#thumbnails li a.img5 {
width: 125px; background-position: 0px -500px;
}

ul#thumbnails li a.img6 {
width: 125px; background-position: 0px -625px;
}

ul#thumbnails li a.img7 {
width: 125px; background-position: 0px -750px;
}

ul#thumbnails li a.img8 {
width: 125px; background-position: 0px -875px;
}

ul#thumbnails li a.img9 {
width: 125px; background-position: 0px -1000px;
}

ul#thumbnails li a.img10 {
width: 125px; background-position: 0px -1125px;
}

ul#thumbnails li a.img11 {
width: 125px; background-position: 0px -1250px;
}

ul#thumbnails li a.img12 {
width: 125px; background-position: 0px -1375px;
}

ul#thumbnails li a.img13 {
width: 125px; background-position: 0px -1500px;
}

ul#thumbnails li a.img14 {
width: 125px; background-position: 0px -1625px;
}

ul#thumbnails li a.img15 {
width: 125px; background-position: 0px -1750px;
}

	/*Thumbnail hover style*/

ul#thumbnails li a.img1:hover {
width: 125px; background-position: 125px 0px;
}

ul#thumbnails li a.img2:hover {
width: 125px; background-position: 125px -125px;
}

ul#thumbnails li a.img3:hover {
width: 125px; background-position: 125px -250px;
}

ul#thumbnails li a.img4:hover {
width: 125px; background-position: 125px -375px;
}

ul#thumbnails li a.img5:hover {
width: 125px; background-position: 125px -500px;
}

ul#thumbnails li a.img6:hover {
width: 125px; background-position: 125px -625px;
}

ul#thumbnails li a.img7:hover {
width: 125px; background-position: 125px -750px;
}

ul#thumbnails li a.img8:hover {
width: 125px; background-position: 125px -875px;
}

ul#thumbnails li a.img9:hover {
width: 125px; background-position: 125px -1000px;
}

ul#thumbnails li a.img10:hover {
width: 125px; background-position: 125px -1125px;
}

ul#thumbnails li a.img11:hover {
width: 125px; background-position: 125px -1250px;
}

ul#thumbnails li a.img12:hover {
width: 125px; background-position: 125px -1375px;
}

ul#thumbnails li a.img13:hover {
width: 125px; background-position: 125px -1500px;
}

ul#thumbnails li a.img14:hover {
width: 125px; background-position: 125px -1625px;
}

ul#thumbnails li a.img15:hover {
width: 125px; background-position: 125px -1750px;
}