/* CSS Document */ * { margin: 0px; padding: 0px; outline: 0px; border: 0px; } body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #4c4b4b; background: #000; } /*****************************************************************/ #main { position: absolute; width: 100%; min-height: 100%; z-index: 1; background: url("../images/bg.png"); } /*html>body #main { min-height:665px !important; } */ #main #header { float: left; width: 100%; background: url("../images/nav_bg.png") repeat-x; } #main #header .logo { position: absolute; margin-left: 50%; left: -605px; margin-top: 43px; } #main #header .banner { position: absolute; margin-left: 50%; left: -600px; top: 125px; } #main #header #hed_right { text-align: right; float: right; margin-right: 25px; margin-top: 14px; } #main #header #hed_right #nav1 { font-weight: bold; clear: right; float: right; width: 100%; margin-top: 4px; } #main #header #hed_right #nav1 p { display: inline; } #main #header #hed_right #nav1 a { color: #FFF; text-decoration: none; margin: 0px 4px; } #main #header #hed_right #nav1 a:hover { text-decoration: underline; color: #67c323; } #main #header #hed_right #nav1 a.select { color: #67c323; } #main #header #hed_right #nav1 p { color: #e5f7fb; display: inline; margin-left: 10px; } #main #header #hed_right #nav1 p a { margin: 0px !important; } #main #header #hed_right #nav1 p span { display: inline-block; margin-right: 5px; } #main #header #hed_right #nav1 p img { position: relative; margin-top: -4px; margin-bottom: -8px; } #main #header #hed_right #menu { font-family: 'ColaborateThinRegular'; letter-spacing: -1px; text-transform: uppercase; font-size: 20px; clear: right; float: right; width: 100%; line-height: 75px; margin-top: 5px; } #main #header #hed_right #menu:hover a { color: transparent; text-shadow: 0 0 2px #FFF; /*color: #FFF\0/; opacity:0.2\0/; filter:alpha(opacity=20)\0/;*/ } /*html > body #menu:hover a { color: #FFF; opacity:0.2; filter:alpha(opacity=20); }*/ #main #header #hed_right #menu li { float: left; list-style: none; margin-left: 10px; } #main #header #hed_right #menu a { color: #fee15f; display: block; text-decoration: none; padding-left: 5px; } #main #header #hed_right #menu a span { padding-right: 5px; display: block; } #main #header #hed_right #menu a span span { display: block; padding: 0px 18px; padding-top: 7px; } #main #header #hed_right #menu a:hover, #main #header #hed_right #menu a.select { color: #FFF; background: url("../images/nav_cr1.png") no-repeat left top; text-shadow: 1px 1px 1px #999; opacity: 1 !important; filter: alpha(opacity=100) !important; } #main #header #hed_right #menu a:hover span, #main #header #hed_right #menu a.select span { background: url("../images/nav_cr2.png") no-repeat right top; } #main #header #hed_right #menu a:hover span span, #main #header #hed_right #menu a.select span span { background: url("../images/nav_hover.png") repeat-x; } #main #body { float: left; font-family: Georgia, "Times New Roman", Times, serif; width: 100%; margin-top: 20px; } #main #body #index_box1 { float: left; width: 410px; margin-top: 40px; margin-left: 25px; color: #4c4b4b; line-height: 18px; padding: 20px; background: url("../images/txt_bg1.png"); } #main #body #index_box1 h2 { font-family: 'Colaborate-RegularRegular'; font-size: 78px; line-height: 58px; color: #50aa00; font-weight: normal; } #main #body #index_box1 h3 { font-family: 'Colaborate-ThinRegular'; font-size: 24px; color: #000; font-weight: normal; line-height: normal !important; margin-bottom: 10px; } #main #body #index_box1 h4 { font-family: 'Colaborate-ThinRegular'; font-size: 24px; color: #000; font-weight: normal; line-height: normal !important; margin-top: 10px; } #main #body #index_box1 h4 a { color: #418c02; text-decoration: none; } #main #body #index_box1 h4 a:hover { color: #285800; } #main #body #index_box1 h4 a img { float: right; margin-right: -25px; } #main #body #index_box2 { float: right; width: 420px; margin-top: 40px; margin-right: 30px; color: #4c4b4b; line-height: 18px; } #main #body #index_box2 h2 { height: 111px; margin-bottom: 5px; } #main #body #index_box2 h2 img { float: right; margin-right: -15px; } #main #body #index_box2 #index_box2mdl { padding: 20px; background: url("../images/txt_bg1.png"); } #main #body #index_box2 #index_box2mdl h3 { font-family: 'Colaborate-ThinRegular'; font-size: 30px; color: #000; font-weight: normal; line-height: normal !important; } #main #body #index_box2 #index_box2mdl h4 { font-family: 'CalibriBold'; font-size: 36px; color: #50aa00; font-weight: normal; line-height: normal !important; margin-bottom: 5px; } #main #body #index_box2 #index_box2mdl .arrow_01 { float: right; margin-right: -25px; } #main #body #index_box2 #index_box2mdl p span { float: left; } #main #footer { z-index: 1000; font-size: 11px; position: absolute; width: 100%; left: 0px; bottom: 0px; padding: 6px 0px; background: url("../images/bg-black.png"); } #main #footer span { float: left; margin-left: 10px; } #main #footer label { float: right; margin-right: 10px; } #main #footer label img { float: right; position: relative; margin-left: 5px; margin-top: -1px; } .clear { clear: both; } /***************************************************************/ #body_middle { line-height: 18px; width: 645px; padding: 30px; margin: 0px auto; margin-top: 55px; margin-bottom: 80px; background: url("../images/txt_bg1.png"); } #body_middle ul { margin-top: 20px; } #body_middle ul li { list-style: none; padding-left: 22px; padding-bottom: 7px; background: url("../images/true_icon1.png") no-repeat; } #body_middle h2 { font-family: 'CalibriBold'; font-size: 78px; line-height: 58px; color: #FFFFFF; margin-bottom: 19px; font-weight: normal; text-transform: uppercase; position: relative; margin-top: -86px; margin-left: -30px; } #body_middle h3 { font-family: 'Colaborate-RegularRegular'; font-size: 28px; color: #000; font-weight: normal; line-height: normal; margin-bottom: 5px; } #body_middle h4 { font-family: 'Colaborate-RegularRegular'; font-size: 26px; color: #418c02; font-weight: normal; line-height: normal; margin-bottom: 25px; margin-top: 10px; padding-bottom: 15px; background: url("../images/brd_01.png") repeat-x left bottom; } #body_middle .box_holder { float: left; width: 945px; margin-top: 3px; margin-bottom: 17px; padding-bottom: 37px; background: url("../images/brd_01.png") repeat-x left bottom; } #body_middle .box_holder .room_box1 { float: left; width: 297px; margin-right: 23px; } #body_middle .box_holder .room_box1 img { padding: 2px; padding-bottom: 21px; background: url("../images/shd_01.png") no-repeat; } #body_middle .box_holder h5 { font-family: 'Colaborate-RegularRegular'; font-size: 22px; color: #000; font-weight: normal; margin-bottom: 8px; } #body_middle .box_holder2 { float: left; width: 945px; } #body_middle .box_holder2 h5 { font-family: 'Colaborate-RegularRegular'; font-size: 22px; color: #000; font-weight: normal; margin-bottom: 8px; } #body_middle .box_holder2 .room_box2 { float: left; width: 100%; margin-bottom: 15px; } #body_middle .box_holder2 .room_box2 img { float: left; margin-right: 15px; padding: 1px; padding-bottom: 15px; background: url("../images/shd_05.png") no-repeat; } #contact_body { line-height: 18px; width: 945px; padding: 30px; margin: 0px auto; margin-top: 55px; margin-bottom: 80px; background: url("../images/txt_bg1.png"); } #contact_body h2 { font-family: 'CalibriBold'; font-size: 78px; line-height: 58px; color: #FFFFFF; margin-bottom: 19px; font-weight: normal; text-transform: uppercase; position: relative; margin-top: -86px; margin-left: -30px; } #contact_body #contact_left { float: left; width: 620px; text-align: justify; } #contact_body #contact_left h3 { font-family: 'Colaborate-RegularRegular'; font-size: 28px; color: #000000; font-weight: normal; line-height: normal; margin-bottom: 8px; } #contact_body #contact_left h4 { font-family: 'Colaborate-RegularRegular'; font-size: 28px; color: #191919; font-weight: normal; line-height: normal; margin-bottom: 15px; padding-bottom: 15px; background: url("../images/brd_01.png") repeat-x left bottom; } #contact_body #contact_left h5 { font-family: 'Colaborate-RegularRegular'; font-size: 25px; color: #3c8600; font-weight: normal; line-height: normal; margin-bottom: 15px; margin-top: 15px; padding-bottom: 15px; background: url("../images/brd_01.png") repeat-x left bottom; } #contact_body #contact_left h6 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #50aa00; font-weight: normal; margin-bottom: 10px; } #contact_body #contact_left ul { margin-top: 3px; } #contact_body #contact_left ul li { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; list-style: none; padding-left: 18px; padding-top: 9px; background: url("../images/true_icon1.png") no-repeat left bottom; } #contact_body #contact_left .frm_box1 { color: #368100; float: left; width: 297px; margin-bottom: 15px; } #contact_body #contact_left .frm_box2 { color: #368100; float: right; width: 297px; margin-bottom: 15px; } #contact_body #contact_left .frm_box3 { color: #368100; float: right; width: 100%; margin-bottom: 15px; } #contact_body #contact_left .lcn_box1 { font-size: 11px; line-height: 15px; float: left; width: 300px; margin-bottom: 25px; } #contact_body #contact_left .lcn_box1 img { padding: 2px; padding-bottom: 28px; background: url("../images/shd_02.png") no-repeat left top; } #contact_body #contact_left .lcn_box2 { font-size: 11px; line-height: 15px; float: left; width: 100%; } #contact_body #contact_left .lcn_box2 img { float: left; padding: 2px; padding-bottom: 28px; background: url("../images/shd_03.png") no-repeat left top; } #contact_body #contact_left .lcn_box2_right { float: right; width: 370px; } #contact_body #contact_left .rom_box1 { width: 100%; padding-bottom: 20px; } #contact_body #contact_left .rom_box1 img { margin-bottom: 8px; border: 2px #FFF solid; } #contact_body #contact_left .rom_box1 p span { float: right; } #contact_body #contact_right { float: right; width: 300px; } #contact_body #contact_right h3 { font-family: 'Colaborate-RegularRegular'; font-size: 28px; color: #439d00; font-weight: normal; line-height: normal; margin-bottom: 0px !important; margin-top: 0px; padding-bottom: 15px; background: url("../images/brd_01.png") repeat-x left bottom; } #contact_body #contact_right h4 { font-family: 'Colaborate-RegularRegular'; font-size: 28px; color: #131313; font-weight: normal; line-height: normal; margin-bottom: 0px; margin-top: 23px; padding-bottom: 15px; background: url("../images/brd_01.png") repeat-x left bottom; } #contact_body #contact_right .box_01 { width: 280px; padding: 9px; background: #eeefed; border: 1px #fcfcfc solid; } #contact_body #contact_right .box_01 a { color: #666; text-decoration: none; } #contact_body #contact_right .box_01 a:hover { text-decoration: underline; } #contact_body #contact_right .box_02 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic; width: 280px; padding: 9px; background: #e5e5e5; border: 1px #fcfcfc solid; position: relative; margin-bottom: 31px; } #contact_body #contact_right .box_02 p { text-align: right; } #contact_body #contact_right .box_02 a { font-family: Georgia, "Times New Roman", Times, serif; color: #999; font-size: 11px; font-weight: bold; text-decoration: none; } #contact_body #contact_right .box_02 a:hover { color: #666; text-decoration: underline; } #contact_body #contact_right .box_02 a:hover { color: #666; text-decoration: underline; } #contact_body #contact_right .box_03 { text-align: justify; font-style: italic; width: 280px; padding: 9px; background: #e5e5e5; border: 1px #fcfcfc solid; } #contact_body #contact_right .box_03 .news1 { font-style: normal; width: 280px; padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px #8a8a8a dashed; } #contact_body #contact_right .box_03 .news1 img { float: left; margin-right: 8px; border: 1px #FFF solid; } #contact_body #contact_right .box_03 .news1 a { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #439d00; text-decoration: none; } .terms h5 { padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 5px !important; background: none !important; } #online_booking { font-family: Georgia, "Times New Roman", Times, serif; padding: 25px; } #online_booking h5 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color: #2f6b01; } #online_booking .txt_01 { font-weight: bold; padding-bottom: 2px; padding-top: 18px; } a.read_more { color: #FFF; text-decoration: none; line-height: 24px; display: inline-block; padding-left: 8px; padding-right: 18px; margin-top: 12px; background: #50aa00 url("../iamges/arrow_02.gif") no-repeat right top; } a.read_more2 { float: right; color: #FFF; text-decoration: none; line-height: 24px; display: inline-block; padding-left: 8px; padding-right: 18px; margin-top: -4px; background: #50aa00 url("../images/arrow_02.gif") no-repeat right top; } a.read_more3 { float: right; clear: right; color: #FFF; text-decoration: none; line-height: 24px; display: inline-block; padding-left: 8px; padding-right: 18px; margin-top: 8px; background: #50aa00 url("../images/arrow_02.gif") no-repeat right top; } a.read_more4 { color: #FFF; text-decoration: none; line-height: 24px; display: inline-block; padding-left: 8px; padding-right: 18px; margin-top: 8px; background: #50aa00 url("../images/arrow_02.gif") no-repeat right top; } .flt_right { float: right !important; margin-right: 0px; } .price { font-family: Arial, Helvetica, sans-serif; font-size: 13px; float: right; font-weight: bold; display: inline-block; margin-top: 10px; } .price strong { font-size: 18px; color: #50aa00; } /**********************************************/ .img_01 { border: 1px #fcfcfc solid; margin-bottom: 8px; } .img_02 { position: relative; margin-bottom: -1px; margin-right: 4px; } .img_03 { position: absolute; bottom: -30px; left: 20px; } /*******************************************************/ .input_01 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; width: 290px; padding: 0px 3px; height: 30px; background: #FFF; border: 1px #949494 solid; margin-top: 4px; } .input_02 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; width: 614px; padding: 0px 3px; height: 180px; background: #FFF; border: 1px #949494 solid; margin-top: 4px; } .input_03 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; width: 348px; padding: 5px 5px; height: 30px; background: #e3e3e3; border: 1px #949494 solid; margin-top: 4px; } .input_04 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; width: 342px; padding: 0px 3px; height: 29px; background: #e3e3e3; border: 1px #949494 solid; margin-top: 4px; } .submit_01 { float: right; } .reset_01 { font-family: Georgia, "Times New Roman", Times, serif; float: left; cursor: pointer; background: none; margin-top: 12px; } /**************************************************************/ @font-face { font-family: 'Colaborate-RegularRegular'; src: url("../fonts/colabreg_0-webfont.eot"); src: url("../fonts/colabreg_0-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/colabreg_0-webfont.woff") format("woff"), url("../fonts/colabreg_0-webfont.ttf") format("truetype"), url("../fonts/colabreg_0-webfont.svg#Colaborate-RegularRegular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Colaborate-ThinRegular'; src: url("../fonts/colabthi_0-webfont.eot"); src: url("../fonts/colabthi_0-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/colabthi_0-webfont.woff") format("woff"), url("../fonts/colabthi_0-webfont.ttf") format("truetype"), url("../fonts/colabthi_0-webfont.svg#Colaborate-ThinRegular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'CalibriBold'; src: url("../fonts/calibrib-webfont.eot"); src: url("../fonts/calibrib-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/calibrib-webfont.woff") format("woff"), url("../fonts/calibrib-webfont.ttf") format("truetype"), url("../fonts/calibrib-webfont.svg#CalibriBold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'ColaborateLightRegular'; src: url("../fonts/colablig_0-webfont.eot"); src: url("../fonts/colablig_0-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/colablig_0-webfont.woff") format("woff"), url("../fonts/colablig_0-webfont.ttf") format("truetype"), url("../fonts/colablig_0-webfont.svg#ColaborateLightRegular") format("svg"); font-weight: normal; font-style: normal; }