*{
margin: 0;
padding: 0;
border: 0px none;
}

body {
background: #fff;
color: #5F6C77;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}

p {
margin: 8px 0 8px 0;
text-align:justify;
}


a {
color: #5F6C77;
text-decoration: none;

}

a:hover {
color: #E61000;
text-decoration: underline;
}

.hr {
clear:left;
padding:15px 0 15px 0;
background: url('../page_images/back_hr.gif') repeat-x;
}


input, textarea{
font-size: 10px;
font-family: verdana;
border: 1px solid;
color: #5F6C77;
border-color : #c0c0c0;
padding:1px;
}




#container {
left: 0;
margin: 0 auto;
width: 950px;
top: 0;
}

#main-top {
background: url('../page_images/d_img_sharkback.gif') no-repeat 0 0;
height: 63px;
padding: 25px 0 0 30px;
width: 920px;
position:relative;
 }

#main-top p {
font-size: 10px;
position:absolute;
right:0px;
top:64px;
}

#main-top p a {
color: #5F6C77;
}

#main-seperate {
background: url('../page_images/d_img_seperate.gif') repeat-x 0 0;
height: 22px;
padding: 4px 0 0 20px;
width: 930px;
}

#main-seperate span{
font-size: 9px;
font-weight: normal;
background-color: #fff;
text-indent:10px;
margin:0;
padding:0 10px 0 10px;
}

#main-seperate h1{
font-size: 9px;
font-weight: normal;
background-color: #fff;
text-indent:10px;
width:205px;
margin:0;
}

#visual {
width: 950px;
}

#visual .left {
float: left;
height: 252px;
width: 400px;
}

#visual .middle {
float: left;
height: 252px;
width: 260px;
}

#visual .middle ul {
list-style-type: none;
font-family: Verdana;
font-size:9px;
}




#visual .middle a {
background-image: url('../page_images/img_web_links.gif');
color: #5F6C77;
display: block;
height:23px;
text-align:right;
width: 240px; padding-left:0; padding-right:20px; padding-top:13px; padding-bottom:0
}

#visual .middle a:link
{
text-decoration: none;
}

#visual .middle a:hover
{
background-image: url('../page_images/img_web_links_over.gif');
color: #333;
text-decoration: none
}

#visual .right {
float: left;
height: 252px;
width: 290px;
text-indent:-10000px;

}

#visual .right ul{

list-style-type: none;
}
#visual .right #mf0 {
background-image: url('../page_images/000.gif');
height: 252px;
}

#visual .right #mf1 {
background-image: url('../page_images/pic_web_tasarim_d.gif');
height: 252px;
}

#visual .right #mf2 {
background-image: url('../page_images/pic_web_uygulamalari_d.gif');
height: 252px;
font-size:5px;
}

#visual .right #mf3 {
background-image: url('../page_images/pic_internet_marketing_d.gif');
height: 252px;
}

#visual .right #mf4 {
background-image: url('../page_images/pic_e_ticaret_d.gif');
height: 252px;
}

#visual .right #mf5 {
background-image: url('../page_images/pic_multimedia_cozumleri_d.gif');
height: 252px;
}

#visual .right #mf6 {
background-image: url('../page_images/pic_sunucu_d.gif');
height: 252px;
}

#visual .right #mf7 {
background-image: url('../page_images/pic_musteriler_d.gif');
height: 252px;
}



#why-mf {
margin-top:4px;
width: 950px;
}

#why-mf .left {
background:#F8F8F8 url('../page_images/img_neden_magicfinger.gif') no-repeat ;
  float: left;
height: 50px;
padding: 22px 0 0 130px;
width: 530px;   
}

#why-mf .right {
background:url('../page_images/img_musteri_destek.gif') no-repeat 0 0;
  height: 58px;
  float: left;
margin-left:10px;
padding: 14px 0 0 38px;
width: 242px;  
}

#why-mf .right p {
  margin:0;
}

#presantation {
margin-top:15px;
background:url('../page_images/img_pres_back.gif') no-repeat 0 33px;
width: 950px;
height: 150px;
}

#presantation a.devam{
float: right;
padding-top:3px;
}

#presantation .left {
  float: left;
height: 150px;
padding:0 20px 0 0; 
width: 372px;   
}

#presantation .left h3 {
background:url('../page_images/tit_musteri_proje.gif') no-repeat 0 0;
display: block;
font-size: 16px;
margin: 0 0 15px 0;
text-indent:-10000px;
}

#presantation .left .firms{
  background:url('../page_images/img_firm_back.gif') repeat-y;
  float: left;
width: 130px;   
}

#presantation .left .firms ul { 
list-style-type: none;
}


#presantation .left .firms li { 
background:url('../page_images/bul_arrow_or.gif') no-repeat 0 8px;
padding: 7px 0 6px 11px; 
}


#presantation .left .firms a{
display:block;

}

#presantation .left .firms a:active{
font-weight:bold;
}

#presantation .left .firm-detail{
  float: left;
  padding:0 0 0 20px;
width: 222px;   
}

.text{
display: none;
}
 
#text1{
display: block;
} 

.sss{
display: none;
}
 
#sss0{
display: block;
} 

#presantation .middle {
  float: left;
padding:0 20px 0 20px; 
width: 234px;  
}

#presantation .middle h3 {
background:url('../page_images/tit_paylasmak_istediklerimiz.gif') no-repeat 0 0;
display: block;
font-size: 16px;
margin: 0 0 15px 0;
text-indent:-10000px;
}

