/* GENERAL 
-------------------------------------------------------------------------------------------------------------------------------------*/
/*
Content zemin:#8B9197
Tema Kırmızı :#ed1c24
*/

* { margin: 0; padding: 0; }

html,body,div,p,ul,ol,li,h1,h2,h3,h4,pre,form,p,button,img {
  margin: 0;
  padding: 0;
  border: 0;
}

body {
    height: 100%;
	font: 10px normal Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background: url(../images/bg.gif) repeat-x left top;
}

h1 {
	font: 4.7em normal Georgia, 'Times New Roman', Times, serif;
	color: #333;
	margin: 0;
	padding: 5px 0;
}
h1 small{
	font: 0.2em normal Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing: 1.5em;
	display: block;
	color: #fff;
}

/*.clear { clear: both; }*/

#wrapper {
	position: relative;
    width:970px;
	height: 100%;
    margin:0 auto;	
	overflow: hidden;
	padding: 0;
}	

#header{
	margin: 0; 
	padding: 0;
	width: 970px;
}

#header h1 {
 border-bottom: solid 1px #d9d9d9;
 font-weight: normal;
 font-size: 100%;
 text-indent: 5px;
 letter-spacing: -1px;
 }
 
.logo { 
 margin: 0;
 width: auto;
 height:100px;
 background:url(../gplogo.png) no-repeat;
 }
 
 .logo-eng{ 
 margin: 0;
 width: auto;
 height:100px;
 background:url(../gplogo2.png) no-repeat;
 }
 
#header img{border:none;}

.lng {
	position: absolute;
	top: 95px;
	right: 0;
	margin: 20px 10px;
	z-index: 1000;
}
.lng a {
	color: #ffffff;
	text-decoration: none;
	font-size: 100%;
}
.lng img {
	margin: 0px 7px;
}

.lng a:hover {
	color: #808080;
}

.lng a.active {
	color: #ffffff;
}

.container {width: 970px; margin: 0 auto;}

/* navigation 
-------------------------------------------------------------------------------------------------------------------------------------*/

ul#topnav {
	margin: 0; padding: 0;
	float: left;
	width: 970px;
	height:80px;
	list-style: none;
	position: relative;
	font-size: 1.2em;
	background:#ed1c24 url(../images/img/topnav_stretch.gif) repeat-x;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	border-right: 1px solid #555;
}
ul#topnav li a {
	padding: 10px 15px;
	display: block;
	color: #f0f0f0;
	text-decoration: none;
}
ul#topnav li a:hover {color: #000;}

ul#topnav li:hover { background: #ed1c24 url(../images/img/topnav_active.gif) repeat-x; color: #fff; font-weight: bold; }
ul#topnav li span {
	float: left;
	padding: 5px 0;
	position: absolute;
	left: 0; top:35px;
	display: none;
	width: 970px;
	background: #ed1c24;
	color: #fff;
	font-size: .9em;
}

ul#topnav li:hover span { display: block; z-index:10000; }
ul#topnav li span a { display: inline; }
ul#topnav li span a:hover {color: #000; text-decoration: none;}

ul#topnav li span span{
	float: left;
	padding: 5px 0;
	position: absolute;
	left: 0; top:20px;
	display: none;
	width: 970px;
	background: #ed1c24;
	color: #fff;
	font-size: .9em;
}

ul#topnav li:hover span span{ display: block; z-index:10000; }
ul#topnav li span span a { display: inline; }
ul#topnav li span span a:hover {color: #000; text-decoration: none;}




/* contents 
-------------------------------------------------------------------------------------------------------------------------------------*/

 #content-main {width: 970px; margin: 0 auto;margin-top: 30px;}
 #content-contact {width: 970px;margin: 0 auto; padding-top: 5px;margin-top: 30px;}		
 #contentall {
	position:relative;
    margin: 0 auto; 
	margin-top: 30px;
	width: 964px;
	min-height:460px;
	height:460px;
	background: #eee;
	/*background: #8B9197;*/
	border: 3px solid #ccc;
	border-radius: 5px;
   -moz-border-radius: 5px;  
   -webkit-border-radius: 5px;
    overflow: auto;
	}	

.content { 
    position:relative;
	margin: 0;
	overflow: auto;
    height:100%;
	}
	  
