body{
	margin:0px;
	padding:0px;
	font-family:Helvetica,Arial,sans-serif;
	}

h2{
	font-family:"Lucida Sans","Lucida Grande","Trebuchet MS",Arial,Helvetica,Verdana,Tahoma,sans-serif;
	color:#787878;
	font-size:24px;
	font-style:normal;
	font-weight:normal;
	margin:0px;
	letter-spacing:-2px;
	text-align:left}	

	
#onur{
	position:absolute;
	top:120px;
	width:240px;
	height:290px;

	
	}
#raf{
	min-height:450px;
	background-image:url(../images/bg-top.jpg);
	background-repeat:repeat-x;	
	}
#raf #raf-content{
	width:980px;
	margin:0px auto;
	}
#raf #raf-content #top-menu{
	height:115px;
	}
#raf #raf-content #top-menu #logo{
	float:left;
	width:280px;
	}
#raf #raf-content #top-menu #menus{
	float:left;
	width:700px;
	}
	
#raf #raf-content #top-menu #menus #language{
	float:right;
	width:200px;
	margin-top:2px;
	font-size:75%;
}
#raf #raf-content #top-menu #menus #language a{
	text-decoration:none;
	color:#333;
}
#raf #raf-content #top-menu #menus #language a:hover{
	color:#06a3cb;
}

#raf #raf-content #top-menu #menus #language #firstlang{
	float:left;
	width:70px;
	border-right:solid 1px #dcdcdc;
	background:transparent url(../images/flag_tr.png) no-repeat scroll 45px 2px;
	margin-left:10px;
}
#raf #raf-content #top-menu #menus #language #secondlang{
	float:left;
	padding-left:30px;
	background:transparent url(../images/flag_en.png) no-repeat scroll 8px 2px;
	border-left:solid 1px #fff;

}

#raf #raf-content #top-menu #menus #main-menu{
	float:left;
	width:700px;
	}
	
#raf #raf-content #banner{
	height:195px;
	}

/* **************** Sub Menus ******************************* */
#raf #raf-content #sub-menu{
	height:100px;
	}

#raf #raf-content #sub-menu .right{
	clear:both;
	float:right;
	text-align:right;
	}
#raf #raf-content #banner h1{
	font-family:"Lucida Sans","Lucida Grande","Trebuchet MS",Arial,Helvetica,Verdana,Tahoma,sans-serif;
	color:#00beee;
	font-size:34px;
	font-style:normal;
	font-weight:normal;
	margin:0px;
	padding-top:30px;
	line-height:1.2em;
	letter-spacing:-3px;
	text-align:right;
	}	
#raf #raf-content #banner h1.contents{
	font-family:"Lucida Sans","Lucida Grande","Trebuchet MS",Arial,Helvetica,Verdana,Tahoma,sans-serif;
	color:#fff;
	font-size:34px;
	font-style:normal;
	font-weight:normal;
	margin:0px;
	padding-top:150px;
	line-height:1.2em;
	letter-spacing:-3px;
	text-align:right;
	}	
	
#raf #raf-content #sub-menu h3{
	color:#0891b4;
	font-size:80%;
	margin:6px 0 5px;
	line-height:10px;
	}	
#raf #raf-content #sub-menu p{
	color:#888f8f;
	font-size:75%;
	line-height:13px;
	margin:4px 0px 6px 0px;
	}
	#raf #raf-content #sub-menu p.acik{
	margin:0;
	padding:5px 0 0 300px;
	text-align:right;}
	
#raf #raf-content #sub-menu .pull {
		font-family: Georgia, serif;
		font-size: 22px;
		font-style: italic;
		font-weight: normal;
		text-transform: normal;
		letter-spacing: -1px;
		line-height: 1.4em;
		margin:0 0 30px 250px;
		text-align:justify;
		background: url(close.gif) no-repeat bottom right !important;
		padding:20px 0 0 17px;
		color:#7c7c7c;

	}
#raf #raf-content #sub-menu .pull:first-letter {
		background: url(open.gif) no-repeat left top !important;
		padding:5px 0 0 40px;
	}
#raf #raf-content #sub-menu img{
	float:right;
	margin-right:6px;
	}
#raf #raf-content #sub-menu #part{
	float:left;
	display:block;
	height:100px;
	width:300px;
	padding:0px 10px;
	}
