/* changes */ h1 {font-family:Arial, Helvetica, sans-serif;font-size:18px;position:absolute;top:-55px;left:-5px;width:600px} h2 {font-family:Arial;font-size:17px;color:#FF2492;font-weight:bold;} h3 {font-family:Garamond;font-size:15px;color:#666666;font-weight:normal} #sidebar{ top:70px; left:15px; width:220px; } .chris{ font:14px "Times New Roman", Times, serif; color:#666666;} a, a:link { font: 10pt Arial, Helvetica, sans-serif; color:#111111;} :focus {outline: 0;} #wellness_center_content span h3{font-family:Garamond;font-size:15px;color:#666666;font-weight:normal} #bout_center_content span h3{font-family:Garamond;font-size:15px;color:#666666;font-weight:normal} #boutique_center_content span h3{font-family:Garamond;font-size:15px;color:#666666;font-weight:normal} #health_center_content span h3{font-family:Garamond;font-size:15px;color:#666666;font-weight:normal} #sideright_content span h3 {font-family:Arial, Helvetica, sans-serif;font-size:11px;height:10px} #acc_center_content span h3{font-family:Garamond;font-size:15px;color:#666666;font-weight:normal} #center_content span h3{font-family:"Times New Roman", Times, serif;font-size:14px;color:#666666;font-weight:normal} #gardens_center_content span h3{font-family:Garamond;font-size:15px;color:#666666;font-weight:normal} #center_content span h4{font-family:"Times New Roman", Times, serif;font-size:14px;color:#666666;font-weight:normal} #center_content span h4 {font-family:Arial, Helvetica, sans-serif;font-size:16px;font-weight:bolder;color:#000} /* CSS Document */ body{background-image:url(../images/back.jpg);background-repeat: repeat; } #mainPan{width:778px; position:absolute; margin:0 auto;left:255px;top:0px} #topPan{width:778px; height:185px;left:0px} #sideleft_background {background-image:url(../images/sideleft.png);position:absolute; width:13px; height:1137px;left: 244px; top: 0px;} #sideright_background {background-image:url(../images/sideright.png);position:absolute; left:1058px; top:0px; width:10px; height:1137px;} #leftbodyPan {background-image:url(../images/body_01.jpg);position:absolute; left:255px; top:397px; width:217px; height:750px;} #centerbodyPan {background-image:url(../images/body_02.jpg);position:absolute; left:471px; top:397px; width:588px; height:750px;} #sideleft_content { position:absolute; top:420px; left:15px; width:220px; height: 716px; } #sideleft_content ul { list-style-type:none; } #sideleft_content span h2 {font-family:Arial;font-size:17px;color:#FF2492;font-weight:bold;} #center_content{width:400px;position:absolute;top:450px;left:250px;} #center_content span h1 {font-family:Arial, Helvetica, sans-serif; font-size:20px;position:absolute;top:-55px;left:-5px} #center_content h2 {font-family:Verdana;font-size:11px;color:#666666;font-weight:normal} #center_content h2 a {font-family:Verdana;font-size:11px;color:#666666;font-weight:normal} #sideright_content{ width:250px; position:absolute; top:446px; left:549px; font-family:Verdana; font-size:11px; color:#666666; height: 660px; } #sideright_content span h2 {font-family:Arial, Helvetica, sans-serif;font-size:16px;font-weight:bolder;color:#000000} #center_content hr{position:absolute;left:0px;} #sideright_content a {font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000000} #sideright_content a:hover {text-decoration:none} /*ACCOMMODATIONS*/ #acc_leftbodyPan {background-image:url(../images/body_032.jpg);position:absolute; left:255px; top:397px; width:225px; height:800px;} #acc_centerbodyPan{background-image:url(../images/body_04.jpg);position:absolute; left:472px; top:397px; width:588px; height:740px;} #acc_leftbodyPan table {position:absolute;top:75px;left:28px} #acc_center_content{width:400px;position:absolute;top:450px;left:252px;} #acc_center_content span h1 {font-family:Arial, Helvetica, sans-serif;font-size:20px;position:absolute;top:-55px;left:-5px} #acc_sideleft_content {position:absolute;top:680px;left:60px;width:350px} #acc_sideleft_content span h2 {font-family:Arial;font-size:17px;color:#FF2492;font-weight:bold;} #acc_sideright_content{position:absolute;top:500px;left:550px;} #acc_sideleft_background {background-image:url(../images/sideleft.png);position:absolute; width:13px; height:1199px;left: 244px; top: 0px;} #acc_sideright_background {background-image:url(../images/sideright.png);position:absolute; left:1058px; top:0px; width:10px; height:1199px;} #room_flash {position:absolute;left:545px;top:442px} /*GARDEN ACCOMMODATION*/ #gar_centerbodyPan{background-image:url(../images/body_11.jpg);position:absolute; left:472px; top:397px; width:588px; height:740px;} /*OCEAN ACCOMMODATION*/ #ocean_centerbodyPan{background-image:url(../images/body_12.jpg);position:absolute; left:472px; top:397px; width:588px; height:800px;} /*SKY ROOMS*/ #sky_centerbodyPan{background-image:url(../images/body_13.jpg);position:absolute; left:472px; top:397px; width:588px; height:740px;} /*ABOUT US*/ #bout_leftbodyPan {background-image:url(../images/body_05.jpg);position:absolute; left:255px; top:397px; width:217px; height:650px;} #bout_leftbodyPan table{position:absolute;top:75px;left:25px} #bout_centerbodyPan{background-image:url(../images/body_06.jpg);position:absolute; left:472px; top:397px; width:588px; height:650px;} #bout_sideleft_background {background-image:url(../images/sideleft.png);position:absolute; width:13px; height:1046px;left: 244px; top: 0px;} #bout_sideright_background {background-image:url(../images/sideright.png);position:absolute; left:1058px; top:0px; width:10px; height:1046px;} #bout_center_content{ width:400px; position:absolute; top:439px; left:239px; } #bout_center_content span {font-family:Garamond;font-size:15px;color:#000000;font-weight:bold;} #bout_sideright_content{width:250px;position:absolute;top:455px;left:550px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;color:#999999;text-align:center;font-weight:bold} #bout_sideright_content a {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:16px;color:#666666;text-align:center;font-weight:bold;text-decoration:none} /*HEALTH*/ #health_leftbodyPan {background-image:url(../images/body_07.jpg);position:absolute; left:255px; top:397px; width:217px; height:650px;} #health_leftbodyPan table{position:absolute;left:30px;top:115px} #health_sideleft_img img {position:absolute;top:830px;left:65px;width:141px;height:37px} #health_centerbodyPan{background-image:url(../images/body_08.jpg);position:absolute; left:472px; top:397px; width:588px; height:650px;} #health_center_content{width:400px;position:absolute;top:450px;left:252px;} #health_center_content span h1 {font-family:Arial, Helvetica, sans-serif;font-size:20px;position:absolute;top:-55px;left:-5px;width:600px} #health_sideleft_content {position:absolute;top:620px;left:60px;width:350px} #health_sideleft_content span {font-family:Arial;font-size:17px;color:#FF2492;font-weight:bold;} #health_sideright_content{width:250px;position:absolute;top:750px;left:580px;} #health_sideleft_background {background-image:url(../images/sideleft.png);position:absolute; width:13px; height:1046px;left: 244px; top: 0px;} #health_sideright_background {background-image:url(../images/sideright.png);position:absolute; left:1058px; top:0px; width:10px; height:1046px;} #health_center_content a {font-family:Garamond;font-size:15px;color:#666666} /**/ #gallery_sideleft_img img {position:absolute;top:590px;left:275px;width:141px;height:37px} /*diving*/ #health_center_content{width:400px;position:absolute;top:450px;left:252px;} #diving_centerbodyPan{background-image:url(../images/body_16.jpg);position:absolute; left:472px; top:397px; width:588px; height:870px;} #diving_leftbodyPan {background-image:url(../images/body_17.jpg);position:absolute; left:255px; top:397px; width:217px; height:870px;} #diving_leftbodyPan table{position:absolute;left:30px;top:115px} #diving_sideleft_background {background-image:url(../images/sideleft.png);position:absolute; width:13px; height:1265px;left: 244px; top: 0px;} #diving_sideright_background {background-image:url(../images/sideright.png);position:absolute; left:1058px; top:0px; width:10px; height:1265px;} /*BOHOL*/ #bohol_centerbodyPan {background-image:url(../images/body_18.jpg);position:absolute; left:472px; top:397px; width:588px; height:800px;} #bohol_leftbodyPan {background-image:url(../images/body_17.jpg);position:absolute; left:255px; top:397px; width:217px; height:800px;} #bohol_leftbodyPan table{position:absolute;left:30px;top:115px} #bohol_sideleft_background {background-image:url(../images/sideleft.png);position:absolute; width:13px; height:1197px;left: 244px; top: 0px;} #bohol_sideright_background {background-image:url(../images/sideright.png);position:absolute; left:1058px; top:0px; width:10px; height:1197px;} /*DIVING*/ #diving_centerbodyPan {background-image:url(../images/body_19.jpg);position:absolute; left:472px; top:397px; width:588px; height:870px;} #diving_leftbodyPan {background-image:url(../images/body_17.jpg);position:absolute; left:255px; top:397px; width:217px; height:870px;} #diving_leftbodyPan table{position:absolute;left:30px;top:115px} /*KTV*/ #ktv_leftbodyPan {background-image:url(../images/body_07.jpg);position:absolute; left:255px; top:397px; width:217px; height:650px;} #ktv_leftbodyPan table{position:absolute;left:30px;top:115px} #ktv_centerbodyPan {background-image:url(../images/body_20.jpg);position:absolute; left:472px; top:397px; width:588px; height:650px;} #ktv_sideleft_background {background-image:url(../images/sideleft.png);position:absolute; width:13px; height:1046px;left: 244px; top: 0px;} #ktv_sideright_background {background-image:url(../images/sideright.png);position:absolute; left:1058px; top:0px; width:10px; height:1046px;} #ktv_center_content{width:400px;position:absolute;top:450px;left:252px;} #ktv_center_content span h1 {font-family:Arial, Helvetica, sans-serif;font-size:18px;position:absolute;top:-55px;left:-5px;width:600px} /*BOUTIQUE*/ #boutique_leftbodyPan {background-image:url(../images/body_07.jpg);position:absolute; left:255px; top:397px; width:217px; height:650px;} #boutique_leftbodyPan table{position:absolute;left:30px;top:115px} #boutique_centerbodyPan {background-image:url(../images/body_21.jpg);position:absolute; left:472px; top:397px; width:588px; height:650px;} #boutique_sideleft_background {background-image:url(../images/sideleft.png);position:absolute; width:13px; height:1046px;left: 244px; top: 0px;} #boutique_sideright_background {background-image:url(../images/sideright.png);position:absolute; left:1058px; top:0px; width:10px; height:1046px;} #boutique_center_content{width:400px;position:absolute;top:450px;left:252px;} #boutique_center_content span h1 {font-family:Arial, Helvetica, sans-serif;font-size:18px;position:absolute;top:-55px;left:-5px;width:600px} /*LEISURE*/ #leisure_leftbodyPan {background-image:url(../images/body_07.jpg);position:absolute; left:255px; top:397px; width:217px; height:650px;} #leisure_leftbodyPan table{position:absolute;left:30px;top:115px} #leisure_centerbodyPan {background-image:url(../images/body_10.jpg);position:absolute; left:472px; top:397px; width:588px; height:650px;} #leisure_sideleft_background {background-image:url(../images/sideleft.png);position:absolute; width:13px; height:1046px;left: 244px; top: 0px;} #leisure_sideright_background {background-image:url(../images/sideright.png);position:absolute; left:1058px; top:0px; width:10px; height:1046px;} #leisure_center_content{width:400px;position:absolute;top:450px;left:252px;} #leisure_center_content span h1 {font-family:Arial, Helvetica, sans-serif;font-size:18px;position:absolute;top:-55px;left:-5px;width:600px} #leisure_center_content span h3{font-family:Garamond;font-size:15px;color:#666666;font-weight:normal} /*GARDENS*/ #gardens_leftbodyPan {background-image:url(../images/body_07.jpg);position:absolute; left:255px; top:397px; width:217px; height:650px;} #gardens_leftbodyPan table{position:absolute;left:30px;top:115px} #gardens_centerbodyPan {background-image:url(../images/body_15.jpg);position:absolute; left:472px; top:397px; width:588px; height:650px;} #gardens_sideleft_background {background-image:url(../images/sideleft.png);position:absolute; width:13px; height:1046px;left: 244px; top: 0px;} #gardens_sideright_background {background-image:url(../images/sideright.png);position:absolute; left:1058px; top:0px; width:10px; height:1046px;} #gardens_center_content{width:400px;position:absolute;top:450px;left:252px;} #gardens_center_content span h1 {font-family:Arial, Helvetica, sans-serif;font-size:18px;position:absolute;top:-55px;left:-5px;width:600px} /*WELLNESS*/ #wellness_leftbodyPan {background-image:url(../images/body_07.jpg);position:absolute; left:255px; top:397px; width:217px; height:650px;} #wellness_leftbodyPan table{position:absolute;left:30px;top:115px} #wellness_centerbodyPan {background-image:url(../images/body_10.jpg);position:absolute; left:472px; top:397px; width:588px; height:650px;} #wellness_sideleft_background {background-image:url(../images/sideleft.png);position:absolute; width:13px; height:1046px;left: 244px; top: 0px;} #wellness_sideright_background {background-image:url(../images/sideright.png);position:absolute; left:1058px; top:0px; width:10px; height:1046px;} #wellness_center_content{width:400px;position:absolute;top:450px;left:252px;} #wellness_center_content span h1 {font-family:Arial, Helvetica, sans-serif;font-size:18px;position:absolute;top:-55px;left:-5px;width:600px} /*GALLERY*/ #gallery_leftbodyPan {background-image:url(../images/accomm_04.jpg); position:absolute; left:255px; top:397px; width:217px; height:830px;} #gallery_leftbodyPan table {position:absolute;left:15px;top:75px; width:200px;} #gallery_centerbodyPan {background-image:url(../images/gallery_back.jpg);position:absolute; left:472px; top:397px; width:588px; height:830px;} #gallery_images {position:absolute;left:0px;} #gallery_sideleft_background {background-image:url(../images/sideleft.png);position:absolute; width:13px; height:1226px;left: 244px; top: 0px;} #gallery_sideright_background {background-image:url(../images/sideright.png);position:absolute; left:1060px; top:-150px; width:10px; height:1377px;} /*EVENTS*/ #meeting_leftbodyPan {background-image:url(../images/body_22.jpg);position:absolute; left:255px; top:397px; width:217px; height:700px;} #meeting_leftbodyPan table {position:absolute;left:25px;top:75px} #meeting_centerbodyPan{background-image:url(../images/body_10.jpg);position:absolute; left:472px; top:397px; width:588px; height:700px;} #event_centerbodyPan{background-image:url(../images/body_23.jpg) #fff;position:absolute; left:472px; top:397px; width:588px; height:700px;} #meeting_sideleft_img img{ position:absolute; top:746px; left:305px; width:141px; height:37px } /*MEDIA*/ #media_sideleft_background {background-image:url(../images/sideleft.png);position:absolute; width:13px; height:1226px;left: 244px; top: 0px;} #media_sideright_background {background-image:url(../images/sideright.png);position:absolute; left:1060px; top:-150px; width:10px; height:1377px;} /*TOGGLE*/ .left {width:200px; padding-left:10px;} .packages {text-align:left; float:left; width:180px; padding: 0 0 10px 0;} .images, .images2, .images3, .images4, .images5, .images6, .images7 { float:left; padding:2px; border: 1px solid #999999; } .images a { float:left; width:42px; height:42px; background-image:url(../images/package01.jpg);} .images a:hover { float:left; width:42px; height:42px; background-image:url(../images/package01-hover.jpg);} .images2 a { float:left; width:42px; height:42px; background-image:url(../images/package02.jpg);} .images2 a:hover { float:left; width:42px; height:42px; background-image:url(../images/package02-hover.jpg);} .images3 a { float:left; width:42px; height:42px; background-image:url(../images/package03.jpg);} .images3 a:hover { float:left; width:42px; height:42px; background-image:url(../images/package03-hover.jpg);} .images4 a { float:left; width:42px; height:42px; background-image:url(../images/package04.jpg);} .images4 a:hover { float:left; width:42px; height:42px; background-image:url(../images/package04-hover.jpg);} .images5 a { float:left; width:42px; height:42px; background-image:url(../images/package05.jpg);} .images5 a:hover { float:left; width:42px; height:42px; background-image:url(../images/package05-hover.jpg);} .images6 a { float:left; width:42px; height:42px; background-image:url(../images/package06.jpg);} .images6 a:hover { float:left; width:42px; height:42px; background-image:url(../images/package06-hover.jpg);} .images7 a { float:left; width:42px; height:42px; background-image:url(../images/package07.jpg);} .images7 a:hover { float:left; width:42px; height:42px; background-image:url(../images/package07-hover.jpg);} .images span, .images2 span, .images3 span, .images4 span, .images5 span, .images6 span, .images7 span {display:none;} .title {float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; font-weight:bold; padding-left:8px;} /*COLLAPSE*/ h2.trigger { padding: 0 0 0 8px; margin: 0 0 5px 12px; //margin: 0 0 5px 7px; background: url(../images/h2_trigger_a.jpg) no-repeat; height: 30px; width: 169px; font-size: 12px; font-weight: normal; float: left; } h2.trigger a { color: #fff; text-decoration: none; display: block; font-size:12px; font-weight:bold; padding-top:7px; text-align:left; padding-left:15px; } h2.trigger a:hover { color: #ccc; } h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/ .toggle_container { margin: 0 0 5px 0px; //margin: 0 0 5px -10px; padding: 0; /* border-top: 1px solid #d6d6d6;*/ background: #FFF; overflow: hidden; font-size: 1.2em; width: 170px; clear: both; } .toggle_container .block { padding: 5px; /*--Padding of Container--*/ }