.clearFix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearFix {
    display: inline-block;
}

* html .clearFix {
    height: 1%;
}

.clearFix {
    display: block;
}

body {
    font: 100% Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    background: url(../images/main-bg.png) no-repeat center top;
}

pre, blockquote, dl, figure, table, p, ul, ol, form, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

header {
    padding: 40px 0;
}

    header .logo {
        display: block;
        text-indent: -9999px;
        width: 298px;
        height: 118px;
        background: url(../images/logo.png) no-repeat;
        margin: 0 auto;
        padding-bottom: 40px;
    }

    header p {
        font-size: 20px;
        color: #8e8f91;
        text-align: center;
        margin: 0;
    }

.content {
    width: 960px;
    margin: 0 auto;
}

.brands {
    padding: 25px 0;
    background: #fff;
    box-shadow:-10px 0 6px #ccc;
}

    .brands .content {
        width: 650px;
    }

    .brands a {
        width: 156px;
        height: 82px;
        display: block;
        text-indent: -9999px;
        float: left;
        background: url(../images/dky-logos.png) no-repeat;
        margin-right: 90px;
    }

        .brands a:last-of-type {
            margin-right: 0;
        }

        .brands a.insaat {
            background-position: 0 0;
        }

        .brands a.otomotiv {
            background-position: -245px 0;
        }

        .brands a.sigorta {
            background-position: -495px 0;
        }

.text-area {
    padding: 35px 0 40px 0;
    color: #515151;
    border-bottom:4px solid #f79021;
}

    .text-area h2 {
        font-family: Arial;
        font-weight: bold;
        font-size: 18px;
        padding-bottom: 20px;
        margin: 0;
    }

    .text-area p {
        font-size:12px;
    }

    .text-area .about {
        width: 650px;
        float: left;
        border-right:1px solid #c8c8ca;
    }

    .text-area .contact {
        width: 300px;
        float: right;
        text-align:center;
    }

    .projects {
        padding:30px 0;  
        background:#fff;
    }

        .projects .content {
            width:725px;
        }

        .projects h1 {
            color:#515151;
            font-weight:bold;
            font-size:24px;
            margin:0 0 30px 0;
            padding-bottom:20px;
            border-bottom:1px solid #a4a5a7;
            text-align:center;
        }

        .projects a{
	background: url(../images/projects-logos.png) no-repeat;
	display: block;
	width: 105px;
	height: 53px;
	text-indent: -9999px;
	float: left;
	margin-left: 310px;
	margin-right: 310px;
        }

        .projects a.kartal {
            background-position: 0 -7px;
        }

        .projects a.lokum-evler {
            background-position: -179px -7px;
        }

        .projects a.lokum-rezidans {
            background-position: -359px -7px;
        }

        .projects a.metrowin {
	background-position: -539px 0px;
	height: 72px;
        }

        footer {
            background:#e0e0e0;
            text-align:center;
            padding:10px 0;
        }

        footer p {
            color:#2a2a2a;
            font-size:10px;
            text-transform:uppercase;
            margin:0;

        }

.text-area .content.clearFix .contact p {
	text-align: left;
}
.text-area .content.clearFix .contact p {
	text-align: center;
}