@font-face {
 font-family: Calibri;
 src: url("../font/Calibri.eot") /* EOT file for IE */
}
@font-face {
 font-family: Calibri;
 src: url("../font/Calibri.ttf") /* TTF file for CSS3 browsers */
}

* {
margin:0;
padding:0;
list-style:inside;}

.slideshow { height: 136px; width:165px; margin:10px 0px 0px 40px; float:left; }

html, body { 
height:100%;
width:100%;
float:left;}

body { 
background:#eaeaeb !important;
font-family:Calibri, Arial !important;
font-size:13px !important;
line-height:20px !important;
color:#303030 !important;}

img {
border:0; 
vertical-align:top; 
text-align:left;}

a{text-decoration:none; color:#303030;transition:all .2s linear 0s;}
a:hover{color:#bc0303;}

#page{
background-image: url("../images/topBG.jpg");
background-position: center top;
background-repeat: repeat-x;
float: left;
height: 100%;
width: 100%;}

#container{
width:895px;
margin:0 auto;}

#left{
width:224px;
float:left;}

.logo{
width:224px;
float:left;
margin-top:10px;
box-shadow:0px 5px 10px #7e7e7e;} 

.haberler{
width:224px;
min-height:170px;
float:left;
margin-top:10px;
background-image:url(../images/newsBG.png);
background-repeat:no-repeat;
padding-top:7px;}

.haberler h1{
font-size:13px;
float:left;
height:29px;
width:197px;
margin-left:27px;}

.haberler p{
width:224px;
height:135px;
padding-top:5px;
overflow:hidden;
float:left;}

.haberler ul li{
width:210px;
float:left;
height:18px;
list-style-image:url(../images/listIMG.png);
list-style-position:inside;
margin-left:14px;}

#right{
width:660px;
float:left;
margin-left:11px;}

#menu{
float:left;
width:660px;
margin-top:83px;}

#menu .leftCorner{
width:10px;
height:39px;
background-image:url(../images/leftCorner.png);
background-repeat:no-repeat;
float:left;}

#menu a{
float:left;
height:29px;
min-width:83px;
background-image:url(../images/menuBG.png);
background-repeat:repeat-x;
padding:10px 10px 0px 10px;
text-align:center;}

#menu .rightCorner{
width:10px;
height:39px;
background-image:url(../images/rightCorner.png);
background-repeat:no-repeat;
float:left;}

#main{
width:635px;
min-height:490px;
float:left;
background-color:#FFF;
margin-top:5px;
padding:10px;
box-shadow:0px 5px 10px #7e7e7e;} 

.gallery{
width:635px;
height:255px;
float:left;
margin-bottom:10px;}

#bolum h1{
font-size:16px;
border-bottom:thin solid #dc5300;}


#bolum a img{
float:left;
margin-top:5px;
margin-bottom:0px;}

#bolum ul.faaliyet li{
float:left;
width:205px;
list-style-image:url(../images/listIMG2.png);
list-style-position:inside;}

#bolum .avukat{
width:635px;
float:left;
margin-bottom:10px;
margin-top:10px;}

#bolum .avukat img{
float:left;
width:135px;}

#bolum .avukat h3{
float:left;
width:490px;
margin-left:10px;
font-size:16px;}

#bolum .avukat h4{
float:left;
width:490px;
margin-left:10px;
font-size:13px;
color:#8F8F8F;}


#bolum .avukat p{
float:left;
width:490px;
margin-left:10px;
margin-top:0px;}


#footer{
background-image: url("../images/bottomBG.jpg");
background-position: top center;
float: left;
margin-top: 20px;
width: 100%;}

#footer_main{
width:895px;
margin:0 auto;}

ul.footer_menu{
width:640px;
float:left;
margin-top:10px;}

ul.footer_menu li{
float:left;
list-style:none;
padding:0 30px;
border-right:1px solid #CCC;}

ul.footer_menu li a{
color:#FFF;
font-size:14px;
transition:all .2s linear 0s;}

ul.footer_menu li a:hover{
color:#ee8322; }

#footer_main p{
float:left;
width:640px;
text-align:justify;
margin-top:10px;
color:#bdbdbe;}

#footer_contact{
width:220px;
float:left;
margin-left:15px;
padding-left:10px;
border-left:thin solid #ee8322;}

.img_con{
float:left;
width:20px;}

.img_con img{
width:17px;
height:16px;
margin-bottom:5px;}

#footer_contact span{
float:left;
width:190px;
height:20px;
color:#FFF;
margin-left:10px;}

.copyright{
float:left;
width:895px;
color:#ee8322;
margin-top:10px;
margin-bottom:5px;}

.copyright a{
float:right;}

.kroki{
	float:left;
	width:100%;
	height:240px;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #CCC;}
	
#contact_form {
    float: left;
    width: 250px;}
	
#contact_form p {
    margin: 0 !important;}
	
#contact_form input[type="text"] {
    width: 100%;}
	
#contact_form textarea {
    height: 100px;
    margin-bottom: 0 !important;
    width: 210px;
	border-radius:0 4px 4px 0;}
	
#contact_info {
    border-left: 1px dotted #CCCCCC;
    float: left;
    height: 266px;
    margin: 0 0 0 40px;
    padding:0 0 0 30px;
    width: 300px;}
	
#contact_info span {
    border-bottom: 1px dotted #CCCCCC;
    display: block;
    margin-bottom: 10px;
    padding-bottom: 5px;}
	
#contact_info span i {
    float: left;
    font-size: 17px;
    width: 30px;
	transition:all .2s linear 0s;}
	
#contact_info span a{color:#333;}
	
#contact_info span:hover i {
    color: #EE8322;}