img { behavior: url(pngbehavior.htc);}


* {

	margin: 0;

	padding: 0;

	border: 0;

	}



body {

	margin: 19px 0;

	padding: 0;

	color: #575858;

	text-align: center;

	background: #E3E0D6;

	font: normal 11px verdana, arial, geneva, helvetica, sans-serif;
	background-repeat:repeat-x;

	}

	

	

#container {

	width: 762px;

	margin: 0 auto;

	text-align: left;

	background: #fff url(bg_middle.gif) center top repeat-y;

	position: relative;

	}	



/* HEADER */	

	

#header {

	background: url(bg_top.gif) center top no-repeat;

	height: 206px;

	}

	

#Ana #header {

	height: 140px;

	}

	

h1 {

	position: absolute;

	left: 48px;

	top: 28px;

	
margin: 0px 0 0 0;

	width: 184px;

	height: 59px;

	font: normal 13px/110% georgia, "Times New Roman", Times, serif;

	text-indent: -3000px;

	background: url(PerpaMakine.gif) 0 0 no-repeat;	

	}

	

h1 a {

	color: #59554F;

	text-decoration: none;

	width: 175px;

	height: 26px;

	display: block;

	}

	

h2 {

	position: absolute;

	top: 80px;

	left: 33px;

	width: 500px;

	color: #17A660;

	font: normal 22px/130% georgia, "Times New Roman", Times, serif;

	}



#hakkimizda h2 { width: 465px; }

#urunler h2 { width: 550px; }

#referans h2 { width: 550px; }

#urunler h2, #urunler h3 { color: #7d2b9a; }

#referans h2, #referans h3 { color: #1197d9; }

#iletisim h2, #iletisim h3 { color: #ed5367; }




	


/* navigation */

	

#nav {
	position: absolute;
	top: 110px;
	right: 20px;
	left: 50px;
	width: 699px;

	}

	

#nav li {

	display: inline;

	float: left;

	margin-right: 16px;

	}

  

#nav a {

	height: 16px;

	float: left;

	display: block;

	text-decoration: none;

	margin: 0;

	}

	

	

#nav li.ana { background: url(nav_ana.gif) no-repeat 0 -16px; width: 80px; }

#nav li.ana a { background: url(nav_ana.gif) no-repeat 0 0; width: 80px; }


#nav li.hakkimizda { background: url(nav_hakkimizda.gif) no-repeat 0 -16px; width: 98px; }

#nav li.hakkimizda a { background: url(nav_hakkimizda.gif) no-repeat 0 0; width: 98px; }


#nav li.urunler{ background: url(nav_urunler.gif) no-repeat 0 -16px; width: 100px; }

#nav li.urunler a { background: url(nav_urunler.gif) no-repeat 0 0; width: 100px; }


#nav li.referans { background: url(nav_referans.gif) no-repeat 0 -16px; width: 100px; }

#nav li.referans a { background: url(nav_referans.gif) no-repeat 0 0px; width: 100px; }


#nav li.iletisim { background: url(nav_iletisim.gif) no-repeat 0 -16px; width: 70px; }

#nav li.iletisim a { background: url(nav_iletisim.gif) no-repeat 0 0; width: 70px; }


#nav li.foto { background: url(nav_foto.gif) no-repeat 0 -16px; width: 134px; }

#nav li.foto a { background: url(nav_foto.gif) no-repeat 0 0; width: 134px; }






#nav li a span, .hide {

	display: none;

	}

	







#cerceve {

	float: right;

	background: #eeede6;

	padding-bottom: 12px;

	}

	

#about #cerceve, #clientlist #cerceve, #casestudies #cerceve, #news #cerceve, #contact #cerceve {

	width: 243px;

	}
#about1 #cerceve1, #clientlist1 #cerceve1, #casestudies1 #cerceve1, #news1 #cerceve1, #contact1 #cerceve1 {

	width: 300px;

	}

	

