body
{
margin:0px;
background:rgb(56,56,56);
font:normal 12px verdana, arial, sans-serif;
}

table
{
font-size:100%;
}

div#container
{
display:block;
clear:both;
width:100%;
margin:auto;
}

div#header
{
display:block;
clear:both;
width:100%;
height:150px;
padding-top:15px;
background:rgb(64,64,64);
}

div#header img.logo
{
display:block;
width:750px;
height:120px;
margin:auto;
}

div#navigationbg
{
display:block;
clear:both;
color:rgb(240,124,81);
height:53px;
width:100%;
background: url(../images/nav-bg.jpg) 2px left repeat-x;
}

div#navigation
{
display:block;
clear:both;
height:53px;
width:950px;
margin:auto;
}

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

div#navigation ul li
{
display:inline;
}

div#navigation ul li a
{
display:block;
float:left;
color:rgb(255,255,255);
text-decoration:none;
padding:15px 30px 12px 30px;
font:normal 20px 'century gothic';
}

div#navigation ul li a.selected,
div#navigation ul li a:hover
{
background:rgb(220,220,220) url(../images/nav-selected-bg.jpg) top left repeat-x;
border-bottom:3px solid rgb(232,136,62);
}

div#navigation ul li a.selected
{
color:white;
}

div#mainpicturecontainer
{
display:block;
clear:both;
width:100%;
background: rgb(80,80,80);
padding-top:20px;
padding-bottom:20px;
}

