@charset "utf-8";
* {margin:0px; padding:0px; }
body { margin:0; padding:0; width:100%; background:#e1f3fa; background-image:url(http://www.pineapplepoint.com/images/pp_wallpaper_1.jpg); background-position: center 508px; background-repeat:no-repeat; }
html { padding:0; margin:0; }
/* main */
.main { width:100%; padding:0; margin:0 auto; }
/********** header **********/
.header { background:#f0fff0; background-image:url(http://www.pineapplepoint.com/images/pp_header_wallpaper.jpg); background-position:center top; background-repeat: no-repeat; padding:0; margin:0 auto; }
.block_header { margin:0 auto; width:1000px; height: 90px; padding:0; border:none; }
/* logo */
.logo { float:left; padding:0; margin:0 0 0 20px; width:300px; }
/* header_click */
.header_click { float:right; margin-right:2px; margin-top: 6px; background-color:#F0fff0; }
.header_click p { padding:0; margin:0; font: normal 11px Arial, Helvetica, sans-serif; color:#000; line-height:1.4em; }
.header_click a { text-decoration:none; color:#8b8b8b; font: italic 11px Arial, Helvetica, sans-serif; }
.header_click img { margin:0px; padding:0; float:left; }
/* menu */	
.menu_resize { width:640px; background:url(http://www.pineapplepoint.com/images/menu_bg.gif) right top no-repeat; padding:0; margin:30px 2px 0 0; float:right; }
.menu { float:right; padding:0; margin:0;}
.menu ul { text-align: right; padding:0 6px 0 0; margin:0; list-style:none; border:0; float:left; }
.menu ul li { float:left; margin:0; padding:0 4px; border:0; }/* space between menu items */
.menu ul li a { float:left; margin:0; padding:14px 0; color:#777; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none; }
.menu ul li a span { padding:14px 4px; background:none; } /* padding on either side of menu item */
.menu ul li a:hover { color:#fefefe; background: url(http://www.pineapplepoint.com/images/r_menu.gif) no-repeat right; }
.menu ul li a:hover span { color:#fefefe; background:url(http://www.pineapplepoint.com/images/l_menu.gif) no-repeat left; }
.menu ul li a.active { color:#fefefe; background:url(http://www.pineapplepoint.com/images/r_menu.gif) no-repeat right; }
.menu ul li a.active span { color:#fefefe; background:url(http://www.pineapplepoint.com/images/l_menu.gif) no-repeat left; }
/* header_top*/ 
.header_top { height:419px; background-position:top center; background-color: #4b675f; margin:0; padding:0; }
.header_top_resize { width:980px; margin:0; padding:0; }
.header_top_resize h2 { width:300px; float:left; margin:0; padding:40px 0 0 60px; font: normal 30px Arial, Helvetica, sans-serif; color:#fff; }
.header_top_resize p { width:400px; float:right; margin:0; padding:40px 0 0 0; font: normal 13px Arial, Helvetica, sans-serif; color:#818181; }
/*FBG*/
/*
.FBG { background:  url(http://www.pineapplepoint.com/images/FBG_bg.gif) top repeat-y; padding:0; width:940px; margin:0 auto;}
.FBG_top { background: url(http://www.pineapplepoint.com/images/FBG_top.gif) top no-repeat; margin:0px auto; padding:10px 0px;}
.FBG_bottom { height:11px; margin:0; padding:0; width:940px; background: url(http://www.pineapplepoint.com/images/FBG_bottom.gif) bottom no-repeat;}
*/
.FBG { padding:10px 0; width:980px; margin:0 auto; }
.FBG img.rec { float: right; margin:10px; padding:0; }
.FBG h2.rec { font: bold 22px Arial, Helvetica, sans-serif; line-height: 1em; color:#999; padding:10px; margin:0; line-height:1.2em; }
.FBG h2.rec span { font: bold 12px Arial, Helvetica, sans-serif; color:#888; }

/********** block index **********/
.body { margin:0; padding:0 0 20px 0; }
.body_resize { width:978px; margin:0 auto; padding:0; background: transparent; background-image:url(http://www.pineapplepoint.com/images/body_resize_bkgd_top.png); background-repeat:no-repeat; border:none; }
.body_resize h1 { font:normal 32px Georgia, "Times New Roman", Times, serif; color:#3a3a3a; padding:5px 5px 15px 15px; margin:0; line-height:1.3em; }
.body_resize h1 span { font: normal 11px Arial, Helvetica, sans-serif; color:#8f8f8f;  }
.body_resize h2 { font:normal 22px Georgia, "Times New Roman", Times, serif; color:#3a3a3a; padding:5px 5px 15px 15px; margin:0; }
.body_resize h2 span { font: normal 11px Arial, Helvetica, sans-serif; color:#8f8f8f; }
.body_resize h3 { font:normal 18px Georgia, "Times New Roman", Times, serif; color:#3a3a3a; padding:3px 3px 4px 12px; margin:0; }
.body_resize p { font:normal 12px Arial, Helvetica, sans-serif; color:#565656; padding:5px 15px; margin:0; line-height:1.8em; }
.body_resize p span {color:#555555;}
.body img.full {border: 1px solid #e8e6e6; padding: 5px; background-color:#ffffff;}
.body_resize p.test { color:#b93e04; font: bold 11px Arial, Helvetica, sans-serif; padding:0; margin:0; }
.body_resize a { color:#8F3692; text-decoration:none; font: bold 12px Arial, Helvetica, sans-serif; }
.body_resize a:hover {text-decoration:underline;}
.left ul { list-style:none; margin:10px 0 10px 15px; padding:0; width:260px; float:left; }
.left li {background:url(http://www.pineapplepoint.com/images/ul_li.gif) left no-repeat; padding:2px 0 2px 25px; margin:0; font:  normal 12px Arial, Helvetica, sans-serif; color:#4a98ac; line-height:1.8em; }
.body_resize img { float:left; margin:5px 10px; padding:0; }
.body_resize img.floated { float:right; margin:15px 5px; padding:0; }
.right { width:371px; float:right; margin:0; padding:10px 10px; }
.right_bg { background:#ffffff; border:1px solid #e8e6e6; padding:10px; margin:14px auto; }
.right img.thumb {border: 1px solid #e8e6e6; padding: 3px; background-color:#ffffff;}
.right img.header {border: 1px solid #e8e6e6; padding: 3px;}
.left { width:555px; float:left; margin:0; padding:10px 15px; }
.bottom { width:978px; height: 46px; background-image:url(http://www.pineapplepoint.com/images/body_resize_bkgd_bottom.png); float:left; margin:0 ;}
.full_b { margin:0; padding:10px 15px; }
.blog { width:250px; float:left; margin:0; padding:10px 5px; }
.blog_bg { float:left; background:#f7faf9; border:1px solid #e8e6e6; padding:10px 0; margin:10px 5px; width:265px; }
.blog img.thumb {border: 1px solid #e8e6e6; padding: 3px; background-color:fff;}
.blog_bg img.thumb {border: 1px solid #e8e6e6; padding: 3px; background-color:fff;}
.photos { width:970px; float:left; margin:0; padding:10px 15px; }
.gallery_bg { float:left; background:#f7faf9; border:1px solid #e8e6e6; padding:10px 0; margin:10px 5px; width:934px; }
.gallery img.thumb {border: 1px solid #e8e6e6; padding: 3px; background-color:fff;}
.gallery_bg img.thumb {border: 1px solid #e8e6e6; padding: 2px; background-color:fff; margin:2px;} /* margin determines space between thumbnails */
.gallery_bg li {display:inline;padding:2px 0 2px 0px; margin:0 0 0 0; font:  normal 12px Arial, Helvetica, sans-serif; color:#4a98ac; line-height:1.8em; }
.gallery_bg ul {list-style:none; margin:10px 0 10px 10px; padding:0 0 0 14px; width:910px; float:left; } /* padding left determines indentation of block of thumbnails */
.links a {font:normal 18px Georgia, "Times New Roman", Times, serif; color:#4b675f; padding:3px 3px 4px 12px; margin:0; }
.links a:hover {text-decoration:underline;}
.form_bg { float:left; background:#f7faf9; border:1px solid #e8e6e6; padding:10px 0; margin:10px 5px; width:550px; }
.map_bg { float:left; background:#f7faf9; border:1px solid #e8e6e6; padding:20px 20px; margin:10px 5px; width:500px; }
.massage_bg { float:left; background:#f7faf9; border:1px solid #e8e6e6; padding:10px 0; margin:10px 5px; width:550px; }
.massage_bg img.thumb {border: 1px solid #e8e6e6; padding: 3px; background-color:fff;}
.mailing_list_bg { float:left; background:#f7faf9; border:1px solid #e8e6e6; padding:10px 0; margin:5px 10px 10px 10px; width:338px; }



/********** contact form **********/
.form { float:left; width:550px; margin:5px auto; padding:20px 0 0 0; background:#f7faf9; border:1px solid #e8e6e6; }
/********** contact form **********/
#contactform { margin:0; padding:5px 10px; }
#contactform * {color:#7a7a7a;}
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; }
#contactform li.buttons { margin:5px 0 5px 0; }
#contactform label { float:left; margin:0; width:100px; padding:5px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#2b2b2b; text-transform:capitalize; }
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif; }
#contactform input.text { width:420px; border:1px solid #ececec; margin:5px 0; padding:5px 2px; height:15px; background:#fff; }
#contactform textarea { width:420px; border:1px solid #ececec; margin:10px 0; padding:2px; background:#fff; height:150px; }
#contactform li.buttons input { padding:3px 0; margin:0 0 0 100px; border:0; color:#FFF; }
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto; }

/************* FOOTER **********/
.footer_resize { width:980px; min-height: 60px; margin:0 auto; padding:10px 0; background-image: url(http://www.pineapplepoint.com/images/footer_bg.png); background-color:transparent; background-repeat:no-repeat; line-height:1.4em }
.footer { padding:0 0 20px 0; margin:0; }
.footer p { font:normal 10px Arial, Helvetica, sans-serif; line-height: 1.4em; color:#fff; }
.footer a { font:normal 12px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; padding:5px; margin:0; }
.footer a:hover {text-decoration:underline;}
.footer p.leftt { text-align:left; line-height: 1.5em; width:75%; margin:0; padding:5px 0 0 15px; float:left; }
.footer p.rightt { text-align:right; line-height: 1.2em; width:20%; margin:0; padding:10px 15px 0 0; float:right; }
p.clr, .clr { clear:both; padding:0; margin:0; background:none; }

/******* SLIDESHOW MAIN ************/
#slider { width: 100%; height: 419px; float: left; margin: 0; }
#slider h3 { font-weight: normal; color: #fff; font-size: 24px; width: 215px; float: left; }
#slider span.author { float: right; text-align: right; width: 120px; font-size: 12px; color: #000; margin-top: 8px; }
div#slideshow { float: left; width: 100%; height: 419px; }
.slider-item { width: 100% !important; height: 419px; }
.slider_center { width: 960px; margin-left: auto; margin-right: auto; }
.slider_content { float: left; margin-top: 80px; width: 400px; height: 195px; position: relative; background-image:url(http://www.pineapplepoint.com/images/slider_content_wallpaper.png); background-repeat:no-repeat; }
.slider_content_inner { float: left; width: 400px; padding: 15px; }
.slider_content .small { float: left; width: 400px; padding: 15px; }
.slider_content_inner h2 { font:normal 44px/1.7em Georgia, "Times New Roman", Times, serif;}
.slider_content_inner p { margin: 10px 0px 8px 0px; float: left; clear: both; width: 380px; display: block; font:normal 14px/1.2em Arial, Helvetica, sans-serif;}
.slider_content_inner h2.simple_1 { color: #000;}
.slider_content_inner p.simple_1 { color: #000000;}
.slider_content_inner h2.simple_2 { color: #000;}
.slider_content_inner p.simple_2 { color: #000;}
.slider_content_inner h2.simple_3 { color: #000;}
.slider_content_inner p.simple_3 { color: #000;}
.slider_content_inner h2.simple_4 { color: #000000;}
.slider_content_inner p.simple_4 { color: #000;}
.slider_content_inner h2.simple_5 { color: #000000;}
.slider_content_inner p.simple_5 { color: #000;}
.slider_content_inner h2.simple_6 { color: #000000;}
.slider_content_inner p.simple_6 { color: #000;}
.slider_content_inner img { border: none; }
.controls-center { width: 960px; margin-left: auto; margin-right: auto; }
#slider_controls { float: right; position: relative; top: -15px; margin:0px; z-index: 1000; width:960px;}
#slider_controls ul { margin: 0 auto; padding: 0; width:118px;}
#slider_controls ul li { margin: 0; padding: 0; list-style: none; }
#slider_controls ul li { float: left; display: block; }
#slider_controls ul li a { width: 11px; height: 11px; background:url(http://www.pineapplepoint.com/images/slider_nav_normal.gif) no-repeat center center; display: block; float: left; padding: 2px; margin:2px; outline: none; }
#slider_controls ul li a:focus { outline: none; }
#slider_controls ul li a:hover,
#slider_controls ul li a.activeSlide {background:url(http://www.pineapplepoint.com/images/slider_nav_active.gif) no-repeat center center; }

/******* SLIDESHOWS ROOMS ************/

#slider_room { width: 100%; height: 144px; float: left; margin: 0 0 28px 0; }
div#slideshow_room { float: left; width: 100%; height: 144px; }
.slider-item_room { width: 100% !important; height: 144px; }

#slider_room2 { width: 100%; height: 144px; float: left; margin: 0 0 28px 0; }
div#slideshow_room2 { float: left; width: 100%; height: 144px; }
.slider-item_room2 { width: 100% !important; height: 144px; }

#slider_room3 { width: 100%; height: 144px; float: left; margin: 0 0 28px 0; }
div#slideshow_room3 { float: left; width: 100%; height: 144px; }
.slider-item_room3 { width: 100% !important; height: 144px; }

#slider_room4 { width: 100%; height: 144px; float: left; margin: 0 0 28px 0; }
div#slideshow_room4 { float: left; width: 100%; height: 144px; }
.slider-item_room4 { width: 100% !important; height: 144px; }

#slider_room5 { width: 100%; height: 144px; float: left; margin: 0 0 28px 0; }
div#slideshow_room5 { float: left; width: 100%; height: 144px; }
.slider-item_room5 { width: 100% !important; height: 144px; }