@charset "utf-8";
/* CSS Document */

#headerust {
	width:auto;
	height:11px;
	background-image:url(bg-headercizgi.jpg);
	background-repeat:repeat-x;
	background-position:left;
	min-width:980px;
	}
#header {
	width:980px;
	height:417px;
	max-height:417px;
	background-image:url(bg-header.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}
#calismalarim {
	width:980px;
	max-width:980px;
	background-image:url(bg-calismalarim.jpg);
	background-repeat:repeat-y;
	background-position:left;
	overflow:hidden;
	}
#footer {
	width:980px;
	height:461px;
	background-image:url(bg-footer.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}
#footeralt {
	width:auto;
	height:11px;
	background-image:url(bg-footercizgi.jpg);
	background-repeat:repeat-x;
	background-position:left;
	min-width:980px;
	}
	
/* HEADER STİL */

#headersag {
	padding-left:300px;
	}

#nav { width: 680px; height: 29px;}
#nav #menu { margin: 0; padding: 0; }
#nav #menu li { display: inline; }
#nav #menu li a { float: left; height: 0; padding-top: 29px; overflow: hidden;  background-image: url(navigasyon.gif); background-repeat: no-repeat; }
#nav #menu li#ha a { width: 104px; background-position: 0 0; }
#nav #menu li#en a { width: 100px; background-position: -104px 0; }
#nav #menu li#il a { width: 106px; background-position: -204px 0; }
#nav #menu li#we a { width: 68px; background-position: -311px 0; }
#nav #menu li#ba a { width: 73px; background-position: -379px 0; }
#nav #menu li#di a { width: 73px; background-position: -452px 0; }
#nav #menu li#bl a { width: 69px; background-position: -525px 0; }
#nav #menu li#ile a { width: 86px; background-position: -594px 0; }
#nav #menu li#ha a:hover { width: 104px; background-position: 0 -29px; }
#nav #menu li#en a:hover { width: 100px; background-position: -104px -29px; }
#nav #menu li#il a:hover { width: 106px; background-position: -204px -29px; }
#nav #menu li#we a:hover { width: 68px; background-position: -311px -29px; }
#nav #menu li#ba a:hover { width: 73px; background-position: -379px -29px; }
#nav #menu li#di a:hover { width: 73px; background-position: -452px -29px; }
#nav #menu li#bl a:hover { width: 69px; background-position: -525px -29px; }
#nav #menu li#ile a:hover { width: 86px; background-position: -594px -29px; }
#nav #menu li#ha a:active { width: 104px; background-position: 0 -58px; }
#nav #menu li#en a:active { width: 100px; background-position: -104px -58px; }
#nav #menu li#il a:active { width: 106px; background-position: -204px -58px; }
#nav #menu li#we a:active { width: 68px; background-position: -311px -58px; }
#nav #menu li#ba a:active { width: 73px; background-position: -379px -58px; }
#nav #menu li#di a:active { width: 73px; background-position: -452px -58px; }
#nav #menu li#bl a:active { width: 69px; background-position: -525px -58px; }
#nav #menu li#ile a:active { width: 86px; background-position: -594px -58px; }

#hakkimda {
	padding-top:120px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#878787;
	line-height:16px;
	cursor:default;
	}
.hiz-gel {
	float:left;
}
.hizmetler {
	margin-left:30px;
	background-image:url(hizmetler.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-top:30px;
	padding-left:28px;
	width:180px;
	}
.gelistirme {
	margin-left:30px;
	margin-top:10px;
	background-image:url(gelistirme.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-top:30px;
	padding-left:28px;
	width:180px;
	}
.uygulamalar {
	width:180px;
	background-image:url(uygulamalar.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-top:30px;
	padding-left:28px;
	float:left;
	}
.pla-isl {
	float:left;
	}
.platform {
	width:180px;
	background-image:url(platform.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-top:30px;
	padding-left:28px;
	}
.isletimsistemi {
	margin-top:10px;
	width:180px;
	background-image:url(isletimsistemi.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-top:30px;
	padding-left:28px;
	}
	
/* ÇALIŞMALARIM STİL */
#enyeniler, #illustrasyon, #web, #baski, #diger {
	background-position: left top;
	background-repeat:no-repeat;
	padding-left:200px;
	padding-bottom:30px;
	min-height:140px;
	overflow:hidden;
	clear:both;
	display:inline-block;
	}
#enyeniler {
	background-image:url(bg-enyeniler.jpg);
	}
#illustrasyon {
	background-image:url(bg-illustrasyon.jpg);
	}
#web {
	background-image:url(bg-web.jpg);
	}
#baski {
	background-image:url(bg-baski.jpg);
	}
#diger {
	background-image:url(bg-diger.jpg);
	}
.onizleme {
	width: 220px;
	height:100px;
	margin-right: 30px;
	margin-top: 30px;
	border:5px #f6f6f6 solid;
	float: left;
	display: block;
  	overflow: hidden;
  	position: relative;
	}
.onizleme span {
  	display: none;
	}
.onizleme img {
	border:none;
	}