#raf #raf-content #sub-menu #part #image{
	float:left;
	display:block;
	width:60px;
	}	
#raf #raf-content #sub-menu #part #text{
	float:left;
	display:block;
	padding-top:5px;
	}		
	
#raf #raf-content #sub-menu #ayrac{
	float:left;
	display:block;
	height:100px;
	width:10px;
	background:url(../images/seperator.gif) repeat-y scroll 4px 1px;
	}





/* ************ content *********************** */

#raf #raf-content #content{
	}

#raf #raf-content #content p{
font-family: Georgia, serif;
font-size: 20px;
font-style: italic;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;}

#raf #raf-content #content #masterm { float:left; min-height:100px; background:url(../images/bg1.png) repeat center;}
#raf #raf-content #content #masterm .line{ width:100%;}
#raf #raf-content #content #masterm .texta{ width:950px; padding:5px; background-color:#fff;
margin:0 5px 5px 5px;
border:solid 5px #f5f5f5}
#raf #raf-content #content #masterm .textb{ width:940px; padding:5px; background-color:#f3f3f3;}
#raf #raf-content #content #masterm .modul { float:left; width:470px; padding:10px;
}
#raf #raf-content #content #masterm .detaylar {
	background-color:#BEBCB7;
	float:right;
	line-height:12px;
	text-align:right;
	margin-top:10px;}

#raf #raf-content #content #masterm p.raf-content {
	color:#999999;
	font-family:Georgia, serif;
	font-size:15px;
	font-style:normal;
	font-weight:normal;
	line-height:26px;
	margin:0 0 10px;
	padding:0 140px 0 10px;
	text-align:justify;
	}
#raf #raf-content #content #masterm .raf-photo{
	float:right;
	width:115px;
	margin:5px 5px 10px 0;
	}	
#raf #raf-content #content #masterm a.raf-buton {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height:22px;
	background: transparent url(../images/butbg.gif) scroll 1px 1px no-repeat;
	width:97px;
	color:#727272;
	display:block;
	text-align:center;
	font-size:80%;
	text-decoration:none;
	margin:20px 0 10px 220px ;
	}

#raf #raf-content #content #masterm a.raf-buton:hover {
	color:#00beee;
	}

	
#raf #raf-content #content #masterm .modul-title-box {
	float:left;
	width:470px;
	height:22px;}

#raf #raf-content #content #masterm .modul-content {
	float:left;
	min-height:150px;
	width:460px;
	background:#FFF;
	margin:5px 0;
	padding:5px;}
#raf #raf-content #content #masterm .textbp{ clear:both; width:928px; display:block; margin:0; padding:0 10px 10px 2px; font-style:normal; font-size:110%; color:#666; text-align:justify;}
#raf #raf-content #content #masterm .textbp strong{ font-style:normal;}
#raf #raf-content #content #masterm h1.raf {
	background: transparent url(../banner_images/raf-baslik.gif) no-repeat scroll 0 0;
	float:left;
	line-height:32px;
	width:600px;
	text-indent:-9999px;
	margin:0;
	padding:0;} 
	
#raf #raf-content #content #masterm h2.market-raflari {
	background: transparent url(../banner_images/market-raflari-baslik.png) no-repeat scroll 0 0;
	float:left;
	height:28px;
	text-indent:-9999px;
	width:160px;
	margin:0;
	padding:0;}
#raf #raf-content #content #masterm h2.depolama-sistemleri {
	background: transparent url(../banner_images/depolama-sistemleri-baslik.png) no-repeat scroll 0 0;
	float:left;
	height:28px;
	text-indent:-9999px;
	width:196px;
	margin:0;
	padding:0;}
#raf #raf-content #content #masterm h2.vitrin-banko {
	background: transparent url(../banner_images/vitrin-banko-baslik.png) no-repeat scroll 0 0;
	float:left;
	height:28px;
	text-indent:-9999px;
	width:122px;
	margin:0;
	padding:0;}	
#raf #raf-content #content #masterm h2.buzdolabi {
	background: transparent url(../banner_images/buzdolabi-baslik.png) no-repeat scroll 0 0;
	float:left;
	height:28px;
	text-indent:-9999px;
	width:240px;
	margin:0;
	padding:0;}	
#raf #raf-content #content #masterm h2.uygulamalar {
	background: transparent url(../banner_images/uygulama-baslik.png) no-repeat scroll 0 0;
	float:left;
	height:28px;
	text-indent:-9999px;
	width:190px;
	margin:0;
	padding:0;}		
