* {
	padding:0;
	margin:0;
}

 img, div { behavior: url(images/iepngfix.htc)}

body{
background:url(images/zemin.jpg) repeat-x top #fff;
font-family:"Trebuchet MS";
font-size:12px;
color:#666666;
margin:0px;
padding:0px;
}

#sayfa {
margin:auto;
width:900px;
}

#ust{
float:left;
width:900px;
height:114px;
margin:0px;
padding:0px;
position:relative;
}

#logo {
width:202px;
float:left;
background:url(images/logo.png) no-repeat;
height:101px;
}




#flas {
float:left;
width:173px;
}
/*********************** Içerik Baslangici *****************/

#icerik{
float:left;
width:100%;
}



#sol_taraf {
float:left;
width:580px;
max-width:580px;
padding:5px;
padding-left:10px;
}


#sag_taraf {
float:right;
width:280px;
padding:5px;
}

/************************************ Menu **********************************/

#ust_menu {
float:left;
width:80%;
height:37px;
margin-top:5px;
}

#ust_menu2{
float:left;
width:90%;
height:80px;
}
#ust_menu ul {
margin:0px;
padding:0px;
float:left;
}

#ust_menu ul li  {
float:left;
padding:1px;
list-style:none;
margin-top:6px;
}

#ust_menu ul li a {
background:url(images/kirmizi.png) top left no-repeat;
text-decoration:none;
padding:10px;
padding-left:12px;
padding-right:16px;
padding-bottom:4px;
float:none;
color:#fff;
font-weight:bold;
display:block;
}

#ust_menu ul li a:hover {
background:url(images/gri.png) top left no-repeat;
color:#3c3c3c;
}

#ust_menu #burasi a {
background:url(images/gri.png) top left no-repeat;
color:#3c3c3c;

}


#maus {
float:right;
width:87px;
height:240px;
position: absolute;
right: 0;
top:0;
background:url(images/maus.png) bottom no-repeat
 }










/************************************ Menu bitti**********************************/



/*********************** Ust Menu 2*****************************/
#ust_menu2{ margin-top:30px; }
.ust_menu2{ float:left; padding:0; height:30px; width:90%; display:block; background:url('images/topMenuImages.png') repeat-x;}
.ust_menu2 li{padding:0; margin:0; list-style:none; display:inline;}
.ust_menu2 li a{float:left; padding-left:15px; display:block; font-size:100%; text-decoration:none; cursor:pointer; background:url('images/topMenuImages.png') 0px -30px no-repeat;}
.ust_menu2 li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url('images/topMenuImages.png') 100% -30px no-repeat;}
.ust_menu2 li a:hover{background-position:0px -60px; }
.ust_menu2 li a:hover span{background-position:100% -60px;}
.ust_menu2 li a.active, .ust_menu2 li a.active:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url('images/topMenuImages.png') 0px -90px no-repeat; }
.ust_menu2 li a.active span, .ust_menu2 li a.active:hover span{background:url('images/topMenuImages.png') 100% -90px no-repeat;}


/**************************** Bloklar **********************************/

#yan-1{
float:left;
width:270px;
background: url(images/neler_yaptik_ust.gif) top no-repeat;
}



#yan-2{
float:left;
width:270px;
background: url(images/neler_yaptik_ust.gif) left top no-repeat;
}


.blok_alt {
float:left;
width:270px;
height:12px;
background:#fff url(images/blok_alt.gif) left top no-repeat;
}

.bloklar {
float:left;
width:100%;
margin-bottom:8px;
}
.bloklar h1  {
font-size:135%;
padding-left:45px;
padding-top:10px;
color:#b70000;
float:left;
width:220px;
}

.yan_bloklar{
width:270px;
float:left;
padding-top:5px;
clear:left;
}

.yan_blok_resimler{
width:35px;
height:35px;
float:left;
margin:5px;
}
.yan_resimler {
margin:1px;
float:left;
}


.yan_resimler :hover img {
border:3px solid #d30303;
}
.yan_resimler img{
border:3px solid #3c3c3c;
float:left;
}




