@font-face {
    font-family: 'fontbold';
    src: url('fonts/erasb-webfont.eot');
    src: url('fonts/erasb-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/erasb-webfont.woff') format('woff'),
         url('fonts/erasb-webfont.ttf') format('truetype'),
         url('fonts/erasb-webfont.svg#fontbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'fontmedium';
    src: url('fonts/erasm-webfont.eot');
    src: url('fonts/erasm-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/erasm-webfont.woff') format('woff'),
         url('fonts/erasm-webfont.ttf') format('truetype'),
         url('fonts/erasm-webfont.svg#fontmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@charset "utf-8";
body {
	margin: 0px;
	background-image: url(../ad-images/body.png);
	background-repeat: repeat;
}
.social-box {
	font-family: Arial, Helvetica, sans-serif;
	color: #516A80;
	text-decoration: none;
	font-size: 11px;
	background-color: #FFF;
	border-color: #E6E6E6;
	border-width: 1px;
	border-style: solid;
	position:fixed;
	top: 200px;
	z-index:100;
	width:60px;
	height:130px;
	padding: 5px;
}
.social-box a {
	text-decoration:none;
	color:#516A80;
}
.social-like-box {
	font-size: 11px;
	color: #666;
	text-decoration: none;
	margin-top: 15px;
	background-color: #E6E6E6;
	height: 65px;
	width: 185px;
	padding-top: 10px;
	padding-left: 7px;
	display: block;
}
.social-like-box a {
	text-decoration: none;
	color: #666;	
}

.top-menu {
	/* [disabled]background-image: url(../ad-images/ustrenk.png); */
	/* [disabled]background-repeat: repeat-x; */
	height: 38px;
	background-color: #52ab97;
}
.top-menu .content {
	width: 990px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../ad-images/ustbantgolge.png);
	background-repeat: no-repeat;
	height: 32px;
	text-align: right;
	padding-top: 4px;
}
.top-menu .langs {
	float: left;
}
.top-menu .langs a {
	font-size: 11px;
	text-decoration: none;
}

.top-menu a {
	font-size: 14px;
	color: #4D4D4D;
	text-decoration: none;
	font-family: "fontmedium", Arial, Helvetica, sans-serif;
	margin-left: 10px;
	padding-right: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #4D4D4D;
}
.top-menu a:hover {
	color: #438474;
	border-right-color: #4D4D4D;
}
.header {
	background-image: url(../ad-images/ustrenk.png);
	background-repeat: repeat;
}
.header .content {
	/* [disabled]background-image: url(../ad-images/ustbant.png); */
	background-repeat: repeat-y;
	height: 118px;
	width: 990px;
	margin-right: auto;
	margin-left: auto;
}
.logo {
	background-image: url(../ad-images/site-logo.png);
	background-repeat: no-repeat;
	display: block;
	height: 100px;
	width: 295px;
	margin-top: 7px;
	float: left;
}
.social-items {
	float: right;
	height: 70px;
	padding-top: 48px;
	margin-right: 10px;
}
.facebook {
	background-image: url(../ad-images/facebook.png);
	background-repeat: no-repeat;
	height: 70px;
	width: 90px;
	display: block;
	float: left;
	margin-right: 20px;
	background-position: 0px 20px;
}
.facebook:hover {
	background-position: 0px 0px;
}
.twitter {
	background-image: url(../ad-images/twitter.png);
	background-repeat: no-repeat;
	height: 70px;
	width: 90px;
	display: block;
	float: left;
	margin-right: 20px;
	background-position: 0px 20px;
}
.twitter:hover {
	background-position: 0px 0px;
}
.wordpress {
	background-image: url(../ad-images/wordpress.png);
	background-repeat: no-repeat;
	height: 70px;
	width: 90px;
	display: block;
	float: left;
	margin-right: 20px;
	background-position: 0px 20px;
}
.wordpress:hover {
	background-position: 0px 0px;
}
.banners {
	background-image: url(../ad-images/gorsel.jpg);
	background-repeat: repeat-x;
	height: 455px;
	padding-top: 5px;
}
.wrapper {
	background-image: url(../ad-images/beyazzemin.png);
	background-repeat: repeat-y;
	background-position: center top;
	padding-bottom: 15px;
	width: 990px;
	padding-right: 5px;
	padding-left: 5px;
	margin-right: auto;
	margin-left: auto;
}
.wrapper .content {
	width: 940px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	margin-top: 15px;
}

.sub-title {
	background-image: url(../ad-images/koyubant.jpg);
	background-repeat: repeat-x;
	display: block;
	height: 65px;
	font-family: "fontbold", Arial, Helvetica, sans-serif;
	color: #4d4d4d;
	text-decoration: none;
	padding-left: 24px;
	font-size: 30px;
	font-weight: normal;
	padding-top: 15px;
}
.sub-title a {
	font-family: "fontbold", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #4d4d4d;
	text-decoration: none;
	background-image: url(../ad-images/anasayfa_icon.png);
	background-repeat: no-repeat;
	display: block;
	height: 37px;
	float: right;
	margin-top: 10px;
	margin-right: 30px;
	padding-top: 19px;
	padding-left: 60px;
}

.wrapper .menu {
	float: left;
	width: 202px;
	margin-right: 30px;
}
.wrapper .menu .menu-item {
	background-color: #E6E6E6;
	background-image: url(../ad-images/griok.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 25px;
	width: 192px;
	font-family: "fontmedium", Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #4d4d4d;
	text-decoration: none;
	padding-top: 10px;
	padding-left: 10px;
	margin-bottom: 4px;
	display: block;
}
.wrapper .menu .menu-item:hover {
	background-color: #4d4d4d;
	background-image: url(../ad-images/koyugriok.png);
	color: #E6E6E6;
}
.wrapper .menu .menu-sec {
	background-color: #438474;
	background-image: url(../ad-images/maviok.png);
	color: #E6E6E6;
	background-repeat: no-repeat;
	background-position: right top;
	height: 25px;
	width: 192px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-decoration: none;
	padding-top: 10px;
	padding-left: 10px;
	margin-bottom: 4px;
	display: block;
}
.wrapper .content-right {
	float: left;
	width: 720px;
	padding-bottom: 20px;
}
.tabs {
	background-image: url(../ad-images/tabbuton-back.png);
	background-repeat: repeat-y;
	height: 55px;
	width: 988px;
	padding-top: 5px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}
.tabs img {
	float: left;
	height: 48px;
	width: 48px;
	margin-top: -2px;
	margin-right: 5px;
	border: none;
}
.tabs .active {
	float: left;
	margin-right: 5px;
}
.tabs .active .active-left {
	background-image: url(../ad-images/tabbuton-l.png);
	background-repeat: no-repeat;
	float: left;
	height: 55px;
	width: 15px;
}
.tabs .active .active-right {
	background-image: url(../ad-images/tabbuton-r.png);
	background-repeat: no-repeat;
	float: left;
	height: 55px;
	width: 15px;
}
.tabs .active a {
	background-image: url(../ad-images/tabbuton.png);
	background-repeat: repeat-x;
	display: block;
	float: left;
	height: 45px;
	padding-right: 5px;
	padding-left: 5px;
	font-family: "fontbold", Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	padding-top: 10px;
	font-size: 35px;
	color: #438474;
}
.tabs .active a:hover {
	color: #4d4d4d;
}
.tabs .passive {
	float: left;
	margin-right: 5px;
	height: 55px;
}
.tabs .passive a {
	display: block;
	float: left;
	height: 45px;
	padding-right: 5px;
	padding-left: 5px;
	font-family: "fontbold", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #4d4d4d;
	text-decoration: none;
	padding-top: 10px;
	font-size: 35px;
}
.tabs .passive a:hover {
	color: #4d4d4d;
}
.kayit-ol {
	background-image: url(../ad-images/kayitolbuton.png);
	background-repeat: no-repeat;
	float: left;
	height: 76px;
	width: 262px;
	color: #FFF;
	text-decoration: none;
	font-family: "fontbold", Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	padding-top: 40px;
	padding-left: 98px;
	cursor: pointer;
}
.indir {
	background-image: url(../ad-images/indirbuton.png);
	background-repeat: no-repeat;
	float: left;
	height: 76px;
	width: 262px;
	color: #FFF;
	text-decoration: none;
	font-family: "fontbold", Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	padding-top: 40px;
	padding-left: 98px;
	cursor: pointer;
}
.text {
	width: 280px;
	float: left;
	background-image: none;
	margin: 5px;
	padding-right: 20px;
	padding-left: 20px;
	text-decoration: none;
}
.text .top {
	background-image: none;
	height: 27px;
	width: 320px;
	display: block;
	margin-right: -20px;
	margin-left: -20px;
}
.text .bottom {
	background-image: none;
	height: 27px;
	width: 320px;
	display: block;
	margin-right: -20px;
	margin-left: -20px;
}
.text:hover {
	background-image: url(../ad-images/gributon.png);
	background-repeat: repeat-y;
	text-decoration: none;
}
.text:hover .top {
	background-image: url(../ad-images/gributon-t.png);
	background-repeat: no-repeat;
}
.text:hover .bottom {
	background-image: url(../ad-images/gributon-b.png);
	background-repeat: no-repeat;
}
.contact {
	width: 990px;
	background-color: #999999;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
}
.titles {
	background-image: url(../ad-images/etiket.png);
	background-repeat: repeat-y;
	width: 910px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	font-family: "fontmedium", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #4D4D4D;
	text-decoration: none;
	line-height: 24px;
	margin-top: 15px;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
}
.titles .top {
	background-image: url(../ad-images/etiket-t.png);
	background-repeat: no-repeat;
	display: block;
	height: 20px;
	width: 950px;
	margin-top: -20px;
	margin-left: -20px;
}
.titles .bottom {
	background-image: url(../ad-images/etiket-b.png);
	background-repeat: no-repeat;
	display: block;
	height: 20px;
	width: 950px;
	margin-bottom: -20px;
	margin-left: -20px;
}

.sub-pages-title {
	font-family: "fontbold", Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	font-style: italic;
	display: block;
	padding-left: 25px;
	padding-top: 5px;
	width: 965px;
}
.sub-pages {
	background-image: url(../ad-images/ozellik-back.png);
	background-repeat: repeat-x;
	width: 980px;
	height:220px;
	margin-right: 5px;
	margin-left: 5px;
}
.sub-pages .item {
	display: block;
	float: left;
	height: 150px;
	/* [disabled]margin-right: 10px; */
	width: 440px;
	margin-top: 15px;
	margin-left: 5px;
	padding-right: 5px;
	/* [disabled]border-right-width: 1px; */
	/* [disabled]border-right-style: solid; */
	/* [disabled]border-right-color: #CCC; */
}

.sub-pages img {
	width: 140px;
	height:140px;
	margin-left: 10px;
	display: block;
	float: left;
}
.sub-pages .name {
	width: 270px;
	display: block;
	font-size: 24px;
	color: #FFF;
	text-decoration: none;
}
.sub-pages .desc {
	width: 270px;
	margin-left: 15px;
	display: block;
	float: left;
	font-family: "fontmedium", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
}
.sub-pages .desc a {
	color: #FFF;
	text-decoration: none;
}
.ref {
	background-image: url(../ad-images/ozellik-back.png);
	background-repeat: repeat-y;
	width: 960px;
	height:160px;
	margin-right: 5px;
	margin-left: 5px;
	padding-bottom: 20px;
}
.ref .ref-item {
	display: block;
	float: left;
	height: 140px;
	width: 140px;
	margin-left:40px;
	margin-right: 40px;
}
.ref img {
	width: 140px;
	height:140px;
	display: block;
	float: left;
}
.keyword-box {
	font-size: 12px;
	color: #666;
	text-decoration: none;
	margin-top: 15px;
	background-color: #E6E6E6;
	width: 178px;
	padding-top: 10px;
	padding-left: 7px;
	display: block;
	font-family: "fontmedium", Arial, Helvetica, sans-serif;
	padding-right: 7px;
	line-height: 15px;
	padding-bottom: 10px;
}
.news {
	background-color: #FFF;
	width: 602px;
	height:180px;
	margin-bottom: 15px;
	padding: 10px;
	background-image: url(../ad-images/duyuru.jpg);
	background-repeat: repeat-y;
	position: relative;
}
.news .news-t {
	background-image: url(../ad-images/duyuru-t.jpg);
	background-repeat: no-repeat;
	height: 15px;
	width: 622px;
	left: 0px;
	top: 0px;
	display: block;
	position: absolute;
}
.news .news-b {
	background-image: url(../ad-images/duyuru-b.jpg);
	background-repeat: no-repeat;
	height: 15px;
	width: 622px;
	left: 0px;
	bottom: 0px;
	display: block;
	position: absolute;
}

.news .news-item {
	display: block;
	height: 120px;
	width: 550px;
	padding-top: 10px;
	clear: right;
}
.news .news-item a {
	text-decoration:none;
}
.screenshots {
	padding: 25px;
	background-color: #F2F2F2;
}
/*.screenshots a {
	height: 165px;
	width: 210px;
	margin-right: 15px;
	margin-bottom: 15px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	float: left;
}*/
.search {
	margin-left: 10px;
	height: 34px;
	padding-right: 8px;
	padding-left: 8px;
}
.search .input-text {
	width: 90px;
	font-family: "fontmedium", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4D4D4D;
	padding: 1px;
	background-color: #F0F0F0;
	border: none;
	margin-top: 2px;
	float: left;
}
.search .submit {
	background: transparent;
	background-image: url(../ad-images/ara.png);
	background-repeat: repeat-x;
	height: 17px;
	font-family: "fontmedium", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #bdceec;
	border: none;
	margin-top: 2px;
	margin-left: 3px;
	float: left;
	cursor: pointer;
}
#bizeulasin {
	background-image: url(../ad-images/bizeulasin.png);
	background-repeat: repeat-y;
	font-family: "fontmedium", Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #4d4d4d;
	text-decoration: none;
	padding-left: 16px;
}
#bizeulasin .title {
	font-size: 24px;
	font-weight: bold;
}
#bizeulasin label {
	display: block;
}
#bizeulasin .top {
	background-image: url(../ad-images/bizeulasin-ust.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 298px;
	display: block;
	margin-left: -16px;
}
#bizeulasin .bottom {
	background-image: url(../ad-images/bizeulasin-alt.png);
	background-repeat: no-repeat;
	display: block;
	height: 30px;
	width: 298px;
	margin-left: -16px;
}
#bizeulasin .input-text {
	background: transparent;
	background-image: url(../ad-images/input-text.png);
	background-repeat: no-repeat;
	height: 39px;
	width: 255px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-right: 14px;
	padding-left: 14px;
	margin-left: -4px;
}
#bizeulasin .input-textarea {
	background: transparent;
	background-image: url(../ad-images/input-textarea.png);
	background-repeat: no-repeat;
	height: 141px;
	width: 249px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 12px;
	margin-left: -4px;
}
#bizeulasin .submit {
	background: transparent;
	background-image: url(../ad-images/submit-btn.png);
	background-repeat: no-repeat;
	height: 42px;
	width: 112px;
	float: right;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 18px;
	color: #4d4d4d;
	text-decoration: none;
	margin-right: 18px;
	cursor: pointer;
}
#bizeulasin label.error {
	color:#F00;
	font-size:11px;
	padding-bottom: 10px;
}
.bizeulasin_thanks {
	background-color: #FFF;
	border: 1px solid #CCC;
	padding: 10px;
	height: 640px;
}

