.calibri{}
.floatLeft{float:left;}
.floatRight{float:right;}
.container {
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden;
}
.content {
	margin:0 auto;
	width:993px;
	height:100%;
	padding-top:50px;
	
}
.logo{
	float:left;
	width:272px;
	height:26px;
	margin:15px 0 0 0;
}
.menu{
	float:left;
	width:715px;
	position:relative;
	z-index:9999;
}
.low-cont{
	height: 4px;
    left: 0;
    position: absolute;
    top: 76px;
    width: 100%;
	background:url(../images/menu-low.png) repeat;
}
.clearing{
	width:100%;
	float:left;
	margin-top:88px;
}
.menu > ul > li{
	float:left;
	margin-left:20px;
	position:relative;
}
.menu > ul > li > a{
	float:left;
	font-size:15px;
	color:#3b3b3b;
}
.menu > ul > li > a:hover,.menu > ul > li > a.active{
	color:#d1282f;
}
.menu > ul > li > ul {
	display:none;
	position:absolute;
	top:14px;
	left:0;
	width:135px;
	background:url(../images/sub-ul-bg.png) no-repeat;
	padding-bottom:20px;
}
.menu > ul > li > ul > li{
	float:left;
	clear:both;
	display:block;
	margin-top:10px;
	^margin-top:5px;
	margin-left:5px;
	
}
.menu > ul > li > ul > li:first-child{
	margin-top:20px;
}
.menu > ul > li > ul > li >a{
	float:left;
	color:#fff;
	font-size:13px;
	
}
.menu > ul > li:hover > ul{
	display:block;
}
.map{
	float:left;
	width:993px;
	height:477px;
	background:url(../images/map.png) no-repeat;
	position:relative;
	
}
.default{
    width:993px;
    height:100%;
}
.default .banner{
    width:100%;
    height:384px;
    position:relative;
    overflow:hidden;
}
.default .banner .slider{
    width:993px;
    height:332px;
    background:#a91b1b;
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    overflow:hidden;
    position:relative;
    z-index:2;
}
.default .banner .bMenu{
    width:993px;
    height:76px;
    background:url(/images/bmenu_background.png) repeat;
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    position:absolute;
    bottom:0;
    left:0;
    z-index:1;
}
.default .banner .bMenu ul li{
    display:inline-block;
    margin:40px 10px 0;
	position:relative;
    float:left;
}
.default .banner .bMenu ul li a{
    color:#fff;
    font-size:14px;
    padding:0 0 2px;
}
.default .banner .bMenu ul li a:hover{
    color:#fff;
    border-bottom:1px dotted #fff;
    padding:0 0 1px;
}
.default .banner .bMenu ul li:hover > ul{
	display:block;
}
.default .banner .bMenu ul ul{
display: none;
background: #000;
padding: 2px 5px;
position: absolute;
top: 17px;
left: 0;
width: 48px;
z-index: 999;
padding: 2px 2px;
}
.default .banner .bMenu ul ul li{
	margin:0;
	padding:0;
}
.default .interaktif{
    clear:both;
    width:100%;
    height:196px;
}
.default .interaktif .column{
    width:316px;
    height:196px;
    background:url(/images/def_slider_background.png) no-repeat left bottom;
    overflow:hidden;
    margin:0 0 0 22px;
    float:left;
}
.default .interaktif .column:first-child{
    margin:0;
}
.default .interaktif .column .text{
    width:100%;
    height:164px;
    background:#fff;
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    font-size:12px;
    line-height:22px;
    position:relative;
}
.default .interaktif .column .cap{
    font-size:14px;
    color:#ccc;
    padding:5px 0 0 15px;
}
.default .interaktif .column .aboutus{
    background:url(/images/aboutus.png) no-repeat left bottom #fff;
}
.default .interaktif .news li{
    padding:0 15px;
}
.default .interaktif .news li a{
    background:url(/images/arrow.png) no-repeat left top;
    color:#e5252e;
    padding:0 0 0 20px;
}
.default .interaktif .column .project{
    height:141px;
    overflow:hidden;
    margin-left:7px;
    padding-top:21px;
}
.default .interaktif .column .project li{
    width:101px;
    height:141px;
    position:relative;
    float:left;
}
.default .interaktif .column .project li .mask{
    width:101px;
    height:101px;
    background:url(/images/active_slider.png) no-repeat;
    position:absolute;
    top:0;
    left:0;
    z-index:1;
}
.default .interaktif .column .project li > a{
    display:none;
    color:#787878;
    font-size:12px;
    text-align:center;
}
.default .interaktif .column .project li:first-child > a, .default .interaktif .column .project li:hover > a{
    display:block;
}
.page{
	float:left;
	width:993px;
	position:relative;
	-webkit-border-radius:10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow:3px 3px 3px #c7cace;
	behavior:url(PIE.htc);
}
.pageOther{
	top:-30px;
}
.sub-banner{
	position:absolute;
	top:0;
	left:0;
	width:993px;
	-webkit-border-radius:10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	behavior:url(PIE.htc);
}
.page-content{
	position:relative;
	float:left;
	width:993px;
	height:100%;
	background:url(../images/page-bg.png) no-repeat #fff;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;	
	behavior:url(PIE.htc);
	padding-bottom:20px;
	z-index:2;
}
.ulke-adi{
	position:absolute;
	top:58px;
	left:20px;
	font-size:50px;
	color:#222;
}
.ulke-inf{
	position:absolute;
	top:110px;
	left:25px;
	font-size:11px;
	color:#fff;
	width:360px;
	line-height:16px;
}
h2, .h2{
	color:#7d7d7d;
	font-size:25px;
	line-height:1.2em;
	margin-bottom:15px;
}
h3, .h3{
	display:block;
	color:#7d7d7d;
	font:normal 14px Tahoma;
	padding-bottom:3px;
	border-bottom:1px dotted #7d7d7d;
	margin-bottom:10px;
}
.proje-detay, .page-detay{
	width:550px;
	float:left;
	margin-left:30px;
	font-size:12px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#696969;
	line-height:18px;
	margin-top:220px;
}
.page-detay{
    width:94% !important;
}
.page-detay p{
    margin: 1.12em 0;
}
.proje-fotos{
	width:380px;
	float:right;
	margin-top:220px;
}
.page-detay a{
    color:navy;
}
.proje-fotos ul li{
    width:73px;
    height:73px;
    background-color:#fff;
    border:1px solid #e5e5e5;
    overflow:hidden;
    margin:0 2px 2px;
    padding:5px;
    float:left;
}
.proje-bilgileri{
	width:380px;
	float:right;
	margin-top:20px;
}
.footer{	
	float:left;
	font-size:11px;
	width:100%;
	height:170px;
}
.copy{
	float:left;
	font-size:14px;
	color:#767676;
	letter-spacing:-1px;	
}
.foot-menu{
	float:left;
	clear:both;
	width:650px;
	margin-top:15px;
}
.foot-menu li{
	float:left;
	margin-right:15px;	
}
.foot-menu li a{
	color:#767676;
	font-size:12px;
	letter-spacing:-1px;
	padding-bottom:2px;
}
.foot-menu li a:hover, .foot-menu li a.active{
	color:#333;
	border-bottom:1px dotted #767676;
	padding-bottom:1px;
}
.foot-logo{
	float:right;
}
.citys{
	display:inline-block;
	width:9px;
	height:9px;
	background:url(../images/point.png) no-repeat;
	text-indent:-10000px;
	overflow:hidden;
	color:#ed1c24;
	font-weight:bold;
	font-size:13px;
	position:absolute;
}
.citys:hover,.active-city{
	padding-top:25px;
	overflow:visible;
	text-indent:0px;
	background:url(../images/point-hover.png) no-repeat;
	z-index:999;
}
.citysUl{
    display:none;
}
.proje-list-container{
	position:absolute;
	text-align:center;
	display:none;
}
.activated{
	
}
.proje-list-container ul{
	background:#e02129;
	position:relative;
	padding:10px;
	min-height:120px;
	-webkit-border-radius:10px;
	-moz-border-radius: 10px;
	border-radius:10px;	
	behavior:url(PIE.htc);
	z-index:99999;
}
.proje-list-container ul li{
	height:17px;
	clear:both;
	margin:5px 0;
	cursor:pointer;
}
.proje-list-container ul li:hover{
	background:url(../images/arrow-right.png) right center no-repeat;
}
.subContent{
    width:673px;
    float:left;
}
.subMenu{
    width:240px;
    height:100%;
    border:1px solid #ced4d7;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    position:relative;
    float:right;
}
.subMenu .radius{
    display:block;
    background-color:#fcfdfd;
    border:5px solid #eef5f7;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    padding:30px 20px 20px 20px;
}
.subMenu .radius li{
    display:block;
    width:100%;
    height:100%;
    padding:3px 0;
}
.subMenu .radius li a{
    display:inline-block;
    color:Navy;
    padding-bottom:2px;
}
.subMenu .radius li a:hover{
    border-bottom:1px dotted blue;
    padding-bottom:1px;
}
.subMenu .down{
    width:31px;
    height:22px;
    position:absolute;
    bottom:-16px;
    left:50%;
    margin-left:-16px;
}
.proje-list-container ul li a{
	height:15px;
	font-size:15px;
	letter-spacing:-1px;
	padding:1px 0;
	color:#fff;
	padding-right:25px;
	float:left;
	letter-spacing:-1px;
}
.contact{
    width:100%;
    height:100%;
    margin-bottom:50px;
}
.contact .info{
    width:500px;
    height:100%;
    float:left;
}
.contact .form{
    width:361px;
    height:100%;
    border:1px solid #ced4d7;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    position:relative;
    float:right;
}
.contact .form .radius{
    display:block;
    background-color:#fcfdfd;
    border:5px solid #eef5f7;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    padding:30px 0 0 30px;
}
.contact .empty { color:#798e94 !important; }
.contact .form .input{
    width:284px;
    height:34px;
    background:url(../images/text_contact.png) no-repeat;
    margin-bottom:15px;
    padding:6px 0 0 6px;
}
.contact .form .input input{
    width:268px;
    height:28px;
    background:none;
    border:none;
    color:#000;
    font:12px Tahoma;
    padding:0 5px;
}
.contact .form .input select{
    width:275px;
    background:none;
    border:none;
    color:#000;
    font:12px Tahoma;
    padding:5px 0 0 0;
}
.contact .form .textarea{
    width:284px;
    height:155px;
    background:url(../images/textarea_contact.png) no-repeat;
    margin-bottom:15px;
    padding:6px 0 0 6px;
}
.contact .form .textarea textarea{
    width:268px;
    height:133px;
    background:none;
    border:none;
    color:#000;
    font:12px Tahoma;
    resize:none;
    padding:5px;
}
.contact .form .button{
    width:165px;
    height:40px;
    margin-bottom:15px;
}
.contact .form .button input[type=submit]{
    width:125px;
    height:40px;
    cursor:pointer;
    background:url(../images/button_contact.png) no-repeat;
    border:none;
    float:left;
}
.contact .form .down{
    width:31px;
    height:22px;
    position:absolute;
    bottom:-16px;
    left:50%;
    margin-left:-16px;
}
.contact .validationSummary{
    width:361px;
    height:100%;
    margin:20px 0 0 0;
    float:right;
}
#box li{
    width:165px;
    height:205px;
    border:1px solid #e2e2e2;
    border-radius:5px;
    color:Navy;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    margin:0 19px 19px 0;
    float:left;
}
#box li a{
    display:block;
    background-color:#fcfdfd;
    border:5px solid #eef5f7;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    position:relative;
    text-align:center;
}
#box li .projectName{
    display:block;
    width:145px;
    background-color:#fff;
    text-align:center;
    position:absolute;
    bottom:0;
    left:0;
    padding:5px;
}