#Ana #cerceve {

	float: none;

	background:  url(bg.gif);
	

	padding-left: 16px;

	height: 196px;

	}

	

#Ana #cerceve p {

	float: left;

	margin: 17px 8px 6px 0;

	}



p.cer01,p.cer02, p.cer03, p.cer04, p.cer05{

	margin: 12px 0 0 13px;

	}

	

p.cer01 a, p.cer02 a, p.cer03 a, p.cer04 a, p.cer05 a{

	display: block;

	width: 216px;

	height: 177px;

	text-decoration: none;

	color: #ffffff;

	}

	

p.cer01 { background: url(01.jpg) 0 -177px no-repeat; }

p.cer01 a { background: url(01.jpg) 0 0 no-repeat; }


p.cer03 { background: url(03.jpg) 0 -177px no-repeat; }

p.cer03 a { background: url(03.jpg) 0 0 no-repeat; }


p.cer04 { background: url(04.jpg) 0 -177px no-repeat; }

p.cer04 a { background: url(04.jpg) 0 0 no-repeat; }


p.cer02 { background: url(02.jpg) 0 -177px no-repeat; }

p.cer02 a { background: url(02.jpg) 0 0 no-repeat; }


p.cer05 { background: url(05.jpg) 0 -177px no-repeat; }

p.cer05 a { background: url(05.jpg) 0 0 no-repeat; }



p.cer01 a span,p.cer02 a span, p.cer03 a span, p.cer04 a span, p.cer05 a span{

	display: block;

	padding-top: 133px;

	padding-left: 20px;

	}

		

p.cer01 a:hover, p.cer02 a:hover, p.cer03 a:hover, p.cer04 a:hover, p.cer05 a:hover{	

	background: none;

	text-decoration: none;

	}


#main {

	margin: 0 33px;

	padding: 26px 0;

	background: url(line.gif) center top repeat-x;

	}
	
	#maino {

	margin: 0 33px;

	padding: 16px 30px;
	background-image:url(bg.gif) ;
	
	

	}
	#mainf {

	margin: 0 33px;

	padding: 16px 0px;
	background-image:url(bg.gif) ;
	
	

	}
	#mainb {

	margin: 0 33px;

	padding: 8px 0;
	background-color:#FFFFFF;
	

	}
#ileti {

	margin: 0 33px;

	padding: 8px 0;
	background-color:#EBEBEB;

	}
#Ana #main {

	background: none;

	padding: 0;
	

	}



#content {

	float: left;

	text-align: left;

	margin: 0;

	line-height: 160%;

	width: 410px;

	}

	

#Ana #content {

	float: none;

	}



#content p {

	margin: 0 0 15px 0;

	}

	

#content p.credits {

	color: #A3A3A3;

	font: normal 10px verdana, arial, geneva, helvetica, sans-serif;

	margin: 0;

	clear: both;

	}

	

#content ul {

	margin: 0 0 15px 2px;

	list-style-type: none;

	}

	

#content li {

	padding: 2px 0 2px 14px;

	background: url(arrowlink.gif) 0 5px no-repeat;

	}

	

#content a { color: #00b273; text-decoration: none; }

#content a:hover { color: #00b273; text-decoration: underline; }




.imagecontainer {

	background: #EEEDE6 url(line.gif) center top repeat-x;

	padding: 20px 0;

	text-align: center;

	margin-bottom: 20px; 

	}


#columnleft {

	float: left;

	width: 190px;

	margin-right: 20px;

	}

	

#columnright {

	float: left;

	width: 190px;

	}




.taster {

	margin-bottom: 5px;

	}

		

.taster img {

	float: left;

	margin: 10px 20px 0 10px;

	border: 1px solid #DEDDDC;

	padding: 5px;

	}	



.taster div {

	float: left;

	width: 280px;

	padding: 10px 0 15px 0;

	border-bottom: 1px solid #f0f0f0;

	margin: 0;

	}

		

.arrowlink {

	background: url(arrowlink.gif) 0 2px no-repeat;

	padding-left: 14px;

	}



