@charset "utf-8";

body {
  margin : 0 auto;
  padding : 0;
  background-image : url(images/back.jpg);	  
  height : 400px;	
  text-align : center;
  font-family : Helvetica, Arial, Tahoma;
}

#main {
  background-image : url();
  background-position : center top;
  background-repeat : no-repeat;
  height : 400px;
}

.container {

  width : 960px;
  margin : 0 auto;
  position : relative;
  text-align : left;              
}

#header {
  background-image : url(images/header.jpg);
  background-repeat : no-repeat;
  height : 164px; 
}

#logo {
  position : absolute;
  width : 79px;
  padding-left : 24px;
  top : 56px;
}

.button {
  
  display : block;
  margin-top : 0px;
}


#thumbs {
	position: relative;
	margin-top : 10px;
	padding-left : 35px;
	width: 750px;
	height: 600px;
}

#deviantart {
  position : absolute;
  top : 730px;
  left : 250px;
}

#text {
  position : absolute;
  font-size  : 12px;
	font-family : Helvetica, Arial, Tahoma;
	color : #fff; 
  top : -20px;
  padding-left : 90px;
  text-shadow: 0.20em 0.20em 0.20em #000;
  text-align : center;
}

#thumbs img {
  padding-left : 5px;
  padding-top : 5px;
}

a img {
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}

a img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
}
/*
#thumbs  a:link img {filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;}
#thumbs  a:hover img {filter:alpha(opacity=100); -moz-opacity:1.00; opacity:1.00;}
#thumbs  a:active img {filter:alpha(opacity=100); -moz-opacity:1.00; opacity:1.00;}
#thumbs  a:visited img {filter:alpha(opacity=70); -moz-opacity:0.50; opacity:0.50;}
*/

/* ------------------------------ FOOTER -------------------------------------- */



/* ---------------------------------- SLIDER ----------------------------------- */

#slider ul, #slider li{
  list-style: none;
  margin-left : px;
}

#slider, #slider li{
	width: 830px;
	height: 600px;
	overflow: hidden; 
}

#prevBtn { 
	width: 23px;
	height: 47px;
	position: absolute;
	left: 5px;
	top: 220px;
}	

	
#nextBtn {
	width: 23px;
	height: 47px;
	position: absolute;
	top: 220px;
	left: 915px;
}	

#prevBtn a, #nextBtn a{  
	display: block;
	width: 23px;
	height: 47px;
	background: url(images/prev.png) no-repeat;
}	

#nextBtn a{ 
	background: url(images/next.png) no-repeat;	
}