* {
margin: 0;
padding: 0;
}
html {
height: 100%;
}
body {
height: 100%;
color: #a4a4a4;
cursor: default;
font-size: 11px;
line-height: 16px;
text-align: center;
background: #fff;
font-family: Tahoma, sans-serif;
}
a:link, a:visited {
color : #fff;
text-decoration : none;
}
a img {
border : 0;
}
div.wrap {
width : 973px;
margin : 0 auto;
text-align : left;
box-shadow: 3px 1px 8px 1px #000;
}
div#top div#nav {
float : left;
clear : both;
width : 973px;
height : 52px;
margin : 22px 0 0;
}
div#top div#nav ul {
float : left;
width : 680px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}
#slide-main {
clear: both;
width: 100%;
background: #f5f5f5;
height: 359px;
border-bottom: 4px solid #e4e4e4;
}
div#slide {
margin: 0;
position: relative;
top: 30px;
}
div#video-header {
height : 683px;
margin : -1px 0 0;
}
div#slide div.wrap {
height : 299px;
background: #ededed;
}
div#slide div#slide-holder {
z-index : 40;
width : 973px;
height : 299px;
position : absolute;
}
div#slide div#slide-holder div#slide-runner {
top : 9px;
left : 9px;
width : 953px;
height : 278px;
overflow : hidden;
position : absolute;
}
div#slide div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#slide div#slide-holder div#slide-controls {
left : 0;
bottom : 228px;
width : 967px;
height : 46px;
display : none;
position : absolute;
background : url(images/slide-bg.png) 0 0;
}
div#slide div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#slide div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
div#slide div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#slide div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}
div#slide div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(images/silde-nav.png);
}
div#nav ul li a {
background : url(images/nav.png) no-repeat;
}

#top {
width: 100%;
height: 90px;
background: #fcfcfc;
border-bottom: 4px solid #f0f0f0;
}

#top .content {
width: 980px;
margin: 0 auto;
position: relative;
}

a.faceimg {
background: url(images/facebook.png) no-repeat;
width: 186px;
height: 27px;
position: absolute;
top: 10px;
right: 5px;
border-radius: 5px;
box-shadow: 0 1px 2px #555;
-webkit-transition: box-shadow 0.5s linear;
-moz-transition: box-shadow 0.5s linear;
-o-transition: box-shadow 0.5s linear;
opacity: 0.8;
}

a.faceimg:hover {
box-shadow: 0px 0px 12px #555;
opacity: 1;
}

#logo {
float: left;
width: 320px;
height: 70px;
}

#logo a {
width: 320px;
height: 70px;
background: url(images/logo.png) no-repeat;
display: block;
position: relative;
top: 10px;
}

#topmenu {
width: 660px;
height: 90px;
float: right;
position: relative;
}

#topmenu ul {
padding: 0;
margin: 0;
list-style: none;
position: absolute;
bottom: 0;
right: 0;
}

#topmenu li {
float: left;
padding: 7px 5px;
}

#topmenu li a {
font-family: arial;
font-size: 12px;
}

.button, .button:visited {
background: #666 url(images/overlay.png) repeat-x; 
display: inline-block; 
padding: 5px 10px 6px; 
color: #fff; 
text-decoration: none;
border-radius: 6px;
box-shadow: 0 1px 3px rgba(0,0,0,0.6);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer;
-webkit-transition: background 0.5s linear;
-moz-transition: background 0.5s linear;
-o-transition: background 0.5s linear;
}
 
.button:hover {
background-color: #111;
color: #fff;
}

.button:active {
top: 1px;
}

.button, .button:visited, .medium.button, .medium.button:visited {
font-size: 13px;
font-weight: bold; 
line-height: 1; 
text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
}
												  
.large.button, .large.button:visited {
font-size: 14px;
padding: 8px 14px 6px;
}
													  
.red.button, .red.button:visited {
background-color: #2d2d2d;
}

.red.button:hover {
background-color: #cd6023;
}

#main_alt {
width: 100%;
background: #ebebeb;
overflow: auto;
padding: 30px 0;
border-bottom: 4px solid #fff;
}

#main_alt .content {
width: 980px;
margin: 0 auto;
}

#main_alt .left {
float: left;
width: 400px;
margin: 0 45px;
}

#main_alt .left .title {
width: 101px;
height: 19px;
background: url(images/main_alt_title.png) 0 0 no-repeat;
margin: 0 0 10px 0;
}

