/* CSS Document */ body { margin: 0; padding: 0; background-color: #F8F0FF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #46285A; } b { color: #727868; } a { text-decoration: underline; color: #888A84; } a:hover { text-decoration: none; color: #888A84; } #page { position: relative; width: 1035px; margin-left: auto; margin-right: auto; } #page #top { position: relative; width: 1035px; height: 127px; } #page #top #logo { position: absolute; width: 235px; height: 127px; background: url(graphics/logo.gif) no-repeat; } #page #top #logo h1 { margin: 0; padding: 0; } #page #top #logo h1 a { display: block; width: 235px; height: 127px; } #page #top #logo h1 span { display: none; } #page #top #topcontact { position: absolute; left: 235px; width: 800px; height: 127px; background: url(graphics/topLongBG.gif) no-repeat; } #page #top #topcontact #info { position: absolute; left: 451px; top: 95px; } #page #top #topcontact #info h1 { margin: 0; padding: 0; } #page #top #topcontact #info h1 a { display: block; width: 337px; height: 12px; } #page #top #topcontact #info #span { font-family: Verdana, Arial, Helvetica, sans-serif; color: #3F4138; font-size: 11px; font-weight: bold; text-align: right; width: 337px; height: 17px; margin-top: 2.5px; } #page #mid { position: relative; width: 1035px; background: url(graphics/mid_bg.gif) repeat-y; padding-bottom: 50px; } #page #mid #left { position: relative; float: left; width: 235px; } #page #mid #left #navigation { position: relative; float: left; margin: 0; padding: 0; } #page #mid #left #navigation #navtop { width: 235px; height: 34px; background: url(graphics/leftNavTop.gif) no-repeat; background-position: top; } #page #mid #left #navigation #buttonlist { position: relative; width: 235px; background-color: #727868; padding-bottom: 50px; } #page #mid #left #buttonlist table { position: relative; width: 235px; margin: 0; padding: 0; } #page #mid #left #buttonlist table td { width: 235px; height: 34px; margin: 0; padding: 0; } /* home nav */ #page #mid #left #buttonlist table td a#homeSelected { display: block; width: 235px; height: 31px; background: url(graphics/leftNav/home_Marked.jpg) no-repeat; } #page #mid #left #buttonlist table td a#homeSelected:hover { background: url(graphics/leftNav/home_Marked.jpg) no-repeat; } #page #mid #left #buttonlist table td a#homeNonSelected { display: block; width: 235px; height: 31px; background: url(graphics/leftNav/home_Unmarked.jpg) no-repeat; } #page #mid #left #buttonlist table td a#homeNonSelected:hover { background: url(graphics/leftNav/home_hover.jpg) no-repeat; } /* accommo nav */ #page #mid #left #buttonlist table td a#accommoSelected { display: block; width: 235px; height: 31px; background: url(graphics/leftNav/accommo_Marked.jpg) no-repeat; } #page #mid #left #buttonlist table td a#accommoSelected:hover { background: url(graphics/leftNav/accommo_Marked.jpg) no-repeat; } #page #mid #left #buttonlist table td a#accommoNonSelected { display: block; width: 235px; height: 31px; background: url(graphics/leftNav/accommo_Unmarked.jpg) no-repeat; } #page #mid #left #buttonlist table td a#accommoNonSelected:hover { background: url(graphics/leftNav/accommo_hover.jpg) no-repeat; } /* rates nav */ #page #mid #left #buttonlist table td a#ratesSelected { display: block; width: 235px; height: 31px; background: url(graphics/leftNav/rates_Marked.jpg) no-repeat; } #page #mid #left #buttonlist table td a#ratesSelected:hover { background: url(graphics/leftNav/rates_Marked.jpg) no-repeat; } #page #mid #left #buttonlist table td a#ratesNonSelected { display: block; width: 235px; height: 31px; background: url(graphics/leftNav/rates_Unmarked.jpg) no-repeat; } #page #mid #left #buttonlist table td a#ratesNonSelected:hover { background: url(graphics/leftNav/rates_hover.jpg) no-repeat; } /* facilities nav */ #page #mid #left #buttonlist table td a#facilitiesSelected { display: block; width: 235px; height: 31px; background: url(graphics/leftNav/facilities_Marked.jpg) no-repeat; } #page #mid #left #buttonlist table td a#facilitiesSelected:hover { background: url(graphics/leftNav/facilities_Marked.jpg) no-repeat; } #page #mid #left #buttonlist table td a#facilitiesNonSelected { display: block; width: 235px; height: 31px; background: url(graphics/leftNav/facilities_Unmarked.jpg) no-repeat; } #page #mid #left #buttonlist table td a#facilitiesNonSelected:hover { background: url(graphics/leftNav/facilities_hover.jpg) no-repeat; } /* location nav */ #page #mid #left #buttonlist table td a#locationSelected { display: block; width: 235px; height: 31px; background: url(graphics/leftNav/location_Marked.jpg) no-repeat; } #page #mid #left #buttonlist table td a#locationSelected:hover { background: url(graphics/leftNav/location_Marked.jpg) no-repeat; } #page #mid #left #buttonlist table td a#locationNonSelected { display: block; width: 235px; height: 31px; background: url(graphics/leftNav/location_Unmarked.jpg) no-repeat; } #page #mid #left #buttonlist table td a#locationNonSelected:hover { background: url(graphics/leftNav/location_hover.jpg) no-repeat; } /* contact nav */ #page #mid #left #buttonlist table td a#contactSelected { display: block; width: 235px; height: 31px; background: url(graphics/leftNav/contact_Marked.jpg) no-repeat; } #page #mid #left #buttonlist table td a#contactSelected:hover { background: url(graphics/leftNav/contact_Marked.jpg) no-repeat; } #page #mid #left #buttonlist table td a#contactNonSelected { display: block; width: 235px; height: 31px; background: url(graphics/leftNav/contact_Unmarked.jpg) no-repeat; } #page #mid #left #buttonlist table td a#contactNonSelected:hover { background: url(graphics/leftNav/contact_hover.jpg) no-repeat; } /* job nav */ #page #mid #left #buttonlist table td a#jobSelected { display: block; width: 235px; height: 31px; background: url(graphics/leftNav/job_Marked.jpg) no-repeat; } #page #mid #left #buttonlist table td a#jobSelected:hover { background: url(graphics/leftNav/job_Marked.jpg) no-repeat; } #page #mid #left #buttonlist table td a#jobNonSelected { display: block; width: 235px; height: 31px; background: url(graphics/leftNav/job_Unmarked.jpg) no-repeat; } #page #mid #left #buttonlist table td a#jobNonSelected:hover { background: url(graphics/leftNav/job_hover.jpg) no-repeat; } /* photo nav */ #page #mid #left #buttonlist table td a#photoSelected { display: block; width: 235px; height: 31px; background: url(graphics/leftNav/photo_Marked.jpg) no-repeat; } #page #mid #left #buttonlist table td a#photoSelected:hover { background: url(graphics/leftNav/photo_Marked.jpg) no-repeat; } #page #mid #left #buttonlist table td a#photoNonSelected { display: block; width: 235px; height: 31px; background: url(graphics/leftNav/photo_Unmarked.jpg) no-repeat; } #page #mid #left #buttonlist table td a#photoNonSelected:hover { background: url(graphics/leftNav/photo_hover.jpg) no-repeat; } /* guest nav */ #page #mid #left #buttonlist table td a#guestSelected { display: block; width: 235px; height: 31px; background: url(graphics/leftNav/guest_Marked.jpg) no-repeat; } #page #mid #left #buttonlist table td a#guestSelected:hover { background: url(graphics/leftNav/guest_Marked.jpg) no-repeat; } #page #mid #left #buttonlist table td a#guestNonSelected { display: block; width: 235px; height: 31px; background: url(graphics/leftNav/guest_Unmarked.jpg) no-repeat; } #page #mid #left #buttonlist table td a#guestNonSelected:hover { background: url(graphics/leftNav/guest_hover.jpg) no-repeat; } /* video nav */ #page #mid #left #buttonlist table td a#videoSelected { display: block; width: 235px; height: 31px; background: url(graphics/leftNav/video_marked.jpg) no-repeat; } #page #mid #left #buttonlist table td a#videoSelected:hover { background: url(graphics/leftNav/video_marked.jpg) no-repeat; } #page #mid #left #buttonlist table td a#videoNonSelected { display: block; width: 235px; height: 31px; background: url(graphics/leftNav/video_unmarked.jpg) no-repeat; } #page #mid #left #buttonlist table td a#videoNonSelected:hover { background: url(graphics/leftNav/video_hover.jpg) no-repeat; } /* other_services nav */ #page #mid #left #buttonlist table td a#samui-InfoSelected { display: block; width: 235px; height: 31px; background: url(graphics/leftNav/samui-info_Marked.jpg) no-repeat; } #page #mid #left #buttonlist table td a#samui-InfoSelected:hover { background: url(graphics/leftNav/samui-info_Marked.jpg) no-repeat; } #page #mid #left #buttonlist table td a#samui-InfoNonSelected { display: block; width: 235px; height: 31px; background: url(graphics/leftNav/samui-info_Unmarked.jpg) no-repeat; } #page #mid #left #buttonlist table td a#samui-InfoNonSelected:hover { background: url(graphics/leftNav/samui-info_hover.jpg) no-repeat; } /* press nav */ #page #mid #left #buttonlist table td a#pressSelected { display: block; width: 235px; height: 31px; background: url(graphics/leftNav/press_Marked.jpg) no-repeat; } #page #mid #left #buttonlist table td a#pressSelected:hover { background: url(graphics/leftNav/press_Marked.jpg) no-repeat; } #page #mid #left #buttonlist table td a#pressNonSelected { display: block; width: 235px; height: 31px; background: url(graphics/leftNav/press_Unmarked.jpg) no-repeat; } #page #mid #left #buttonlist table td a#pressNonSelected:hover { background: url(graphics/leftNav/press_hover.jpg) no-repeat; } /* package nav */ #page #mid #left #buttonlist table td a#packageSelected { display: block; width: 235px; height: 31px; background: url(graphics/leftNav/packagedeals_Marked.jpg) no-repeat; } #page #mid #left #buttonlist table td a#packageSelected:hover { background: url(graphics/leftNav/packagedeals_Marked.jpg) no-repeat; } #page #mid #left #buttonlist table td a#packageNonSelected { display: block; width: 235px; height: 31px; background: url(graphics/leftNav/packagedeals_Unmarked.jpg) no-repeat; } #page #mid #left #buttonlist table td a#packageNonSelected:hover { background: url(graphics/leftNav/packagedeals_hover.jpg) no-repeat; } #page #mid #content { position: relative; float: left; width: 800px; background: url(graphics/mid_top.gif) no-repeat; background-position: top; background-color: #FAF7F5; } #page #mid #content #maincontent { position: relative; width: 748x; padding: 34px 0px 60px 40px; } #page #mid #content #maincontent #header { width: 720px; margin: 0; padding: 0; } #page #mid #content #maincontent #header span { display: none; } #page #mid #content #maincontent #frontFlashcontainer { position: relative; float: left; width: 760px; height: 205px; margin: 0; padding: 0; } #page #mid #content #maincontent #frontFlashcontainer span { display: none; } #page #mid #content #maincontent #frontinfo { position: relative; float: left; width: 539px; /*height: 180px;*/ padding: 25px 15px 20px 0px; margin: 0; border-right: solid 1px #727868; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; } #page #mid #content #maincontent #photo { position: relative; width: 760px; height: 400px; margin: 0; padding: 0; } #page #mid #content #maincontent #photo #photoleft { position: relative; float: left; } #page #mid #content #maincontent #photo #photoinfo { position: relative; width: 210px; height: 330px; margin: 0; padding: 10px 10px 20px 0px; } #page #mid #content #maincontent #photo #slideshowhandlers { position: relative; width: 220px; margin: 0; padding: 0; } #page #mid #content #maincontent #photo #photoslideshowcontainer { position: relative; float: right; width: 540px; height: 400px; } #page #mid #content #maincontent #frontfocus { position: relative; float: left; width: 205px; margin: 0; margin-left: 0px; } #page #mid #content #maincontent #frontfocus ul { list-style-type: none; margin: 0; padding: 25px 0px 0px 0px; height: 35px; } #page #mid #content #maincontent #frontfocus ul li { display: inline; margin: 0; padding: 0; } #page #mid #content #maincontent #frontfocus ul li span { display: none; margin: 0; margin-left: 0px; } #page #mid #content #maincontent #contentcontainer { position: relative; float: left; width: 720px; padding: 0; margin: 0px 20px 0px 0px; } #page #mid #content #maincontent #contentcontainer #accommo { padding: 0; margin: 0; } #page #mid #content #maincontent #contentcontainer #accommo #textinfo { position: relative; float: left; width: 290px; margin: 0; padding-right: 30px; } #page #mid #content #maincontent #contentcontainer #accommo #photocontainer { width: 400px; float: left; margin-bottom: 5px; padding: 0; } #page #mid #content #maincontent #contentcontainer #samuiinfo { padding: 0; margin: 0; } #page #mid #content #maincontent #contentcontainer #samuiinfo table { width: 720px; border-style: none; } #page #mid #content #maincontent #contentcontainer #samuiinfo table td.submenu { width: 165px; margin: 0; padding: 0; vertical-align: top; } #page #mid #content #maincontent #contentcontainer #samuiinfo table td.submenu span.submenu_introtext { display: block; width: 155px; margin: 0; padding: 10px 5px 0px 5px; font-size: 10px; } #page #mid #content #maincontent #contentcontainer #samuiinfo table td.trans { width: 20px; margin: 0; padding: 0; background: url(graphics/spacer_20x20px.gif) no-repeat; } #page #mid #content #maincontent #contentcontainer #samuiinfo table td.text { width: 720px; padding-bottom: 25px; vertical-align: top; } #page #mid #content #maincontent #contentcontainer #samuiinfo table td.subheader { width: 720px; margin: 0; padding-bottom: 5px; height: 22px; } #page #mid #content #maincontent #contentcontainer #samuiinfo table.golf { width: 720px; border-style: none; } #page #mid #content #maincontent #contentcontainer #samuiinfo table.golf td.a { width: 200px; vertical-align: top; padding-bottom: 5px; font-weight: bold; } #page #mid #content #maincontent #contentcontainer #samuiinfo table.golf td.b { width: 520px; vertical-align: top; padding-bottom: 5px; } #page #mid #content #maincontent #contentcontainer #samuiinfo table.boating td.b { width: 520px; vertical-align: top; padding-bottom: 5px; } #page #mid #content #maincontent #contentcontainer #samuiinfo table.boating { width: 520px; padding: 0px; margin-top: 0px; border: 1px solid #727868; border-collapse: collapse; background-color: #fff; } #page #mid #content #maincontent #contentcontainer #samuiinfo table.boating th { text-align: left; color: #46285A; background-color: #CCCCCC; border: 1px solid #727868; height: 30px; padding-left: 10px; } #page #mid #content #maincontent #contentcontainer #samuiinfo table.boating td { text-align: left; color: #46285A; border: 1px solid #727868; height: 30px; padding-left: 10px; } #page #mid #content #maincontent #contentcontainer #samuiinfo table.boating td.c { text-align: center; } #page #mid #content #maincontent #contentcontainer #samuiinfo table td.date { background-color: #C5BE97; text-align: center; } #page #mid #content #maincontent #contentcontainer #samuiinfo table.cars { width: 720px; border-style: none; margin-top: 20px; } #page #mid #content #maincontent #contentcontainer #samuiinfo table.cars tr.car { height: 100px; } #page #mid #content #maincontent #contentcontainer #samuiinfo table.cars td.car-photo { width: 160px; vertical-align: bottom; border-bottom: 1px solid #727868; } #page #mid #content #maincontent #contentcontainer #samuiinfo table.cars td.car-info { width: 560px; vertical-align: bottom; padding-left: 10px; padding-bottom: 10px; border-bottom: 1px solid #727868; } #page #mid #content #maincontent #contentcontainer #testimonials { width: 740px; padding: 0; margin: 0; } #page #mid #content #maincontent #contentcontainer table.rates { width: 720px; padding: 0px; margin-top: 0px; border: 1px solid #727868; border-collapse: collapse; background-color: #fff; } #page #mid #content #maincontent #contentcontainer table.rates th { text-align: left; color: #46285A; background-color: #CCCCCC; border: 1px solid #727868; height: 20px; padding-left: 10px; } #page #mid #content #maincontent #contentcontainer table.rates td { text-align: left; color: #46285A; border: 1px solid #727868; height: 20px; padding-left: 10px; } #page #mid #content #maincontent #contentcontainer table td.date { background-color: #C5BE97; } #page #mid #content #maincontent #contentcontainer table td.extra { background-color: #D7E4BC; } #page #footer { position: relative; float: left; width: 1035px;/* height: 35px;*/ background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #727868; text-align: right; padding-bottom: 7px; } #page #footer #info { margin: 0; padding: 10px; } #page #footer #info .notetext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #C3B9C8; } #page #footer #info a { text-decoration: underline; color: #888A84; } #page #footer #info a:hover { text-decoration: none; color: #DFD3CA; } #page #mid #content #maincontent #contentcontainer #guestbook { padding: 0; margin: 0; } #page #mid #content #maincontent #contentcontainer #guestbook table.guestbook { background-color: #FAF7F5; width: 500px; border-style: none; } #page #mid #content #maincontent #contentcontainer #guestbook td.1 { width: 300px; } #page #mid #content #maincontent #contentcontainer #guestbook td.2 { width: 200px; } #page #mid #content #maincontent #contentcontainer #guestbook td.3 { width: 500px; } #page #mid #content #maincontent #contentcontainer #guestbook input.textinfo { font-family: Verdana, Arial, Helvetica, sans-serif; size: 12px; color: #727868; width: 194px; margin-bottom: 10px; } #page #mid #content #maincontent #contentcontainer #guestbook input.button { font-family: Verdana, Arial, Helvetica, sans-serif; size: 12px; color: #727868; margin-top: 10px; } #page #mid #content #maincontent #contentcontainer #guestbook textarea { font-family: Verdana, Arial, Helvetica, sans-serif; size: 11px; color: #727868; margin-top: 5px; width: 498px; }