/* General
============================================================================= */

html, body {height: 100%;}
html,body,div,p,ul,ol,li,h1,h2,h3,h4,pre,form,p,button,img {
  margin: 0;
  padding: 0;
  border: 0;
}
ul,li {list-style-type: none;}
a {outline: none; text-decoration: none;}
a:hover {text-decoration: none; cursor: pointer;}
a span, ul#navigation span{display: none;}

/* Navigation
============================================================================= */

ul#navigation {height: 50px;}

  ul#navigation li {
    width: 197px;
    float: left;
  }

    ul#navigation li a {
    	display: block;
      height: 50px;
    	cursor: pointer;
    }

    ul#navigation li a#nav_01 {background: url(/tr/images/nav_kurumsal.jpg) 0 0 no-repeat;}
    ul#navigation li a#nav_02 {background: url(/tr/images/nav_hizmet.jpg) 0 0 no-repeat;}
    ul#navigation li a#nav_03 {background: url(/tr/images/nav_proje.jpg) 0 0 no-repeat;}
    ul#navigation li a#nav_04 {background: url(/tr/images/nav_iletisim.jpg) 0 0 no-repeat;}

    ul#navigation li a#nav_01:hover,
    ul#navigation li a#nav_02:hover,
    ul#navigation li a#nav_03:hover,
    ul#navigation li a#nav_04:hover {
      background-position: 0 -50px;
    }