@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900);
@import url(http://fonts.googleapis.com/css?family=Arimo:400,700);
@import url(http://fonts.googleapis.com/css?family=PT+Mono);
body{ margin:0px; padding:0px; width:100%;  height: auto; min-height: 100%; font-family: 'Arimo',  sans-serif;}
img{ border:0px}
#con{ width: 1280px; margin:0px auto; position:relative}
#sol{ width: 286px; height: 625px; z-index:100; position:absolute}
#logo{ width: 286px; height: 286px; float:left; background:url(../images/style.png); background-repeat:no-repeat; background-position: 0px  -33px;}
#bosluk{ width: 286px; height: 33px; float:left}
#orta{ width: 954px; margin:0 0 0 326px; position:relative}

#socialicon1{width: 23px; height: 22px;	position:absolute;	bottom:-40px; right:50px; z-index:1; background:url(../images/style.png); background-repeat:no-repeat; background-position: -24px  0px;}
#socialicon1:hover{width: 23px; height: 22px;	position:absolute;	bottom:-40px; right:50px; z-index:1; background:url(../images/style.png);background-repeat:no-repeat; background-position: 0px 0px;}

#socialicon2{width: 23px; height: 22px;	position:absolute;	bottom:-40px; right:22px; z-index:1; background:url(../images/style.png); background-repeat:no-repeat; background-position: -72px 0px;}
#socialicon2:hover{width: 23px; height: 22px;	position:absolute;	bottom:-40px; right:22px; z-index:1; background:url(../images/style.png);background-repeat:no-repeat; background-position: -48px 0px;}

#title{width: 300px; height: 60px;	position:absolute; font-size:14px; z-index:1; font-weight:bold; color:#666666; text-align:center}


#ortatop{ width:954px; margin:0 auto; position:relative}
.ortacer{ margin: 0px 0px 20px 0px; }
#ortaresimler{ width:954px;; height:450px; position:relative; margin: 20px 0px 0px 0px}


#footer{ width: 1280px; height:92px; display:block; font-weight:700; position: relative; margin:20px 0 0 0}
#footer1a{width: 286px; height: 92px; float:left;}
#footer1{width: 286px; height: 92px; float:left; background:url(../images/footerback.jpg) repeat-x; z-index:1; position:absolute; top:0px; left:0px}
#footer2{width: 30px; height: 92px; float:left;}
#footer3{width: 350px; height: 92px; float:left; background:url(../images/footerback.jpg) repeat-x}
#footer4{width: 174px; height: 92px; float:left; background:url(../images/footerback.jpg) repeat-x}
#footer5{width: 138px; height: 92px; float:left; background:url(../images/footerback.jpg) repeat-x}
#footeric{width: 210px; font-size:9px; float:left;}
#footeric2{width: 130px; font-size:9px; float:left; margin-left:10px; text-align:right}


#ourstory-con{ width: 886px; margin:0px auto; position:relative; margin-top:35px}
#ourstory-1{ width: 240px; height:410px; float:left; padding:10px; text-align:justify}
#ourstory-2{ width: 28px; height:410px; float:left}

/* menu */
#menualani {width:286px;float:left}
.ikonalani {width:80px;float:left; margin-right: 25px}
a.aktifikon {background-color:#fff;}
.icerikalani {width: 180px; float:left;}
.icerik, .icerik1, .icerik2, .icerik3, .icerik4, .icerik5 {display:none}
.goster {display:block;}

.brstyle{margin-bottom:8px}

.markalar{ width: 90px; float:left; text-align:right; line-height:120%}
.clickforanimation{
	background: url(../images/style.png); background-repeat:no-repeat; background-position: -180px  -377px;
	}

.clickforwebsite{
	background: url(../images/style.png); background-repeat:no-repeat; background-position: 0px  -325px;
	}
.clickforbanner{
	background: url(../images/style.png); background-repeat:no-repeat; background-position: -180px  -325px;
	}


/* menu */

/* slideshow */
.slideshow{
		width:954px;
		height:540px;
		text-align:center;
		list-style: none;
		position:relative;
		margin:0px auto; 
		
	}
 	ul.slideshow li {
		position: absolute;
		left:0px;
		top:0px;
		display:inline;
		
	}
	ul.slideshow li.show {
	}
/* scroll */
		.scrollup{
			width:38px;
			height:25px;			
			text-indent:-9999px;
			position:fixed;
			bottom:40px;
			right:40px;
			display:none;			
			background:url(../images/style.png); background-repeat:no-repeat; background-position: -96px  0px;
			z-index:1;
		}
/* scroll */
input, textarea {
	/*Borders and background color*/
	border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #DADADA;
	background: #F9F9F9;
}
/*form validate*/
.ErrorField {
    border-color: #D00;
    color: #D00;
    background: #FFFFFE;
}
/*form validate*/