.haber_icerik {
width:550px;
background:#f8f8f8;
border:1px solid #d4d4d4;
padding:9px;
float:left;
margin-bottom:10px;
}

.haber-baslik{
float:left;
width:560px;
height:25px;
background-color:#d4d4d4;
margin-bottom:5px;
clear:left;
}

h2.haber-baslikh   {
font-size:120%;
padding:5px;
font-weight:bold;
}

.haber-tarih{
float:right;
width:110px;
text-align:right;
padding:5px;
background:url(images/date.gif) center left  no-repeat;
font-weight:bold;
font-size:90%;
}

.haber-alt{
float:left;
width:550px;
padding:5px;
}

.bulten_yan{
float:left;
width:249px;
padding:9px;
padding-left:12px;
}

.bulten-baslik a{
font-size:110;
color:#b70000;
font-weight:bold;
text-decoration:none;
}

/************************ Foot - Alt **************************/

#foot-alt {
margin-top:20px;
width:100%;
float:left;
background:#000000;
background:#e8e8e8 url(images/foot-alt.gif) top repeat-x;
height:150px;
}
#foot-ic {
margin: 0px auto;
width:900px;
padding:0px;
}

.foot-menu {
float:left;
width:100%;
height:34px;
}

.foot-sol{
float:left;
width:420px;
height:90px;
padding:15px;
padding-bottom:5px;
}

.foot-sol ul {
margin:0px;
padding:0px;
height:90px;
background:url(images/foot-arac.gif) top left no-repeat;
}

.foot-sol ul li {
list-style:none;
line-height:22px;
padding-left:20px;
}

.foot-sol ul li a, .foot-sag span a{
text-decoration:none;
font-weight:bold;
color:#666666;
}
.foot-sol ul li a:hover, .foot-sag span a:hover {
color:#333;
}


.foot-sag {
float:right;
width:420px;
height:60px;
padding:15px;
text-align:right;
}

.foot-sag-resim{
float:right;
text-align:right;
width:200px;
}

.foot-sag-resim a{
padding:5px;
padding-left:7px;
padding-right:0px;
}

.foot-sag span {
float:right;
width:100%;
text-align:right;
}

#jooyoda {
float:right;
width:100%;
}

.galerie {
float:left;
width:580px;
max-width:580px;
}
/********** Foot menu *********************/

.foot-menu ul {
margin:0px auto;
padding:0px;
}

.foot-menu ul li {
list-style:none;
float:left;
padding:8px;
margin-right:3px;
}
.foot-menu ul li a{
text-decoration:none;
font-weight:bold;
color:#e8e8e8;
}

.foot-menu ul li a:hover {
color:#666666;
}

input, select, textarea {
	border: 2px solid #666666;
	margin-bottom: 2px;
}
h1 {
	color: #b70000;
}
h2,
h2 a,
h2 a:hover {
	text-decoration: none !important;
	color: #b70000;
}
h2 {
font-size:180%;
}


hr {
	height: 1px;
	border: 1px solid #b70000;
}
#my-body {
	background: #EFEFEF;
}

li.level0 {
display:none;
}

/*************************** Portfolyo ******************************/

#project-previews {
float:left;
width:570px;
}
.galerinin-ici{
float:left;
width:245px;
margin:10px;
}
div.project-preview {
  width: 245px;
  margin-bottom: 2em;
}
div.project-preview-pic a {
  display: block;
}
div.project-preview-pic {
  padding: 4px;
  height: 140px;
  position: relative;
  background: #F2F2F3;
  border: 1px solid #e6e5e7;
  border-bottom: none;
}
div.project-preview-details {
  bottom: 4px;
  height: 30px;
  width: 235px;
  z-index: 100;
  display: none;
  position: absolute;
  background: url('images/background-overlay.png') no-repeat 0 0;
  font-weight:bold;
  color: red;
}
div.project-preview-details a {
  width: 100%;
  display: block;
  color: #e6e5e7;
  line-height: 30px;
  padding-left: 34px;
  text-decoration: none;
  background: url('images/icon_ressources.gif') no-repeat 5px 5px;
}
div.project-preview-desc {
  width: 235px;
  color: #434343;
  background: #F2F2F2;
  display: inline-block;
  line-height: 2em;
  padding: 0.6em 4px;
  margin-bottom: 2em;
  border: 1px solid #E6E5E7;
  border-top: none;
}

