﻿body {
	font-weight: bold;
	font-family: 'Scada', sans-serif;
	font-size:22px;
	margin:0;
	padding:0;
	background:url(../images/background.gif) repeat;
}
a{text-decoration:none;}
a:link {color:#0cc;}    /* unvisited link */
a:visited {color:#0ca;} /* visited link */
a:hover {color:#0da;}   /* mouse over link */
a:active {color:#0000FF;}  /* selected link */
#genel{
	padding-top:100px;
	margin:0 auto;
	width:800px;
}
#temizle{clear:both;}
#connect {
	margin: 0px auto;
	width: 200px;
}
#connect a {
	background-color: #ff7800;
	background-image: linear-gradient(top, #ffc21b, #ff7800);
	background-image: -webkit-linear-gradient(top, #ffc21b, #ff7800);
	background-image: -moz-linear-gradient(top, #ffc21b, #ff7800);
	box-shadow: inset 0px -3px 0px #d03800;
	-webkit-box-shadow: inset 0px -2px 0px #d03800, 0px 3px 0px #d03800;
	-moz-box-shadow: inset 0px -2px 0px #d03800, 0px 3px 0px #d03800;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	color: #ffffff;
	display: inline-block;
	font-size: 20px;
	padding: 15px;
	margin-bottom:15px;
	text-decoration: none;
	text-shadow: 0px 2px 0px #ff6600;
	text-align: center;
}
#connect a:hover {
	background-color: #ff7d0c;
	background-image: linear-gradient(top, #ffcb31, #ff8001);
	background-image: -webkit-linear-gradient(top, #ffcb31, #ff8001);
	background-image: -moz-linear-gradient(top, #ffcb31, #ff8001);
}
#connect a:active {
	background-color: #ff7800;
	background-image: linear-gradient(top, #de7201, #f98300);
	background-image: -webkit-linear-gradient(top, #de7201, #f98300);
	background-image: -moz-linear-gradient(top, #de7201, #f98300);
	box-shadow: inset 0px 0px 0px #ececec;
	-webkit-box-shadow: inset 0px 0px 0px #ececec;
	-moz-box-shadow: inset 0px 0px 0px #ececec;
	position: relative;
	top: 3px;
}
#kutu a
{
	width:147px;
	height:102px;
	background:url(../images/kutu_arka.png);
	float: left;
	margin:15px;
	padding:55px 10px 10px 10px;
	display: block;
	text-align:center;
}
#kutu a:hover
{
	width:147px;
	height:102px;
	background:url(../images/kutu_arka_2_a.png);
	float: left;
	margin:15px;
	padding:55px 10px 10px 10px;
	display: block;
}
#kutu2 a
{
	width:147px;
	height:112px;
	background:url(../images/kutu_arka.png);
	float: left;
	margin:15px;
	padding:45px 10px 10px 10px;
	display: block;
	text-align:center;
}
#kutu2 a:hover
{
	width:147px;
	height:112px;
	background:url(../images/kutu_arka_2_b.png);
	float: left;
	margin:15px;
	padding:45px 10px 10px 10px;
	display: block;
}
#siyah
{
	margin:0;
	float:left;
	width:50%;
	overflow:hidden;
	text-align:right;
	display:block;
	padding:10px 0;
}
#beyaz
{
	margin:0 auto;
	float:right;
	width:50%;
	height:100%;
	padding:10px 0;
	display:block;	
}
.social-icon {
	background: transparent url('../images/social-icons.png') no-repeat;
	float: left;
	margin: 3px;
}
.social-icon, .social-icon a {
	display: block;
	height: 35px;
	width: 35px;
	text-indent: -9999px;
}
.twitter {
	background-position: 0px 0px;
}
.twitter:hover {
	background-position: -35px 0px;
}
.facebook {
	background-position: 0px -35px;
}
.facebook:hover {
	background-position: -35px -35px;
}
.gplus {
	background-position: 0px -70px;
}
.gplus:hover {
	background-position: -35px -70px;
}
.besyuz {
	background-position: 0px -175px;
}
.besyuz:hover {
	background-position: -35px -175px;
}
.flickr {
	background-position: 0px -140px;
}
.flickr:hover {
	background-position: -35px -140px;
}
#alt{
	margin:0 auto;
	padding-top:150px;
	height:40px;
	width:210px;
}