/*********************/ /* F O N T S */ /*********************/ /*APPLIED TO ALL -----------------*/ *{ font-family:Arial, Helvetica, sans-serif;} /*-------------------- The Header links ---------------------*/ /* Te ecommerce links - top of page on right */ #link_basket,#link_home,#link_orders,#link_logout{text-decoration:none;font-size:8px;color:#A7A8AA; font-weight:bold;} #link_basket:hover,#link_home:hover,#link_orders:hover,#link_logout:hover{color:#DBAA74} /*----------------------- The vertical menu -------------------------*/ .vertical_menu h1{ font-size:13px; color:#BDE4F7; font-weight:normal; border-bottom:1px solid white; } .vertical_menu ul li a{ text-decoration:none;} .vertical_menu ul li a:hover{ color:white;} .menuContent *{ font-size:13px; color:#BDE4F7;} .menuContent a{ text-decoration:none;} .menuContent a:hover{ color:white;} .menuContent b{} .menuContent input{ color:#BDE4F7; background:none;} .menuContent select {color:#BDE4F7; background:#2A1D15} .menuContent option {color:#BDE4F7; background:none} /*----------------------- The Main Content -------------------------*/ #middleContent { font-size:11px; color:#A7A8AA;} #middleContent a{ font-weight:bold; color:white; text-decoration:none;} #middleContent a:hover{ text-decoration:underline;} #middleContent legend{font-size: 15px;color:white; font-weight:bold;} #middleContent h1{font-size:15px; clear:both; color:white; background:url(../misc/h1.jpg) no-repeat; font-weight:bold;} #middleContent h2{ font-size:13px; color:white; } #middleContent h3{margin-top:10px; color:white;} #middleContent h4{margin-top:10px; color:white;} #middleContent .specialoffer{ color:red} #middleContent select{ color:#A7A8AA} #middleContent p { margin-bottom:10px} #footer a { font-size:10px; text-decoration:none; color:#DBAA74;} #footer a:hover { color:white;} /*********************/ /* L A Y O U T */ /**********************/ /* Dont change this */ a {outline: none;} /* The body - with repeating image*/ body{ background:url(../misc/bg_sample.jpg) repeat; margin:0; padding:0;} /* The overall containers for the page, outer just centers the content within it */ .outer{position:relative;width:100%; background:url(../misc/header_repeat.jpg) top repeat-x; } .inner{ position:relative; width:1007px; margin:0 auto;} /* The my basket and logged in links in header */ #link_basket,#link_home,#link_orders,#link_logout{position:absolute;top:10px; } #link_basket{left:900px;} #link_home{left:822px;} #link_orders{left:860px;} #link_logout{left:779px;} #headerr { position:relative; background:url(../misc/header.jpg) no-repeat; height:322px; width:1007px;} #home { position:absolute; top:14px; left:1px; width:242px; height:108px; display:block;} /* The home, services, about us and contact us links accross the top (horizontal)*/ #link_one,#link_two,#link_three,#link_four,#link_five,#link_six,#link_seven,#link_eight{ position:absolute; top:37px; height:77px; z-index:100} #link_one{left:440px; background:url(../misc/homeA.jpg) no-repeat;width:63px;} #link_two{left:511px;background:url(../misc/guestlistA.jpg) no-repeat;width:62px;} #link_three{left:580px;background:url(../misc/roomsA.jpg) no-repeat;width:61px;} #link_four{left:651px;background:url(../misc/whatsonA.jpg) no-repeat;width:59px;} #link_five{left:718px;background:url(../misc/specialeventsA.jpg) no-repeat;width:58px;} #link_six{left:786px;background:url(../misc/galleryA.jpg) no-repeat;width:60px;} #link_seven{left:852px;background:url(../misc/hireA.jpg) no-repeat;width:59px;} #link_eight{left:917px;background:url(../misc/jobsA.jpg) no-repeat;width:62px;} #link_one:hover{background:url(../misc/homeB.jpg) no-repeat;} #link_two:hover{background:url(../misc/guestlistB.jpg) no-repeat;} #link_three:hover{background:url(../misc/roomsB.jpg) no-repeat;} #link_four:hover{background:url(../misc/whatsonB.jpg) no-repeat;} #link_five:hover{background:url(../misc/specialeventsB.jpg) no-repeat;} #link_six:hover{background:url(../misc/galleryB.jpg) no-repeat;} #link_seven:hover{background:url(../misc/hireB.jpg) no-repeat;} #link_eight:hover{background:url(../misc/jobsB.jpg) no-repeat;} #link_nine,#link_ten,#link_eleven,#link_twelve{ position:absolute; z-index:100} #link_nine {left:784px; top:149px; background:url(../misc/liquidA.jpg) no-repeat;width:81px; height:51px} #link_ten {left:886px; top:146px; background:url(../misc/tokyoA.jpg) no-repeat;width:92px;height:51px} #link_eleven {left:788px; top:211px; background:url(../misc/fireA.jpg) no-repeat;width:84px;height:59px;} #link_twelve {left:886px; top:211px; background:url(../misc/lightA.jpg) no-repeat;width:75px;height:59px} #link_nine:hover {background:url(../misc/liquidB.jpg) no-repeat;} #link_ten:hover { background:url(../misc/tokyoB.jpg) no-repeat;} #link_eleven:hover {background:url(../misc/fireB.jpg) no-repeat;} #link_twelve:hover {background:url(../misc/lightB.jpg) no-repeat;} #content{position:relative; float:left; width:1007px; background:url(../misc/bg_repeat.jpg) repeat-y;min-height:315px;} #menu1{ position:relative; right:30px;float:right; width:190px;margin-top:0px;z-index:120} #middleContent{position:relative;float:left; left:0px; width:739px; margin-top:-196px; z-index:120} .vertical_menu{} .vertical_menu h1{ background:url(../misc/menu_h1.jpg) no-repeat ; height:18px; padding:5px 10px; margin:0;} /* The vertcal menu main content */ .menuContent{ padding:10px 10px 20px; background:url(../misc/menu_bg.jpg) bottom repeat-y;} .menuContent ul{ margin:0; padding:0;} .menuContent li{ position:relative; list-style-type:none;background:url(../misc/list_icon.jpg) 0 7px no-repeat; padding-left:15px; padding-top:2px; } /* Main content list image */ /* indentation of text */ #middleContent li{ list-style-image:url(../misc/list_icon.jpg); margin:0 15px;} #footwrap { position:relative; width:100%; background:url(../misc/footer_repeat.jpg) bottom repeat-x ;} #footer {position:relative; clear:both; height:261px;width:1007px; background:url(../misc/footer.jpg) no-repeat;margin:0 auto; z-index:100;} #bottom { position:relative; width:100%; background:url(../misc/footer_sample.jpg) repeat; height:250px; z-index:-100} #text { position:absolute; top: 200px; left:11px; font-size:9px; color:#DBAA74;} #text1 { position:absolute; top: 216px; left:11px; font-size:9px; color:#DBAA74;} #text2 { position:absolute; top: 216px; left:84px; font-size:9px; color:#DBAA74;} #left { position:absolute; bottom:256px; left:0px;} #right { position:absolute; bottom:256px; right:0px;} #facebook { position:absolute; top:30px; right: 127px;} #twitter {position:absolute; top:30px; right: 50px;} #widget { position:absolute; left:0px; top: 6px;} #foot1,#foot2,#foot3,#foot4,#foot5,#foot6 { position:absolute; left:632px;} #foot1 { top:30px;} #foot2 { top:53px;} #foot3 { top:76px;} #foot4 { top:99px;} #foot5 { top:123px;} #foot6 { top:147px;} #mistore{ position:absolute; float:left; top:128px; left:797px; } div#preload { display: none; }