body {
        margin: 0;
        text-align: center;
    }

    #container {
        width: 100%;
        margin: 0 auto;
        text-align: left;
        background-color: white;
    }
    
    #header{
       
        width: 100%;
        height: 100px;
        position: absolute;
        top: 0px;
        background-color: white;
        border-bottom: 1px solid #30D5C8;
        z-index: 100;
    }

    #tut{
        width: 1000px;
        height: 102px;
        position: relative;
        margin: auto;
    
    
    }

        #headerLogo{
            width: 162px;
            height: 90px;
            float: left;
			margin-top:3px;
			background-image:url('../Images/tekeli_logo_son2.png');
			background-size:162px 90px;
			background-repeat:no-repeat;
			background-position:center;
            
        }

        #headerMenu{
            width: auto;
            height: 100px;
            float: right;
        }

            #headerMenu ul {
                float: left;
                list-style-type: none;
                margin-right: 40px;
                margin-top: 50px;
                
            }

            #headerMenu ul li {
                float: left;
                height: 48px;
                margin-left: 5px;
                text-align: center;
                line-height: 35px;
                font-family:Arial, sans-serif;
                font-size: 15px;
                color:black;
            }

          
    
  
    



.container{
        width: 100%;
        height: auto;
        margin-top: 100px;
        position: relative;
        border-bottom: 1px solid #30D5C8;
        background: #fafafa;
}

 .wrapper{
     width: 1000px;
     height: auto;
     margin: auto;
 }

 
 /* Slider baslangic*/

     #slider{
        width: 100%;
        height: 350px;
        margin-top: 100px;
        position: relative;
        border-bottom: 1px solid #30D5C8;
        background: #fafafa;
		overflow:hidden;		
    }
	
	#slider ul#resim{
	width: 1000px; 
	height:auto ;
	margin:auto;
	padding:0;
	list-style-type: none;
	}
	
	#slider ul#resim li {
	position:absolute;
	width: 1000px;
     height: 350px;
	
	}
	
	#slider ul#button li{
			list-style-type: none;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px; 
			position:absolute;
            width:25px;
            height:38px;
            margin-left: -40px;
            margin-top:125px;
            background-color: #555555;
            padding-top: 22px;
            padding-left: 15px;
            transition-property: all;
            transition-duration: 0.5s; 
	}
	
	#slider ul#button li.left{
	left:0px;
	background-image:url('../Buttons/bg_direction_nav_left.png');
	background-repeat:no-repeat;
	background-position:center;
	}
	#slider ul#button li.right{
	right:-40px;
	background-image:url('../Buttons/bg_direction_nav_right.png');
	background-repeat:no-repeat;
	background-position:center;
	}

#slider_description{
    float: left;
    width: 450px;
    height: 300px;
    margin-left: 0px;
    padding-top: 50px;
}

#slider_description p{
    font-family: Arial, sans-serif;
    font-size: 16px;
}

#image{
    float: right;
    width: 350px;
    height: 305px;
    padding-top: 45px;
    padding-left: 97px;
}

/* slider bitis */


/* Icon Box Start */
	.wrapperTwoColumns{
		width:32%;
		height:auto;
		position:relative;
		float:left;
		margin-top: 20px;
		margin-bottom:40px;
		margin-left:1%;
	}
	.feature-item-img{
		position:relative;
		margin-top:10px;
		width:auto;
		height:auto;
		float:left;
	}
	.feature-item-img img{
		float:left;
		margin-top:15px;
	}
	
	.feature-item-img h2{
		color:#555;
		font-family: Arial, sans-serif;
        font-size: 20px; 
        color: black ;
		margin:10px;
		margin-top:8px;
		float:left;
	}
	
	.feature-item-description {
		float:left;
		margin-left:50px;
		position:relative;
	}
	
	
	.feature-item-description p{
        font-size: 15px;
		color:#555;		
		margin:10px;
		margin-top:-15px;
		margin-left:0;
	}


/* Icon Box End */
    
	
	
    h4{
        font-family: Arial, sans-serif;
        font-size: 18px; 
        color: black ;
        border-bottom:1px solid #30D5C8;
        height:40px;
        margin-bottom: 20px;
		clear:left;
        
    }
	
	
/* hizmetlerimiz baslangic*/
	
	.wrapperFourColumns{
        width: 220px;
        height: 300px;
        float:left;
        margin-left: 40px;
        margin-top: 20px;
        margin-bottom: 50px;
        position: relative;
}

.item-img{
    position: relative;
}

.item-description h5{
    font-size:14px;
    font-family:Arial, sans-serif;
    font-weight:bold;
    line-height:16px;
    border-bottom:1px solid #30D5C8;
    letter-spacing:0;
    margin:0 0 8px;
    padding:12px 0 8px;
}

.item-description p{
    color:#555;
}

.item-description a{
    text-decoration: none;
    color: #555;
}

/* hizmetlerimiz bitis*/

/* Footer Başlangıç */

 #footer{
        width: 100%;
        height: 300px;
        clear:left;
        background-color: #383838;   
    }

        .wrapperThreeColumns{ 
            width: 30%;
            height: auto;
            float: left;
            margin-left:2% ;
        }

        .wrapperThreeColumns ul {
                list-style-type: none; 
            }

            .wrapperThreeColumns ul li {
                line-height: 18px;
                font-family:Arial, sans-serif;
                font-size: 14px; 
                color: gray;
                margin: 0 0 0 -39px;
            }

        .wrapperThreeColumns li img{
            float:left;
            margin:2px 0 0;
        }

        .wrapperThreeColumns p{
            line-height:18px;
            margin: 10px ;
            padding: 0 0 0 10px;;
        }


        .wrapperThreeColumns h5{
            font-family: Arial, sans-serif;
            font-size: 15px; 
            color: white ;
            margin:0 0 15px;
            padding:25px 0 8px;
            border-bottom: 1px solid #444444;
        }
		
    /* Footer Bitiş */
	
	/* Footer Bottom Başlangıç */
	
	#footer-bottom{
		width: 100%;
        height: 50px;
		line-height:50px;
        clear:left;
        background-color: #2c2c2c;  
	
	}
	
	
	
	/* Footer Bottom bitiş */
    
		#duyuruWrap{
			 float:left;
             width:290px;
             height:auto;
			 margin:0;
             padding-bottom:5px;
             border-bottom:1px dashed  #444444;
		}
		
		.d-img{
			float:left;
		}
		.d-img img{
			width:28px;
			height:32px;		
		}
		
		.d-description{
			float:left;
			width:262px;
			height:auto;
			color: gray;
		}
		
		.d-description h5{
			font-family: Arial, sans-serif;
			margin:0;
			padding-top:3px ;
			padding-left:5px;
            font-size: 15px; 
            color: white ;
			border-bottom:none;
		}
		.d-description a{
			text-decoration: none;
			color: white;
		}
		.d-description p{
			line-height:18px;
            margin: 0px ;
            padding:0px;
		
		}