* {
	margin:  0;
	padding: 0;
}
body {
	background: #eaeaea;
	font:       normal 100% "Lucida Grande", Helvetica, Verdana, Arial, Tahoma, sans-serif;
	color:      #555;
	margin:     0;
	padding:    0;
	height: 100% ;
}


ul, li { list-style-type: none; padding: 0; margin:0; }

a,
a:visited {
	color: #0281ca;
	text-decoration: none;
	border-bottom: 1px solid #7db8d9;
}
a:hover {
	color: #222;
	text-decoration: none;
	border-bottom: 0;
}
a.no_border,
a.no_border:visited {
	border: 0;
}

/*****************************************************
* Metaliaz.com TOP
*****************************************************/

div#metaliaz_ust_banner {
	position: relative;
	z-index: 1000;
    display: block;
    height: 24px;
	padding: 8px;
    background: #333 url(bg-gradient.png) repeat-x;
}
	div#metaliaz_ust_banner a,
	div#metaliaz_ust_banner a:visited {
		text-decoration: none;
	}
    #metaliaz_ust_banner h1 {
        float: left;
		width: 120px;
		height: 24px;
		padding-right: 12px;
		margin-right: 4px;
		background: url(resimler/metaliaz-nav_divider.png) no-repeat center right;
    }
        #metaliaz_ust_banner h1 a,
        #metaliaz_ust_banner h1 a:visited {
            font-size: 10px;
            text-indent: -7777px;
            display: block;
            width: 120px;
            height: 24px;
            border: 0;
            background: url(resimler/logo-banner.png) no-repeat;
        }
        #metaliaz_ust_banner[id] h1 a:hover {
            background-position: left bottom;
        }
        
    #metaliaz_ust_banner ul, div#metaliaz_ust_banner_search {
        float: right;
        height: 24px;
		display: block;
        z-index: 899;
		padding-right: 10px;
		margin-right: 2px;
		background: url(resimler/metaliaz-nav_divider.png) no-repeat center right;
    }
	#metaliaz_ust_banner ul#metaliaz_ust_banner_about, #metaliaz_ust_banner ul#metaliaz_ust_banner_explore, div#metaliaz_ust_banner_search {
		margin: 0;
		padding: 0;
		background: none;
	}
	#metaliaz_ust_banner ul#metaliaz_ust_banner_explore  { width: 145px; float: left; }
	#metaliaz_ust_banner ul#metaliaz_ust_banner_account  { width: 285px; padding-right: 10px; }
	#metaliaz_ust_banner ul#metaliaz_ust_banner_about    { width: 125px; padding-left: 2px; }
	#metaliaz_ust_banner ul#metaliaz_ust_banner_search   { width: 60px; }
    div#metaliaz_ust_banner_search { width: 150px; }

    	div#metaliaz_ust_banner_search {
			padding-left: 8px;
		}
		div#metaliaz_ust_banner_search form {
			padding: 0;
		}
		div#metaliaz_ust_banner_search input {
			height: 16px;
			width: 134px;
            margin: 1px 0 1px 0;
			padding: 4px 8px 2px 8px;
			font-size: 11px;
			line-height: 16px;
			border: none;
			background-color: transparent;
			background: url(resimler/metaliaz-nav_search.png) no-repeat top;
			color: rgba(0,0,0,.60);
		}
		div#metaliaz_ust_banner_search input.hidden {
			display: none;
		}


		/* --- NAV BUTTONS --- */
        #metaliaz_ust_banner ul li {
            float: left;
            height: 22px;
            padding: 0 12px 0 0;
            margin: 1px 0 1px 5px;
            background: url(resimler/metaliaz-nav_right.png) no-repeat right top;
			position: relative;
			cursor: pointer;
        }
		#metaliaz_ust_banner ul#metaliaz_ust_banner_account li { float: right; }
		#metaliaz_ust_banner ul li:hover {
            background: url(resimler/metaliaz-nav_right.png) no-repeat right bottom;
			cursor: pointer;
		}
            #metaliaz_ust_banner ul li a,
            #metaliaz_ust_banner ul li a:visited {
                display: block;
                height: 22px;
                padding: 0 0 0 12px;
                border: 0;
                color: #fff;
                font-size: 11px;
				line-height: 22px;
                background: url(resimler/metaliaz-nav_left.png) no-repeat left top;
            }
				#metaliaz_ust_banner ul li a img,
				#metaliaz_ust_banner ul li a:visited img {
					margin: -2px -3px 0 0;
					padding: 0;
					width: 16px;
					height: 16px;
					vertical-align: middle;
					position: relative;
				}
				#metaliaz_ust_banner ul li a strong,
				#metaliaz_ust_banner ul li a:visited strong {
					font-weight: normal;
				}
				#metaliaz_ust_banner ul li a strong.plus,
				#metaliaz_ust_banner ul li a:visited strong.plus {
					font-weight: bold;
					font-size: 12px;
					line-height: 21px;
				}
				#metaliaz_ust_banner ul li a strong.nav_arrow,
				#metaliaz_ust_banner ul li a:visited strong.nav_arrow {
					background: url(resimler/metaliaz-nav_arrow.png) no-repeat right top;
					padding: 0 12px 0 0;
				}
            #metaliaz_ust_banner ul li a:hover,
			#metaliaz_ust_banner ul li:hover a {
                color: #fff;
                background: url(resimler/metaliaz-nav_left.png) no-repeat left bottom;
			}


