Hi Joshua,
In my opinion I do not believe the read more button is a good idea, but not because of an SEO issue. I don't think it's hurting you because GoogleBot can tell the difference between a div hidden for spam and a div hidden for valid reasons. See this quote :
The goal of our guidelines against hidden text and cloaking are to ensure that a user gets the same information as the Googlebot. However, our definition of webspam is dependent on the webmaster's intent. For example, common sense tells us that not all hidden text means webspam--e.g. hidden DIV tags for drop-down menus are probably not webspam, whereas hidden DIVs stuffed full of unrelated keywords are more likely to indicate webspam.
That being said, I do not think the "Read More" button is a good idea in your particular case for the following reasons :
- Your pages are a bit lacking in content. You should be trying to beefing them up a bit, you are on the right track but could definitely use some improvement. In most cases it seems like the "Read More" button is only hiding one or two sentences.
- If you want the photo section to always be in view I would recommend putting it in the sidebar or somehow off to the side. I am running on a MacBook Pro at 1680x1050 and the "Read More" button is not even on my screen, much less the photos section.
- I can't find any discernable call-to-action on the pages, as a user i'm sort of unsure of the purpose of the site is aside from information. If this is what you intended then more power to you, but it's always good to give the users some kind of action to follow, whether that be contacting you for a brochure, or booking a reservation. Ann Smarty has a great article on how to do this.
If I were in your position I would nix the read more button, go with a 2 column layout and put the call to action in a very obvious spot in a color that stands out. Maybe a big button with text that says "Learn to surf for only $35" or something.
I hope this helped and sorry if my advice was not what you are expecting!