/*-------------------------------------------------------------- # Developer : Arif Cakiroglu # # Theme : Pozitif Bilgi & Teknoloji # # Create : 8/19/2010 # # Update : 8/19/2010 1:09:12 PM # # License : http://dev.arifcakiroglu.com/license # # Website : http://www.arifcakiroglu.com # # # # Copyright (C) 2010-2011 arifcakiroglu.com # ---------------------------------------------------------------*/ @import url('base.css'); @import url('typo.css'); /****************************Css schema*************************/ /*-------------------------------------------------------------*/ /* #wrapper */ /*-------------------------------------------------------------*/ /****************************Css schema*************************/ body {font-family:arial; text-align: center; background: url(../images/bg.png) repeat;}/*text-align ie5 float*/ #pageTop {background: url(../images/bgTop.png) repeat-x;} #globalContainer {width: 980px; height: auto; margin: 0 auto; text-align: left; }/*height:auto; yapilacak*/ #header {width: 980px; height: 103px; position: relative; padding:12px 0 0; } #logo {width: 246px; height: 103px; margin: 10px 0 0;float: left;} #logo a {width: 246px; height: 103px; display: block; background: url(../images/logo.png) no-repeat; text-indent: -999px;} #menu {float: left; margin: 0 0 0 50px;} #menu li {float: left; margin:0 2px 0 0;} #menu li a {height: 104px; background: black; display: block; text-indent: -99999px;} #menu li a.home {background: url(../images/menu.png) 0 0 no-repeat; width:93px ;} #menu li a.home:hover, #menu li a.home:focus, #menu li a.home.active {background: url(../images/menu.png) 0 -112px no-repeat; } #menu li a.didim {background: url(../images/menu.png) -118px 0 no-repeat; width:146px ;} #menu li a.didim:hover, #menu li a.didim:focus, #menu li a.didim.active {background-position: -118px -112px; } #menu li a.reservation {background: url(../images/menu.png) -289px 0 no-repeat; width:147px ;} #menu li a.reservation:hover, #menu li a.reservation:focus, #menu li a.reservation.active {background: url(../images/menu.png) -289px -112px no-repeat; } #menu li a.howtoget {background: url(../images/menu.png) -448px 0 no-repeat; width:114px ;} #menu li a.howtoget:hover, #menu li a.howtoget:focus, #menu li a.howtoget.active {background: url(../images/menu.png) -448px -112px no-repeat; } #menu li a.virtualtour {background: url(../images/menu.png) -579px 0 no-repeat; width:115px ;} #menu li a.virtualtour:hover, #menu li a.virtualtour:focus, #menu li a.virtualtour.active {background: url(../images/menu.png) -579px -112px no-repeat; } .slider {position: relative} .ornamentLeft {position: absolute; top: 0; left: -95px; width: 94px; height: 291px; background: url(../images/sliderOrnament.jpg) 0 0 no-repeat;} .ornamentRight {position: absolute; top: 0; right: -95px; width: 94px; height: 291px; background: url(../images/sliderOrnament.jpg) -95px 0 no-repeat;} #reservationArea {width: 980px; height: 306px; margin: 10px 0 10px; background: url(../images/reservationArea.jpg) no-repeat;} .aboutOtel {width: 560px; height: auto; padding: 20px 0 0 20px;} .aboutOtel p {margin: 15px 0 0; line-height: 24px; color: #6b6b6b; text-align: justify;} .aboutOtel ul {list-style: inside square; font: 400 1.2em arial; color: #6b6b6b; margin: 10px 0 0;} .reservationBar {width: 333px; height: auto; padding: 18px 0 0 0; margin: 0 0 0 52px;} .reservationForm {margin: 20px 0 0; padding: 10px; color: #fff; font: 400 1.2em arial;} .reservationForm li {width: 310px; height: 25px;} .reservationForm li span {float: right; margin: 0 10px 0 0;} .reservationForm>label {width: 100px; height: auto; display: block;float: left; line-height: 20px; margin: 15px 0 0;} .reservationForm li label {width: 110px; height: auto; display: block;float: left; line-height: 20px;} .reservationForm input {width: 114px; height: auto; padding: 1px ; background: url(../images/rInput.png) no-repeat; border: none; float: left;} .reservationForm input:focus {background-position: 0 -18px;} .reservationForm .inputFrame {float: left; position: relative;} .reservationForm span span {width: 13px; height: 14px; display: block; margin: 0; position: absolute; top: 3px ; right: 2px; cursor: pointer; background: url(../images/inputDatePicker.png) no-repeat;} input.reservationButton {width: 159px; height: 34px; background: url(../images/reservationButton.png) no-repeat; float: right;} input.reservationButton:hover, input.reservationButton:focus {background-position: 0 -34px;} .ornament {width: 980px; height: 20px; background: url(../images/ornament.png) no-repeat; margin: 10px 0 0;} #hotelFeatures {width: 980px; height: auto; border-bottom: 2px solid #d1cbbf; margin: 0 0 10px; background-color: #faf6ed;} .cText {padding: 15px 0 15px 50px; border-left:3px solid #83721d; margin:0 0 15px 10px;} .cText ul {font: 400 1.2em arial; color: #666; line-height: 25px; list-style: inside circle; padding: 0 0 10px 15px;} .cText p {font: 400 italic 1.4em "Georgia",arial; color: #83721d; padding:10px 0 ;} .cText h3 {font: 400 italic 1.8em "Georgia",arial; color: #83721d; line-height: 30px; margin:0 40px 15px 0; border-bottom:2px solid #83721d;} .cText img {margin: 0 40px 0 0; border: 1px solid #83721d; padding: 5px; border-bottom-width: 3px;} .link a {width: 175px; height: 160px; margin: 10px ; float: left; display: block; } .link {background:#faf6ed url(../images/activities.jpg) no-repeat;width: 980px; height: 180px; } #footer {width: 980px; height: 180px; background: url(../images/footer.jpg) no-repeat;} #footer li {float: left;} #footer .nav1 {margin: 10px 0 0 15px;} #footer .nav1 a {font: 400 1.4em "Georgia",Tahoma; color:#515252; line-height: 30px; padding: 0 10px; display: block;} #footer .nav2 {margin: 10px 5px 0 0 ;} #footer .nav2 a {font: 400 1.2em "Arial",Tahoma; color: #ab9554;line-height: 30px; padding: 0 5px; display: block; text-shadow:1px 1px #fff;} #footer p.copyright {width: 980px; margin: 21px 0 0; color: #fff; text-shadow:1px 1px #817b59; text-align: center;} #slideshow {position:relative;width: 980px; height:299px ; overflow: hidden;} #slideshow div {position:absolute;top:0;left:0;z-index:8;opacity:0.0;height: 300px;} #slideshow div.active {z-index:10;opacity:1;} #slideshow div.last-active {z-index:9;} #slideshow div img {height: 299px;display: block;border: 0;margin-bottom: 10px;} #contact .form { height:auto; margin:10px auto;} #contact .form fieldset {width:470px; margin: 0 auto; padding-top:15px;} #contact .form legend {padding:3px 5px; border:1px dotted #999;} #contact .form .cont label {display:block; margin:0 0 0 0; padding:0 10px 0 3px; width:230px; float:left; line-height: 25px; text-align: right;} #contact .form .cont label.checkbox {display:block; margin:0 2px; padding:0; width:auto; float:left; } #contact .form input {width:200px; padding:6px 2px; margin:0 0 5px 0;outline: none;} #contact .form .btn_div {margin:10px 12px 0 0;} #contact .c_complate .wait {color:#fe5e0e; font:normal 11px arial; height:auto; position: relative; width:125px; margin:10px 0 0 0;} #contact .c_complate .wait span {position: absolute;right: 0; top:8px;}