/*************************************************************************
// HTML Customizations
**************************************************************************/

body{
	text-align:center;
	background-color:#897E5E;
	font-size:9pt;
	xfont-family: Georgia, "Times New Roman", Times, serif;
	font-family: Book Antiqua, "Times New Roman", Times, serif;
	margin:0;
	padding:0;
	opacity: 0.99999; 
	-moz-opacity: 0.99999; 
	-khtml-opacity: 0.99999; 
	/*xfilter: alpha(opacity=99); */
}
p{
	font-size:9pt;
	line-height:14pt;
	color:#534826;
    margin-left: 4px;
}
h1{
	font-size:14pt;
	color:#5A8099;
}
h2{
	font-size:12pt;
	color:#5A8099;
}
h3{
	font-size:9pt;
	color:#5A8099;
}
a:link, a:visited{
	color:#5A8099;
	text-decoration:none;
}
a:hover, a:visited:hover{
	color:#897E5E;
	text-decoration:underline;
}

.darkenBackground {
    background-color: black;
    opacity: 0.6; /* Safari, Opera */
    -moz-opacity:0.60; /* FireFox */
    filter: alpha(opacity=60); /* IE */
    z-index: 2;
    height: 100%;
    width: 100%;
    background-repeat:repeat;
    position:fixed;
    top: 0px;
    left: 0px;
    display: none;
}

.titleLeft
{
    font-size:10pt;
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	color:#fff;
	font-weight: bold;
	border-bottom: 1px dotted #fff;
}

/*************************************************************************
// CENTERING
**************************************************************************/
#centering{
	position:relative;
	width:763px;
	height:auto;
	margin:0 auto;
}
#wrapper{
	position:relative;
	width:763px;
	height:auto;
	float:left;
}

/*************************************************************************
// HEADER
**************************************************************************/
#header{
	position:relative;
	width:763px;
	height:228px;
	height:218px;
	height:198px;
	top:-6px;
	background-image:url(../images/bkgd_header.gif);
	background-repeat:no-repeat;
	background-position:0 -27px;
}
.logo{
	position:absolute;
	top:5px;
	left:263px;
	
}

/*************************************************************************
// MAIN NAVIGATION
**************************************************************************/
#mainNav{
	position:absolute;
	top:165px;
	top:155px;
	top:137px;
	top:120px;
	left:0;
	width:763px;
	height:36px;
	}

#mainNav div{
	float:left;
}

#mainNav a{
	display: block;
	text-decoration:none;
	height:36px;
}
#mainNav a img{
	height:36px;
}

#mainNav a.islandLiving{
	width:125px;
	background-image:url(../images/mainNav_islandLiving.gif);
	background-repeat:no-repeat;
	margin-left:74px;
}
#mainNav a.islandLiving:hover{
	background-image:url(../images/mainNav_islandLiving_f2.gif);
}
#mainNav .islandLiving img{
	width:125px;
}

#mainNav a.realEstate{
	width:117px;
	background-image:url(../images/mainNav_realEstate.gif);
	background-repeat:no-repeat;
}
#mainNav a.realEstate:hover{
	background-image:url(../images/mainNav_realEstate_f2.gif);
}
#mainNav .realEstate img{
	width:117px;
}

#mainNav a.theClub{
	width:95px;
	background-image:url(../images/mainNav_theClub.gif);
	background-repeat:no-repeat;
}
#mainNav a.theClub:hover{
	background-image:url(../images/mainNav_theClub_f2.gif);
}
#mainNav .theClub img{
	width:95px;
}

#mainNav a.charleston{
	width:120px;
	background-image:url(../images/mainNav_charleston.gif);
	background-repeat:no-repeat;
}
#mainNav a.charleston:hover{
	background-image:url(../images/mainNav_charleston_f2.gif);
}
#mainNav .charleston img{
	width:120px;
}

#mainNav a.newsEvents{
	width:128px;
	background-image:url(../images/mainNav_newsEvents.gif);
	background-repeat:no-repeat;
}
#mainNav a.newsEvents:hover{
	background-image:url(../images/mainNav_newsEvents_f2.gif);
}
#mainNav .newsEvents img{
	width:128px;
}