#main_alt .left .content {
width: 95%;
text-align: justify;
color: #505050;
padding: 5px 0;
font: 11px verdana;
}

#main_alt .left p {
line-height: 15px;
}

#main_alt .left .content img {
float: left;
padding: 4px 6px 0 0;
margin: 4px;
}

#main_alt .right {
float: left;
width: 400px;
margin: 0 45px;
}

#main_alt .right .title {
width: 101px;
height: 19px;
background: url(images/main_alt_title.png) 0 -19px no-repeat;
margin: 0 0 10px 0;
}

#main_alt .right .content {
width: 100%;
text-align: left;
color: #505050;
padding: 5px 0;
font: 11px verdana;
}

#main_alt .right p {
padding: 4px 5px;
}

#main_alt .right p img {
padding: 0 7px 0 5px;
vertical-align: -20%;
}

#main_alt .right a {
color: #333;
text-decoration: none;
}

#main_alt .right a:hover {
color: #333;
border-bottom: 1px solid #333;
}

#footer {
width: 100%;
background: #e7e6e6;
}

#footer .content {
width: 980px;
margin: 0 auto;
overflow: auto;
padding: 3px 0;
position: relative;
}

#footer .left {
float: left;
width: 464px;
text-align: left;
color: #707070;
}

#footer .right {
float: right;
width: 464px;
text-align: right;
font: 11px arial;
color: #838383;
}

#footer .counter {
float: left;
width: 51px;
}

#footer a {
color: #707070;
-moz-transition: color 0.5s linear;
-webkit-transition: color 0.5s linear;
-o-transition: color 0.5s linear;
}

#footer a:hover {
color: #000;
}

#iletisim {
clear: both;
width: 100%;
}

/* İLETİŞİM FORM STYLE */

	#iletisim .content { 
		margin: 0 auto; 
		color: #555;	 
		width: 980px;
		/* make reference to the Yanone Kaffeesatz font */
		font-family: 'Yanone Kaffeesatz', arial, sans-serif;
		text-align: left;
	}
	
	h1 { 
		color: #555; 
		margin: 0 0 30px 0; 
		font: bold 12px arial;
	}	
		
	label {	
		font-size: 19px;
		color: #666; 
	}
	
	form { 
		float: left;
		border: 1px solid #ddd; 
		padding: 30px 40px 20px 40px; 
		margin: 25px 0 30px 0;
		width: 615px;
		background: #fff;
				
		/* -- CSS3 - define rounded corners for the form -- */	
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px; 		
		
		/* -- CSS3 - create a background graident -- */
		background: -webkit-gradient(linear, 0% 0%, 0% 40%, from(#EEE), to(#FFFFFF)); 
		background: -moz-linear-gradient(0% 40% 90deg,#FFF, #EEE); 
		
		/* -- CSS3 - add a drop shadow -- */
		box-shadow:0px 0 50px #ccc;		 		
	}	
	
	fieldset { border: none; }
	
	#user-details { 
		float: left;
		width: 210px; 
	}
	
	#user-message { 
		float: right;
		width: 355px;
	}
	
	input, textarea { 		
		padding: 7px; 
		margin: 4px 0 20px 0; 
		background: #fff; 
		width: 200px; 
		font-size: 13px; 
		color: #555; 
		border: 1px #ddd solid;
		resize: none;
		
		/* -- CSS3 Shadow - create a shadow around each input element -- */ 
		box-shadow: 0px 0px 4px #aaa;
		
		/* -- CSS3 Transition - define what the transition will be applied to (i.e. the background) -- */		
		-webkit-transition: background 0.3s linear;
		-moz-transition: background 0.3s linear;
		-o-transition: background 0.3s linear;
	}
	
	textarea {		
		width: 340px; 
		height: 175px; 		 		
	}
	
	input:hover, textarea:hover { 
		background: #f5f5f5; 
	}
		
	input.submit { 	
		width: 120px; 
		color: #fff; 
		text-transform: uppercase; 
		margin-top: 10px;
		background-color: #cd6023;
		border: none;
		float: right;

		/* -- CSS3 Transition - define which property to animate (i.e. the shadow)  -- */
		-webkit-transition: box-shadow 0.3s linear;
		-moz-transition: box-shadow 0.3s linear;
		-o-transition: box-shadow 0.3s linear;
		
		/* -- CSS3 - Rounded Corners -- */
		-moz-border-radius: 4px; 
		-webkit-border-radius: 4px;
		border-radius: 4px; 
						
		/* -- CSS3 Shadow - create a shadow around each input element -- */ 
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a6a6a6), to(#7b7b7b)); 
		background: -moz-linear-gradient(25% 75% 90deg,#7b7b7b, #a6a6a6);		
	} 
	
	input.submit:hover { 		
		box-shadow: 0px 0px 20px #555;	
		cursor:  pointer; 
	} 		
				
/* İLETİŞİM FORM STYLE - END */

#gmap {
float: right;
width: 255px;
margin: 30px 0 0 20px;
text-align: center;
}

#gmap p {
width: 100%;
text-align: center;
padding: 0;
margin: 0 0 15px 0;
font-size: 22px;
}

