/* CSS Document */ @charset "utf-8"; @font-face { font-family: Avenir; src:/font/avenir-light-webfont.ttf;} /* TTF file for CSS3 browsers */ html, body { margin: 0 auto; padding:0; height: 100%; width:100%; font-family: Tahoma; font-size: 12px; color: #808184; background-color: #84a7c5; overflow:hidden; behavior: url("/css/csshover3.htc"); } p {font-size:12px; text-align:justify; margin:10px 0; line-height:1.5em;} H1 {font:18px 'Avenir', arial, serif; margin: 0; padding-top:0px; color:#0168a6; font-weight:lighter; } H2 {font:14px 'Avenir', arial, serif; margin: 0; padding-top:15px; color:#0168a6; font-weight:lighter; } hr { border: none; background-color: #fff; color: #fff; height: 1px; } #background{ position:absolute;z-index:1; width:100%; height:100%;} #scroller { position:absolute; width:100%; z-index:2; overflow-y:scroll; height: 100%; l:0; t:0; } #footer, #push { position: relative; text-align:center; height: 20px; } #page { width:822px; padding:20px 0px;/* font-family: Tahoma; font-size: 11px; color: #fee2b2; text-align:left; line-height:1.3em;*/ margin:0 auto; z-index:3; } #toppage{ width:822px; height:92px; position:relative; } #toppage #logo{ position:relative; float:left; width:100px; } #toppage #topmenu{width: 670px; height:30px; position: relative; float:right;} #navigation{ position: absolute; float:right; right:0px; top: 72px; padding: 0px;} #navigation ul.mainmenu{width: 670px; height: 30px; padding:0px; margin: 0px; list-style:none; text-align:right;} #navigation ul.mainmenu li{float:right; text-align:right; height: 30px; margin: 0px 14px; position:relative; padding:0px; font:16px 'GillSans', arial, serif; color:#fff;} #navigation ul.mainmenu li.last{margin-right: 0px;} #navigation ul.mainmenu li a{font:16px 'Avenir', arial, serif; color:#fff; text-decoration:none;} /*display: block; height: 14px; padding:0px; margin:0px;text-indent:-9999px; font-size: 1px; line-height:1px;*/ #navigation ul.mainmenu li a:hover{color:#515151;} #navigation ul.mainmenu li a.active{color:#515151;} #navigation ul li.nav01 a{ width:126px; background:url(../images/mainmenu.jpg) no-repeat 0px 0px;} #navigation ul li.nav01 a:hover{background-position: 0px -15px;} #navigation ul li.nav01 a.active{background-position: 0px -15px} #imageslide { position:relative; width:822px; height:338px; margin:10px 0px; overflow: hidden; } #imageslide .thumb{padding: 10px 10px; margin:5px; background-color: #FFEAB7; width:160px; height:115px; float:left} #imageslide .thumb-gall{padding: 20px 0px; width:860px; float:left; display:inline-block;} #imageslide .thumb-gall img{padding: 5px 5px;} #imageslide #bigPic{width:822px;height:338px;border: none; position:absolute; z-index:0; overflow: hidden;} #imageslide #bigPic img{ position:absolute; display:none;width:822px;height:338px;} #imageslide ul#thumbs li.active{border:2px solid #fff;padding:0px;z-index:1; filter:alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -moz-opacity:1; opacity:1.0; } #imageslide ul#thumbs{top:81%;} #imageslide ul#thumbs, #imageslide ul#thumbs li{margin:5px;padding:0;height:40px;position: relative;float:right;list-style:none;} #imageslide ul#thumbs li{ float:left;border:2px solid #fff;cursor:pointer;z-index:1; filter:alpha(opacity=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); -moz-opacity:0.5; opacity:0.5; } #imageslide ul#thumbs img{float:right;width:60px;height:40px;line-height:40px;overflow:hidden;position:relative;z-index:1; } #content { width:822px;position:relative; background:url(../images/white.png) repeat; /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/assets/images/white.png');*/ } #content #left { width:180px; position:relative; float:left;color:#fff; } #booking { width:162px; height:auto; background:#0091e8;position:relative; float:left; padding:5px 10px;color:#fff; margin:5px; } #booking H1 { font:14px 'Avenir', arial, serif; margin: 0; padding:0; color:#fff; font-weight:lighter; } #line {width:170px; height:170px; background:url(../images/line-qr-code.jpeg) no-repeat; position:relative; float:left; margin:10px;} #subnavigation {width: 162px; position: relative; left:20px; top:20px; padding-bottom:20px; float:left;} #subnavigation H1 {font:14px 'Avenir', arial, serif; margin: 0; padding:0; color:#0077c6; font-weight: bold;} #subnavigation H2 {font:13px 'Avenir', arial, serif; margin: 0; padding:0; color:#46a6de; font-weight: lighter;} #subnav{ position: relative; float:left; right:0px; top: 10px; padding: 0px;} #subnav ul.submenu{padding:0px; margin: 0px; list-style: none; font:13px 'Avenir', arial, serif;} #subnav ul.submenu li{margin-bottom: 10px;position:relative; } #subnav ul.submenu li a{color:#46a6de; text-decoration:none; margin-left:10px; } #subnav ul.submenu li a:hover{color:#8c8c8c;} #subnav ul.submenu li a.active{color:#8c8c8c;} #content #text { width:600px; position:relative; float:right; padding:5px 15px ; } #text p {font-size:13px; text-align:justify; margin:10px 0; line-height:1.5em;} #bottompage{ width:822px; padding:5px 0; margin:0 auto; position:relative; font-size:11px; text-align:center; color:#83888e; } #bottompage a:link {text-decoration:none;color:#fff;} #bottompage a:visited {text-decoration:none;} #bottompage a:hover {text-decoration:underline;} #bottompage a:active {text-decoration:underline;} #alpha{background-color:#ffffff; filter: alpha(opacity=40); -moz-opacity: .5; KhtmlOpacity: .5; opacity: .5;}