/*************************************************************************
// SUB NAVIGATION
**************************************************************************/
#subNav{
	position:absolute;
	height:20px;
	width:763px;
	top:208px;
	top:198px;
	top:178px;
	top:156px;
	left:0;
	background-image:url(../images/bkgd_subNav.gif);
	background-repeat:no-repeat;
	text-align:center;
	z-index: 1;
}

#subNav div{
	display:inline;
	z-index: 1;
}

#subNav a{
	text-decoration:none;
	height:20px;
	background-color:#5A8099;
	z-index: 1;
}


/*************************************************************************
// SITE FORMATING
**************************************************************************/
#homeFlash 
{
    position:absolute;
	height:233px;
	width:763px;
	background: url('../Images/HomePage_Hero.jpg');
	top: 153px;
	left: 0px;
}
#branding{
	position:relative;
	height:233px;
	width:763px;
	top:-12px;
	top:-29px;
}
#branding .photo{
	position:absolute;
	left:0;
	top:0;
}
#branding .intro{
	position:absolute;
	left:0;
	top:0;
	height:213px;
	width:344px;
	background-image:url(../images/bkgd_branding_intro.gif);
	background-repeat:repeat-y;
}

#branding .intro p{
	color:#FFFFFF;
	padding:0;
	margin:0;
	text-align:left;
	font-size:9pt;
	line-height:14pt;
	font-family: Book Antiqua, "Times New Roman", Times, serif;
}
.intro h1{
	/*xcolor:#FFFFFF;*/
	color: #f0ead2;
	text-align:left;
	/*xtext-transform:uppercase;*/
	font-size:11pt;
	padding:0;
	margin:0 0 0 0;
	font-family: Book Antiqua, "Times New Roman", Times, serif;
}	
#mainContent{
	position:relative;
	float:left;
	background-image:url(../images/bkgd_mainContent.gif);
	background-repeat:repeat-y;
	width:763px;
	top:-12px;
	top:-29px;
}
#left{
	position:relative;
	float:left;
	text-align:left;
	width:444px;
	height:auto;
}
/* INNERLEFT AND INNERRIGHT HOLD PADDING SINCE BROWSERS DON'T AGREE ON HOW TO ADD PADDING TO ELEMENTS WITH WIDTH PROPERTY (THEIR PARENTS).
THIS WILL NEED TO BE OVERWRITTEN AT PAGE LEVEL IF ELEMENTS NEED TO EXTEND TO OUTSIDE OF PADDING.  */
#innerLeft{
	position:relative;
	float:left;
	padding:18px 0 8px 40px;
	}
#right{
	position:relative;
	float:left;
	text-align:left;
	width:319px;
	height:auto;
}
#innerRight{
	position:relative;
	float:left;
	padding:14px 35px 8px 13px;
}

.promo{
	position:relative;
	width:271px;
	height:auto;
	padding-left:55px;
}
.promo .controls{
	position:relative;
	width:271px;
	text-align:center;
	margin-top: -5px;
}

/*************************************************************************
// VIDEO PLAYER ELEMENTS
**************************************************************************/
#videoPlayer{
	position:absolute;
	top:140px;
	left:100px;
	width:580px;
	height:428px;
	text-align:left;
	z-index:10;
}

#videoPlayer .videoPlayerTitle 
{
    position: absolute;
    left: 20px;
    top: 13px;
    z-index:12;
    color: #d6d6bf;
    font-size: 10pt;
    font-family: Verdana;
    font-weight: bold;
}

#videoPlayer .videoplayerBackground{
	position:absolute;
	left:0px;
	top:0px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/popUps/videoplayer_background.png');
	width:580px;
	height:428px;
	z-index:2;
}

#videoPlayer .video
{
    position:absolute;
	left:22px;
	top:30px;
	z-index:12;
}

/* FireFox */
#videoPlayer .video EMBED, #interactiveMap .video OBJECT 
{
    position: absolute;
    top: 0px;
    left: 0px;
    width:532px;
	height:363px;
    z-index:13;
}
/*************************************************************************
// PHOTO GALLERY PLAYER ELEMENTS
**************************************************************************/
#photoPlayer{
	position:absolute;
	top:50px;
	left:100px;
	width:601px;
	height:569px;
	text-align:center;
	z-index:10;
	overflow:hidden;
}

