html {
height:100%;
max-height:100%;
padding:0px;
margin:0px;
border:0px;
background:url('grafik/bg_tile.gif') top left repeat;
}
body {
font-family:"Tahoma", Trebuchet MS, Verdana, Arial, sans-serif;
height:100%;
max-height:100%;
padding:0px;
margin:0px;
border:0px;
background:url('grafik/bg_top.gif') top left repeat-x;
}
/********************************/
/* Sayfa geneli ile ilgili css	*/
/********************************/
#frame{
width:960px;
margin-left:auto;
margin-right:auto;
}
#icerikkutu{
float:left;
width:958px;
border:1px solid #444444;
background:#000000;
}
#a7_menu{
float:left;
width:958px;
height:33px;
background:url('grafik/header_bg.gif') top left repeat-x;
border-bottom:1px solid #444444;
}
#a7_logo{
float:left;
width:140px;
height:200px;
border-bottom:1px solid #444444;
border-right:1px solid #444444;
}
#a7_gorsel{
float:left;
width:817px;
height:200px;
border-bottom:1px solid #444444;
}
#a7_kroki{
float:left;
margin-left:10px;
width:918px;
height:480px;
}
#footer{
float:left;
width:952px;
height:24px;
border-top:1px solid #444444;
background:#202020 url('grafik/sgblogo.jpg') top right no-repeat;

color:#cacaca;
font-size:10px;
padding:6px 0px 0px 6px;
margin:10px 0px 0px 0px;
}
/*****************************/
/* Tam icerik ile ilgili css */
/*****************************/
.tamicerik{
background:#000000;
float:left;
width:958px;
}
.tambaslik {
float:left;
width:958px;
margin:10px 0px 10px 0px;
}
.tambaslik img{
border:0px;
}
/*******************************/
/* Yarım icerik ile ilgili css */
/*******************************/
.yarimicerik{
float:left;
width:479px;
}
.yarimbaslik {
float:left;
width:479px;
margin:10px 0px 10px 0px;
}
.yarimbaslik img{
border:0px;
}
.yazi{
font-size:11px;
padding:0px 20px 0px 20px;
margin:10px 0px 10px 0px;
text-align:justify;
line-height:19px;
color:#ffffff;
}
.solresim {
float:left;
margin:0px 10px 10px 0px;
border:1px solid #ffffff;
}
.sagresim {
float:right;
margin:0px 0px 10px 10px;
border:1px solid #ffffff;
}
.thumbnailuzun {
float:left;
margin:7px 7px 0px 0px;
border:1px solid #ffffff;
}
.thumbnail {
float:left;
margin:7px 0px 0px 0px;
border:1px solid #ffffff;
}
/********************************/
/* İletişim ile ilgili sayfalar */
/********************************/
#adreskismi{
font-size:11px;
width:430px;
margin-right:20px;
float:right;
}
#iletisimformu{
font-size:11px;
width:430px;
margin-left:20px;
padding-top:10px;
float:left;
}
fieldset{
padding:5px;
margin-bottom:5px;
border:1px solid #f5f2eb;
}
legend{
font-size:12px;
color:#ffffff;
}
fieldset p{
margin:5px;
color:#ffffff;
}
label {
width:100px;
height:16px;
font-size:11px;
float:left;
margin-bottom:3px;
color:#ffffff;
}
input {
width:320px;
height:14px;
float:left;
margin-bottom:3px;
border:1px solid #2c1113;
font-size:11px;
background:#ffffff;
color:#655433;
}
textarea {
width:320px;
height:94px;
float:left;
overflow:hidden;
border:1px solid #2c1113;
font-size:11px;
background:#ffffff;
color:#655433;
}
.button{
height:20px;
width:80px;
color:#ffffff;
background:#89182d;
float:right;
text-align:center;
font-size:11px;
margin:5px;
}
/*******************************/
/* Mönüler ile ilgili sayfalar */
/*******************************/
.monubaslik {
float:left;
width:958px;
margin:3px 0px 3px 0px;
}
.monubaslik img{
border:0px;
}
.monuresim{
float:left;
width:200px;
padding:20px;
}
.monuresim img{
border:1px solid #fff;
margin-bottom:20px;
}
.monuicerik{
float:left;
width:708px;
}
dl{
margin-left:20px;
margin-top:15px;
}
dt{
font-size:13px;
color:#ffffff;
line-height:25px;
}
dd{
font-size:11px;
color:#6a6a6a;
margin-left:0px;
font-style:italic;
line-height:18px;
}
/*******************************/
/* Mönüler ile ilgili sayfalar */
/*******************************/
.basindalink{
display:block;
float:left;
width:300px;
margin:3px;
font-size:12px;
color:#ffffff;
text-decoration:none;
}
.basindalink:hover{
color:#89182d;
}
/***************************/
/* Lightbox ile ilgili css */
/***************************/
#lightbox{
position: absolute;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}

#lightbox a img{ border: none; }

#outerImageContainer{
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}

#imageContainer{
padding: 10px;
}

#loading{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#hoverNav{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
width: 49%;
height: 100%;
background: transparent url(grafik/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(grafik/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(grafik/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%	
}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
	
#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
}