#presantation .right {
  float: left;
  padding:0 0 0 20px;   
width: 264px;   
}

#presantation .right h3 {
background:url('../page_images/tit_cozum_uretelim.gif') no-repeat 0 0;
display: block;
font-size: 16px;
margin: 0 0 15px 0;
text-indent:-10000px;
}



/* ic sayfalar*/

#sub {
width: 929px;
height: 30px;
background: #EB4235;
position: relative;
left: 0;
top: 0;
color: #FFF;
font-size: 11px;
font-weight: bold;
padding: 0 10px 0 11px;
}

#sub li {
float: left;
height: 14px;
list-style: none;
padding: 3px 4px 5px 0;
margin: 8px 0 0 0;
border-right: 1px solid #e4897f;
}
#sub li a{
font-family:Arial;
color: white;
padding: 3px 9px 5px 14px;
}

#sub li a:hover {
text-decoration:underline;
}
#sub li.current {
background: #FFF url('../page_images/sub_tab_right.gif') no-repeat right top;
border: medium none !important;
position: relative;
left: -1px;
top: 0; 
padding:3px 3px 5px 0;
}
#sub li.current a {
background: url('../page_images/sub_tab_left.gif') no-repeat left top;
color: #444;
padding:3px 10px 5px 15px;
}

.last-li {
border: none !important;
}

#c-pic {
margin-top:3px;
width: 950px;
}

#content {
margin-top:6px ;
width: 950px;  
background: url('../page_images/img_grey_back.gif') repeat-y;
min-height: 300px;

}


#content .left {
float: left;
width: 200px;
}

#content .leftw {
display:none;
}




#content .left  li
{
background: url('../page_images/bullet_21.gif') no-repeat left center;
list-style: none;
}

#content .left  a
{
padding:10px 0 10px 17px;
display:block;
}



#content .left  a:hover
{
background:#fff ;
text-decoration:none;
}

#content .left  a.selected
{
background:#fff ;
text-decoration:none;
}



#content .middle {
  float: left;
margin-left:20px; 
width: 490px;
line-height:17px;
}


#content .middle h1 {
font-size:12px;
font-family:arial;
letter-spacing:0.1em;
color:#ff0000;
height:28px;
margin:5px 0 10px 0;
padding-top:10px;
background: url('../page_images/back_h1.gif');
}

#content .middle h2 {
font-size:11px;
font-family:arial;
letter-spacing:0.1em;
color:#808080;
padding-top:10px;

}

#content .middle .breadcrump, #content .middle .breadcrump a {
color:#808080;
}

#content .middle ul {
list-style-type: none;
padding: 5px 0 10px 15px;
margin:0 ;
}
#content .middle a{
border-bottom:1px dotted;
}
#content .middle li{
background: url('../page_images/bul-circ.png') no-repeat 0 11px;
margin:0;
padding:5px 0 0 14px;
}

#content .middle ol{
list-style-type: none;
margin-left:20px ;
}

#content .middle ol li{
background: url('../page_images/bul-circdd.html') no-repeat 0 11px;
list-style-type:decimal;
padding:5px 0 0 0;
margin:0 ;
}



#content .middle .firmalar ul {
padding: 0;
margin:0 ;
}

#content .middle .firmalar li{
background: url('../page_images/bul-circ.png') no-repeat 0 6px;
float:left;
margin:0;
padding:0 0 0 10px;
height:25px;
width:153px;
color:#808080;
}

#content .middle .ref-left{
width:240px;
float:left;
/* text-align:right; */
}

#content .middle .ref-right{
width:250px;
float:left;
line-height:15px;
}


#content .middle .ref-right span{
display:block;
text-align:right;
margin-top:3px;
}


#content .middle .ref-right p{
margin:0;

}

#content .middle .ref-right a{
color:#808080;
}



#content .right {
float: left;
margin-left:40px; 
width: 200px;
}



#content .right #sagteklif{
background: url('../page_images/sagteklif.gif') no-repeat ;
height:56px;
padding:25px 20px 0 84px;
font-size:9px;
}

#content .right #sagsss{
background: url('../page_images/sagsss.gif') no-repeat ;
height:56px;
padding:25px 20px 0 84px;
font-size:9px;
}

#content .right #sagmusteri{
background: url('../page_images/sagmusteri.gif') no-repeat ;
height:63px;
padding:120px 10px 0 45px;
font-size:9px;
}



.box{
padding:20px; 
background-color:#f9f9f9; 
float:left;
width:450px;
margin-bottom:10px;
}

.box label{
display:block;
color:#555555;
margin:1px 0 1px 0; 
}

.box span{
float:left;
padding-right:10px;
width:120px;
}

.box label input{
width:310px;
}

.box label .radiobox{
width:14px;
border:0px none;

}

.box label .selectbox{
border:0px none;
font-size:10px;
width:314px;

}

.box label textarea{
width:310px;
height:120px;
}

.box label .submit{
background-color:#999;
color:#fff;
width:314px;
}

.leftp{
float:left;
width:150px;
text-align:left;
}


#content .listd h2 {
font-size:11px;
font-family:arial;
letter-spacing:0.1em;
color:#808080;
padding:0;

}




/* footer*/
#footer {
background: url('../page_images/d_img_seperate.gif') repeat-x;
height: 14px;
margin-top:30px;
width: 930px;
text-align:right;
padding:5px 20px 5px 0;
}


.clear {
clear: both;
font-size: 1px;
height: 1px;
}

.red {
color: #FF3300;
}

.black {
color: #002737;
}