body
{
  background-color:#641A00;
  background:url('dropper.jpg') repeat;
  margin:0; padding:0;
  text-align:center;
  color:#FFFFFF;
  font-family:tahoma;
}

h1
{
  margin:0; padding:0; text-indent:0;
  font-size:22px;
  letter-spacing:2px;
}

h2
{
  margin:0; padding:0; text-indent:0;
  font-size:20px;
}
p{
  padding-top:5px;
  text-align:justify;
}

#contain{
  width:100%;
  height:400px;
  background:url('backdrop.jpg') repeat-x;
}

#container
{
  margin:0 auto;
  padding-top:14px;
  width:833px;
}

#logo
{
  width:350px; 
  height:300px;
  background:url(logo.jpg) top left no-repeat;
  float:left;
  text-align:left;
  color:#000000;
}

.hakan1
{
  width:233px; height:300px;
  background:url(hakan_volkan_korkmaz.jpg) top left no-repeat;
  float:left;
}

.hakan2
{
  width:250px; 
  height:300px;
  background:url(ahmet_hakan_kalkan.jpg) top left no-repeat;
  float:left;
}


#top_bar{
  margin-top:1px;
  margin-left:10px;
  background:url('top_bar.jpg') center no-repeat;
  height:85px;
}

ul{ margin:0; padding:0;}
li{ list-style:none;}
a {outline:none;}

#contain-bottom{
  margin:30px auto;
  width:900px;
}
#menu{
  float:left;
  text-align:left;
  width:200px;
}

#menu li{
  line-height:30px;
}
a,
#menu a{
  color:#ffA800;
  text-decoration:none;
}
a:hover,
#menu a:hover{
	font-weight:bold;  
}

#screen{
  width:700px;
  text-align:left;
  float:left;
}

#footer{
  margin : 20px 0;
}

.gallery span{
    float:left;
    width:170px;
    height:170px;
    padding:5px;
    display:block;
    text-align:center;
    cursor:pointer;
    
}