
div.header{height: 210px;}
div.content{height:800px;width:800px;background: #ffffff; top:120px;margin: auto;z-index: 6}
.header {
    text-align: center;
	position	: relative;
        color: orange;

   }
   h1 {
	position	: absolute;
	bottom	    : 30px;
	Left		: 160px;
	width		: 43%;
	font-size: 30pt;
	
   }
    body{
		height: 200px;
         background: url(images/main_background.jpg) ;
         background-attachment: fixed;
         background-size: 100%
           
        }
#f-n {
	position: fixed;
    right: -40px;
    top: -15px;
            background: url(images/search.png) no-repeat ;
			background-size: 75%;
			margin: 0%;	
            width: 200px;
            height: 200px;
            z-index: 500;

		
	
}
#f-n a{
            display: block;
			
}
#f-n:hover {
  top:-5px
}

h3 {
	-webkit-transform: rotate(90deg);
top: 10px;
right: 80px;

position	: absolute;
   }
		#container {
            background:url(images/board.jpg) no-repeat;
			background-size: 100%;
            margin: 40px auto;
            width: 800px;
            height: 600px;
			padding: 3em 0;
			text-align: center;
			font-size: 14pt
}

h2 {
	-webkit-transform: rotate(-40deg);
    line-height: 5;
   }
   #a-n {
            background: url(images/loaders.png) no-repeat ;
			background-size: 200px;
			margin: 0 auto;
			float: left;
            width: 200px;
            height: 200px;
			
}
#a-n a{
            display: block;
			
}

#a-n:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

#b-n {
            background:url(images/loaders.png) no-repeat;
			background-size: 200px;
            float: left;
            width: 200px;
            height: 200px;
}
#b-n a{
            display: block;
}			
#b-n:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
 
#c-n {
            background: url(images/loaders.png) no-repeat;
			background-size: 200px;
            float: right;
            width: 200px;
            height: 200px;
}
#c-n a{
            display: block;
			}
#c-n:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
#d-n {
            background: url(images/loaders.png) no-repeat;
			background-size: 200px;
			float: right;
            width: 200px;
            height: 200px;
}
#d-n a{
            display: block;
			}
#d-n:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
#e-n {
            background: url(images/loaders.png) no-repeat;
			background-size: 200px;
			float: right;
            width: 200px;
            height: 200px;
}
#e-n a{
            display: block;
			}
#e-n:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

#g-n {
            background: url(images/loaders.png) no-repeat;
			background-size: 200px;
			float: right;
            width: 200px;
            height: 200px;
}
#g-n a{
            display: block;
			}
#g-n:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
#h-n {
            background: url(images/loaders.png) no-repeat;
			background-size: 200px;
			float: right;
            width: 200px;
            height: 200px;
}
#h-n a{
            display: block;
			}
#h-n:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}


 A:link { 
    text-decoration: none;
   } 
   A:visited { text-decoration: none; } 
   A:active { text-decoration: none; }
   } 