#gmap a {
width: 200px;
background: #ededed;
border: 2px solid #dbdbdb;
border-radius: 3px;
font-size: 20px;
padding: 3px 15px;
color: #7f7f7f;
-webkit-transition: background 0.5s linear;
-moz-transition: background 0.5s linear;
-o-transition: background 0.5s linear;
}

#gmap a:hover {
width: 200px;
background: #7f7f7f;
border: 2px solid #333;
border-radius: 3px;
font-size: 20px;
padding: 3px 15px;
color: #ededed;
}

#about {
width: 100%;
background: #fcfcfc;
border-bottom: 4px solid #fff;
}

#about .content {
width: 980px;
margin: 0 auto;
overflow: auto;
padding: 20px 0 40px 0;
text-align: justify;
color: #666;
}

#about .frame {
float: left;
padding: 3px;
border: 1px solid #AAAAAA;
margin: 0px 15px 10px 0px;
border-radius: 3px;
}

#about .frame2 {
float: right;
padding: 3px;
border: 1px solid #AAAAAA;
margin: 10px 10px 10px 15px;
border-radius: 3px;
}

#about h1 {
font-size: 14px;
padding: 0;
margin: 15px 0;
text-transform: uppercase;
}

#gallery {
width: 100%;
background: #fff;
border-bottom: 4px solid #dad9d9;
}

#gallery .content {
width: 980px;
margin: 0 auto;
overflow: auto;
padding: 20px 0 40px 0;
}

#gallery .title {
width: 90%;
color: #cd6023;
background: #e4e4e4;
border: 2px solid #ccc;
border-radius: 5px;
padding: 5px 10px;
margin: 0 auto 20px auto;
font: 14px arial;
font-weight: bold;
overflow: auto;
}

#gallery .baslik {
float: left;
margin: 3px 0 0 0;
}

#gallery .devam {
float: right;
}

#gallery .title a {
padding: 3px 8px;
margin: 0;
height: auto;
width: auto;
color: #777;
font-size: 13px;
background: #ccc;
border: 1px solid #999;
border-radius: 5px;
-webkit-transition: background 0.5s linear;
-moz-transition: background 0.5s linear;
-o-transition: background 0.5s linear;
}

#gallery .title a:hover {
background: #444;
color: #efefef;
}

#gallery .images {
width: 92%;
text-align: center;
margin: 0 auto;
}

#gallery img {
width: 200px;
height: 75px;
border-radius: 10px;
-webkit-border-radius: 10px;
border: 2px solid #ccc;
opacity: 0.85;
}

#gallery img:hover {
border: 2px solid #5f5f5f;
opacity: 1;
}

#gallery a {
float: left;
margin: 0 10px 20px 13px;
width: 200px;
height: 75px;
}

#gallery .info {
float: left;
width: 74%;
text-align: left;
border-radius: 5px;
border: 1px dashed #bfbfbf;
overflow: auto;
margin: 0;
padding: 0;
color: #666;
height: 180px;
}

#gallery ul {
padding: 0;
margin: 12px 0 5px 10px;
list-style-type : square;
}

#gallery li {
padding: 0;
margin: 2px 0 0 20px;
}

#gallery .uret {
float: left;
width: 49%;
height: 100%;
background: #f8f8f8;
border-right: 1px dashed #bfbfbf;
}

#gallery .sektor {
float: right;
width: 50%;
height: 100%;
background: #fff;
}

#gallery .titl {
font: bold 14px arial;
position: relative;
left: 15px;
top: 5px;
}