#photoPlayer .photoPlayerTitle 
{
    position: absolute;
    left: 20px;
    top: 13px;
    z-index:12;
    color: #d6d6bf;
    font-size: 10pt;
    font-family: Verdana;
    font-weight: bold;
}

#photoPlayer .playerBackground{
	position:absolute;
	left:0px;
	top:0px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/popUps/gallery_background.png');
	width:601px;
	height:569px;
	z-index:2;
}

*HTML .playerBackground img{
	padding-top:700px;
}

#photoPlayerThumbNails 
{
    position:absolute;
    z-index:2;
    top:400px;
    left: 85px;
}

#photoPlayerThumbNails .imgThumb 
{
    margin: 3px;
}

#photoPlayerThumbNails TD
{
    border: solid 1px #828a57;
}  

#photoPlayerThumbNails a:hover .imgThumb{
	filter:alpha(opacity=80);
	opacity:80;
	-moz-opacity:0.8;
}

#photoPlayerPhoto{
	position:absolute;
	top:50px;
	left:60px;
	height:344px;
	width:480px;
	z-index:10;
}

#photoPlayerPhoto img{
	position:relative;
	bottom:0px;
	z-index:10;
	border:8px solid #828a57;
	width: 458px;
	height: 304px;
}

#photoPlayerCaption 
{
    position: absolute;
    bottom: 175px;
    left: 40px;
    width: 515px;
    z-index:20;  
    font-family: Book Antiqua, "Times New Roman", Times, serif; 
    text-align:center; 
    color: #333333;
}

/*************************************************************************
// SIGNATURE HOLES
**************************************************************************/
#signatureHoles 
{
    position:absolute;
    top: 50px;
	left:42px;
	width:684px;
	height:383px;
	z-index:11;
	text-align: left;
}

#signatureHoles .signatureTitle 
{
    position: absolute;
    left: 20px;
    top: 13px;
    z-index:12;
    color: #d6d6bf;
    font-size: 10pt;
    font-family: Verdana;
    font-weight: bold;
}

#signatureHoles .signatureBackground 
{
    position:absolute;
	left:0px;
	top:0px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/popUps/signature_background.png");
	width:684px;
	height:383px;
	z-index:11;
}

#signatureHoles .courseContent
{
    position:relative;
	left:22px;
	top:36px;
	z-index:12;
}

/* FireFox */
#signatureHoles .courseContent EMBED, #signatureHoles .courseContent OBJECT 
{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 316px;
    width: 636px;
    z-index: 13;
}
	
/*************************************************************************
// INTERACTIVE MAP
**************************************************************************/
#interactiveMap 
{
    position:absolute;
    top: 50px;
	left:100px;
	width:601px;
	height:569px;
	z-index:11;
	text-align: left;
}

#interactiveMap .mapTitle 
{
    position: absolute;
    left: 20px;
    top: 13px;
    z-index:12;
    color: #d6d6bf;
    font-size: 10pt;
    font-family: Verdana;
    font-weight: bold;
}

#interactiveMap .mapBackground 
{
    position:absolute;
	left:0px;
	top:0px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/popUps/imap_background.png");
	width:601px;
	height:569px;
	z-index:11;
}

#interactiveMap .mapSelector
{
    position: absolute;
    z-index: 20;
    left: 21px;
    top:36px;
    width: 553px;
    height: 501px;
}

#interactiveMap .iMap
{
    position:relative;
	left:22px;
	top:36px;
	z-index:12;
}

#popMapSelector_North, #popMapSelector_South
{
    position: absolute;
    right:106px;
    top: 4px;
    z-index: 12;
    cursor: pointer;
}

/* FireFox */
#interactiveMap .iMap EMBED, #interactiveMap .iMap OBJECT 
{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 501px;
    width: 551px;
    z-index:13;
}

/*************************************************************************
// REQUEST SHOWING
**************************************************************************/

