@charset "utf-8";

body { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #847C52; text-align: center; background: #8CC2DE; }

#pageborder { margin: auto; width: 970px; background: url(../images/tpt-images/pageborder_bkg.gif) repeat-y; text-align: left; }

#page { width: 960px; margin: auto; }
#pagebottom { background: url(../images/tpt-images/page_bottom.gif); height: 5px; margin: auto; width: 970px; }


#header { width: 100%; height: 190px; position: relative; }
#header  .language { height: 30px; color: #FFFFFF; padding: 0; position: absolute; right: 0px; top: 0px; }
#header  .language ul { padding: 0px; margin: 0px; list-style-type: none; }
#header  .language li { padding: 0px; margin: 0px; list-style-type: none; display: inline; }
#header  .language a { color: #FFFFFF; text-decoration: none; padding: 5px 15px 5px 25px; display: block; float: left; margin: 0px; height: 18px; font-size: 12px; font-weight: bold; }
#header   .language  a.en { background: url(../images/tpt-images/lang-icon-en.gif) no-repeat left; }
#header    .language   a.sp { background: url(../images/tpt-images/lang-icon-sp.gif) no-repeat left; }
#header    .language a:hover, #header .language a:active,#header .language a:focus { text-decoration: underline; }

#navigation { width: 100%; background: url(../images/tpt-images/menu_bkg.gif) repeat-x; height: 29px; border-top: 1px solid #FFFFFF; font-size: 130%; border-bottom: 2px solid #FF0080; font-weight: bold; }

#navigation .menu { height: 29px; color: #FFFFFF; padding: 0px; width: 100%; float: left; }

#navigation ul { padding: 0px 25px; margin: 0px; list-style-type: none; }

#navigation li { padding: 0px; margin: 0px; list-style-type: none; display: inline; }

#navigation a { color: #FFFFFF; text-decoration: none; padding: 5px 10px 5px 55px; display: block; float: left; margin: 0px; height: 19px; background: url(../images/tpt-images/menu-divider.gif) no-repeat left top; }
#navigation   li:first-child a { background: none; }
#navigation   a:hover, #navigation a:active,#navigation a:focus { color: #B1E2B8; text-decoration: underline; }

#contents { width: 100%; margin: 0px; padding: 0px; background: url(../images/tpt-images/contents_bkg.jpg) repeat-y top; overflow: hidden; }
#leftmenu { color: #224080; font-size: 120%; font-weight: bold; margin-bottom: 20px; text-align: left; }
#leftmenu ul { margin: 0 0 0 -10px; padding: 0; }
#leftmenu  li { margin: 0px; padding: 3px 3px 3px 20px; list-style: none; background: url(../images/tpt-images/left_menu_bullet.gif) no-repeat left; }
#ranacontainer     { position: relative; }
#ranacontainer .rana    { position: absolute; background: url(../images/tpt-images/rana.png); height: 100px; width: 91px; left: 107px; bottom: -25px; }
.gigertop { background: url(../images/tpt-images/gin-dtl-top.gif); height: 29px; width: 100%; }

.gigngerbot { background: url(../images/tpt-images/gin-dtl-bot.gif); height: 29px; width: 100%; clear: both; z-index: 1; position: relative; }



#column1 { width: 190px; float: left; }

#column2 { width: 190px; float: right; }

#column3 { margin-right: 190px; margin-left: 190px; }

.clear { clear: both; }

.content1 { padding: 20px 40px 20px 20px; margin: 0px 0px 10px; color: #224080; text-align: center; }

.content2 { padding: 20px 20px 20px 40px; overflow: hidden; clear: both; margin: 0px 0px 10px; }

.content3 { padding: 15px; overflow: hidden; }
.contenthome { padding: 20px; overflow: hidden; }
.contenthome  blockquote { color: #806239; font-style: italic; font-weight: bold; text-align: center; margin: 10px 0; font-size: 95%; }
.home_frame { background: url(../images/home-frame.jpg) no-repeat; height: 335px; width: 480px; padding: 30px; text-align: left; }
.tucan { background: url(../images/tpt-images/tucan.png); position: absolute; height: 112px; width: 187px; bottom: 55px; left: 20px; z-index: 0; }


#footer { background: url(../images/tpt-images/menu_bkg.gif) repeat-x; height: 29px; font-size: 80%; color: #FFFFFF; border-top: 2px solid #FF0080; position: relative; }

#footer .info { padding: 8px; float: left; }

#footer p { padding: 0; }

#footer a { color: #FFFFFF; }
#footer  a:hover, #footer  a:active, #footer a:focus { }

#footer .grafika { float: right; padding: 8px; }

.ver_mas_text { font-size: 80%; text-align: right; }

.ver_mas_img { background: url(../images/tpt-images/mas.gif) no-repeat; height: 13px; width: 154px; float: right; position: relative; overflow: hidden; margin-right: 10px; margin-top: 20px; }

.ver_mas_img span { display: none; }

h1, h2, h3, h4, h5, h6 { margin: 0px 0px 0.5em; padding: 0px 0px 0em; font-weight: bold; color: #008045; }

h1 { font-size: 166.67%; }
h2 { font-size: 150%; color: #CC6600; }
h3 { font-size: 133.37%; }
h4 { font-size: 120%; color: #CC6600; }
h5 { font-size: 110%; }
h6 { font-size: 100%; color: #CC6600; }

.align_left { float: left; padding: 0px 10px 10px 0px; display: inline-block; }
.align_right { float: right; padding: 0px 0px 10px 10px; display: block; }
.align_center { margin: auto; width: 100%; }

p { margin: 0px; padding: 0px 0px 10px; }

a { text-decoration: none; color: #003366; }

a:visited { color: #003366; }
a:hover, a:active, a:focus { color: #006437; text-decoration: underline; }

#home-link { position: absolute; width: 165px;    /* width of the logo */ height: 150px; float: left; }

#home-link span { display: none; }

li { list-style: url(../images/bullet.gif); margin: 0px; padding: 0px; }

ul { margin-top: 0px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; }
.cottage_desc { padding-bottom: 5px; color: #000066; font-size: 80%; }
.cottage_desc img { border: 1px solid #009900; margin: 0; padding: 0; }
hr  { border: 1px solid #009900; margin: 10px 0; padding: 0; clear: both; }
.rates_content  { text-align: center; }
img  { border: none; }
.reserve  { text-align: center; margin: auto; width: 300px; height: 30px; background: url(../images/tpt-images/menu_bkg.gif) repeat-x; }


.reserve a { display: block; padding: 7px; color: #FFFFFF; font-size: 14px; font-weight: bold; }