.content-text {
	position: relative;
	float: right;
    width:940px;
	height: auto;
    margin:0;
	text-align:left;
	font: 12px normal Verdana, Arial, Helvetica, sans-serif;
    /*background: #eee;	*/
} 
 .content-text p {color: #5c5c56;font: normal 12px/17px Arial, Helvetica, sans-serif;margin: 9px 0 0 0; text-align:left;}
  
  
 .content-text .ilk p{margin-top: 0;}
 
 .content-text  ul{ padding-left: 10px;}
 .content-text  ul li{padding-left: 15px;list-style-image: url(../images/bullet.gif);list-style-type: disc; list-style-position: inside;}
 
 .content-text h2 { padding: 0 20px 0 10px;font-size: 16px; border-bottom: 3px solid #ccc;  }
 .content-text h3 { margin: 0;padding: 0 20px 0 10px;font-size: 14px;border-bottom: 2px solid #ccc;  }
 .content-text h4 { padding: 0 20px 0 15px;font-size: 11px;font-weight: bold;  }
  
 .content-text img { margin: 0 0 0 5px;border: 1px solid #aaa; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}	 
  
 .content-text a:link { color: #111;text-decoration: none;}
 .content-text a:visited { color: #555;text-decoration: none;}
 .content-text a:hover, .sidebar a:active { color: #ed1c24;text-decoration: none;} 
  
 .print {position: relative;float: right;width:auto;height: 26px;margin: 5px;margin-bottom: -25px;color:#fff;}  
 .print  img{border: none;}  

  
/* START PAGE @rotator
-------------------------------------------------------------------------------------------------------------------------------------*/

#rotator { 
  margin:0; 
  margin-top: 82px;
  padding-bottom: 2px;
  height:284px;
  border: 1px solid #ccc;
  background: none;
  border-radius: 5px;
 -moz-border-radius: 5px;  
 -webkit-border-radius: 5px;
  color:#000;
  font-size:16px;
 }

/* Tabs */
#rotator ul.ui-tabs-nav, #rotator li.ui-tabs-nav-item, #rotator li.ui-tabs-nav-item a:link, #rotator li.ui-tabs-nav-item a:visited {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	text-decoration:none;
	font-size:100%;
	font-weight:bold;
	list-style:none;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
}	

ul.ui-tabs-nav {
   
}
 
/* Non-Selected Tabs */
li.ui-tabs-nav-item a:link,
li.ui-tabs-nav-item a:visited {	
	
}
 
/* Hovered Tab */
#rotator .ui-tabs-nav-item a:hover,
#rotator .ui-tabs-nav-item a:active {
	
}
 
#rotator .ui-tabs-nav-item a span {
	
}
 
/* Active Tab */
#rotator .ui-tabs-selected a:link,
#rotator .ui-tabs-selected a:visited,
#rotator .ui-tabs-selected a:hover,
#rotator .ui-tabs-selected a:active {
	
}

/* Content Panels */
#rotator .ui-tabs-panel {
	font-family:Arial, Helvetica, sans-serif;
	clear:left;
	color:#000;	
	height:225px;
}

 .left-align {
	text-align:left;
}

#rotator .ui-tabs-hide {
	display:none;
}

#rotator h2 {
	color:#ed1c24;
	font-family: Arial, 'VAG', Helvetica, sans-serif;
	font-weight:bold;
	margin:0;
	font-size:1.8em;
	line-height:1.2em;
}

#rotator p {
	font-size:1.1em;
	margin:.5em 0;
	color:#333;
}

#rotator .btn_get_started {
	float:left;
	height:30px;
	width:99px;
	text-indent:-9999em;
	margin-right:7px; 
	overflow:hidden; 
	background:transparent url(../images/getstarted.gif) no-repeat;
}

#rotator .btn_get_started2 {
	float:left;
	height:30px;
	width:99px;
	text-indent:-9999em;
	margin-right:7px; 
	overflow:hidden; 
	background:transparent url(../images/getstarted2.gif) no-repeat;
}

#rotator .btn_learn_more {
	float:left;
	height:26px;
	font-size:.9em;
}

#rotator .btn_learn_more  img a :hover{
	border: 3px solid black;
}


