html { min-height: 100%; margin-bottom: 1px; }
body { margin: 0px auto; font: 12px Arial,Tahoma; color: #000; background-color:#6F98E7; }
img { border: 0px; display: block; }
table { border: 0px; border-collapse: collapse; }
table td { padding: 0px; vertical-align:top; }

#layout { position: relative; margin: 0px auto; width: 780px; height: auto; text-align: left; }

#nav { background-color:#FFF; margin: 0px auto; text-align:center; width:765px; height:16px; }
#nav a { font: bold 12px Arial,Tahoma; color:#E06818; text-decoration: none; }
#nav a:hover { color:#888888; text-decoration: underline; }
#nav #i_left { background: url('imgs/i_left.jpg'); width:14px; vertical-align:top; }
#nav #i_right { background: url('imgs/i_right.jpg'); width:12px; vertical-align:top; }

#index {width:780px; vertical-align:top; }
#index #i_top { width:780px; height:501px; border:0px; }
#index #i_btm { width:780px; height:61px; border:0px; }


#pages {width:780px; vertical-align:top;}
#pages #top {width:780px; height:30px; border:0px;}
#pages #head { background: url('imgs/head.jpg') no-repeat; width:780px; height:139px; vertical-align:bottom; text-align:center; border:0px; }
#pages #foot { width:780px; height:61px; border:0px;}
#pages #btm { width:780px; height:23px; border:0px;}
#pages .left { background: url('imgs/left.jpg'); width:14px; vertical-align:top;}
#pages .right { background: url('imgs/right.jpg'); width:12px; vertical-align:top; }
#pages .content { background: url('imgs/bkgSand.jpg') repeat; position: bottom; width: 754px; vertical-align:top; }
#pages .surf { background: url('imgs/bkgSurf.jpg') no-repeat; width: 754px; vertical-align:top; }
#pages #aloha {width:254px;height:49px; border:0px; }
#pages #condos {width:254px;height:49px;border:0px; }
#pages #amenities {width:254px;height:49px;border:0px; }
#pages #contact {width:254px;height:49px;border:0px; }
#pages #activities #name {width:254px;height:49px;border:0px; }
#pages #activities img {width:75px;height:58px;border:1px solid #000; }
#pages #panorama {width:700px;height:269px;border:1px solid #000; }
#pages #location {width:254px;height:49px;border:0px; }

#pages imgs { width: 200px; height:120px; border:0px; vertical-align:top; }

#t_nav a { color:#3D5D96; text-decoration: none; }
#t_nav a:hover { color:#FFF; text-decoration: underline; }

#ds { margin: 0px auto; font-size: 11px; color: #456EBE; width: 760px; padding-left:20px; } 
#ds a { text-decoration: none; color: #456EBE; }
#ds a:hover { text-decoration: underline; color: #888888; }


.textareabox { font-family: Arial,Verdana; font-size: 11px; border-left: 1px solid black; border-top: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; }
.selectbox { font-family: Arial,Verdana; font-size: 11px; }
.inputbox { font-family: Arial,Verdana; font-size: 11px; border-left: 1px solid black; border-top: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; }
.inputbutton { font-family: Arial,Verdana; font-size: 11px; font-weight: bold; background-color: #CCCCCC; border-left: 1px solid black; border-top: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; cursor: pointer; }

a { text-decoration: none; color: #E06818; }
a:hover { text-decoration: underline; color: #888888; }