.footer {
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #438474;
	background-color: #FFF;
}
.footer .content {
	background-image: url(../ad-images/altbant.png);
	background-repeat: repeat-x;
	width: 990px;
	min-height: 270px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.footer .content .mobildev {
	background-image: url(../ad-images/mobildev.png);
	background-repeat: no-repeat;
	display: block;
	height: 205px;
	width: 285px;
	position: absolute;
	left: 0px;
	bottom: 50px;
}
.footer .content .map {
	width: 600px;
	position: absolute;
	top: 10px;
	right: 0px;
	background-image: url(../ad-images/altbant-cizgi.png);
	background-repeat: repeat-y;
	background-position: -10px 0;
}
.footer .content .map .map-block {
	float: right;
	width: 189px;
	margin-top: 10px;
	margin-right: 10px;
	font-family: "fontmedium", Arial, Helvetica, sans-serif;
	color: #4d4d4d;
	text-decoration: none;
}
.footer .content .map .map-block a {
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	display: block;
	width: 189px;
	color: #4d4d4d;
}
.footer .content .map .map-block a:hover {
	color: #438474;
}
.footer .content .map .map-block .title {
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	display: block;
	width: 189px;
}
.footer .content .legal {
	font-family: "fontmedium", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #4d4d4d;
	text-decoration: none;
	display: block;
	height: 30px;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

.clear {
	clear: both;
}
.right {
	float: right;
}

h1 {
	font-family: "fontbold", Arial, Helvetica, sans-serif;
	font-size: 35px;
	font-weight: normal;
	color: #4D4D4D;
	text-decoration: none;
	font-style: italic;
	margin-top: 10px;
	margin-bottom: 5px;
}
h1 a {
	color: #4D4D4D;
	text-decoration: none;
}
h2 {
	font-family: "fontbold", Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #4D4D4D;
	text-decoration: none;
	line-height: 36px;
	margin-top: 10px;
	margin-bottom: 5px;
}
h2 a {
	color: #4D4D4D;
	text-decoration: none;
}
h3 {
	font-family: "fontbold", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #438474;
	text-decoration: none;
	line-height: 24px;
	margin-top: 8px;
	margin-bottom: 3px;
}
h3 a {
	color:#438474;
	text-decoration: none;
}
h3 a:hover {
	color: #4d4d4d;
	text-decoration: none;
}
h4 {
	font-family: "fontmedium", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #4D4D4D;
	text-decoration: none;
	line-height: 24px;
	margin-top: 3px;
	margin-bottom: 3px;
}
h4 a {
	color: #4D4D4D;
	text-decoration: none;
}
h4 a:hover {
	color: #438474;
	text-decoration: none;
}
h5 {
	font-family: "fontmedium", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #4D4D4D;
	text-decoration: none;
	line-height: 22px;
	margin-top: 2px;
	margin-bottom: 2px;
}
h5 a {
	color: #4D4D4D;
	text-decoration: none;
}
h5 a:hover {
	color: #438474;
	text-decoration: none;
}
h6 {
	font-family: "fontmedium", Arial, Helvetica, sans-serif;
	;
	font-size: 11px;
	font-weight: normal;
	color: #4D4D4D;
	text-decoration: none;
	line-height: 16px;
	margin-top: 2px;
	margin-bottom: 2px;
}
h6 a {
	color: #4D4D4D;
	text-decoration: none;
}
h6 a:hover {
	color: #438474;
	text-decoration: none;
}
pre {
	font-family: "fontmedium", Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	line-height: 14px;
	margin-top: 0px;
	margin-bottom: 0px;
	white-space: pre-wrap;       /* css-3 */
 	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 	white-space: -pre-wrap;      /* Opera 4-6 */
 	white-space: -o-pre-wrap;    /* Opera 7 */
 	word-wrap: break-word;       /* Internet Explorer 5.5+ */	
}
pre a {
	color: #333;
	text-decoration: none;
}
pre a:hover {
	color: #438474;
	text-decoration: none;
}
code {
	font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; 
	color: #000000; 
	background-color: #eee;
	font-size: 12px;
	border: 1px dashed #999999;
	line-height: 14px;
	padding: 5px; 
	overflow: auto; 
	width: 100%;
	display:block;
}