#raf #raf-content #content #masterm h2.market-ekipmanlari {
	background: transparent url(../banner_images/market-ekipmanlari-baslik.png) no-repeat scroll 0 0;
	float:left;
	height:28px;
	text-indent:-9999px;
	width:192px;
	margin:0;
	padding:0;}	
#raf #raf-content #content #masterm #line01{	}
#raf #raf-content #content #masterm #line02{	}


#raf #raf-content #content #master{clear:both; float:left; min-height:100px;}
#raf #raf-content #content #master #left{
	float:left;
	width:245px;
	margin:8px 8px 8px 0;
	padding:5px;
	background:transparent url(../images/line.jpg) no-repeat scroll 251px 1px;
	}

#raf #raf-content #content #left ul{
	font-family:"Lucida Sans","Lucida Grande","Trebuchet MS",Arial,Helvetica,Verdana,Tahoma,sans-serif;
	font-size:68%;
	margin:0px;
	padding:0px;
	list-style:none;
	letter-spacing:-0.02em;
	
	}
	
#raf #raf-content #content #left ul li{
	display:block;
	background:transparent url(../images/left-menu-line.jpg) no-repeat scroll center top;
	font-size:1.1em;
	list-style-image:none;
	list-style-type:none;
	padding:3px 1px;
	}
	
#raf #raf-content #content #left ul li a b {
	color:#252525;
	display:block;
	font-size:1.25em;
	font-weight:normal;
	margin-bottom:4px;}
#raf #raf-content #content #left ul li a:hover b{
	color:#00beee;
}
#raf #raf-content #content #left ul li a{
	background:transparent url(../images/a1.jpg) no-repeat 4px 15px;
	display:block;
	color:#7c7c7c;
	text-decoration:none;
	padding:12px 5px 12px 20px;
	} 
	
#raf #raf-content #content #left ul li a:hover{
	background:#f5f5f3 url(../images/a2.jpg) no-repeat 4px 15px;
	color:#b7c2c4;
	
	}


#raf #raf-content #content #master #action{
	float:left;
	margin:8px 0 8px 0;
	padding:0 0 20px 5px ;
	width:710px;
	min-height:400px;
	}
#raf #raf-content #content #master #action #left1{
	float:left;
	width:230px;
	padding-top:5px;
	}	

#raf #raf-content #content #master #action .photo {
	margin: 24px;
	position: relative;
	width: 180px;
	height: 130px;
	float: left;
}	
#raf #raf-content #content #master #action .photo img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}
#raf #raf-content #content #master #action .photo a {
	text-decoration: none;
}

#raf #raf-content #content #master #action .sample6 span {
	width: 189px;
	height: 137px;
	display: block;
	position: absolute;
	top: -5px;
	left: -5px;
/*	background: url(../images/cut-corner.png) no-repeat;*/
}

#raf #raf-content #content #master #action em {
	width: 110px;
	display: block;
	padding: 10px;
	text-align: center;
	font: italic 100% Georgia, "Times New Roman", Times, serif;
	color: #333;
	position: absolute;
	top: 127px;
	left: 30px;
}
	
/* ************ Menu Stil *********************** */
ul#navigation {
	float:right;
	height:50px;
	}

ul#navigation li {
	background:transparent url(../images/seperator.gif) repeat-y scroll 0 0;
	display:block;
	float:left;
	list-style-type:none;
	margin-top:15px;
	padding:10px 0;
	position:relative;
	width:120px;
	}

ul#navigation li a {
color:#333333;
display:block;
font-size:20px;
line-height:85%;
padding:0 10px;
text-decoration:none;
}
ul#navigation li a:hover {
background-color:transparent;
color:#D92803;
}
ul#navigation li span {
display:block;
font-size:11px;
text-transform:lowercase;
}


#raf #footer{
	font-family: "Lucida Sans","Lucida Grande","Trebuchet MS",Arial,Helvetica,Verdana,Tahoma,sans-serif;
	margin-top:20px;
	border-top:4px solid #00beee;
	background-color:#4b4d4a;

	
	}
#raf #footer ul{
	color:#c3c5c2;
	font-size:75%;
	letter-spacing: 0.1pt;
	margin:0px;
	padding:0px;
	list-style:none;
	line-height:18px;
	}