#requestShowing .requestShowingProperty 
{
    color: #5a8097;
    font-weight: bold;
    font-size: 10pt;
    margin: 5px 0 5px 10px;
}

#requestShowing .emailContent
{
    position: absolute;
    top: 210px;
    left: 40px;
    z-index: 12;
    width: 450px;
    color:#534826;
    font-size:10pt;
}

#requestShowing .requestShowingError
{
    color:Red;
    position: absolute; 
    bottom: 37px; 
    left: 320px;
    z-index: 12;
}

#requestShowing .requestShowingTitle
{
    position: absolute;
    left: 20px;
    top: 13px;
    z-index:12;
    color: #d6d6bf;
    font-size: 10pt;
    font-family: Verdana;
    font-weight: bold;
}

/*************************************************************************
// EMAIL DIRECTIONS
**************************************************************************/
#emailSend 
{
    position:absolute;
    top: 100px;
	left:130px;
	width:511px;
	height:255px;
	z-index:11;
	text-align: left;
}

#emailSend .emailBackground {
	position:absolute;
	left:0px;
	top:0px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/popUps/email_background.png");
	width:511px;
	height:255px;
	z-index:10;
}

#emailSend .emailContent
{
    position: absolute;
    top: 40px;
    left: 40px;
    z-index: 12;
    width: 450px;
}

#emailSend .emailButtons 
{
    position: absolute;
    bottom: 40px;
    left: 40px;
    z-index: 12;
}

/*************************************************************************
// EMAIL TO FRIEND
**************************************************************************/

#emailToFriend 
{
    position:absolute;
	left:130px;
	width:511px;
	height:255px;
	z-index:11;
	text-align: left;
	font-size:10pt;
	color:#534826;
}

#emailToFriend .emailToBackground {
	position:absolute;
	left:0px;
	top:0px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/popUps/emailToFriend_background.png");
	width:511px;
	height:255px;
	z-index:10;
}

#emailToFriend .emailToFriendButtons
{
    position: absolute;
    bottom: 35px;
    left: 40px;
    z-index: 12;
}

#emailToFriend .emailContent
{
    position: absolute;
    top: 40px;
    left: 40px;
    z-index: 12;
    width: 440px;
}

#emailToFriend .emailToErrMsg
{
    color:Red;
    position: absolute; 
    bottom: 41px; 
    left: 320px;
    z-index: 12;
}

/*************************************************************************
// Property POP-UP
**************************************************************************/
.propertyPop
{
    position:absolute;
	left:120px;
	width:511px;
	height:411px;
	z-index:10;
	text-align: left;
}

.propertyPop .propertyPopBG
{
    position:absolute;
	left:0px;
	top:0px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/popUps/portfolioList_background.png");
	width:601px;
	height:496px;
	z-index:11;
}

.propertyPopButtons
{
    position: absolute;
    bottom: 50px;
    left: 40px;
    z-index: 12;
}

.propertyPopClose
{
    position: absolute;
    right:12px;
    top: 4px;
    z-index: 12;
    cursor: pointer;
}

.propertyPopAddress 
{
    position:relative;
    margin: 5px 0 5px 0;
    z-index: 12;
    width: 430px;
    height: 30px;
    color: #5a8097;
    font-weight: bold;
    font-size: 11pt;
    background: url(../Images/popUps/heading_dotted.gif) no-repeat bottom;
}

.propertyDetails 
{
    position: absolute;
    top: 50px;
    left: 40px;
    z-index: 12;
    width: 430px;
	color:#534826;
	font-size:10pt;
}
.propertyDetails IMG 
{
    border: solid 3px white;
    margin-left: 5px;
    width: 126px;
    height: 83px;
    margin-right: 15px;
}

/*************************************************************************
// ADD PROPERTY STYLES
**************************************************************************/
.portfolioAddTitle
{
   position: absolute;
    left: 20px;
    top: 13px;
    z-index:12;
    color: #d6d6bf;
    font-size: 10pt;
    font-family: Verdana;
    font-weight: bold; 
}

.addPropertyNote
{
    position:relative;
    top: 220px;
    left: 40px;
    z-index: 12;
    font-size:10pt;
	color:#534826;
	font-weight: bold;
}

