@charset "iso-8859-9";
/* CSS Document */
html,body {
margin:0;
padding:0;
width: 100%;
height: 100%;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
color:#000;
}
body {
background-position: 50% 0;
background-image:url('../menu/taban.jpg');
background-repeat:no-repeat;
}
#background {
width:100%;
height:100%;
position:absolute;
z-index:-1;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: collapse
}
/* IE-mac'ten gizle */
* html .clearfix {height: 1%;}
/* IE-mac icin gizlemeyi bitir */
#flashcontent {
WIDTH: 100%; HEIGHT: 100%
}
#ust { clear: both;
top:0px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
width:100%;
z-index:2
}
#ustic {
text-align:left;
float: center;
width:1130px;
z-index:2
}
#usticsol { margin-right:3px;
margin-top:20px;
text-align:left;
float: left;
width:249px;
}
#usticsag { margin-right:150px;
margin-top:0px;
text-align:left;
float:right;
width:700px;
font-size:13px;
}
#usticsagust { padding-top:13px;
padding-left:5px;
color:#FFFFFF;
font-weight:bold;
margin-top:0px;
text-align:left;
float:left;
width:695px;
height:29px;
z-index:5;
position:absolute;
background-image:url(../menu/baslik.png)
}
#usticsagsol {
margin-top:40px;
text-align:left;
float:left;
width:400px;
font-size:13px
}
#usticsagsol1 {
margin-top:40px;
text-align:left;
float:left;
width:700px;
font-size:13px
}
#usticsagsag { z-index:1;
margin-top:28px;
text-align:right;
float:right;
width:300px;
position: relative;
}
#logo {
margin:0px;
text-align:left;
float: left;
width:249px;
height:95px;
}
#menu { color:#FFFFFF;
margin-top:90px;
padding-left:54px;
padding-right:55px;
text-align:left;
float:left;
width:140px;
height:250px;
}
#adres { color:#898F8D;
font-size:12px;
text-align:left;
padding-left:20px;
padding: 18px 10px 15px 20px;
float:left;
width:209px;
height:127px;
background-image:url(../menu/adres.png)
}
#adresalt { color:#B6A98C;
font-size:10px;
padding-top:5px;
text-align:center;
float:left;
width:229px;
height:20px;
}
#banner { margin-top:0px;
font-size:18px;
text-align:left;
float: right;
width:610px;
height:170px;
margin-right:30px;
}
#banneralt {
margin-top:150px;
margin-right:30px;
text-align:left;
float: right;
width:600px;
height:265px;
background-image:url(../menu/haber.png)
}
#banneric {
margin :10px;
text-align:left;
float: left;
width:280px;
}
#bannericbaslik { margin-left:-60px;
padding-left:60px;
padding-top:5px;
text-align:left;
font-size:15px;
float: left;
width:280px;
height:43px;
font-weight:bold;
background-image:url(../menu/baslik.png)
}
#bannericyazi {
text-align:left;
font-size:13px;
float: left;
width:280px;
height:150px;
}
#banneric1yazi {font-size:15px;
padding:5px;
text-align:left;
font-size:13px;
float: left;
width:230px;
height:70px;
}
#banneric1 { margin: 10px 20px ;
text-align:left;
float: right;
width:250px;
height:10px;
background-color:#333333
}
#menuic { margin-left:0px;
padding-left:30px;
padding-top:5PX;
text-align:left;
float: left;
width:198px;
height:33px;
background-image:url(../menu/menu.png)
}
#menuic2 { margin-left:16px;
padding-left:14px;
padding-top:5px;
text-align:left;
float: left;
width:196px;
height:25px;
margin-bottom:5px;
background-color:#666666
}
#menuic1 { margin-left:16px;
padding-left:14px;
text-align:left;
float: left;
width:196px;
height:26px;
margin-bottom:5px;
background-color:#666666
}
#menuic3 { margin-left:10px;
margin-top:10px;
padding-left:14px;
color:#333333;
font-size:11px;
text-align:left;
float: left;
width:200px;
margin-bottom:5px;
}
#menuic4 { margin-left:10px;
margin-top:5px;
padding-left:14px;
color:#333333;
font-size:11px;
text-align:center;
float: left;
width:200px;
margin-bottom:5px;
}
#altmenu { margin-left:29px;
margin-top:4px;
text-align:left;
width:800px;
background-image:url(../menu/banner.jpg)
}
#cizgi{
margin-top:28px;
margin-bottom:0px;
text-align:center;
float: left;
width:1px;
height:20px;
background-color:#CCCCCC
}
a.renk:link {color: #898F8D; font-size: 11px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif ; text-decoration: none}
a.renk:visited {color: #898F8D; font-size: 11px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ; text-decoration: none}
a.renk:hover {color: #000; font-size: 11px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif ; text-decoration: none}
a.renkON {color: #666; font-size: 11px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; text-decoration: none}
a.renk1:link {color: #DC3D24; font-size: 14px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; text-decoration: none}
a.renk1:visited {color: #DC3D24; font-size: 14px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; text-decoration: none}
a.renk1:hover {color: #232C2B; font-size: 14px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; text-decoration: none}
a.renk1ON{color: #232C2B; font-size: 14px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; text-decoration: none}
a.renk2:link {color: #66CCFF; font-size: 14px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; text-decoration: none}
a.renk2:visited {color: #66CCFF; font-size: 14px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; text-decoration:none}
a.renk2:hover {color: #fff; font-size: 14px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; text-decoration:none}
a.renk3:link {color: #FFF; font-size: 14px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; text-decoration: none}
a.renk3:visited {color: #FFF; font-size: 14px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; text-decoration: none}
a.renk3:hover {color: #FFF; font-size: 14px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; text-decoration: none}
a.renk4:link {color: #666; font-size: 14px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; text-decoration: none}
a.renk4:visited {color: #666; font-size: 14px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; text-decoration:none}
a.renk4:hover {color: #09F; font-size: 14px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; text-decoration:none}
a.renk5:link {color: #09F; font-size: 14px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; text-decoration: none}
a.renk5:visited {color: #09F; font-size: 14px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; text-decoration: none}
a.renk5:hover {color: #09F; font-size: 14px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; text-decoration: none}
#ortaci { color:#000000;
margin-top:-51px;
width:100%;
z-index:1
}
#realBody{
position:fixed;
z-index:0; /* Place the new body above the background image */
height:100%;width:100%; /* Make the new body fill the screen */
background: url('../menu/raster.png'); /* this is just a fancy raster, you can remove it; I kinda like it though */
}
#ortaciorta { bottom:0px;
float:center;
width:1000px;
height:478px;
text-align:left;
}
#solc { padding:15px;
position:fixed;
bottom:70px;
text-align:left;
float: left;
width:570px;
height:360px;
font-size:14px;
color:#000000;
background-image:url(../menu/duvar.png);
}
#solc1 { padding:15px;
position:fixed;
bottom:70px;
text-align:left;
float: left;
width:970px;
height:360px;
font-size:14px;
color:#000000;
background-image:url(../menu/duvar2.png);
}
#solc2 { padding:7px;
padding-left:2px;
position:fixed;
bottom:80px;
text-align:left;
float: left;
width:1000px;
height:360px;
font-size:14px;
color:#000000;
background-image:url(../menu/duvar4.png);
}
#solc3 {
padding:15px;
position:fixed;
bottom:70px;
text-align:left;
float: left;
width:390px;
height:360px;
font-size:14px;
color:#000000;
background-image:url(../menu/duvar5.png);
}
#solc1ust {
text-align:left;
float: left;
width:960px;
height:30px;
font-size:14px;
color:#fff;
}
#solc1ust1 {
text-align:left;
float: left;
width:180px;
height:368px;
font-size:14px;
color:#fff;
background-image:url(../menu/LL.png)
}
#solc1ustic { padding-top:7px;
text-align:center;
float: left;
width:320px;
}
#solc1ustic1 { padding-top:7px;
padding-left:5PX;
text-align:LEFT;
float: left;
width:186px;
}
#sole { margin-left:30px;
text-align:left;
float: left;
width:600px;
}
#sagc { margin-left:630px;
text-align:right;
float: right;
width:350px;
position: fixed;
bottom:60px;
}
#sagc1 { margin-left:680px;
padding:15px;
font-size:14px;
text-align:left;
float: right;
width:315px;
height:360px;
position: fixed;
bottom:70px;
background-image:url(../menu/duvar1.png);
}
#sagc3 { margin-left:750px;
text-align:right;
float: right;
width:250px;
position: fixed;
bottom:75px;
}
#sagc2 { margin-left:630px;
text-align:right;
float: right;
width:400px;
position: fixed;
bottom:90px;
}
#sage {
text-align:left;
float: right;
width:450px;
}
#solebaslik {
margin-top:0px;
text-align:left;
float: left;
width:600px;
height:20px;
}
#solebaslikyazi {
text-align:left;
float: left;
width:550px;
height:20px;
}
#soleyazi {
font-size:13px;
margin-top:10px;
text-align:left;
float: left;
width:600px;
border-right:#CCC;
border-right-width:1px;
border-right-style:dashed
}
#sagebaslik {
margin-top:0px;
text-align:left;
float: left;
width:400px;
height:20px;
}
#sagebaslikyazi {
text-align:left;
float: left;
width:350px;
height:20px;
}
#sageyazi {
font-size:13px;
margin-top:10px;
text-align:left;
float: left;
width:400px;
padding-bottom:20px;
border-bottom:#CCCCCC;
border-bottom-style:dashed;
border-bottom-width:1px;
}
#sollogo { margin:10px;
color:#24B8FF;
text-align:left;
float: left;
width:180px;
height:470px;
}
#sollogoust {
text-align:center;
float: left;
width:180px;
height:170px;
}
#sollogoalt {
text-align:left;
float: left;
width:180px;
height:250px;
}
#sold { margin-top:10px; margin-bottom:10px;
color:#333;
text-align:left;
float: left;
width:204px;
height:470px;
background-image:url(../menu/uruntaban.png)
}
#solara {
color:#333;
text-align:left;
float: left;
width:20px;
height:470px;
background-image:url(../menu/ara.png)
}
#solara1 {
color:#333;
text-align:left;
float: left;
width:20px;
height:470px;
background-image:url(../menu/ara1.png)
}
#soldust { margin:2px;
text-align:left;
float: left;
width:200px;
height:300px;
}
#soldalt { margin:5px;
text-align:center;
float: left;
width:190px;
height:33px;
font-size:15px;
font-weight:bold
}
#soldenalt { margin-top:40px;
text-align:left;
float: left;
width:200px;
height:80px;
}
#soln {
text-align:left;
float: right;
width:850px;
margin:10px;
background-color:#FFFFFF;
border:#FFCC00;
border-width:2px;
border-style:solid
}
#solt {
text-align:left;
float: left;
width:1070px;
margin:10px;
background-color:#FFFFFF;
border:#ccc;
border-width:1px;
border-style:solid
}
#solnbaslik { margin-left:20px;
text-align:left;
float: left;
width:730px;
height:40px;
}
#soltbaslik { margin-left:10px;
text-align:left;
float: left;
width:1060px;
height:40px;
}
#solticyazi {
text-align:left;
float: left;
width:1070px;
}
#solnicyazi {
text-align:left;
float: left;
width:750px;
}
#solnresim { margin:5px;
text-align:left;
float: left;
width:280px;
height:260px;
}
#solnresim1 { margin:5px;
text-align:left;
float: left;
width:750px;
height:300px;
}
#solnresimsol { margin:5px;
text-align:left;
float: left;
width:460px;
}
#solnresimsag { margin:5px;
text-align:left;
float: right;
width: 580px;
}
#solnyazi {
text-align:left;
float: right;
width:460px;
height:260px;
}
#solm {
text-align:left;
float: left;
width:770px;
margin:10px;
background-color:#FFFFFF;
border:#CCCCCC;
border-width:1px;
border-style: solid
}
#solmresim {
text-align:left;
float: left;
width:300px;
height:120px;
}
#solmyazi {
text-align:left;
float: right;
width:470px;
height:120px;
}
#solb { width:770px;
text-align:left;
}
#soldbaslik {
margin-top:0px;
text-align:left;
float: left;
width:230px;
height:20px;
}
#soldbaslikyazi {
margin-top:-5px;
text-align:left;
float: left;
width:200px;
height:20px;
}
#soldmenu {
margin-top:0px;
text-align:left;
float: left;
width:190px;
height:20px;
}
#solcok {
margin-top:0px;
text-align:left;
float: left;
width:30px;
height:30px;
background-image:url(../menu/ok.png)
}
#solcresim { color:#333333;
padding:3px;
font-size:13px;
text-align:left;
float: left;
width:210px;
height:80px;
}
#solfresim {
float: left;
width:150px;
height:80px;
}
#proje { margin:10px;
width:640px;
height:140px;
color:#333333;
background-image:url(../menu/proje.png)
}
#projeresim { margin:5px;
width:190px;
height:125px;
color: #333333;
float: left;
}
#projetaban { float:right;
width:410px;
height:130px;
color:#333333;
}
#projebaslik { text-align:left ;
margin-top:5px;
margin-left:10px;
width:400px;
height:26px;
color:#fff;
}
#projeyazi { text-align:left ;
margin-top:10px;
margin-left:-15px;
width:430px;
height:100px;
color:#333333;
}
#solbbaslikyazi { float:right;
margin-top:3px;
width:660px;
height:10px;
color:#333333;
font-size:14px;
font-weight:bold;
}
#solbyazi { float:right; margin:10px;
width:450px;
color:#333333;
}
#solbresim { float:left; margin:10px;
width:250px;
color:#333333;
}
#solcbaslik {
width:780px;
color:#333333;
}
#solcbaslikresim { float:left;
width:40px;
color:#333333;
}
#solcbaslikyazi { float:right;
width:740px;
height:20px;
margin-bottom:5px;
color:#333333;
}
#solcyazi {
width:780px;
color:#333333;
z-index:1
}
#sagd { padding-left:10px;
float: left;
width:280px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
color:#333333;
border-left:#4BBFE9;
border-left-width:1px;
border-left-style:dashed;
z-index:2
}
#solgp {
text-align:left;
padding-left:-30px;
padding-bottom:20px;
float: left;
width:500px;
height:1px;
border-top:#4BBFE9;
border-top-width:1px;
border-top-style:dashed
}
#solgp2 {
text-align:left;
padding-left:-30px;
margin-bottom:10px;
margin-top:10px;
float: left;
width:800px;
height:1px;
border-top:#4BBFE9;
border-top-width:1px;
border-top-style:dashed
}
#solgp1 {
text-align:left;
padding-left:-30px;
margin-bottom:10px;
margin-top:10px;
float: left;
width:500px;
height:1px;
border-top:#4BBFE9;
border-top-width:1px;
border-top-style:dashed
}#solgp3 {
text-align:left;
padding-left:-30px;
margin-bottom:10px;
margin-top:10px;
float: left;
width:800px;
height:1px;
}
#sagl { font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#666666;
text-align:left;
padding-right:30px;
margin-left:0px;
float: right;
width:550px;
height:400px;
}
#saglresim { color:#333333;
padding:5px;
padding-right:10px;
padding-bottom:10px;
font-size:13px;
text-align:left;
float: left;
width:135px;
height:105px;
background-image: url(../menu/resimtaban.png)
}
#saglresim1 { color:#333333;
padding-top:4px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
font-size:13px;
text-align:left;
float: left;
width:230px;
height:114px;
background-image: url(../menu/resimtaban1.png)
}
#saglresim2 { color:#333333;
padding:5px;
padding-right:10px;
padding-bottom:10px;
font-size:13px;
text-align:left;
float: left;
width:135px;
height:105px;
}
#uruntaban { color:#333333;
padding:3px;
font-size:13px;
text-align:left;
float: left;
width:176px;
height:156px;
margin-top:5px;
background-image: url(../menu/uruntaban.png)
}
#uruntaban2 { color:#333333;
padding:3px;
font-size:13px;
text-align:left;
float: left;
width:180px;
height:180px;
margin-top:5px;
}
#uruntabanic { color: #24B8FF;
font-weight:bold;
font-size:14px;
text-align:center;
float: left;
width:160px;
height:140px;
padding-left:5px;
padding-top:5px;
padding-bottom:0px;
}
#uruntaban1 { color:#333333;
padding:3px;
font-size:13px;
text-align:left;
float: left;
width:260px;
height:176px;
margin-top:5px;
background-image: url(../menu/uruntaban1.png)
}
#uruntabanic1 { color: #24B8FF;
font-weight:bold;
font-size:15px;
text-align:center;
float: left;
width:250px;
height:140px;
padding-left:5px;
padding-top:5px;
padding-bottom:20px;
}
#saglbaslik {
text-align: justify;
padding-right:0px;
margin-left:0px;
float: left;
width:540px;
height:110px;
}
#alt {clear: both;
margin-top:0px;
margin-left:0px;
margin-right:0px;
width:100%;
height:65px;
background-image:url(../menu/alt.png);
position:fixed;
bottom:0px;
z-index:99999
}
#altic {
width:1000px;
height:55px;
text-align:center;
}
#alticsol { float:left;
padding:10px;
padding-top:20px;
width:400px;
height:35px;
text-align:left;
font-size:13px;
color:#fff;
}
#alticsag { float:right;
padding:10px;
width:450px;
height:45px;
text-align:left;
font-size:13px;
color:#fff;
}
#alticensag { float:right;
padding-top:10px;
width:100px;
height:30px;
text-align:center;
font-size:13px;
color:#333
}
h1,h2,h3,h4,h5,h6 {
font-weight: bold;
}
h1 {
FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 15px;
color: #DC3D24;
font-weight:bold
}
.wrapper {
POSITION: absolute; BOTTOM: 0px;
}
#ornek2 { padding-left:0px; width:140px; height:300px;}
#ornek2 ul {margin:0;padding:0;list-style:none;}
#ornek2 li {float:left;text-indent:-9999px; }
#ornek2 a#anasayfa{
width:140px;
height:35px;
display:block;
background:url("../menu/anamenu.png") no-repeat -0px top;
}
#ornek2 a#anasayfa:hover{
width:140px;
height:35px;
display:block;
background:url("../menu/anamenu.png") no-repeat -987px top;
}
#ornek2 a#anasayfaON{
width:140px;
height:35px;
display:block;
background:url("../menu/anamenu.png") no-repeat -987px top;
}
#ornek2 a#hakkimizda{
width:140px;
height:35px;
display:block;
background:url("../menu/anamenu.png") no-repeat -141px top;
}
#ornek2 a#hakkimizda:hover{
width:140px;
height:35px;
display:block;
background:url("../menu/anamenu.png") no-repeat -1128px top;
}
#ornek2 a#hakkimizdaON{
width:140px;
height:35px;
display:block;
background:url("../menu/anamenu.png") no-repeat -1128px top;
}
#ornek2 a#aktiviteler{
width:140px;
height:35px;
display:block;
background:url("../menu/anamenu.png") no-repeat -282px top;
}
#ornek2 a#aktiviteler:hover{
width:140px;
height:35px;
display:block;
background:url("../menu/anamenu.png") no-repeat -1269px top;
}
#ornek2 a#aktivitelerON{
width:140px;
height:35px;
display:block;
background:url("../menu/anamenu.png") no-repeat -1269px top;
}
#ornek2 a#resimler{
width:140px;
height:35px;
display:block;
background:url("../menu/anamenu.png") no-repeat -423px top;
}
#ornek2 a#resimler:hover{
width:140px;
height:35px;
display:block;
background:url("../menu/anamenu.png") no-repeat -1410px top;
}
#ornek2 a#resimlerON{
width:140px;
height:35px;
display:block;
background:url("../menu/anamenu.png") no-repeat -1410px top;
}
#ornek2 a#basin{
width:140px;
height:35px;
display:block;
background:url("../menu/anamenu.png") no-repeat -564px top;
}
#ornek2 a#basin:hover{
width:140px;
height:35px;
display:block;
background:url("../menu/anamenu.png") no-repeat -1551px top;
}
#ornek2 a#basinON{
width:140px;
height:35px;
display:block;
background:url("../menu/anamenu.png") no-repeat -1551px top;
}
#ornek2 a#duyuru{
width:140px;
height:35px;
display:block;
background:url("../menu/anamenu.png") no-repeat -705px top;
}
#ornek2 a#duyuru:hover{
width:140px;
height:35px;
display:block;
background:url("../menu/anamenu.png") no-repeat -1692px top;
}
#ornek2 a#duyuruON{
width:140px;
height:35px;
display:block;
background:url("../menu/anamenu.png") no-repeat -1692px top;
}
#ornek2 a#iletisim{
width:140px;
height:35px;
display:block;
background:url("../menu/anamenu.png") no-repeat -846px top;
}
#ornek2 a#iletisim:hover{
width:140px;
height:35px;
display:block;
background:url("../menu/anamenu.png") no-repeat -1833px top;
}
#ornek2 a#iletisimON{
width:140px;
height:35px;
display:block;
background:url("../menu/anamenu.png") no-repeat -1833px top;
}
#team {
float: left;
width: 230px;
padding-top: 0px;
padding-left: 0px;
margin: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#eye {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#eye li {
font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
margin: 0px;
background-attachment: scroll;
background-image: url(../menu/ok-off.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 6px;
padding-left: 0px;
font-weight: normal;
text-decoration: none;
}
#eye li a {
font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
padding-left: 14px;
color: #333333;
text-decoration: none;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
font-weight: normal;
}
#eye li a:hover {
text-decoration: none;
color: #c30000;
}
#eye li.secili {
font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
margin: 0px;
background-attachment: scroll;
background-image: url(../menu/ok-on.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 6px;
padding-left: 14px;
color: #c30000;
}
.resimKapsulu { margin:2px;
float:left;
line-height:0;
}
.resimKapsulu img {
background:#fff;
padding:4px;
border:1px solid #a9a9a9;
position:relative;
left:-5px;
top:-5px;
}
.resimKapsulu p { color:#333333;
font-size:14px;
height:5px;
position:relative;
left:-5px;
top:-18px;
}
.details{ margin:5px 10px; }
h4{ font:300 16px 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:160%; letter-spacing:0.15em; color:#fff; }
p{ font:300 12px 'Lucida Grande', Tahoma, Verdana, sans-serif; color:#aaa; }
a{ text-decoration:none; }
div.scrollholder
{
position: relative;
width: 580px; height: 310px;
overflow: auto;
z-index: 1;
}
div.scrollholder1
{
position: relative;
width: 345px; height: 310px;
overflow: auto;
z-index: 1;
}
div.scroll
{
position: absolute;
left: 0; top: 0;
width: 95%;
z-index: 2;
}
/* */
div.track {
top: 0px; width: 14px; height: 100%; font-size: 0px; float: right; position: relative; z-index: 3;
}
div.drag_bar {
background: url(../menu/scrool.png); width: 100%; height: 100px; position: absolute; z-index: 4; cursor: pointer;
}
/* SOCIAL ICONS - GENERAL */
.social { list-style:none; margin:0px auto; width:450px; }
.social li { display:inline; float:left; background-repeat:no-repeat; }
.social li a { display:block; height:42px; padding-right:0px; position:relative; text-decoration:none; }
.social li a strong { text-align:center;
font-weight:normal;
position:absolute;
float:center;
left:-30px;
top:-1px;
color:#E3AE57;
padding:3px;
z-index:9999;
font-size:13px;
background-color: #232B2B;
-moz-border-radius:3px;
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
-webkit-border-radius:3px;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
border-radius:3px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
width: 105px;
}
li.face { background-image:url("../images/face.png"); width:44px; }
li.twit { background-image:url("../images/twit.png"); width:44px;}
li.instag { background-image:url("../images/instag.png"); width:44px; }
li.nakademi { background-image:url("../images/nisan_akademi.png");width:75px; }
li.nkart { background-image:url("../images/nisan_kart.png");width:75px; }
li.nlife { background-image:url("../images/nisan_life.png");width:75px; }
/* SOCIAL ICONS - CSS3 */
#css3:hover li { opacity:0.2; }
#css3 li { -webkit-transition-property: opacity; -webkit-transition-duration: 500ms;
-moz-transition-property: opacity; -moz-transition-duration: 500ms; }
#css3 li a strong { opacity:0;
-webkit-transition-property: opacity, top; -webkit-transition-duration: 300ms;
-moz-transition-property: opacity, top; -moz-transition-duration: 300ms; }
#css3 li:hover { opacity:1; }
#css3 li:hover a strong { opacity:1; top:-10px; }
/* Gallery styles */
#gallery{ margin-top:36px;
/* CSS3 Box Shadow */
-moz-box-shadow:0 0 3px #AAAAAA;
-webkit-box-shadow:0 0 3px #AAAAAA;
box-shadow:0 0 3px #AAAAAA;
/* CSS3 Rounded Corners */
-moz-border-radius-bottomleft:0px;
-webkit-border-bottom-left-radius:0px;
border-bottom-left-radius:0px;
-moz-border-radius-bottomright:20px;
-webkit-border-bottom-right-radius:20px;
border-bottom-right-radius:20px;
border:0px solid black;
/* The width of the gallery */
width:817px;
overflow:hidden;
}
#slides{
/* This is the slide area */
height:285px;
/* jQuery changes the width later on to the sum of the widths of all the slides. */
width:817px;
overflow:hidden;
}
.slide{
float:left;
}
.slidemenu{ width:250px;
float:left;
}
.slidesol{ width:350px;
float:left;
}
.slidesag{ width:450px;
padding-right:20px;
height:291px;
background-color:#FFF;
float:right;
}
#toros{
/* This is the container for the thumbnails */
height:44px;
background-color:#FFFFFF
}
#gallery ul{
margin:0px;
padding:0px;
}
#gallery li{
/* Every thumbnail is a li element */
width:41px;
display:inline-block;
list-style:none;
height:44px;
overflow:hidden;
}
#gallery li.inact:hover{
/* The inactive state, highlighted on mouse over */
background:url() repeat;
}
#gallery li.act,li.act:hover{ margin-left:-4PX;
/* The active state of the thumb */
background:url(../img/active_bg.png) no-repeat;
}
#gallery li.act a{
cursor:default;
}
.fbar{
/* The left-most vertical bar, next to the first thumbnail */
width:1px;
background:url(../img/divider.png) no-repeat right;
}
#gallery li a{
display:block;
background:url(../img/divider.png) no-repeat right;
height:40px;
padding-top:10px;
}
a img{
border:none;
}
#galleryi{ margin-top:36px;
/* CSS3 Box Shadow */
-moz-box-shadow:0 0 3px #AAAAAA;
-webkit-box-shadow:0 0 3px #AAAAAA;
box-shadow:0 0 3px #AAAAAA;
/* CSS3 Rounded Corners */
-moz-border-radius-bottomleft:20px;
-webkit-border-bottom-left-radius:20px;
border-bottom-left-radius:20px;
-moz-border-radius-bottomright:20px;
-webkit-border-bottom-right-radius:20px;
border-bottom-right-radius:20px;
border:0px solid black;
/* The width of the gallery */
width:995px;
overflow:hidden;
}
#slidesi{
/* This is the slide area */
height:285px;
/* jQuery changes the width later on to the sum of the widths of all the slides. */
width:995px;
overflow:hidden;
}
.slidei{
float:left;
}
.slidemenui{ width:250px;
float:left;
}
.slidesoli{ width:350px;
float:left;
}
.slidesagi{ width:615px;
padding-left:10px;
padding-right:20px;
height:291px;
background-color:#FFF;
float:right;
}
#torosi{
/* This is the container for the thumbnails */
height:44px;
background-color:#FFFFFF
}
#galleryi ul{
margin:0px;
padding:0px;
}
#galleryi li{ text-align:center;
/* Every thumbnail is a li element */
width:96px;
display:inline-block;
list-style:none;
height:44px;
overflow:hidden;
}
#galleryi li.inact:hover{
/* The inactive state, highlighted on mouse over */
background:url() repeat;
}
#galleryi li.act,li.act:hover{ margin-left:-4PX;
/* The active state of the thumb */
background:url(../img/active_bg1.png) no-repeat;
}
#galleryi li.act a{
cursor:default;
}
#galleryi li a{
display:block;
background:url(../img/divider.png) no-repeat right;
height:40px;
padding-top:10px;
}