#raf #footer ul li{
	display:inline;
	padding:0px 10px 0px 10px;
	border-right:solid 1px #666;
	}
#raf #footer ul li a{
	text-decoration:none;
	color:#999;
	}
#raf #footer ul li a:hover{
	color:#fff;
	border-bottom:dotted 1px #ccc;
	
	}
#raf #footer #footer-content{
	width:980px;
	margin:0px auto;
	padding:0px 0px 15px 0px;
	}

#raf #footer #footer-content #part1{
	width:95%;
	padding:5px;
	margin:0 auto;
	text-align:center;
	}

#raf #footer #footer-content #part1 #iletisim{
	padding:10px 11px;
	margin-top:8px;
	font-size:80%;
	letter-spacing:0.1em;
	color:#999;
	}
	
#raf #footer #footer-content #part #iletisim .bas{
	color:#ff730c;
	
	}
.clearBoth {clear: both}

#raf #raf-content #content p.raf-metin {
	font-family:sans-serif;
	font-size:95%;
	letter-spacing:0;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:10px 0 30px 0;
	padding:0;
	color:#444444;
	text-align:justify;
	font-weight:normal;
	font-style:normal;}
	
#raf #raf-content #content p.raf-metin-contact {
	font-family:sans-serif;
	font-size:95%;
	letter-spacing:0;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:10px 0 30px 0;
	padding:0;
	color:#444444;
	text-align:left;
	font-weight:normal;
	font-style:normal;
	letter-spacing:1px;}
	

#raf #raf-content #content p.raf-metin-contact strong{

}
#raf #raf-content #content p.raf-metin-contact span{
	font-size:15px;
	letter-spacing:normal;
	padding-right:14px;

}	
.raf-corner{display:block}
.raf-corner *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#e4e4e4}
.raf-corner1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f3f3f3;
  border-right:1px solid #f3f3f3;
  background:#eaeaea}
.raf-corner2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fcfcfc;
  border-right:1px solid #fcfcfc;
  background:#e9e9e9}
.raf-corner3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #e9e9e9;
  border-right:1px solid #e9e9e9;}
.raf-corner4{
  border-left:1px solid #f3f3f3;
  border-right:1px solid #f3f3f3}
.raf-corner5{
  border-left:1px solid #eaeaea;
  border-right:1px solid #eaeaea}
.raf-cornerfg{
  background:#e4e4e4;
  padding:10px;}

#siparis-formu{ width:650px; clear:both; float:left; margin:10px; padding:20px; border:5px solid #F5F5F5;}
#siparis-formu #line{ clear:both; float:left; margin:10px 10px 10px 80px;}
#siparis-formu #line .first{ float:left; width:150px;text-align:right; padding:0 20px 0 0;}
#siparis-formu #line .second{float:left; width:300px;}
#siparis-formu label{
	color:#4D5762;
	font-family:Arial,Verdana,sans-serif;
	font-size:11px;
	font-weight:bold;
	line-height:32px;
	}
#siparis-formu .textfield{	
	background:#F9F9F9 none repeat scroll 0 0;
	border-color:#CCCCCC #DDDDDD #DDDDDD;
	border-style:solid;
	border-width:2px;
	color:#777777;
	font-family:Arial,Verdana,sans-serif;
	font-size:110%;
	padding:4px;
	width:250px;}
#siparis-formu .textarea{	
	background:#F9F9F9 none repeat scroll 0 0;
	border-color:#CCCCCC #DDDDDD #DDDDDD;
	border-style:solid;
	border-width:2px;
	color:#777777;
	font-family:Arial,Verdana,sans-serif;
	font-size:110%;
	padding:4px;
	width:250px;}	

#makrovizyon{margin-top:10px;}
#makrovizyon #designer {
	cursor:pointer;
	background:transparent url(../images/makrovizyon.png) no-repeat scroll top center;
	width:139px;
	height:16px;
	margin:0 auto;
	padding-top:19px;}
#makrovizyon #designer ul {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:7px;
	list-style:none;
	list-style-type:none;
	margin-top:0px;
	padding-left:0px;	}
#makrovizyon #designer ul li {text-decoration:none;	float:left;	padding:0 2px; border:none;}
#makrovizyon #designer ul li a,#makrovizyon #designer ul li a:hover {color:#999;text-decoration:none;border:none;}