/* Background Images */
#rotator #fragment-1 {background:transparent url(../images/slider/1.jpg) no-repeat top right;padding:40px 540px 15px 15px;}
#rotator #fragment-2 {background:transparent url(../images/slider/2.jpg) no-repeat top right;padding:40px 450px 15px 15px;}
#rotator #fragment-3 {background:transparent url(../images/slider/3.jpg) no-repeat top left;padding:40px 15px 15px 500px;}
#rotator #fragment-4 {background:transparent url(../images/slider/4.jpg) no-repeat top left;padding:40px 15px 15px 500px;}
#rotator #fragment-5 {background:transparent url(../images/slider/5.jpg) no-repeat top left;padding:40px 15px 15px 450px;}
#rotator #fragment-6 {background:transparent url(../images/slider/6.jpg) no-repeat top left;padding:40px 400px 15px 15px;} 
#rotator #fragment-7 {background:transparent url(../images/slider/7.jpg) no-repeat top right;padding:40px 540px 15px 15px;} 
#rotator #fragment-8 {background:transparent url(../images/slider/8.jpg) no-repeat top right;padding:40px 540px 15px 15px;} 
#rotator #fragment-9 {background:transparent url(../images/slider/9.jpg) no-repeat top right;padding:40px 540px 15px 15px;}


/* START PAGE @haberler
-------------------------------------------------------------------------------------------------------------------------------------*/
 
#haberler { 
  margin-top: 15px;
  margin-bottom: 10px;
  height:auto;
  border: 1px solid #ccc;
  background:  #eee;
  border-radius: 5px;
  -moz-border-radius: 5px;  
  -webkit-border-radius: 5px;  
 }
 #twit {  
  float: left;
  position: relative;
  background: url(../images/twit.png) no-repeat;
  width:46px;
  height:50px;
  margin-right:0;
  margin-top: -10px;
 }
 #twit img { border: none;}
 
ul#news {margin: 10px;height:auto;padding: 10px; padding-left: 40px; overflow: hidden;}
ul#news p {margin-bottom: 0.5em;line-height: 1.5;}
ul#news p  strong {font-weight: bold;}
ul#news a:link {color: #0060c3;text-decoration: none;}
ul#news a:visited {color: #3a7ec3;text-decoration: none;}
ul#news a:hover,ul#news a:active {color: #ed1c24;text-decoration: none;}
ul#news li{ list-style: none;}
ul#news img {border: none;}

#twitter_div { width:700px;	}
ul#twitter_update_list { font-size: 14px;}
ul#twitter_update_list a{ display: none;}
/*ul#twitter_update_list a{ font-size: 10px;color:#424242;}?/ 
ul#twitter_update_list li { margin-bottom: 10px; padding: 3px; background: url(../images/twitterzemin.png);}

/* START PAGE @icon-buttons
-------------------------------------------------------------------------------------------------------------------------------------*/
 
#box { 
 margin: 0;
 width: 970px; 
 border: none;
 padding-top:7px;
 display: block;
 }
 
.kutu{  
  float: left;
  position: relative;
  border: 1px solid #ccc;
  background: none;
  width:310px;
  margin-right:16px;
  border-radius: 5px;
  -moz-border-radius: 5px;  
  -webkit-border-radius: 5px;
 }
 
.kutu a img:hover,.kutu a img:active {border: 1px solid #ed1c24;text-decoration: none;}
.last {margin-right:0;padding-right:0;}

#box div:first-child{margin-left:0;} 
 
/*shadow*/
.down_shadow{background:url(../images/down_shadow.jpg) 50% bottom no-repeat;height:10px;border:none;clear:both;float:none;width:100%;margin-top:2px;}

/*--- PAGES Picture Unit
-------------------------------------------------------------------------------------------------------------------------------------*/

/* the overlayed element */
.simple_overlay {	
	display:none;/* must be initially hidden */	
	z-index:30000;/* place overlay on top of other elements */	
	/* styling */
	background-color:#333;	
	width:675px;	
	min-height:200px;
	border:1px solid #666;
		
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../images/img/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* some styling for triggers */
#triggers {
	text-align:center;
}

#triggers img {
	cursor:pointer;
	margin:0 5px;
	background-color:#fff;
	border:1px solid #ccc;
	padding:2px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* styling for elements inside overlay */
.details {
	position:absolute;
	top:15px;
	right:15px;
	font-size:11px;
	color:#fff;
	width:150px;
}

.details h3 {
	color:#aba;
	font-size:15px;
	margin:0 0 5px 0;
}

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}


.photo {
  margin: 25px 0 0 0;
  border: none;
}

h3#featured_work {
  width: 96px;
  margin: 3px 0 0 0;
  float: left;
}

div.project {
  width: 200px;
  margin: 0 30px 0 0;
  float: left;
}

div.end {margin: 0;}


.preview_container {
  width: 200px;
  height: 150px;
  margin: 15px 0 0 0;
}

.preview {margin: 3px 0 0 3px;}