.onizleme:hover span {	
  	opacity: 0.80;
	
	/*
	filter: alpha(opacity = 80);
	
	opacity:0.70;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";
	filter: alpha(opacity=70); 
	filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; */
	
	background: #FFF;
 	display: block;
 	padding: 5px;
 	position: absolute;
 	width: 220px;
	height:100px;
	font-family:Helvetica, Verdana, Arial, Helvetica;
	color: #999999;
	cursor:pointer;
	font-size: 10px;
	}
.onizleme:hover span strong {
	color: #000;
 	display: block;
	font-size: 18px;
	font-weight:bold;	
	}
.onizleme:hover span b {
	margin-top:10px;
	font-size: 12px;
	display:block;
	font-weight:normal;
	color:#000;
	line-height:14px;
	}
	
/* FOOTER STİL */

#iletisim {
	margin-left:125px;
	padding-top:80px;
	width:660px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#878787;
	}
.iletisim-profil {
	margin-left:30px;
	height:220px;
	}
.iletisim {
	width:290px;
	height:150px;
	background-image:url(iletisim.gif);
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
	}
.iletisim a{
	color:#878787;
	}
.iletisim a:hover{
	color:#000;
	}
.iletisim strong{
	font-weight:bold;
	}
.eposta {
	margin-top:40px;
	padding-left:20px;
	background-image:url(simge/e-posta.ico);
	background-position:left top;
	background-repeat:no-repeat;
	line-height:16px;
	}
.gtalk {
	margin-top:8px;
	padding-left:20px;
	background-image:url(simge/gtalk.ico);
	background-position:left top;
	background-repeat:no-repeat;
	line-height:16px;
	}
.msn {
	margin-top:8px;
	padding-left:20px;
	background-image:url(simge/msn.ico);
	background-position:left top;
	background-repeat:no-repeat;
	line-height:16px;
	}
.skype {
	margin-top:8px;
	padding-left:20px;
	background-image:url(simge/skype.ico);
	background-position:left top;
	background-repeat:no-repeat;
	line-height:16px;
	}
.profil {
	float:left;
	background-image:url(profil.gif);
	background-position:left top;
	background-repeat:no-repeat;
	}
.profil a{
	color:#878787;
	}
.profil a:hover{
	color:#000;
	}
.profil-a {
	margin-top:35px;
	width:160px;
	float:left;
	line-height:20px;
}
.profil-b {
	margin-top:35px;
	width:160px;
	float:left;
	line-height:20px;
}
.pfacebook, .ptwitter, .pfriendfeed, .plastfm, .pdigg, .pmeme, .pffffound, .pxing, .pstumbleupon, .pdelicious, .pflickr, .pvimeo, .pyoutube, .plinkedin, .pdeviantart, .psevenload {
	padding-left:20px;
	background-position:left;
	background-repeat:no-repeat;
	}
.pfacebook {
	background-image:url(simge/facebook.ico);
	}
.ptwitter {
	background-image:url(simge/twitter.ico);
	}
.pfriendfeed {
	background-image:url(simge/friendfeed.ico);
	}
.plastfm {
	background-image:url(simge/lastfm.ico);
	}
.pdigg {
	background-image:url(simge/digg.ico);
	}
.pmeme {
	background-image:url(simge/meme.ico);
	}
.pffffound {
	background-image:url(simge/ffffound.ico);
	}
.pxing {
	background-image:url(simge/xing.ico);
	}
.pstumbleupon {
	background-image:url(simge/stumbleupon.ico);
	}
.pdelicious {
	background-image:url(simge/delicious.ico);
	}
.pflickr {
	background-image:url(simge/flickr.ico);
	}
.pvimeo {
	background-image:url(simge/vimeo.ico);
	}
.pyoutube {
	background-image:url(simge/youtube.ico);
	}
.plinkedin {
	background-image:url(simge/linkedin.ico);
	}
.pdeviantart {
	background-image:url(simge/deviantart.ico);
	}
.psevenload {
	background-image:url(simge/sevenload.ico);
	}
.twitter {
	clear:both;
	margin-top:48px;
	margin-left:30px;
	min-height:26px;
	height:26px;
	line-height:13px;
}
.twitter a{
	text-decoration:none;
	color:#666666;
}
.twitter a:hover{
	text-decoration:none;
	color:#000;
}
.copy-val {
	clear:both;
	margin-left:30px;
	font-size:10px;
	margin-top:15px;
}
.copy-val a {
	text-decoration:none;
	color:#878787;
}
.copy-val a:hover {
	text-decoration:none;
	color:#000000;
}
.copyright {
	float:left;
	}
.validasyon {
	float:right;
	padding-left:17px;
	background-image:url(tik.gif);
	background-position:left;
	background-repeat:no-repeat;
	line-height:12px;
	}
.validasyon strong{
	font-weight:bold;
	}


/* CSS Reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-weight: inherit;	font-style: inherit;	font-size: 100%;	font-family: inherit;	vertical-align: baseline;}
:focus {	outline: 0;}
body {	line-height: 1;	color: black;	background: white;}
ol, ul {list-style: none;}
table {	border-collapse: separate;	border-spacing: 0;}
caption, th, td {	text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {	content: "";}
a {	text-decoration:none;	}