/*****************************************************
* Metaliaz.com Dropdown Menü
*****************************************************/
		#metaliaz_ust_banner ul li div.metaliaz_ust_banner_dropdown {
			display: none;
		}
		#metaliaz_ust_banner ul li:hover div.metaliaz_ust_banner_dropdown {
			display: block;
			position: absolute;
			top: 16px;
			left: -15px;
			z-index: 900;
		}
			div.metaliaz_ust_banner_dropdown strong {
				display: block;
				height: 20px;
				background: url(resimler/metaliaz-nav_dropdown.png) bottom;
			}
			#metaliaz_ust_banner ul ul {
				float: none;
				margin: 0;
				padding: 25px 25px 3px 25px;
				width: 114px;
				height: auto;
				background: url(resimler/metaliaz-nav_dropdown.png) top;
			}
				#metaliaz_ust_banner ul li li {
					float: none;
					background: none;
					margin: 0;
					padding: 0;
					height: 20px;
				}
				#metaliaz_ust_banner ul li li.usernav_spacer { height: 10px; }
				#metaliaz_ust_banner ul li#metaliaznav_1 li a,
				#metaliaz_ust_banner ul li#metaliaznav_profile li a,
				#metaliaz_ust_banner ul li li a,
				#metaliaz_ust_banner ul li li a:visited {
					float: none;
					background: none;
					padding: 0;
					line-height: 20px;
					color: #BFBFBF;
				}
				#metaliaz_ust_banner ul li#metaliaznav_1 li a:hover,
				#metaliaz_ust_banner ul li#metaliaznav_profile li a:hover,
				#metaliaz_ust_banner ul li li a:hover,
				#metaliaz_ust_banner ul li li:hover a,
				#metaliaz_ust_banner ul li li:hover {
					background: none;
					color: #FFFFFF;
				}
				#metaliaz_ust_banner ul li li a em {
					color: #808080;
					padding-right: 7px;
					padding-left: 1px;
					font-style: normal;
				}
/*****************************************************
* Metaliaz.com Header
*****************************************************/				
#header {
	position:relative;
	background: url(bg2.jpg) 50% 0% repeat-x;

	}
#banner {
	position: relative;
	background: url(metaliaz.png) no-repeat;
	margin-right: auto;
	margin-left: auto;
    width:990px;
	height:325px;
	top: 1px;
	z-index:5;
	}
#hakkimda {
	position: absolute;
	left: 250px;
	top: 135px;
	font-size: 11px;
	color:#000;
	width:510px;
	}
#deneme {
	position:relative;
	background: url(arkaplan3.jpg) 50% 0% no-repeat;
	height:561px;
	top:-30px;
	z-index:1;
}
/*****************************************************
* Metaliaz.com Çalismalarim
*****************************************************/

#calismalarbg {
	position:relative;
	background: url(colorful.jpg) 50% 0% repeat;
	top:-30px;
	z-index:3;
	}

#calismalarim {
	position:relative;
	margin-right: auto;
	margin-left: auto;
	width:1000px;
	height:700px;
	}
#govde {
	position:relative;
	background: url(wood.png);
	height:600px;
	top:-95px;
	z-index:4;
}