h4 {
  font: normal 14px/17px Arial, Helvetica, sans-serif;
  margin: 8px 0 0 0;
}

p.large {
  color: #5c5c56;
  font: normal 12px/17px Arial, Helvetica, sans-serif;
  margin: 9px 0 0 0;
}

/*--- PAGE references
-------------------------------------------------------------------------------------------------------------------------------------*/

 /* layout */
 #refpix{ 
  width: auto;
  margin: 10px; 
  padding: 5px;
  background: none;
  color:#fff;
 }

/* =Basic HTML, Non-essential */
a{text-decoration: none;}

h1{
	background: inherit;
	border-bottom: 1px solid #ccc;
	color: #555;
	font: 17px Georgia, serif;
	margin: 0 0 10px;
	padding: 0 0 5px;
	text-align: center;
}

p{clear: both;font: 10px Verdana, sans-serif;padding: 10px 0;text-align: center;}
p a{background: inherit;color: #777;}
p a:hover{background: inherit;color: #000;}

/* =Hoverbox Code */

.hoverbox{cursor: default;list-style: none;}
.hoverbox a{cursor: default;}
.hoverbox a .preview{display: none;}
.hoverbox a:hover .preview{display: block;position: absolute;top: -33px;left: -45px;z-index: 1;}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 100px;
	height: 75px;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 200px;
	height: 150px;
}

/*--- PAGE - CONTACT
-------------------------------------------------------------------------------------------------------------------------------------*/
#iletisim{
  width: 100%;
  margin: 0;
  height: 330px;
  position: relative;
  overflow: hidden;
}

#iletisim h4{
  font-size: 12px;
  color: #ffffff;
  margin-bottom: 1px; 
}

#addressbox {
  float:left;
  position: relative;
  margin: 0 6px 5px 0;
  width: 433px; 
  height: 275px;
  border: 3px solid #ccc;
  background: #8B9197;
  padding:20px;
  font: 9pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
  color:#ffffff;
  border-radius: 5px;
  -moz-border-radius: 5px;  
  -webkit-border-radius: 5px;
 }
#addressbox h3 {
  font-size: 14px;
  color: #333;
  margin-bottom: 1px; 
}
  
#mapbox {
  float: right;
  position: relative;
  margin: 0 0 0 6px;
  width: 433px; 
  height: 275px;
  border: 3px solid #ccc;
  background: #8B9197;
  padding:20px;
  font: 9pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
  color:#ffffff;
  border-radius: 5px;
  -moz-border-radius: 5px;  
  -webkit-border-radius: 5px;
 }
#mapbox img {
  border: 2px solid #bbb;
  border-radius: 5px;
  -moz-border-radius: 5px;  
  -webkit-border-radius: 5px;
 }
  
 .formbox {
  margin-top: 2px;
  padding: 10px 20px 10px 20px;
  border: 3px solid #ccc;
  background: #8B9197;
  font: 9pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
  color:#ffffff;
  text-align: left;
  border-radius: 5px;
  -moz-border-radius: 5px;  
  -webkit-border-radius: 5px;
 }
 
 
/* Overlay */
body {height:100%; margin:0;}
#contact-overlay {background-color:#000; cursor:wait;}

/* Container */
#contact-container {width:450px; font-family:'Trebuchet MS', Verdana, Arial; font-size:16px; text-align:left;}
#contact-container .contact-content {background-color:#333; color:#ddd; height:40px;}
#contact-container h1 {color:#ed1c24; margin:0; padding:0 0 6px 12px; font-size:1.2em; text-align:left;}
#contact-container .contact-loading {position:absolute; background:url(../images/contact/loading.gif) no-repeat; z-index:8000; height:55px; width:54px; margin:-14px 0 0 170px; padding:0;}
#contact-container .contact-message {text-align:center;}
#contact-container .contact-error {width:92%; font-size:.8em; background:#000; border:2px solid #ccc; font-size:0.8em; font-weight:bold; margin:0 auto; padding:2px;}
#contact-container br {clear:both;}
#contact-container form {padding:0; margin:0;}
#contact-container label {clear:left; display:block; width:100px; float:left; text-align:right; padding-right:4px; font-weight:bold;}
#contact-container .contact-input {font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:2px; margin:2px; background:#eee; border:1px solid #fff; width:300px;}
#contact-container textarea {height:114px; font-size:.9em;}
#contact-container .contact-cc {font-size:.9em; cursor:default;}
#contact-container .contact-top {height:13px; background:url(../images/contact/form_top.gif) no-repeat; padding:0; margin:0;}
#contact-container .contact-bottom {height:13px; background:url(../images/contact/form_bottom.gif) no-repeat; font-size:.7em; text-align:center;}
#contact-container .contact-bottom a,
#contact-container .contact-bottom a:link,
#contact-container .contact-bottom a:active,
#contact-container .contact-bottom a:visited {position:relative; top:-4px; text-decoration:none; color:#666;}
#contact-container .contact-bottom a:hover {color:#888;}
#contact-container .contact-button {margin:4px 0 0 4px; cursor:pointer; height:24px; border:0; font-size:1em; font-weight:bold; color:#fff; text-align:center; vertical-align:middle;}
#contact-container .contact-send {width:69px; background:url(../images/contact/send.png) no-repeat;}
#contact-container .contact-cancel {width:69px; background:url(../images/contact/cancel.png) no-repeat;}
#contact-container a.modal-close,
#contact-container a.modal-close:link,
#contact-container a.modal-close:active,
#contact-container a.modal-close:visited {text-decoration:none; font-weight:bold; font-size:1.2em; position:absolute; top:-4px; right:6px; color:#999;}
#contact-container a.modal-close:hover {color:#9bb3b3;}


