/* A Free Design by Bryant Smith (bryantsmith.com) */








body {
	margin: 0;
	padding: 0;
	text-align: left;
	font-family:Arial;
	font-size: 10px;
	color: #000000;
	background: #000000 url(background.png);
	background-repeat:repeat-x;
}
*
{
  margin: 0 auto 0 auto;
 text-align:left;}

#page
{
  display: block; 
  height:auto;
  position: relative; 
  overflow: hidden; 
  width: 670px;
}

.topNaviagationLink
{
text-align:center;
position:relative;
margin-top:30px;
font-size:16px;
margin-left:-10px;
width:121px;
height: 35px;
line-height: 30px;
float:left;
color:#000000;
font-family:Arial;
}


.topNaviagationLink a
{
text-decoration:none;
color:#000000;
margin-bottom:0px;
}

.topNaviagationLink a:hover
{
text-align:center;
color:#FF92E6;
display: block;
width:121px;
height: 35px;
line-height: 35px;
background-image:url(tab.png);
border-bottom:none;
}

#mainPicture
{
clear:both;
width:670px;
height:150px;
background-color:#000000;
}

#mainPicture .picture
{
position:relative;
width:650px;
height:266px;
top:10px;
margin-left:10px;
background-image:url(giris.png);
background-repeat:no-repeat;
}

#headerTitle
{
position:relative;
top:14px;
left:22px;
font-size:27px;
color:#000000;
font-family:Arial;
}

#headerSubtext
{
position:relative;
top:12px;
left:22px;
font-size:14px;
color:#484848;
font-family:Arial;
}

.contentBox
{
margin-top:10px;
width:670px;
height:auto;
background-color:#000000;
}

.contentBox .innerBox
{
position:relative;

width:650px;
height:auto;
top:10px;
margin-left:10px;
background-image:url(contentBack.png);
background-color:#FFFFFF;
background-repeat:repeat-x;
}

h1
{
font-size:25px;
margin-bottom:10px;
padding-top:18px;
margin-left:15px;
margin-top:15px;
color:#545454;
}

.contentText
{
font-size:13px;
line-height:24px;
margin-left:13px;
margin-right:13px;
}
.contentText2
{
font-size:12px;
line-height:15px;
margin-left:15px;
margin-right:13px;
}

.contentText3
{
font-size:16px;
line-height:17px;
margin-left:10px;
margin-right:10px;
}

h4 {
text-align:center;
padding-top:30px;
font-size:9px;
font-family:Arial;
color:#000000;
margin:0px;
}
h3 {
text-align:left;
padding-top:5px;
font-size:15px;
font-family:Arial;
color:#545454;
margin:0px;
}
h4
{
text-decoration:none;
font-size:9px;
}

a
{
color:#484848;
border-bottom:dotted 1px;
}

a:hover
{
color:#000000;
text-decoration:none;
border-bottom:dotted 2px;
}
a:visited
{
color:#000000;

}


blockquote {
	font-size:12px;
	text-align:justify;
	width:400px;
	color:#000000;
	padding:15px;
	margin:10px;
	font-family:Arial;
	background-image:url(blockquote.png);
	background-repeat:no-repeat;
	border:dashed 1px;
	border-color:#484848;
}

html, body {
text-align: center;
}
p {text-align: left;}


.exsprite {width: 500px;height: 50px;}
.exsprite ul li {cursor: pointer;height: 48px;position: relative;list-style-type: none;float: left;}
.exsprite .icon {
background: url('http://3.bp.blogspot.com/-XzI0OccnygA/VCBiSB_-UzI/AAAAAAAABbs/6bc04B7aNZY/s1600/html%2Bkod%2Bcanavar%C4%B1%2Bsosyal%2Bmedia%2Biconlar%C4%B1.png') 0 0 no-repeat;display: block;float:none;height: 48px;line-height: 48px;margin: 5px 0;position: relative;text-align: left;text-indent: 60px;text-shadow: #333 0 1px 0;white-space: nowrap;width: 48px;z-index: 5;
 
-webkit-transition: width .3s ease-in-out, background-color .3s ease-in-out;
-moz-transition: width .3s ease-in-out, background-color .3s ease-in-out;
-o-transition: width .3s ease-in-out, background-color .3s ease-in-out;
transition: width .3s ease-in-out, background-color .3s ease-in-out;
 
-webkit-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;-moz-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;-o-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;text-decoration: none;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;font-weight: bold;
color: #fafafa;
overflow: hidden;
border-radius: 30px;
}
.exsprite li:hover .icon {width: 150px;}
.exsprite .facebook {background-color: rgba(45, 118, 185, .42);background-position: 0 -382px;}
.exsprite li:hover .facebook {background-color: #2d76b9;background-position: 0 2px;}
.exsprite .twitter {background-color: rgba(0, 161, 223, .42);background-position: 0 -430px;}
.exsprite li:hover .twitter {background-color: #00A1DF;background-position: 0 -46px;text-indent: 66px;}
.exsprite .google {background-color: rgba(167, 0, 0, .42);background-position: 0 -478px;}
.exsprite li:hover .google {background-color: #A70000;background-position: 0 -94px;text-indent: 65px;}
.exsprite .pinterest {background-color: rgba(204, 0, 0, .42);background-position: 0 -526px;}
.exsprite li:hover .pinterest {background-color: #C00;background-position: 0 -142px;}
.exsprite .linkedin {background-color: rgba(0, 87, 114, .42);background-position: 0 -574px;}
.exsprite li:hover .linkedin {background-color: #005772;background-position: 0 -190px;}
.exsprite .youtube {background-color: rgba(170, 0, 0, .42);background-position: 0 -670px;}
.exsprite li:hover .youtube {background-color: #A00;background-position: 0 -286px;}
.exsprite .rss {background-color: rgba(255, 109, 0, .42);background-position: 0 -718px;}
.exsprite li:hover .rss {background-color: #EC5601;background-position: 0 -334px;text-indent: 55px;}