* {
	list-style: none;
	margin: 0;
	padding: 0;
	outline: none;
	text-decoration: none;
	border: none;
}
body {
	background-color: #fff;
	font-family: arial, helvetica, san serif;
	font-size: 100%;
}
a { }
a:hover { }
h1 { }
/*|===========================================================================================|*/
#container {
	background: url(../img/main_bg.png) center top no-repeat;
	left: 50%;
	margin: 0px auto;
	margin-left: -450px;
	margin-top: -315px;
	position: absolute;
	top: 50%;
	width: 900px;
	height: 630px;
	padding:0px 0px 0px 0px;
	border:0px solid #00FFFF;
}
#wrapper {
	width: 774px;
	height: 600px;
	border: 0px solid #CC0000;
    margin: 0px 0px 0px 126px;
}
/*|===========================================================================================|*/
#pageTop {
	width: 773px;
	height: 100px;
	margin:0px 0px 0px 0px;
	border: 0px solid #0066CC;
}
#pageContent {
	margin:0px 0px 0px 0px;
	border: 0px solid #0066CC;
}
#pageBottom {
	width: 773px;
	height: 87px;
	margin:0px 0px 0px 0px;
	border: 0px solid #0066CC;
}
/*|===========================================================================================|*/
#anaSayfa, #projeler, #referans, #icmimar, #iletisim {
    width: 773px;
    height: 412px;
    padding:0px 0px 0px 0px;
    border:0px solid #FF66FF;
}
#anaSayfa { background: url(../img/title_anasayfa.png) bottom left no-repeat; }
#projeler { background: url(../img/title_projeler.png) bottom left no-repeat; }
#referans { background: url(../img/title_referans.png) bottom left no-repeat; }
#icmimar  { background: url(../img/title_icmimar.png)  bottom left no-repeat; }
#iletisim { background: url(../img/title_iletisim.png) bottom left no-repeat; }
/*|===========================================================================================|*/
.projeName{
	width: 625px;
	margin: 10px auto 0px auto;
    padding-left:5px;
    font-weight: 600;
}
.projeDescription{
	width: 625px;
	margin: 0px auto;
    font-size:75%;
    color: #777;
    padding-left:5px;
}
.projeSQlist{
    position: absolute;
    left:200px;
    bottom:50px;
    border:0px solid #00CCFF;
    width:625px;
    height:25px;
    margin: 0px auto 0px auto;
    text-align: right;
}
.square{float:left;margin-right:5px;background-color: #ddd;width:25px;height:25px;}
.square:hover{background-color: #999;}
.square.selected{background-color: #ff0000;width:25px;height:25px;}
/*|===========================================================================================|*/
#icerik{
  width:625px;
  height:411px;
  margin:0px auto;
  border:0px solid #FF9933;
  background:#fff;
}
#slide_container{
    float: left;
    width: 300px;
    height: 400px;
}
.yazi{
    float: right;
    font-size:85%;
    color:#999;
    width: 300px;
    height: 405px;
    margin-top:-5px;
    padding: 0px 0px 0px 0px;
    border:0px solid #FF9933;
    overflow: auto;
}
.yazi a{color:#999;}
.yazi a:hover{color:#666;}
/*|===========================================================================================|*/
#mainNav{
	color: #999;
	width: 625px;
	margin:-1px 0px 0px 74px;
	padding:5px 0px 5px 0px;
	border-top:1px solid #999;
}
#mainNav a{ color: #999; overflow: auto; }
#mainNav a:hover{ color: #F00; }
#mainNav .selected{ color: #000; font-weight: bold;}
.mn_projeler{ float: left; margin-left: 0px; }
.mn_referans{ float: left; margin-left: 115px; }
.mn_icmimar { float: left; margin-left: 150px; }
.mn_iletisim{ float: right; }
/*|===========================================================================================|*/
#footer {
    color:#bbb;
    font-size: 75%;
    padding: 5px 0px 0px 0px;
    border:0px solid #c00;
}
#copy {float:left;}
#sake {float:right;}
#sake a {color:#bbb;}
#sake a:hover {color:#c00;}
/*|===========================================================================================|*/
/*|                Color Fade | Caption Sliding | EasySlide | Easy Tooltip                    |*/
/*|===========================================================================================|*/
.projelerGallery {width: 636px; height: 415px; overflow: hidden; margin-left:1px;}
.projelerGallery img {border: none;}
.projelerGallery  a.thumb {width: 200px;height: 200px;}
.projelerGallery span {width: 200px;height: 200px;overflow: hidden;display: block;}
.projelerGallery  a.thumb:hover {background: #333;}
.projelerGallery  a {text-decoration: none; color: #777; display: block;}
/*|===========================================================================================|*/
.boxgrid{width: 200px; height: 200px;  margin: 0px 12px 12px 0px; float:left; overflow: hidden; position: relative; display: inline;}
.boxcaption{ float: left; position: absolute; background: #000;  height: 100px; width: 100%;
    opacity: .7;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);  /* For IE 5-7 */
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";  /* For IE 7 */
}
.boxcaption h3 {margin: 5px 0px 0px 5px;color:#fff;font-size:100%;font-weight: normal;}
.captionfull .boxcaption {top: 200px;left: 0px;}
/*|===========================================================================================|*/
#slideContainer{position:relative;width:625px;height:412px;background:#fff;margin-left:75px;}
#slider{}
#slider ul, #slider li{margin:0px;padding:0px;list-style:none;}
#slider li{width:635px;height:412px;overflow:hidden;}
#prevBtn, #nextBtn{position:absolute;display:block;width:30px;height:60px;top:176px;text-indent:-8000px;}
#prevBtn{left:-35px;}
#nextBtn{left:625px;}
#prevBtn a, #nextBtn a{display:block;width:30px;height:77px;}
#prevBtn a{ background:url(../img/btn_prev.png) no-repeat 0 0;}
#nextBtn a{background:url(../img/btn_next.png) no-repeat 0 0;}
/*|===========================================================================================|*/
#easyTooltip{
  margin:0px 0px 0px 0px;
  overflow: hidden;
  padding:7px 7px 0px 7px;
  background:#999;
  border:1px solid #fff;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
}
#easyTooltip .text{
  text-align: center;
  margin: 0px;
  padding:5px 0px;
  color:#555;
  border:0px solid #000;
  font-size:75%;
  font-weight: bold;
  text-shadow: 1px 1px #bbb;
}
#easyTooltip .resim{
  position:relative;
  background-color:#fff;
  background-position: bottom;
  padding:0px;
  border:3px solid #fff;
  margin:0px;
  width:150px;
  height:150px;
  overflow: hidden;
}
/*|===========================================================================================|*/