/*--- PAGE - CONTACT -LIGHTBOXES
-------------------------------------------------------------------------------------------------------------------------------------*/

#lightboxes {width: 100%;height: 100%;margin: 0;padding: 0;list-style-type: none;overflow: auto;text-align: left;}
#lightboxes li {width: 100%;height: 1200px;position: relative;background: #000;}
#lightboxes .box {width: 750px;height: 460px;margin: 0 auto;top: 50px;border: 10px solid #999;background-color: #fff;padding: 20px;position: relative;z-index: 1;}
#lightboxes #close {background-color: transparent;z-index: -1;}
#lightboxes h3 {font-weight: normal;font-size: 1.8461em;margin: 0 0 0.4583em 0;}      
#lightboxes a.close {float: right;display: block;width: 20px;line-height: 20px;text-align: center;background-color: #ddd;text-decoration: none;font-weight: bold;color: #999;font-size: 1.2em;}       
#lightboxes a.close:hover {background-color: #999;color: #fff;}

/* noscript
-------------------------------------------------------------------------------------------------------------------------------------*/

div#att {background-color: #fffeb8;border-bottom: 1px solid;height: 2.5em;line-height: 2.5em;position: absolute;top:0;width: 100%;}
div#att p{background: transparent url(../images/att.png) no-repeat 0 46%;margin: 0;display: inline;padding: 6px 0 6px 26px;}
	
/* footer
-------------------------------------------------------------------------------------------------------------------------------------*/
		
#footer{padding-top:1px;padding-bottom:5px;width:100%;clear:both}
#footer img{border:none;}
#copyright{font-size:85%;color:#666;text-align:right}
#bottom_menu a:link,#bottom_menu a:visited{text-decoration:none;color:#606060;font-size:85%;padding-left:1px;background:url(../images/cross_point.gif) left center no-repeat;margin-right:10px;}
#bottom_menu a:hover{color:#ed1c24;}

/* page partners
-------------------------------------------------------------------------------------------------------------------------------------*/

#companies{
	width:900px;
	height:415px;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
	background:#ddd;
	border:1px solid #ccc;
	padding:10px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-box-shadow:0 0 7px 2px #000;
	-webkit-box-shadow: 0 0 5px #000;	
}

div.company{
	width: 288px;
    height: 195px;
    margin:5px;
	color:#000;
	background:#eee;
	border:1px solid #ccc;
	float: left;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

div.lastcomp {margin-right: 0;}

.baslik {
    margin: 5px;
	padding-top:10px;
	font: bold 13px Arial, Helvetica, sans-serif;
	width: 275px;
    height: 25px;
	color:#fff;
	background:#58192c;
	border:1px solid #ccc;
	text-align:center;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.baslik a:link { color: #fff;text-decoration: none;}
.baslik a:visited { color: #ddd;text-decoration: none;}
.baslik a:hover, .sidebar a:active { color: #ed1c24;text-decoration: none;} 

.company p {
	color:#000;
	margin:0 0 5px 0;
	font: normal 10px/12px Arial, Helvetica, sans-serif;
}

.company ul{}
.company  ul li{padding-left: 10px;padding-bottom: 4px;list-style-type: disc; list-style-position: inside;}

div.lastcomp {margin-right: 0;}