@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;
}
#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%;
height:168px;
z-index:2;
background-image:url(../menu/UST.png)
}
#ustic {
text-align:left;
float: center;
width:970px;
height:110px;
z-index:2
}
#logo {
padding :10px;
margin:0px;
text-align:left;
float: left;
width:100px;
height:90px;
}
#cizgi{
margin-top:28px;
margin-bottom:0px;
text-align:center;
float: left;
width:1px;
height:20px;
background-color:#CCCCCC
}
a.renk:link {color: #717172; font-size: 12px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif ; text-decoration: none}
a.renk:visited {color: #717172; font-size: 12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ; text-decoration: none}
a.renk:hover {color: #06C; font-size: 12px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif ; text-decoration: none}
a.renk1:link {color: #FFF; font-size: 13px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; text-decoration: none}
a.renk1:visited {color: #FFF; font-size: 13px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; text-decoration: none}
a.renk1:hover {color: #FC0; font-size: 13px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; text-decoration: none}
a.renkON {color: #FC0; font-size: 13px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; text-decoration: none}
a.renk2:link {color: #000; font-size: 14px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; text-decoration: none}
a.renk2:visited {color: #000; 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: #717172; font-size: 17px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; text-decoration: none}
a.renk3:visited {color: #717172; font-size: 17px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; text-decoration: none}
a.renk3:hover {color: #06C; font-size: 17px; 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 */
}
#ortaci { clear: both;
margin-top:180px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
width:100%;
height:254px;
position:absolute;
z-index:999;
}
#ortaciorta { bottom:0px;
float:center;
width:1000px;
height:254px;
text-align:left;
background-image:url(../menu/orta.png)
}
#ortaci1 { clear: both;
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
width:100%;
height:430px;
position:absolute;
z-index:999;
}
#ortaciorta1 { bottom:0px;
float:center;
width:1000px;
height:430px;
text-align:left;
background-image:url(../menu/BTS.png)
}
#ortaciorta2 { bottom:0px;
float:center;
width:1000px;
height:430px;
text-align:left;
background-image:url(../menu/BTS1.png)
}
#ortaciorta3 { bottom:0px;
float:center;
width:1000px;
height:430px;
text-align:left;
background-image:url(../menu/BTS2.png)
}
#solc { margin:0px 12px 15px 42px;
text-align:left;
float: left;
width:210px;
height:193px;
font-size:13px;
color:#717172;
}
#solc H1 { margin-top:8px;
color:#717172;
font-size:17PX;
}
#solc4 H1 { margin-top:8px;
color:#717172;
font-size:19PX;
}
#solc4 B { padding-top:24px;
margin-left:44PX;
color:#fff;
font-size:15PX;
line-height:32px
}
.button { margin: -1px 0px 0px 42px;
text-align:center;
float: left;
width:120px;
height:24px;
font-size:13px;
line-height:24px;
color:#000;
bottom:-7px;
position: relative;
background-color:#FFCC00
}
#solc1 { margin:0 2px 15px 36px;
text-align:left;
float: left;
width:300px;
height:235px;
font-size:13px;
color:#717172;
}
#solc1 H1 {
color:#000;
font-size:15PX;
text-align:center;
line-height:11px;
}
#solc1 p { padding-left:15PX;
text-align:left;
margin-top:8PX;
float: left;
width:280px;
height:50px;
font-size:18px;
color:#717172;
}
#solc2 { margin:30px 0 15px 0;
text-align:left;
float: left;
width:380px;
height:205px;
font-size:13px;
}
#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);
}
#solc4 { margin:0px 12px 15px 10px;
text-align:left;
float: right;
width:716px;
height:430px;
font-size:14px;
color:#717172;
}
#solc5 { margin:40px 12px 15px 30px;
text-align:left;
float: left;
width:213px;
height:220px;
font-size:13px;
color:#717172;
}
#solc7 { margin:40px 12px 15px 30px;
text-align:left;
float: left;
width:680px;
height:220px;
font-size:13px;
color:#717172;
}
#solc5 H1 {
color:#717172;
font-size:18PX;
text-align:left;
line-height:11px;
}
#solc6 { margin:0px 12px 15px -10px;
text-align:left;
float: left;
width:320px;
height:380px;
font-size:13px;
color:#717172;
}
#solc6 p { margin:6px 12px 15px 44px;
text-align:left;
float: left;
width:320px;
height:380px;
font-size:13px;
color:#717172;
}
#sagc6 { margin:30px 2px 15px -10px;
text-align:left;
float: right;
width:361px;
height:380px;
font-size:13px;
color:#717172;
}
#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:96px;
background-image:url(../menu/alt.png);
position:fixed;
bottom:0px;
z-index:99999;
z-index:1;
}
#altic { padding-top:66PX;
width:950px;
height:30px;
font-size:12px;
text-align:left;
}
#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:#6481B9
}
.wrapper {
POSITION: absolute; BOTTOM: 0px;
}
#ornek2 { padding-left:0px; width:1016px; height:33px;}
#ornek2 ul {margin:0;padding:0;list-style:none;}
#ornek2 li {float:left;text-indent:-9999px; }
#ornek2 a#anasayfa{
width:110px;
height:33px;
display:block;
background:url("../menu/anamenu.png") no-repeat -0px top;
}
#ornek2 a#anasayfa:hover{
width:110px;
height:33px;
display:block;
background:url("../menu/anamenu.png") no-repeat -1010px top;
}
#ornek2 a#anasayfaON{
width:110px;
height:33px;
display:block;
background:url("../menu/anamenu.png") no-repeat -1010px top;
}
#ornek2 a#hakkimizda{
width:110px;
height:33px;
display:block;
background:url("../menu/anamenu.png") no-repeat -110px top;
}
#ornek2 a#hakkimizda:hover{
width:110px;
height:33px;
display:block;
background:url("../menu/anamenu.png") no-repeat -1120px top;
}
#ornek2 a#hakkimizdaON{
width:110px;
height:33px;
display:block;
background:url("../menu/anamenu.png") no-repeat -1120px top;
}
#ornek2 a#hizmetler{
width:110px;
height:33px;
display:block;
background:url("../menu/anamenu.png") no-repeat -220px top;
}
#ornek2 a#hizmetler:hover{
width:110px;
height:33px;
display:block;
background:url("../menu/anamenu.png") no-repeat -1230px top;
}
#ornek2 a#hizmetlerON{
width:110px;
height:33px;
display:block;
background:url("../menu/anamenu.png") no-repeat -1230px top;
}
#ornek2 a#modeller{
width:105px;
height:33px;
display:block;
background:url("../menu/anamenu.png") no-repeat -330px top;
}
#ornek2 a#modeller:hover{
width:105px;
height:33px;
display:block;
background:url("../menu/anamenu.png") no-repeat -1340px top;
}
#ornek2 a#modellerON{
width:105px;
height:33px;
display:block;
background:url("../menu/anamenu.png") no-repeat -1340px top;
}
#ornek2 a#gelin{
width:160px;
height:33px;
display:block;
background:url("../menu/anamenu.png") no-repeat -435px top;
}
#ornek2 a#gelin:hover{
width:160px;
height:33px;
display:block;
background:url("../menu/anamenu.png") no-repeat -1445px top;
}
#ornek2 a#gelinON{
width:160px;
height:33px;
display:block;
background:url("../menu/anamenu.png") no-repeat -1445px top;
}
#ornek2 a#solaryum{
width:105px;
height:33px;
display:block;
background:url("../menu/anamenu.png") no-repeat -595px top;
}
#ornek2 a#solaryum:hover{
width:105px;
height:33px;
display:block;
background:url("../menu/anamenu.png") no-repeat -1605px top;
}
#ornek2 a#solaryumON{
width:105px;
height:33px;
display:block;
background:url("../menu/anamenu.png") no-repeat -1605px top;
}
#ornek2 a#urunler{
width:105px;
height:35px;
display:block;
background:url("../menu/anamenu.png") no-repeat -700px top;
}
#ornek2 a#urunler:hover{
width:105px;
height:35px;
display:block;
background:url("../menu/anamenu.png") no-repeat -1710px top;
}
#ornek2 a#urunlerON{
width:105px;
height:35px;
display:block;
background:url("../menu/anamenu.png") no-repeat -1710px top;
}
#ornek2 a#galeri{
width:105px;
height:35px;
display:block;
background:url("../menu/anamenu.png") no-repeat -805px top;
}
#ornek2 a#galeri:hover{
width:105px;
height:35px;
display:block;
background:url("../menu/anamenu.png") no-repeat -1815px top;
}
#ornek2 a#galeriON{
width:105px;
height:35px;
display:block;
background:url("../menu/anamenu.png") no-repeat -1815px top;
}
#ornek2 a#iletisim{
width:100px;
height:33px;
display:block;
background:url("../menu/anamenu.png") no-repeat -910px top;
}
#ornek2 a#iletisim:hover{
width:105px;
height:33px;
display:block;
background:url("../menu/anamenu.png") no-repeat -1920px top;
}
#ornek2 a#iletisimON{
width:105px;
height:33px;
display:block;
background:url("../menu/anamenu.png") no-repeat -1920px top;
}
#team {
float: left;
width: 210px;
padding-top: 10px;
padding-left: 0px;
margin-left:-244px;
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-bottom:2px;
background-color:#FFCC00;
width:210px;
background-attachment: scroll;
background-image: url(../menu/ok-off.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
padding-top: 4px;
padding-right: 0px;
padding-bottom: 4px;
padding-left: 0px;
font-weight: normal;
text-decoration: none;
}
#eye li a {
font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
padding-left: 14px;
color: #717172;
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: #fff;
}
#eye li.secili {
font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
margin-bottom:2px;
background-color:#FFf;
width:200px;
background-attachment: scroll;
background-image: url(../menu/ok-on.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
padding-top: 4px;
padding-right: 0px;
padding-bottom: 6px;
padding-left: 10px;
color: #FC0;
}
.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:380px; }
.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:#fff;
padding:3px;
z-index:9999;
text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75);
background-color:rgba(0, 0, 0, 0.7);
-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.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;
}
#menu { float:right;
width:760px;
height:31PX;
font-size:13px;
display:inline-block;
padding:0px;
padding-top:10PX;
margin-top:41px;
background-image:url(../menu/MENU.png);
text-align:LEFT;
}
.hmenu {
display:inline-block;
padding:0px;
margin:0px;
list-style:none;
}
ul.hmenu li {
float:left;
position:relative;
display:block;
color: #FFF;
padding-right: 15px;
padding-left: 15px;
padding-bottom:3px;
padding-top:3px;
min-height:20px;
}
ul.hmenu li:hover {
color:#FFFF00
}
ul.hmenu li a {
color: #FFF;
text-decoration: none;
display:block;
}
ul.hmenu li a {
color: #FFF;
text-decoration: none;
display:block;
}
ul.hmenu ul {
position:absolute;
list-style:none;
display:none;
min-width:190px;
margin-top:5px;
left:-1px;
opacity:0.9;
filter:alpha(opacity=90); /* For IE8 and earlier */
}
ul.hmenu ul li {
background-color:#717173;
margin:1px;
text-align: left;
padding:7px;
line-height:22PX;
width:190PX;
}
ul.hmenu li:hover>ul {
position:absolute;
color: #FC0 ;
display:block;
padding:0px;
}