@media screen {

			/* NAVIGATION BUTTONS */
			.cssnav		{
						position:relative;
						float: left;
						margin: 0; 
						padding: 0;
						font-family: arial, helvetica, sans-serif;
						background: url(images/contentpics/kendin_dizayn_et_over_2.jpg) no-repeat;
						width: 376px;
						height: 193px;
	                    overflow:hidden;/* for ie to hide extra height*/	
						}

			.cssnav2	{
						position:relative;
						float: left;
						margin: 0; 
						padding: 0;
						font-family: arial, helvetica, sans-serif;
						background: url(images/contentpics/butiklere_bak_over.jpg) no-repeat;
						width: 376px;
						height: 142px;
	                    overflow:hidden;/* for ie to hide extra height*/	
						}
			.cssnav3	{
						position:relative;
						float: center;
						margin: 0; 
						padding: 0;
						font-family: tahoma, sans-serif;
						background: url(images/contentpics/button_2.jpg) no-repeat;
						width: 122px;
						height: 34px;
	                    overflow:hidden;/* for ie to hide extra height*/	
						}


			.cssnav a	{
						display: block;
						color: #000000;
						font-size: 17px;
						width: 376px;
						height: 193px;
						display: block;
						float: left;
						color: #FF00CC; 
						font-weight: bold;
						text-decoration: none;
						overflow:hidden;/* for ie to hide extra height*/
						}
						
			.cssnav2 a	{
						display: block;
						color: #000000;
						font-size: 17px;
						width: 376px;
						height: 142px;
						display: block;
						float: left;
						color: #FF00CC; 
						font-weight: bold;
						text-decoration: none;
						overflow:hidden;/* for ie to hide extra height*/
						}
			.cssnav3 a	{
						display: block;
						color: #000000;
						font-size: 12px;
						width: 122px;
						height: 34px;
						display: block;
						float: right;
						color: #3333FF; 
						font-weight: bold;
						text-decoration: none;
						overflow:hidden;/* for ie to hide extra height*/
						}


			.cssnav a:hover {
						color: #FF00CC;
						}
			

			.cssnav2 a:hover {
						color: #FF00CC;
						}
			.cssnav3 a:hover {
						color: #000000;
						}



			

			.cssnav img {width: 376px; height: 193px; border: 0; }
			.cssnav2 img {width: 376px; height: 142px; border: 0; }
			.cssnav3 img {width: 122px; height: 34px; border: 0; }


			* html a:hover {visibility:visible}
			.cssnav a:hover img{visibility:hidden}
			.cssnav2 a:hover img{visibility:hidden}
			.cssnav3 a:hover img{visibility:hidden}


			.cssnav span {
					    position: absolute;
					    left: 180px;top: 9px;
					    text-align: left;
					    width: 180px;
					    cursor: pointer;   
					     
			}
						.cssnav2 span {
					    position: absolute;
					    left: 180px;top: 9px;
					    text-align: left;
					    width: 180px;
					    cursor: pointer;   
					     
			}
						.cssnav3 span {
					    position: absolute;
					    left: 8;top: 8px;
					    text-align: right;
					    width: 110px;
					    cursor: pointer;   
					     
			}


			/* END OF NAVIGATION */
}