/* headings */



h3 {

	font: normal 16px/130% georgia, "Times New Roman", Times, serif;

	color: #17A660;

	margin: 0 0 4px 0;

	}



/* FOOTER */

	

#footer {

	background: url(bg_bottom.gif) center bottom no-repeat;

	padding: 30px 40px 36px 40px;

	clear: both;

	}

	

#footer a {

	color: #9c9d9d;

	text-decoration: none;

	}

	

#footer a:hover {

	color: #9c9d9d;

	text-decoration: underline;

	}

	

.siteby {

	background: url(theconsult.gif) bottom center no-repeat;

	width: 86px;

	height: 13px;

	float: right;

	text-align: -3000px;

	}

	

.siteby a {

	background: url(theconsult.gif) top center no-repeat;

	width: 86px;

	height: 13px;

	display: block;

	}

	

.siteby a:hover {

	background: none;

	}

	

.siteby a span {

	display: none;

	}

	

a {

	outline: none;

	}

	

/* Clearfix */	

	

.clearfix:after, .taster:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}



.clearfix, .taster {display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix, * html .taster {height: 1%;}

.clearfix, .taster {display: block;}

/* End hide from IE-mac */		



/******************************
* THE FORMS
******************************/
.fieldset{
	margin:0;
	border:0;
	text-align:left;
	font-size:13px;
	font-weight: normal;
	color:#505050;
	font-family: Tahoma, Verdana, Arial, Tahoma, Serif;
	padding-top: 0;
	padding-left: 30px;
}
.input{
background:transparent;
width:320px;
border:1px #CACACA solid;
color:#6A6A6A;
font-size:13px;
padding:2px;
margin: 2px 0 2px 0;
}
.button{
background:#990100;
color:#FFFFFF;
border:1px solid #CACACA;
font-size:10px;
padding:1px;
margin:0;
}
.button1{
background:#F7F7F7;
color:#000;
border:1px solid #CACACA;
font-size:10px;
padding:1px;
margin:0;
}
.textarea{
font-family: Tahoma, Verdana, Arial, Tahoma, Serif;font-size: 13px; 
color: #5B5B5B;
height: 127px; 
width: 320px; 
background:#FFFFFF;
border:1px #CACACA solid;
padding:2px;
}
h4{
	font-size:14px;
	color:#666666;
	font-family: Tahoma, Verdana, Arial, Tahoma, Serif;
border-bottom-width: 1px;
	border-bottom-style:dashed;
	border-bottom-color:#333333;
	padding-bottom:4px;
	padding-left:27px;
	width:603px;
}
h5{
	padding-top: 0px;
	font-size:14px;
	color:#666666;
	font-family: Tahoma, Verdana, Arial, Tahoma, Serif;
	margin-left: 0px;
	margin-top: 0px;
}
h6{
	font-size:12px;
	color:#666666;
	font-family: Tahoma, Verdana, Arial, Tahoma, Serif;
	margin-top:30px;
	
	
}




/*
THUMbox
*/

#thumbox{position:relative;}

#thumbox h2{display:none;}

#thumbox img{border:solid 4px #fff; padding:0;}

#thumbox a{margin:0 5px 0 20px; border:none;}

.frame_thumb{
	display:block;
	width:46px; height:46px;
	position:absolute;
	top:80px;
	background:url(kenar.gif) no-repeat;
}

#frame {
	width:443px; height:261px;
	background:url(frame2.gif) no-repeat;
	position:relative;
	margin-bottom:20px;
}
#frame1{left:8px;}
#frame2{left:145px;}
#frame3{left:282px;}
#frame4{left:421px;}
#frame5{left:556px;}



.title, .widgettitle, .post h2 {
	font-size:20px;
	font-weight:bold;
	color:#77A51B;
	letter-spacing:-2px;
	font-style:italic;
	margin-bottom:15px;
	margin-top:0;
}

.widget{list-style-type:none; margin:0; padding:0;}