/* full view */
#loader {
  width: 500px;
  height: 298px;
  background: #fff;
  text-align: center;
}
#loader img {
  margin-top: 120px;
}
#screenshotz {
  padding: 4px;
  width: 500px;
  height: 298px;
  position: relative;
  border: 1px solid #E6E5E7;
  border-bottom: none;
  background-color: #F2F2F3;
}
#screenshot-list {
  margin: 0;
  padding: 0;
  width: 500px;
  display: block;
  list-style-type: none;
}

#screenshot-list li {
  width: 500px;
  height: 298px;
  display: none;
  line-height: 1em;
}
#screenshot-list li.first { display: block; }

#project-link {
  bottom: 4px;
  height: 30px;
  width: 500px;
  z-index: 100;
  display: none;
  position: absolute;
  background: url('../images/interface/background-overlay.png') no-repeat 0 0;
}
#project-link a {
  width: 100%;
  height: 30px;
  color: #e6e5e7;
  display: block;
  line-height: 30px;
  padding-left: 34px;
  text-decoration: none;
  background: url('../images/interface/icons/plus.png') no-repeat 0 0;
}
#project-desc {
  width: 500px;
  color: #434343;
  background: #F2F2F2;
  display: inline-block;
  line-height: 2em;
  padding: 0.4582em 4px;
  padding-bottom: 0.374em; /*-1px(-0.0833em)*/
  margin-bottom: 0.916em;
  border: 1px solid #E6E5E7;
  border-top: none;
}
#project-services {
  float: right;
  width: 200px;
  padding-left: 20px;
}

/* next / previous */
#project-next,
#project-previous {
  display: block;
  height: 48px;
  line-height: 48px;
  font-family: Georgia,"Times New Roman",Times,serif;
  font-size: 1.6667em;
  margin-bottom: 2em;
}

#project-next {
  float: right;
  padding-right: 50px;
  background: transparent url('../images/interface/icons/arrowright-large.gif') no-repeat right center;
}
#project-previous {
  float: left;
  text-align: left;
  padding-left: 50px;
  background: transparent url('../images/interface/icons/arrowleft-large.gif') no-repeat left center;
}

/**************************** Portfolyo Sonu ********************************/



/****************** Site Haritasi *********************/
#siteharita {
width:100%;
float:left;
}
#siteharita ul {
margin:10px;
float:left;
width:100%;
}

#siteharita ul li {
float:left;
list-style:none;
padding:5px;
}
/************************************ Content **********************************/
#content {
	padding: 10px 20px 20px 10px;
	line-height: 16px;
	float:left;
}
#content h1 {
	margin-top: 5px;
}
#content a {
	text-decoration: underline;
	color: black;
}
#content a:hover {
	text-decoration: underline;
	color: #008ce1;
}

#content {
	height: 400px;
}

#content ul, li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#content li {
	margin: 0px 0px 0px 17px;
}

/* IE hack for min-height */
#content[id] {
    height: auto;
    min-height: 400px;
}
/*******************************************************************************/





/******************************** Additional stuff *****************************/
.breadcrumb,
.breadcrumb a {
	color: gray;
}

#info {
	text-align: center;
	color: gray;
	margin-bottom: 5px;
}
#info a {
	text-decoration: none;
	color: gray;
}

#mod_references_table td label {
  display: none;
}

#mod_references_list {
  height: 240px;
  margin: 0;
  padding: 0;
}

#mod_references_list li {
  clear: both;
  list-style-type: none;
  margin: 0;
  padding: 0;
  height: 60px;
}

#mod_references_list .title {
  float: left;
}

#mod_references_list .handle {
  float: right;
  font-size: xx-small;
  width: 80px;
  cursor: pointer;
}
/******************************* Ekstralar ************************************************/


.k-resim {
float:left;
width:65px;
height:50px;
margin:3px;
}