div#mainpicture
{
display:block;
clear:both;
width:950px;
padding:15px 15px 15px 15px;
margin:auto;
margin-bottom:5px;
background:rgb(50,50,50);
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

div#mainpicture div.mainimglmsg
{
width:950px;
height:350px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border:1px solid rgb(200,200,200);
background:rgb(255,255,255) url(../images/loading.gif) center center no-repeat;
}

div#mainpicture div.mainimg
{
width:950px;
height:350px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
background: url(../images/mainpic.jpg) top left no-repeat;
}

div#mainpicture div.floatingtxt
{
display:block;
clear:both;
float:right;
width:346px;
height:230px;
margin:25px;
margin-right:15px;
padding:7px;
color:rgb(255,255,255);
background-image:url(../images/mainpicmsgbg.png);
border:1px solid rgb(75,75,75);
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
}

div#contentcontainer
{
display:block;
clear:both;
width:100%;
background: url(../images/hpg-gradient-bg.png) top left repeat-x;
border-top:1px solid rgb(80,80,80);
padding-top:20px;
}

div#contentcontainer table#content
{
width:980px;
height:800px;
margin:auto;
}

div#contentcontainer table td.leftnarrow
{
width:260px;
padding:0px;
}

div#contentcontainer table td.left
{
width:760px;
padding:0px;
}

div#contentcontainer table#content td.rightwide table#features,
div#contentcontainer table#content td.left table#features
{
width:720px;
margin:auto;
margin-bottom:25px;
}

div#contentcontainer table#content td.rightwide table#features td div.margin,
div#contentcontainer table#content td.left table#features td div.margin
{
padding:0px 9px 0px 9px;
margin-right:20px;
background:rgb(204,204,204);
}

div#contentcontainer table#content td.rightwide table#features td div.margin,
{
margin-right:0px;
}

div#contentcontainer table#content td.rightwide div#featureditemframeimg,
div#contentcontainer table#content td.left div#featureditemframeimg
{
display:block;
clear:both;
width:700px;
height:220px;
background-color:rgb(255,255,255);
}

div#contentcontainer table#content td.rightwide div#featureditemframeimg div#featureditemframe,
div#contentcontainer table#content td.left div#featureditemframeimg div#featureditemframe
{
display:block;
clear:both;
width:700px;
height:220px;
background: url(../images/featureditemframe.png) top left no-repeat;
}

div#contentcontainer table#content td.rightwide div#featureditemframeimg div#featureditemframe div.paging,
div#contentcontainer table#content td.left div#featureditemframeimg div#featureditemframe div.paging
{
display:block;
clear:both;
float:left;
width:680px;
margin-top:190px;
text-align:right;
}

div#contentcontainer table#content td.rightwide div#featureditemframeimg div#featureditemframe div.paging a,
div#contentcontainer table#content td.left div#featureditemframeimg div#featureditemframe div.paging a
{
display:block;
float:right;
padding:5px 10px 5px 10px;
margin-right:3px;
color:rgb(255,255,255);
background:rgb(50,50,50);
text-decoration:none;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
}

div#contentcontainer table#content td.rightwide div#featureditemframeimg div#featureditemframe div.paging a.selected,
div#contentcontainer table#content td.rightwide div#featureditemframeimg div#featureditemframe div.paging a:hover,
div#contentcontainer table#content td.left div#featureditemframeimg div#featureditemframe div.paging a.selected,
div#contentcontainer table#content td.left div#featureditemframeimg div#featureditemframe div.paging a:hover
{
background:rgb(255,100,50);
}

div#contentcontainer table#content td.rightwide table#features td div.trcs,
div#contentcontainer table#content td.left table#features td div.trcs
{
width:720px;
height:10px;
background: url(../images/tcrs_g.png) top left no-repeat;
}

div#contentcontainer table#content td.rightwide table#features td div.brcs,
div#contentcontainer table#content td.left table#features td div.brcs
{
width:720px;
height:10px;
background: url(../images/bcrs_g.png) top left no-repeat;
}

div#contentcontainer table td.rightwide div.margin,
div#contentcontainer table td.left div.margin
{
padding:3px 9px 3px 9px;
margin-right:20px;
background:rgb(255,255,255);
}

div#contentcontainer table td.rightwide div.margin,
{
margin-right:0px;
}

div#contentcontainer table td.rightwide div.margin table.colsep,
div#contentcontainer table td.left div.margin table.colsep
{
width:100%;
height:700px;
}

div.orangetxtblock
{
display:block;
clear:both;
padding:7px 10px 10px 10px;
background:rgb(245,200,170);
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

div.orangetxtblock p
{
margin-top:3px;
margin-bottom:10px;
}

div#contentcontainer table td.rightwide div.trcs,
div#contentcontainer table td.left div.trcs
{
height:10px;
background: url(../images/tcrs.png) bottom left no-repeat;
}

div#contentcontainer table td.rightwide div.brcs,
div#contentcontainer table td.left div.brcs
{
height:10px;
background: url(../images/bcrs.png) top left no-repeat;
}

div#contentcontainer table td.rightwide div.hmaincontent,
div#contentcontainer table td.left div.hmaincontent
{
display:block;
clear:both;
margin-bottom:25px;
}

div#contentcontainer table td.right
{
width:220px;
padding:0px;
}

div#contentcontainer table td.rightwide
{
width:720px;
padding:0px;
}

div#contentcontainer table td.leftnarrow div#testimonials,
div#contentcontainer table td.right div#testimonials
{
display:block;
clear:both;
width:214px;
padding:12px;
background:rgb(160,160,160);
margin-bottom:25px;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
}

div#contentcontainer table td.leftnarrow div#testimonials div.txt,
div#contentcontainer table td.right div#testimonials div.txt
{
display:block;
clear:both;
width:190px;
padding:12px;
margin:auto;
font-size:12px;
color:rgb(120,120,120);
background:rgb(235,235,235);
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-bottom-right-radius:0px;
-moz-border-radius-bottomright:0px;
-webkit-border-bottom-right-radius:0px;
}

div#contentcontainer table td.leftnarrow div#testimonials div.sbb,
div#contentcontainer table td.right div#testimonials div.sbb
{
display:block;
clear:both;
width:214px;
height:20px;
margin:auto;
padding-top:5px;
color:rgb(255,255,255);
background: url(../images/speachbubblebottom.gif) top right no-repeat;
}

div#contentcontainer table td.leftnarrow div#testimonials div.sbb p,
div#contentcontainer table td.right div#testimonials div.sbb p
{
margin:0px;
padding:0px;
}

div#contentcontainer table td.leftnarrow div.buttons,
div#contentcontainer table td.right div.buttons
{
display:block;
clear:both;
}

div#contentcontainer table td.leftnarrow div.buttons img,
div#contentcontainer table td.right div.buttons img
{
clear:both;
margin-bottom:10px;
}

div#footerbg
{
display:block;
clear:both;
height:80px;
width:100%;
border-top:5px solid rgb(255,140,64);
background: url(../images/footer-bg.jpg) top left repeat-x;
}

div#footer
{
display:block;
clear:both;
width:980px;
height:70px;
margin:auto;
margin-top:10px;
font-size:11px;
color:rgb(255,255,255);
}

div#footer table.footer
{
width:100%;
}

div#footer a
{
text-decoration:none;
color:rgb(225,120,44);
}

div#footer a:hover
{
text-decoration:underline;
color:rgb(255,100,50);
}

a:link,
a:visited
{
text-decoration:none;
color:rgb(255,100,50);
}

a:hover
{
text-decoration:underline;
}

h2.orng
{
color:rgb(255,100,50);
margin-top:5px;
font-size:24px;
}

h1,h2,h3,h4,h5,h6
{
margin-top:7px;
font-family:'century gothic', arial, sans-serif;
}

h1
{
font-size:32px;
}

h2
{
font-size:28px;
}

h3
{
font-size:22px;
}

h4
{
font-size:18px;
}

div.villafilter
{
background:rgb(232,232,232);
border:1px solid rgb(200,200,200);
margin:10px auto 10px auto;
padding:7px;
width:97%;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
}

table.villasgrid
{
width:100%;
}

table.villasgrid td
{
padding:0px;
width:33.3%;
text-align:center;
font-family:'century gothic';
}

table.villasgrid td div.bg
{
background:rgb(232,232,232);
border:3px solid rgb(200,200,200);
margin:10px auto 10px auto;
padding-top:5px;
width:95%;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
}

table.villasgrid td img
{
width:200px;
height:120px;
border:4px solid rgb(200,200,200);
margin-bottom:10px;
}

table.villasgrid td div.details
{
display:block;
clear:both;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
height:180px;
}

table.villasgrid td h3
{
font-size:16px;
margin:0px;
margin-bottom:10px;
}

table.villasgrid td div.descrip
{
font-size:11px;
margin-top:0px;
text-align:left;
}

table.villasgrid td a
{
color:rgb(75,75,75);
text-decoration:none;
}

table.villasgrid td a:hover
{
text-decoration:underline;
}

table.villasgrid td a.learnmore
{
display:block;
clear:both;
float:right;
margin-top:3px;
margin-bottom:5px;
font-weight:bold;
font-size:11px;
color:rgb(255,100,50);
}

table.villadetailgrid
{
width:100%;
height:500px;
}

table.villadetailgrid td.left
{
padding:0px;
width:75%;
background: rgb(130,130,130) url(../images/detail-content-bg.gif) top left no-repeat;
}

table.villadetailgrid td.left div.margin
{
display:block;
clear:both;
margin:10px;
margin-right:0px;
padding-right:10px;
}

table.villadetailgrid td.right
{
padding:0px;
width:25%;
}

table.villadetailgrid td.right ul
{
margin:0px;
margin-top:12px;
padding:0px;
list-style-type:none;
}

table.villadetailgrid td.right ul li 
{
}

table.villadetailgrid td.right ul li a
{
display:block;
padding:5px 10px 5px 10px;
border-bottom:1px solid rgb(80,80,80);
background: url(../images/tabbg.png) top left repeat-y;
color:rgb(235,122,75);
font-size:14px;
font-weight:bold;
}

table.villadetailgrid td.right ul li a.selected
{
display:block;
padding:5px 10px 5px 10px;
border-bottom:1px solid rgb(80,80,80);
background: url(../images/tabbgsel.png) top left repeat-y;
color:rgb(255,255,255);
font-size:14px;
font-weight:bold;
}

div.accordianheading
{
display:block;
clear:both;
padding:7px;
padding-left:35px;
font-size:24px;
font-weight:bold;
font-family:'century gothic';
color:rgb(255,255,255);
background:rgb(232,136,62) url(../images/dblarrowdown.png) 7px 12px no-repeat;
margin-bottom:5px;
cursor:pointer;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
}

div.accordianheadingselected
{
display:block;
clear:both;
padding:7px;
padding-left:35px;
font-size:24px;
font-weight:bold;
font-family:'century gothic';
color:rgb(255,255,255);
background:rgb(232,136,62) url(../images/dblarrowup.png) 7px 12px no-repeat;
margin-bottom:5px;
cursor:pointer;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
}

div.accordianpanel
{
display:block;
clear:both;
margin-bottom:5px;
}

div#contactdetails
{
width:100%;
height:20px;
padding-top:5px;
text-align:center;
text-decoration:none;
}

div#contactdetails a
{
text-decoration:none;
}

div#contactdetails a:hover
{
text-decoration:underline;;
color:white;
}

form#contact div.sep
{
margin-bottom:10px;
width:100%;
display:block;
float:left;
clear:both;
}

form#contact div.sep label
{
font-family:verdana;
display:block;
color:rgb(75,75,75);
}

span.red
{
color:rgb(240,124,81);
}

form#contact input[type = "text"]
{
width:300px;
}

select.selectsize
{
width:163px;
}

form#contact div.sep input[type="text"], 
form#contact div.sep textarea, 
form#contact div.sep select, 
form#contact input[type="text"]
{
display:block;
float:left;
font:normal 12px arial, sans-serif;
border:1px solid rgb(200,200,200);
background: rgb(240,240,240);
}

.formbutton
{
cursor:pointer;
padding:1px;
font-size:90%;
font-weight:bold;
color:rgb(62,63,64);
background: url(../images/button.jpg) repeat-x left top;
border: none;
width:116px;
height:32px;
}

/*** Next/Prev Page Navigation ***********/

.prevnext{
padding: 2px;
text-align:center;
}

.prevnext ul{
margin: 0;
font-size: 8pt;
}

.prevnext li{
list-style-type: none;
display: inline;
margin:0px 3px 0px 3px;
font-weight: bold;
color: #FFAA00;
cursor:pointer;
}

.prevnext a:link, .prevnext a:visited{
padding:0px 5px 1px 5px;
border: 2px solid rgb(228,115,71);
text-decoration: none; 
color: rgb(228,115,71);
font-size: 8pt;
background-color: rgb(255,215,171);
}

.prevnext a:hover, .prevnext a:active {
border: 1px solid rgb(228,115,71);
color: rgb(228,115,71);
background-color: rgb(255,215,171);
}

.prevnext a.curpg:link, .prevnext a.curpg:visited {
border: 1px solid rgb(228,115,71);
color: rgb(228,115,71);
background-color: rgb(255,215,171);
}

.prevnext a:link, .prevnext a:visited{
padding:0px 5px 1px 5px;
border: 1px solid rgb(228,115,71);
text-decoration: none; 
color: rgb(228,115,71);
font-size: 11px;
background-color: rgb(255,215,171);
}

.prevnext li.disablepage{
padding:0px 5px 1px 5px;
border: 1px solid #929292;
color: #666666;
background-color: #DDDDDD;
cursor:pointer;
}

.prevnext li.disablepage a:hover{
text-decoration: underline; 
}

* html .prevnext li.currentpage, * html .prevnext li.disablepage{
margin-right: 5px;
padding-right: 0px;
}

span.green
{
color:rgb(180,255,190);
}

span.red
{
color:rgb(255,0,0);
}

/*** Mini Pic Scroller ***/


div#minipicscrollerbg
{
display:block;
clear:both;
overflow:hidden;
height:90px;
width:100%;
background:rgb(50,50,50);
}

div#minipicscroller
{
display:block;
clear:both;
overflow:hidden;
height:80px;
width:980px;
margin:auto;
margin-top:5px;
}

div#minipicscroller div#lscroll
{
display:block;
clear:left;
overflow:hidden;
float:left;
width:10%;
height:80px;
}

div#minipicscroller div#lscroll img
{
margin:7px;
}

div#minipicscroller div#minipics
{
display:block;
clear:none;
overflow:hidden;
float:left;
width:80%;
height:80px;
}

div#minipicscroller div#minipics div#minipicslist
{
display:block;
clear:none;
height:80px;
}

div#minipicscroller div#minipics div#minipicslist img
{
display:inline;
color:rgb(255,255,255);
margin-top:10px;
margin-left:5px;
margin-right:5px;
height:60px;
width:100px;
border:1px solid white;
}

div#minipicscroller div#rscroll
{
display:block;
clear:right;
overflow:hidden;
float:left;
text-align:right;
width:10%;
height:80px;
}

div#minipicscroller div#rscroll img
{
margin:7px;
}