.addPropertyNote TEXTAREA
{
    margin-top: 5px;
    color: #534826;
    border: solid 1px #534826;
}

/*************************************************************************
// PORTFOLIO
**************************************************************************/
#portfolioList 
{
    position:absolute;
	left:100px;
	width:601px;
	height:496px;
	z-index:11;
	text-align: left;
}

#portfolioList .portfolioBackground 
{
    position:absolute;
	left:0px;
	top:0px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/popUps/portfolioList_background.png");
	width:601px;
	height:496px;
	z-index:10;
}

/*HTML .portfolioAddBackground img{
	padding-top:700px;
}
*/
#portfolioList #portfolioListProperties {
    position: absolute;
    bottom: 25px;
    left: 40px;
    z-index: 12;
    width: 540px;
    height: 320px;
}

#portfolioList #portfolioListErr 
{
    position: absolute;
    left: 105px;   
    z-index: 12;
    color: Red;
    font-size: 11pt;
    font-weight: bold;
    top:100px;
}

#portfolioList #portfolioListLeftCom 
{
    position: absolute;
    top: 62px;
    left: 55px;   
    z-index: 12;
}

#portfolioList #portfolioListLeftCom IMG 
{
    padding-bottom: 10px;
}

#portfolioList .portfolioListRightInfo 
{
    position: absolute;
    top: 36px;
    right: 50px;   
    z-index: 12;
    vertical-align: top;
    width: 270px; 
    height: 95px;
    color:#534826;
}

#portfolioList .portfolioListRightInfo P
{
    line-height: 15px;
    padding: 0px;
    margin:15px 0 0 0;
}

#portfolioList .grids {
    width: 530px;
    overflow: auto;
    height: 290px;
}

#portfolioList .items
{
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #624e30;
	width:510px;
}

#portfolioList .comments
{
    float:left;
    text-align: left;
    width: 510px;
    margin-top: 5px;
    color:#534826;
}

#portfolioList .photo{
	float:left;
	width:125px;
}

#portfolioList .details
{
    float:left;
	padding: 0 10px 0 10px;
	width:220px;
	line-height:13pt;
	font-size:9pt;
	color:#534826;
}

#portfolioList .items H1 
{
    border: 0px;
    margin:0;
	padding:0;
	width:300px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	text-transform:uppercase;
}

#portfolioList .buttons 
{
    text-align: left;
    float:right;
    padding-top: 20px;
}

.popUpClose
{
    position: absolute;
    right:12px;
    top: 4px;
    z-index: 12;
    cursor: pointer;
}

/*************************************************************************
// History Player
**************************************************************************/
#historyFlash
{
    position: absolute;
    top: 213px;
    left: 0px;
}

/* FireFox */
#historyFlash .iMap EMBED, #historyFlash .iMap OBJECT 
{
    position: absolute;
    top: 0px;
    left: 0px;
    xheight: 501px;
    xwidth: 551px;
    xz-index:13;
}

/*************************************************************************
// FOOTER
**************************************************************************/
#footer{
	position:relative;
	clear:both;
	width:763px;
	height:60px;
	margin:0 auto;
	border-top:solid white 20px;
	top:-12px;
	top:-29px;
}
#footer #copyright{
	position:absolute;
	left:0;
	top:30px;
	color:#FFFFFF;
	font-size:8pt;
}
#footer .nav{
	position:absolute;
	color:#FFFFFF;
	right:0;
	top:10px;
	font-size:8pt;
}
#footer .mainNav{
	position:absolute;
	color:#FFFFFF;
	left:0;
	top:10px;
	font-size:8pt;
}
#footer .nav a:link, #footer .nav a:visited, #footer .mainNav a:link, #footer .mainNav a:visited, #footer #copyright a:link, #footer #copyright a:visited{
	text-decoration:none;
	color:#FFFFFF;
}
#footer .nav a:hover, #footer .nav a:visited:hover, #footer .mainNav a:hover, #footer .mainNav a:visited:hover, #footer #copyright a:hover, #footer #copyright a:visited:hover{
	text-decoration:none;
	color:#E4CC97;
}