#breadCrumb {font-size: 80%; padding: 2px 0px 0 10px;} #breadCrumb a {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFF00;} #breadCrumb a:hover{color: #FFCC33; font-size: 14px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline;} /*======= index.html =======*/ #page1 .row-1 {height: 250px; margin : 0px 0px 10px 0px ;border: 0px solid #cccccc;} #page1 .row-1 .line-ver-1 {background-position: 180px 0%; border-right:#353b3f;} #page1 .row-1 .line-ver-2 {background-position: 393px 0%;} #page1 .row-1 .line-ver-3 {background-position: 606px 0%; } #page1 .row-1 .col-1 {width: 147px; padding: 10px 34px 0px 0px; } #page1 .row-1 .col-2 {width: 147px; padding: 10px 34px 0px 32px;} #page1 .row-1 .col-3 {width: 147px; padding: 10px 34px 0px 32px;} #page1 .row-1 .col-4 {width: 147px; padding: 10px 11px 0px 32px;} #page1 .row-1a {height: 250px; margin : 0px 0px 10px 0px ;border: 0px solid #cccccc;} #page1 .row-1a .line-ver-1 {background-position: 180px 0%; border-right:#353b3f;} #page1 .row-1a .line-ver-2 {background-position: 393px 0%;} #page1 .row-1a .line-ver-3 {background-position: 606px 0%; } #page1 .row-1 .col-1a {width: 147px; padding: 10px 34px 0px 0px; } #page1 .row-1 .col-2b {width: 147px; padding: 10px 34px 0px 32px;} #page1 .row-1 .col-3c {width: 147px; padding: 10px 34px 0px 32px;} #page1 .row-1 .col-4d {width: 147px; padding: 10px 11px 0px 32px;} #page1 .row-2 { margin: 0px 0px 0px 0px ;} #page1 .row-2 .line-ver-1 {background-position: 606px 0%;} #page1 .row-2 .col-1 {width: 587px; padding: 0 20px 0 0; margin: -20px 0 0 0;} #page1 .row-2 .col-1 img {padding: 0px 10px 0px 0px; margin: 20px 0px 0px 30px;} #page1 .row-2 .col-2 {width: 172px; padding: 0 0 0 18px; margin: -20px 0 0 0;} /*======= Tour.html =======*/ #page2 .row-1 .line-ver-1 {background-position: 606px 0%; } #page2 .row-1 .col-1 {width: 588px; padding: 0 20px 0 0; margin: -78px 0 0 0; border: 1px solid #cccccc;} #page2 .row-1 .col-1a { float :left; display:block; width: 550px; height:175px; padding: 0px 20px 0px 0px; margin: 10px 0px 10px 0px ; border: 0px solid #cccccc;} #page2 .row-1 .col-2 { float: right; width: 170px; padding: 0px 0px 0px 25px; margin: 9px 0px 0px 3px ; border-left: 1px solid #353b3f;} #page2 h1 { font-size:2.3em;} #page2 .row-2 .line-ver-1 {background-position: 606px 0%;} #page2 .row-2 .col-1 {width: 587px; padding: 0 20px 0 0; margin: -20px 0 0 0;} #page2 .row-2 .col-2 {width: 172px; padding: 0 0 0 18px; margin: -20px 0 0 0; } /*======= index-2.html =======*/ #page3 .row-1 .line-ver-1 {background-position: 180px 0%;} #page3 .row-1 .line-ver-2 {background-position: 393px 0%;} #page3 .row-1 .line-ver-3 {background-position: 606px 0%;} #page3 .row-1 .col-1 {width: 147px; padding: 0 34px 0 0;} #page3 .row-1 .col-2 {width: 147px; padding: 0 34px 0 32px;} #page3 .row-1 .col-3 {width: 147px; padding: 0 34px 0 32px;} #page3 .row-1 .col-4 {width: 147px; padding: 0 11px 0 32px;} #page3 .row-2 .line-ver-1 {background-position: 180px 0%;} #page3 .row-2 .col-1 {width: 170px; padding: 0 11px 0 0; margin: -20px 0 0 0;} #page3 .row-2 .col-2 {width: 588px; padding: 0 0 10px 28px; margin: -20px 0 0 0;} /*======= index-3.html =======*/ #page4 .row-1 .line-ver-1 {background-position: 180px 0%;} #page4 .row-1 .col-1 {width: 593px; padding: 0 5px 0 17px; margin: 0px 0px 0px 0px; border-right:1px solid #353b3f;} #page4 .row-1 .col-2 {width: 170px; padding: 0 0px 0 11px; margin: 0px 0px 0px 0px;} #page4 h1 { font-size:2.3em;} #page4 .row-2 .line-ver-1 {background-position: 606px 0%;} #page4 .row-2 .col-1 {width: 587px; padding: 0 20px 15px 0; margin: -20px 0 0 0;} #page4 .row-2 .col-2 {width: 172px; padding: 0 0 12px 18px; margin: -20px 0 0 0;} /*======= index-4.html =======*/ #page5 .row-1 .line-ver-1 {background-position: 606px 0%;} #page5 .row-1 .col-1 {width: 588px; padding: 0 20px 0 0; margin: 0px 0px 0px 0px;} #page5 .row-1 .col-2 {width: 170px; padding: 0 0 0 19px; margin: 0px 0px 0px 0px;} #page5 .row-2 .line-ver-1 {background-position: 180px 0%;} #page5 .row-2 .col-1 {width: 170px; padding: 0 11px 0 0; margin: -20px 0 0 0;} #page5 .row-2 .col-2 {width: 588px; padding: 0 0 10px 28px; margin: -20px 0 0 0;} #page5 .row-2 .col-2 .block-1 {width: 298px; padding: 0 0 27px 0; margin: -3px 0 0 0;} #page5 .row-2 .col-2 .block-2 {width: 250px; margin: -3px 0 0 0;} /*======= index-5.html =======*/ #page6 .row-1 .line-ver-1 {background-position: 606px 0%;} #page6 .row-1 .col-1 {width: 588px; padding: 0 20px 0 0; margin: 0px 0 0 0; line-height:19px;} #page6 .row-1 .col-2 {width: 170px; padding: 0 0 0 19px; margin: 0px 0 0 0;} #page6 .row-2 .line-ver-1 {background-position: 606px 0%;} #page6 .row-2 .col-1 {width: 587px; padding: 0 20px 0 0; margin: -20px 0 0 0;} #page6 .row-2 .col-2 {width: 172px; padding: 0 0 0 18px; margin: -20px 0 0 0;} /* ======================= Diving.htm ======================= */ #content1 {display:block; margin:0 auto; width:490px; height:1790px; background-color:#02053A; line-height: 1.25em;} #content1 h1 {font-size: 2em; margin:10px 0px 10px 10px;} #content7 {display:block; margin:0 auto; width:490px; eight:1890px; background-color:#02053A; line-height: 1.25em;} #content7 h1 {font-size: 2em; margin:10px 0px 10px 3px;} #content3 {display:block; margin:0 auto; width:490px; height:1200px; background-color:#02053A; line-height: 1.25em;} #content3 h1 {font-size: 2em; margin:10px 0px 10px 10px;} #content8 {display:block; margin:0 auto; width:490px; height:2450px; background-color:#02053A; line-height: 1.25em;} #content8 h1 {font-size: 2em; margin:10px 0px 10px 10px;} .dive { display:block; float:left; width: 170px; height:460px; margin:0% 0% 2% 0% ; padding:0% 1% 0% 2%;} .diving { float:left; display:block; width: 480px; height: 160px ; border: 1px solid #242A2A; margin:0 auto; margin-bottom: 10px; padding:1% 1% 1% 1%;} .diving h1 { font-size: 1em; color:#ffffff; line-height:21px;} .diving img { display:block; float:left; padding: 0px 5px 10px 5px ;} .diving1 { float:left; display:block; width: 480px; height:150px; border: 1px solid #242A2A; margin:0 auto; margin-bottom: 10px; padding:1% 1% 1% 1%; text-align:left} .diving1 img { display:block; float:left; padding: 5px 5px 5px 5px ;} .diving2 { float:left; display:block; width: 480px; height:240px; border: 1px solid #242A2A; margin:0 auto; margin-bottom: 10px; padding:1% 1% 1% 1%; text-align:left;} .diving2 img { display:block; float:left; padding: 0px 5px 5px 5px ;} .diving2 h1 { font-size: 1em; color:#ffffff; line-height:21px;} .diving3 { float:left; display:block; width: 480px; height: 160px ; border: 1px solid #242A2A; margin:0 auto; margin-bottom: 10px; padding:1% 1% 1% 1%; text-align:left;} .diving3 h1 { font-size: 22px; color:#ffffff; line-height:21px;} .diving3 img { display:block; float:left; padding: 0px 5px 10px 5px ;} .diving4 { float:left; display:block; width: 480px; border: 1px solid #242A2A; margin:0 auto; margin-bottom: 10px; padding:1% 1% 1% 1%; text-align:left;} .diving4 h1 { font-size: 22px; color:#ffffff; line-height:21px;} .diving4 p { float:left; padding: 10px 5px 15px 5px; clear:both;} .diving4 img { display:block; float:left; padding: 0px 5px 10px 5px ;} .diving4 ul {margin: 10px 0px 10px 25px ;} .diving4 li {padding: 0px 0px 0px 0px ; line-height:21px;} .diving4a { float:left; display:block; width: 480px; height: 280px ; border: 1px solid #242A2A; margin:0 auto; margin-bottom: 10px; padding:1% 1% 1% 1%; text-align:left;} .diving4a h1 { font-size: 22px; color:#ffffff; line-height:21px;} .diving4a img { display:block; float:left; padding: 0px 5px 10px 5px ;} .diving4a ul {margin: 10px 0px 10px 25px ;} .diving4a li {padding: 0px 0px 0px 0px ; line-height:21px;} .diving5 { float:left; display:block; width:480px; height: 180px ; border: 1px solid #242A2A; margin:0 auto; margin-bottom: 10px; padding:1% 1% 1% 1%; text-align:left;} .diving5 h1 { font-size: 22px; color:#ffffff; line-height:21px;} .diving5 img { display:block; float:left; padding: 0px 5px 10px 5px ;} .diving6 { float:left; display:block; width:480px; border: 1px solid #242A2A; margin:0 auto; margin-bottom: 10px; padding:1% 1% 1% 1%; text-align:left;} .diving6 h1 { font-size: 22px; color:#ffffff; line-height:21px;} .diving6 p { float:left; padding: 10px 5px 15px 5px;} .diving6 img { display:block; float:left; padding: 0px 5px 10px 5px ; } .diving6 ul { margin: 10px 0px 10px 25px ;} .diving6 li { padding: 0px 0px 10px 0px ; line-height:17px;} .diving7 { float:left; display:block; width:480px; height: 420px ; border: 1px solid #242A2A; margin:0 auto; margin-bottom: 10px; padding:1% 1% 1% 1%; text-align:left;} .diving7 h1 { font-size: 22px; color:#ffffff; line-height:21px;} .diving7 img { display:block; float:left; padding: 0px 5px 10px 5px ;} .booking { float:left; display:block; width:480px; height: 480px ; border: 1px solid #242A2A; margin:0 auto; margin-bottom: 10px; padding:1% 1% 1% 1%;} .booking h1 { font-size: 22px; color:#ffffff; line-height:21px;} .booking img { display:block; float:left; padding: 20px 15px 20px 15px ;} .booking ul {margin: 10px 20px 0px 25px ;} .booking li {padding: 0px 0px 0px 0px ; line-height:21px;} .chichen { float:left; display:block; width:480px; height: 620px ; border: 1px solid #242A2A; margin:0 auto; margin-bottom: 10px; padding:1% 1% 1% 1%;} .chichen p {margin: 0px 0px 0px 10px ;} .chichen h1 { font-size: 22px; color:#ffffff; line-height:21px;} .chichen img { display:block; float:left; padding: 20px 15px 20px 15px ;} .chichen ul {margin: 10px 0px 10px 25px ;} .chichen li {padding: 0px 0px 0px 0px ; line-height:21px;} .chimg {float:left; display:inline; margin: 5px 0px 5px 5px; padding: 2px;} .chimg1 {float:left; display:inline; width: 490px; margin: 0px 0px 10px 15px ;} .chimg1 img {padding: 0px 2px 0px 2px;} .chimg2 { float:left;width: 210px; padding: 0px 5px 0px 5px ; } .chimg2 img { padding: 0px 0px 0px 0px ;} .chimg3 { float:right;width: 210px; padding: 0px 5px 0px 5px ; } .chimg3 img { padding: 0px 0px 0px 0px ;} .bookfooter { overflow:hidden;width:450px; height: 87px; border-top:1px solid #353b3f;} /* ******************************** iframe photo gall *************************** */ #page3 iframe#stage {float:left; width:900px; height:1200px; margin:0 auto; padding:0% 0% 0% 0%; border: 1px solid #353b3f;} .stage { background-color:#03074E; }